diff --git a/apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx b/apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx index 5e44003fe..daaa72ed7 100644 --- a/apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx +++ b/apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx @@ -13,6 +13,7 @@ import type { Field } from '@documenso/prisma/client'; import { RecipientRole } from '@documenso/prisma/client'; import { cn } from '@documenso/ui/lib/utils'; import { Button } from '@documenso/ui/primitives/button'; +import { Checkbox } from '@documenso/ui/primitives/checkbox'; import { Dialog, DialogClose, @@ -45,6 +46,7 @@ export type SignDialogProps = { }; const formSchema = z.object({ + modifyNextSigner: z.boolean().default(false), nextSigner: z .object({ email: z.string().email({ message: 'Please enter a valid email address' }).optional(), @@ -232,8 +234,10 @@ export function SignDialog({ {step === 1 && ( -
- Modify Next Signer +
+ + Modify Next Signer (Optional) +
)} @@ -251,35 +255,54 @@ export function SignDialog({
( - - - Next Signer Email - + - + - + + Modify next signer details + )} /> - ( - - - Next Signer Name - - - - - - - )} - /> + {form.watch('modifyNextSigner') && ( + <> + ( + + + Next Signer Email + + + + + + + )} + /> + + ( + + + Next Signer Name + + + + + + + )} + /> + + )} )}