fix: signature flickering during embed

This commit is contained in:
Mythie
2024-10-30 14:30:28 +11:00
parent 7fc497a642
commit 634b30aa54
6 changed files with 36 additions and 28 deletions

View File

@ -367,7 +367,7 @@ export const EmbedDirectTemplateClientPage = ({
className="bg-background mt-2" className="bg-background mt-2"
disabled={isNameLocked} disabled={isNameLocked}
value={fullName} value={fullName}
onChange={(e) => !isNameLocked && setFullName(e.target.value.trim())} onChange={(e) => !isNameLocked && setFullName(e.target.value)}
/> />
</div> </div>
@ -394,13 +394,17 @@ export const EmbedDirectTemplateClientPage = ({
<Card className="mt-2" gradient degrees={-120}> <Card className="mt-2" gradient degrees={-120}>
<CardContent className="p-0"> <CardContent className="p-0">
<SignaturePad <SignaturePad
key={signature}
className="h-44 w-full" className="h-44 w-full"
disabled={isThrottled || isSubmitting} disabled={isThrottled || isSubmitting}
defaultValue={signature ?? undefined} defaultValue={signature ?? undefined}
onChange={(value) => { onChange={(value) => {
setSignature(value); setSignature(value);
}} }}
allowTypedSignature={Boolean(
metadata &&
'typedSignatureEnabled' in metadata &&
metadata.typedSignatureEnabled,
)}
/> />
</CardContent> </CardContent>
</Card> </Card>

View File

@ -247,7 +247,7 @@ export const EmbedSignDocumentClientPage = ({
className="bg-background mt-2" className="bg-background mt-2"
disabled={isNameLocked} disabled={isNameLocked}
value={fullName} value={fullName}
onChange={(e) => !isNameLocked && setFullName(e.target.value.trim())} onChange={(e) => !isNameLocked && setFullName(e.target.value)}
/> />
</div> </div>
@ -273,13 +273,17 @@ export const EmbedSignDocumentClientPage = ({
<Card className="mt-2" gradient degrees={-120}> <Card className="mt-2" gradient degrees={-120}>
<CardContent className="p-0"> <CardContent className="p-0">
<SignaturePad <SignaturePad
key={signature}
className="h-44 w-full" className="h-44 w-full"
disabled={isThrottled || isSubmitting} disabled={isThrottled || isSubmitting}
defaultValue={signature ?? undefined} defaultValue={signature ?? undefined}
onChange={(value) => { onChange={(value) => {
setSignature(value); setSignature(value);
}} }}
allowTypedSignature={Boolean(
metadata &&
'typedSignatureEnabled' in metadata &&
metadata.typedSignatureEnabled,
)}
/> />
</CardContent> </CardContent>
</Card> </Card>

View File

@ -741,8 +741,8 @@ msgstr "Klicken Sie, um den Signatur-Link zu kopieren, um ihn an den Empfänger
#: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175 #: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175
#: apps/web/src/app/(signing)/sign/[token]/form.tsx:115 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:115
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:435 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:439
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:314 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:318
msgid "Click to insert field" msgid "Click to insert field"
msgstr "Klicken Sie, um das Feld einzufügen" msgstr "Klicken Sie, um das Feld einzufügen"
@ -759,8 +759,8 @@ msgid "Close"
msgstr "Schließen" msgstr "Schließen"
#: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:61 #: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:61
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:425 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:429
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:304 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:308
#: apps/web/src/components/forms/v2/signup.tsx:534 #: apps/web/src/components/forms/v2/signup.tsx:534
msgid "Complete" msgid "Complete"
msgstr "Vollständig" msgstr "Vollständig"
@ -2002,8 +2002,8 @@ msgstr "Neuer Teamowner"
msgid "New Template" msgid "New Template"
msgstr "Neue Vorlage" msgstr "Neue Vorlage"
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:416 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:420
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:295 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:299
#: apps/web/src/components/forms/v2/signup.tsx:521 #: apps/web/src/components/forms/v2/signup.tsx:521
msgid "Next" msgid "Next"
msgstr "Nächster" msgstr "Nächster"

View File

@ -736,8 +736,8 @@ msgstr "Click to copy signing link for sending to recipient"
#: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175 #: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175
#: apps/web/src/app/(signing)/sign/[token]/form.tsx:115 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:115
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:435 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:439
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:314 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:318
msgid "Click to insert field" msgid "Click to insert field"
msgstr "Click to insert field" msgstr "Click to insert field"
@ -754,8 +754,8 @@ msgid "Close"
msgstr "Close" msgstr "Close"
#: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:61 #: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:61
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:425 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:429
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:304 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:308
#: apps/web/src/components/forms/v2/signup.tsx:534 #: apps/web/src/components/forms/v2/signup.tsx:534
msgid "Complete" msgid "Complete"
msgstr "Complete" msgstr "Complete"
@ -1997,8 +1997,8 @@ msgstr "New team owner"
msgid "New Template" msgid "New Template"
msgstr "New Template" msgstr "New Template"
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:416 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:420
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:295 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:299
#: apps/web/src/components/forms/v2/signup.tsx:521 #: apps/web/src/components/forms/v2/signup.tsx:521
msgid "Next" msgid "Next"
msgstr "Next" msgstr "Next"

View File

@ -741,8 +741,8 @@ msgstr "Haga clic para copiar el enlace de firma para enviar al destinatario"
#: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175 #: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175
#: apps/web/src/app/(signing)/sign/[token]/form.tsx:115 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:115
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:435 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:439
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:314 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:318
msgid "Click to insert field" msgid "Click to insert field"
msgstr "Haga clic para insertar campo" msgstr "Haga clic para insertar campo"
@ -759,8 +759,8 @@ msgid "Close"
msgstr "Cerrar" msgstr "Cerrar"
#: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:61 #: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:61
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:425 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:429
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:304 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:308
#: apps/web/src/components/forms/v2/signup.tsx:534 #: apps/web/src/components/forms/v2/signup.tsx:534
msgid "Complete" msgid "Complete"
msgstr "Completo" msgstr "Completo"
@ -2002,8 +2002,8 @@ msgstr "Nuevo propietario del equipo"
msgid "New Template" msgid "New Template"
msgstr "Nueva plantilla" msgstr "Nueva plantilla"
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:416 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:420
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:295 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:299
#: apps/web/src/components/forms/v2/signup.tsx:521 #: apps/web/src/components/forms/v2/signup.tsx:521
msgid "Next" msgid "Next"
msgstr "Siguiente" msgstr "Siguiente"

View File

@ -741,8 +741,8 @@ msgstr "Cliquez pour copier le lien de signature à envoyer au destinataire"
#: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175 #: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175
#: apps/web/src/app/(signing)/sign/[token]/form.tsx:115 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:115
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:435 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:439
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:314 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:318
msgid "Click to insert field" msgid "Click to insert field"
msgstr "Cliquez pour insérer le champ" msgstr "Cliquez pour insérer le champ"
@ -759,8 +759,8 @@ msgid "Close"
msgstr "Fermer" msgstr "Fermer"
#: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:61 #: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:61
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:425 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:429
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:304 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:308
#: apps/web/src/components/forms/v2/signup.tsx:534 #: apps/web/src/components/forms/v2/signup.tsx:534
msgid "Complete" msgid "Complete"
msgstr "Compléter" msgstr "Compléter"
@ -2002,8 +2002,8 @@ msgstr "Nouveau propriétaire d'équipe"
msgid "New Template" msgid "New Template"
msgstr "Nouveau modèle" msgstr "Nouveau modèle"
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:416 #: apps/web/src/app/embed/direct/[[...url]]/client.tsx:420
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:295 #: apps/web/src/app/embed/sign/[[...url]]/client.tsx:299
#: apps/web/src/components/forms/v2/signup.tsx:521 #: apps/web/src/components/forms/v2/signup.tsx:521
msgid "Next" msgid "Next"
msgstr "Suivant" msgstr "Suivant"