Files
documenso/packages/ui/components/document/document-signature-settings-tooltip.tsx
David Nguyen 063fd32f18 feat: add signature configurations (#1710)
Add ability to enable or disable allowed signature types:
- Drawn
- Typed
- Uploaded

**Tabbed style signature dialog**

![image](https://github.com/user-attachments/assets/a816fab6-b071-42a5-bb5c-6d4a2572431e)

**Document settings**

![image](https://github.com/user-attachments/assets/f0c1bff1-6be1-4c87-b384-1666fa25d7a6)

**Team preferences**

![image](https://github.com/user-attachments/assets/8767b05e-1463-4087-8672-f3f43d8b0f2c)

- Add multiselect to select allowed signatures in document and templates
settings tab
- Add multiselect to select allowed signatures in teams preferences
- Removed "Enable typed signatures" from document/template edit page
- Refactored signature pad to use tabs instead of an all in one
signature pad

Added E2E tests to check settings are applied correctly for documents
and templates
2025-03-24 17:13:11 +11:00

59 lines
1.6 KiB
TypeScript

import { Trans } from '@lingui/react/macro';
import { InfoIcon } from 'lucide-react';
import { Tooltip, TooltipContent, TooltipTrigger } from '@documenso/ui/primitives/tooltip';
export const DocumentSignatureSettingsTooltip = () => {
return (
<Tooltip>
<TooltipTrigger>
<InfoIcon className="mx-2 h-4 w-4" />
</TooltipTrigger>
<TooltipContent className="text-foreground max-w-md space-y-2 p-4">
<h2>
<strong>
<Trans>Signature types</Trans>
</strong>
</h2>
<p>
<Trans>
The types of signatures that recipients are allowed to use when signing the document.
</Trans>
</p>
<ul className="ml-3.5 list-outside list-disc space-y-0.5 py-2">
<li>
<Trans>
<strong>
<Trans>Drawn</Trans>
</strong>
{' - '}
<Trans>A signature that is drawn using a mouse or stylus.</Trans>
</Trans>
</li>
<li>
<Trans>
<strong>
<Trans>Typed</Trans>
</strong>
{' - '}
<Trans>A signature that is typed using a keyboard.</Trans>
</Trans>
</li>
<li>
<Trans>
<strong>
<Trans>Uploaded</Trans>
</strong>
{' - '}
<Trans>A signature that is uploaded from a file.</Trans>
</Trans>
</li>
</ul>
</TooltipContent>
</Tooltip>
);
};