import { DocumentRenderer } from '@/components/document-editor/document-renderer'; import { SignaturePadField } from '@/components/document-editor/signature-pad-field'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Head, router, usePage } from '@inertiajs/react'; import { CheckCircle2, Loader2 } from 'lucide-react'; import * as React from 'react'; import { toast } from 'sonner'; interface PublicDocument { uuid: string; token: string; title: string; category: string | null; mode: 'html' | 'pdf'; source_pdf_url: string | null; body_html: string | null; recipient_name: string; status: string; sent_at: string | null; viewed_at: string | null; signed_at: string | null; sender_signature_url: string | null; sender_stamp_url: string | null; recipient_signature_url: string | null; recipient_stamp_url: string | null; final_pdf_url: string | null; expires_at: string | null; } interface PageProps { document: PublicDocument; flash?: { type?: string; message?: string }; } export default function PublicDocumentSign() { const { document, flash } = usePage().props; const [signature, setSignature] = React.useState(null); const [submitting, setSubmitting] = React.useState(false); React.useEffect(() => { if (flash?.type === 'success' && flash.message) toast.success(flash.message); if (flash?.type === 'error' && flash.message) toast.error(flash.message); }, [flash]); const alreadySigned = document.status === 'signed'; const submit = () => { if (!signature) { toast.error("Veuillez dessiner votre signature avant d'envoyer."); return; } setSubmitting(true); router.post( `/documents/sign/${document.token}`, { signature, stamp: null }, { onFinish: () => setSubmitting(false), }, ); }; return ( <>

Document à signer

{document.title}

Bonjour {document.recipient_name}, merci de relire le document ci-dessous puis de le signer en bas de page.

{alreadySigned && (

Document signé.

{document.signed_at && (

Le {new Date(document.signed_at).toLocaleString('fr-FR')}

)}
)} {/* Document body — read-only renderer, no inline pad (we sign below). */} {document.mode === 'pdf' && document.source_pdf_url ? (