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

View File

@ -247,7 +247,7 @@ export const EmbedSignDocumentClientPage = ({
className="bg-background mt-2"
disabled={isNameLocked}
value={fullName}
onChange={(e) => !isNameLocked && setFullName(e.target.value.trim())}
onChange={(e) => !isNameLocked && setFullName(e.target.value)}
/>
</div>
@ -273,13 +273,17 @@ export const EmbedSignDocumentClientPage = ({
<Card className="mt-2" gradient degrees={-120}>
<CardContent className="p-0">
<SignaturePad
key={signature}
className="h-44 w-full"
disabled={isThrottled || isSubmitting}
defaultValue={signature ?? undefined}
onChange={(value) => {
setSignature(value);
}}
allowTypedSignature={Boolean(
metadata &&
'typedSignatureEnabled' in metadata &&
metadata.typedSignatureEnabled,
)}
/>
</CardContent>
</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/(signing)/sign/[token]/form.tsx:115
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:435
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:314
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:439
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:318
msgid "Click to insert field"
msgstr "Klicken Sie, um das Feld einzufügen"
@ -759,8 +759,8 @@ msgid "Close"
msgstr "Schließen"
#: 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/sign/[[...url]]/client.tsx:304
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:429
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:308
#: apps/web/src/components/forms/v2/signup.tsx:534
msgid "Complete"
msgstr "Vollständig"
@ -2002,8 +2002,8 @@ msgstr "Neuer Teamowner"
msgid "New Template"
msgstr "Neue Vorlage"
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:416
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:295
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:420
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:299
#: apps/web/src/components/forms/v2/signup.tsx:521
msgid "Next"
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/(signing)/sign/[token]/form.tsx:115
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:435
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:314
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:439
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:318
msgid "Click to insert field"
msgstr "Click to insert field"
@ -754,8 +754,8 @@ msgid "Close"
msgstr "Close"
#: 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/sign/[[...url]]/client.tsx:304
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:429
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:308
#: apps/web/src/components/forms/v2/signup.tsx:534
msgid "Complete"
msgstr "Complete"
@ -1997,8 +1997,8 @@ msgstr "New team owner"
msgid "New Template"
msgstr "New Template"
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:416
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:295
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:420
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:299
#: apps/web/src/components/forms/v2/signup.tsx:521
msgid "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/(signing)/sign/[token]/form.tsx:115
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:435
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:314
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:439
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:318
msgid "Click to insert field"
msgstr "Haga clic para insertar campo"
@ -759,8 +759,8 @@ msgid "Close"
msgstr "Cerrar"
#: 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/sign/[[...url]]/client.tsx:304
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:429
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:308
#: apps/web/src/components/forms/v2/signup.tsx:534
msgid "Complete"
msgstr "Completo"
@ -2002,8 +2002,8 @@ msgstr "Nuevo propietario del equipo"
msgid "New Template"
msgstr "Nueva plantilla"
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:416
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:295
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:420
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:299
#: apps/web/src/components/forms/v2/signup.tsx:521
msgid "Next"
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/(signing)/sign/[token]/form.tsx:115
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:435
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:314
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:439
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:318
msgid "Click to insert field"
msgstr "Cliquez pour insérer le champ"
@ -759,8 +759,8 @@ msgid "Close"
msgstr "Fermer"
#: 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/sign/[[...url]]/client.tsx:304
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:429
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:308
#: apps/web/src/components/forms/v2/signup.tsx:534
msgid "Complete"
msgstr "Compléter"
@ -2002,8 +2002,8 @@ msgstr "Nouveau propriétaire d'équipe"
msgid "New Template"
msgstr "Nouveau modèle"
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:416
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:295
#: apps/web/src/app/embed/direct/[[...url]]/client.tsx:420
#: apps/web/src/app/embed/sign/[[...url]]/client.tsx:299
#: apps/web/src/components/forms/v2/signup.tsx:521
msgid "Next"
msgstr "Suivant"