mirror of
https://github.com/documenso/documenso
synced 2026-04-21 13:27:18 +00:00
772 lines
29 KiB
TypeScript
772 lines
29 KiB
TypeScript
import { zodResolver } from '@hookform/resolvers/zod';
|
|
import { msg, t } from '@lingui/core/macro';
|
|
import { useLingui } from '@lingui/react';
|
|
import { Trans } from '@lingui/react/macro';
|
|
import type { TeamGlobalSettings } from '@prisma/client';
|
|
import { DocumentVisibility, OrganisationType, type RecipientRole } from '@prisma/client';
|
|
import { useForm } from 'react-hook-form';
|
|
import { z } from 'zod';
|
|
|
|
import { useCurrentOrganisation } from '@documenso/lib/client-only/providers/organisation';
|
|
import { useSession } from '@documenso/lib/client-only/providers/session';
|
|
import { DATE_FORMATS } from '@documenso/lib/constants/date-formats';
|
|
import { DOCUMENT_SIGNATURE_TYPES, DocumentSignatureType } from '@documenso/lib/constants/document';
|
|
import {
|
|
type TEnvelopeExpirationPeriod,
|
|
ZEnvelopeExpirationPeriod,
|
|
} from '@documenso/lib/constants/envelope-expiration';
|
|
import {
|
|
SUPPORTED_LANGUAGES,
|
|
SUPPORTED_LANGUAGE_CODES,
|
|
isValidLanguageCode,
|
|
} from '@documenso/lib/constants/i18n';
|
|
import { TIME_ZONES } from '@documenso/lib/constants/time-zones';
|
|
import type { TDefaultRecipients } from '@documenso/lib/types/default-recipients';
|
|
import { ZDefaultRecipientsSchema } from '@documenso/lib/types/default-recipients';
|
|
import {
|
|
type TDocumentMetaDateFormat,
|
|
ZDocumentMetaTimezoneSchema,
|
|
} from '@documenso/lib/types/document-meta';
|
|
import { isPersonalLayout } from '@documenso/lib/utils/organisations';
|
|
import { recipientAbbreviation } from '@documenso/lib/utils/recipient-formatter';
|
|
import { extractTeamSignatureSettings } from '@documenso/lib/utils/teams';
|
|
import { DocumentSignatureSettingsTooltip } from '@documenso/ui/components/document/document-signature-settings-tooltip';
|
|
import { ExpirationPeriodPicker } from '@documenso/ui/components/document/expiration-period-picker';
|
|
import { RecipientRoleSelect } from '@documenso/ui/components/recipient/recipient-role-select';
|
|
import { Alert } from '@documenso/ui/primitives/alert';
|
|
import { AvatarWithText } from '@documenso/ui/primitives/avatar';
|
|
import { Button } from '@documenso/ui/primitives/button';
|
|
import { Combobox } from '@documenso/ui/primitives/combobox';
|
|
import {
|
|
Form,
|
|
FormControl,
|
|
FormDescription,
|
|
FormField,
|
|
FormItem,
|
|
FormLabel,
|
|
FormMessage,
|
|
} from '@documenso/ui/primitives/form/form';
|
|
import { MultiSelectCombobox } from '@documenso/ui/primitives/multi-select-combobox';
|
|
import {
|
|
Select,
|
|
SelectContent,
|
|
SelectItem,
|
|
SelectTrigger,
|
|
SelectValue,
|
|
} from '@documenso/ui/primitives/select';
|
|
|
|
import { useOptionalCurrentTeam } from '~/providers/team';
|
|
|
|
import { DefaultRecipientsMultiSelectCombobox } from '../general/default-recipients-multiselect-combobox';
|
|
|
|
/**
|
|
* Can't infer this from the schema since we need to keep the schema inside the component to allow
|
|
* it to be dynamic.
|
|
*/
|
|
export type TDocumentPreferencesFormSchema = {
|
|
documentVisibility: DocumentVisibility | null;
|
|
documentLanguage: (typeof SUPPORTED_LANGUAGE_CODES)[number] | null;
|
|
documentTimezone: string | null;
|
|
documentDateFormat: TDocumentMetaDateFormat | null;
|
|
includeSenderDetails: boolean | null;
|
|
includeSigningCertificate: boolean | null;
|
|
includeAuditLog: boolean | null;
|
|
signatureTypes: DocumentSignatureType[];
|
|
defaultRecipients: TDefaultRecipients | null;
|
|
delegateDocumentOwnership: boolean | null;
|
|
aiFeaturesEnabled: boolean | null;
|
|
envelopeExpirationPeriod: TEnvelopeExpirationPeriod | null;
|
|
};
|
|
|
|
type SettingsSubset = Pick<
|
|
TeamGlobalSettings,
|
|
| 'documentVisibility'
|
|
| 'documentLanguage'
|
|
| 'documentTimezone'
|
|
| 'documentDateFormat'
|
|
| 'includeSenderDetails'
|
|
| 'includeSigningCertificate'
|
|
| 'includeAuditLog'
|
|
| 'typedSignatureEnabled'
|
|
| 'uploadSignatureEnabled'
|
|
| 'drawSignatureEnabled'
|
|
| 'defaultRecipients'
|
|
| 'delegateDocumentOwnership'
|
|
| 'aiFeaturesEnabled'
|
|
| 'envelopeExpirationPeriod'
|
|
>;
|
|
|
|
export type DocumentPreferencesFormProps = {
|
|
settings: SettingsSubset;
|
|
canInherit: boolean;
|
|
isAiFeaturesConfigured?: boolean;
|
|
onFormSubmit: (data: TDocumentPreferencesFormSchema) => Promise<void>;
|
|
};
|
|
|
|
export const DocumentPreferencesForm = ({
|
|
settings,
|
|
onFormSubmit,
|
|
canInherit,
|
|
isAiFeaturesConfigured = false,
|
|
}: DocumentPreferencesFormProps) => {
|
|
const { _ } = useLingui();
|
|
const { user, organisations } = useSession();
|
|
const currentOrganisation = useCurrentOrganisation();
|
|
const optionalTeam = useOptionalCurrentTeam();
|
|
|
|
const isPersonalLayoutMode = isPersonalLayout(organisations);
|
|
const isPersonalOrganisation = currentOrganisation.type === OrganisationType.PERSONAL;
|
|
|
|
const placeholderEmail = user.email ?? 'user@example.com';
|
|
|
|
const ZDocumentPreferencesFormSchema = z.object({
|
|
documentVisibility: z.nativeEnum(DocumentVisibility).nullable(),
|
|
documentLanguage: z.enum(SUPPORTED_LANGUAGE_CODES).nullable(),
|
|
documentTimezone: z.string().nullable(),
|
|
documentDateFormat: ZDocumentMetaTimezoneSchema.nullable(),
|
|
includeSenderDetails: z.boolean().nullable(),
|
|
includeSigningCertificate: z.boolean().nullable(),
|
|
includeAuditLog: z.boolean().nullable(),
|
|
signatureTypes: z.array(z.nativeEnum(DocumentSignatureType)).min(canInherit ? 0 : 1, {
|
|
message: msg`At least one signature type must be enabled`.id,
|
|
}),
|
|
defaultRecipients: ZDefaultRecipientsSchema.nullable(),
|
|
delegateDocumentOwnership: z.boolean().nullable(),
|
|
aiFeaturesEnabled: z.boolean().nullable(),
|
|
envelopeExpirationPeriod: ZEnvelopeExpirationPeriod.nullable(),
|
|
});
|
|
|
|
const form = useForm<TDocumentPreferencesFormSchema>({
|
|
defaultValues: {
|
|
documentVisibility: settings.documentVisibility,
|
|
documentLanguage: isValidLanguageCode(settings.documentLanguage)
|
|
? settings.documentLanguage
|
|
: null,
|
|
documentTimezone: settings.documentTimezone,
|
|
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
documentDateFormat: settings.documentDateFormat as TDocumentMetaDateFormat | null,
|
|
includeSenderDetails: settings.includeSenderDetails,
|
|
includeSigningCertificate: settings.includeSigningCertificate,
|
|
includeAuditLog: settings.includeAuditLog,
|
|
signatureTypes: extractTeamSignatureSettings({ ...settings }),
|
|
defaultRecipients: settings.defaultRecipients
|
|
? ZDefaultRecipientsSchema.parse(settings.defaultRecipients)
|
|
: null,
|
|
delegateDocumentOwnership: settings.delegateDocumentOwnership,
|
|
aiFeaturesEnabled: settings.aiFeaturesEnabled,
|
|
envelopeExpirationPeriod: settings.envelopeExpirationPeriod ?? null,
|
|
},
|
|
resolver: zodResolver(ZDocumentPreferencesFormSchema),
|
|
});
|
|
|
|
return (
|
|
<Form {...form}>
|
|
<form onSubmit={form.handleSubmit(onFormSubmit)}>
|
|
<fieldset
|
|
className="flex h-full max-w-2xl flex-col gap-y-6"
|
|
disabled={form.formState.isSubmitting}
|
|
>
|
|
{!isPersonalLayoutMode && (
|
|
<FormField
|
|
control={form.control}
|
|
name="documentVisibility"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>Default Document Visibility</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<Select
|
|
{...field}
|
|
value={field.value === null ? '-1' : field.value}
|
|
onValueChange={(value) => field.onChange(value === '-1' ? null : value)}
|
|
>
|
|
<SelectTrigger
|
|
className="bg-background text-muted-foreground"
|
|
data-testid="document-visibility-trigger"
|
|
>
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
|
|
<SelectContent>
|
|
<SelectItem value={DocumentVisibility.EVERYONE}>
|
|
<Trans>Everyone can access and view the document</Trans>
|
|
</SelectItem>
|
|
<SelectItem value={DocumentVisibility.MANAGER_AND_ABOVE}>
|
|
<Trans>Only managers and above can access and view the document</Trans>
|
|
</SelectItem>
|
|
<SelectItem value={DocumentVisibility.ADMIN}>
|
|
<Trans>Only admins can access and view the document</Trans>
|
|
</SelectItem>
|
|
|
|
{canInherit && (
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
)}
|
|
</SelectContent>
|
|
</Select>
|
|
</FormControl>
|
|
|
|
<FormDescription>
|
|
<Trans>Controls the default visibility of an uploaded document.</Trans>
|
|
</FormDescription>
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
)}
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="documentLanguage"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>Default Document Language</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<Select
|
|
{...field}
|
|
value={field.value === null ? '-1' : field.value}
|
|
onValueChange={(value) => field.onChange(value === '-1' ? null : value)}
|
|
>
|
|
<SelectTrigger
|
|
className="bg-background text-muted-foreground"
|
|
data-testid="document-language-trigger"
|
|
>
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
|
|
<SelectContent>
|
|
{Object.entries(SUPPORTED_LANGUAGES).map(([code, language]) => (
|
|
<SelectItem key={code} value={code}>
|
|
{_(language.full)}
|
|
</SelectItem>
|
|
))}
|
|
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
</SelectContent>
|
|
</Select>
|
|
</FormControl>
|
|
|
|
<FormDescription>
|
|
<Trans>
|
|
Controls the default language of an uploaded document. This will be used as the
|
|
language in email communications with the recipients.
|
|
</Trans>
|
|
</FormDescription>
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="documentDateFormat"
|
|
render={({ field }) => (
|
|
<FormItem>
|
|
<FormLabel>
|
|
<Trans>Default Date Format</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<Select
|
|
value={field.value === null ? '-1' : field.value}
|
|
onValueChange={(value) => field.onChange(value === '-1' ? null : value)}
|
|
>
|
|
<SelectTrigger data-testid="document-date-format-trigger">
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
|
|
<SelectContent>
|
|
{DATE_FORMATS.map((format) => (
|
|
<SelectItem key={format.key} value={format.value}>
|
|
{format.label}
|
|
</SelectItem>
|
|
))}
|
|
|
|
{canInherit && (
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
)}
|
|
</SelectContent>
|
|
</Select>
|
|
</FormControl>
|
|
|
|
<FormMessage />
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="documentTimezone"
|
|
render={({ field }) => (
|
|
<FormItem>
|
|
<FormLabel>
|
|
<Trans>Default Time Zone</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<Combobox
|
|
triggerPlaceholder={
|
|
canInherit ? t`Inherit from organisation` : t`Local timezone`
|
|
}
|
|
placeholder={t`Select a time zone`}
|
|
options={TIME_ZONES}
|
|
value={field.value}
|
|
onChange={(value) => field.onChange(value)}
|
|
testId="document-timezone-trigger"
|
|
/>
|
|
</FormControl>
|
|
|
|
<FormMessage />
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="signatureTypes"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel className="flex flex-row items-center">
|
|
<Trans>Default Signature Settings</Trans>
|
|
<DocumentSignatureSettingsTooltip />
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<MultiSelectCombobox
|
|
options={Object.values(DOCUMENT_SIGNATURE_TYPES).map((option) => ({
|
|
label: _(option.label),
|
|
value: option.value,
|
|
}))}
|
|
selectedValues={field.value}
|
|
onChange={field.onChange}
|
|
className="w-full bg-background"
|
|
enableSearch={false}
|
|
emptySelectionPlaceholder={
|
|
canInherit ? t`Inherit from organisation` : t`Select signature types`
|
|
}
|
|
testId="signature-types-trigger"
|
|
/>
|
|
</FormControl>
|
|
|
|
{form.formState.errors.signatureTypes ? (
|
|
<FormMessage />
|
|
) : (
|
|
<FormDescription>
|
|
<Trans>
|
|
Controls which signatures are allowed to be used when signing a document.
|
|
</Trans>
|
|
</FormDescription>
|
|
)}
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
|
|
{!isPersonalLayoutMode && !isPersonalOrganisation && (
|
|
<FormField
|
|
control={form.control}
|
|
name="includeSenderDetails"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>Send on Behalf of Team</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<Select
|
|
{...field}
|
|
value={field.value === null ? '-1' : field.value.toString()}
|
|
onValueChange={(value) =>
|
|
field.onChange(value === 'true' ? true : value === 'false' ? false : null)
|
|
}
|
|
>
|
|
<SelectTrigger
|
|
className="bg-background text-muted-foreground"
|
|
data-testid="include-sender-details-trigger"
|
|
>
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
|
|
<SelectContent>
|
|
<SelectItem value="true">
|
|
<Trans>Yes</Trans>
|
|
</SelectItem>
|
|
|
|
<SelectItem value="false">
|
|
<Trans>No</Trans>
|
|
</SelectItem>
|
|
|
|
{canInherit && (
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
)}
|
|
</SelectContent>
|
|
</Select>
|
|
</FormControl>
|
|
|
|
<div className="pt-2">
|
|
<div className="text-xs font-medium text-muted-foreground">
|
|
<Trans>Preview</Trans>
|
|
</div>
|
|
|
|
<Alert variant="neutral" className="mt-1 px-2.5 py-1.5 text-sm">
|
|
{field.value ? (
|
|
<Trans>
|
|
"{placeholderEmail}" on behalf of "Team Name" has invited you to sign
|
|
"example document".
|
|
</Trans>
|
|
) : (
|
|
<Trans>"Team Name" has invited you to sign "example document".</Trans>
|
|
)}
|
|
</Alert>
|
|
</div>
|
|
|
|
<FormDescription>
|
|
<Trans>
|
|
Controls the formatting of the message that will be sent when inviting a
|
|
recipient to sign a document. If a custom message has been provided while
|
|
configuring the document, it will be used instead.
|
|
</Trans>
|
|
</FormDescription>
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
)}
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="includeSigningCertificate"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>Include the Signing Certificate in the Document</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<Select
|
|
{...field}
|
|
value={field.value === null ? '-1' : field.value.toString()}
|
|
onValueChange={(value) =>
|
|
field.onChange(value === 'true' ? true : value === 'false' ? false : null)
|
|
}
|
|
>
|
|
<SelectTrigger
|
|
className="bg-background text-muted-foreground"
|
|
data-testid="include-signing-certificate-trigger"
|
|
>
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
|
|
<SelectContent>
|
|
<SelectItem value="true">
|
|
<Trans>Yes</Trans>
|
|
</SelectItem>
|
|
|
|
<SelectItem value="false">
|
|
<Trans>No</Trans>
|
|
</SelectItem>
|
|
|
|
{canInherit && (
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
)}
|
|
</SelectContent>
|
|
</Select>
|
|
</FormControl>
|
|
|
|
<FormDescription>
|
|
<Trans>
|
|
Controls whether the signing certificate will be included in the document when
|
|
it is downloaded. The signing certificate can still be downloaded from the logs
|
|
page separately.
|
|
</Trans>
|
|
</FormDescription>
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="includeAuditLog"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>Include the Audit Logs in the Document</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<Select
|
|
{...field}
|
|
value={field.value === null ? '-1' : field.value.toString()}
|
|
onValueChange={(value) =>
|
|
field.onChange(value === 'true' ? true : value === 'false' ? false : null)
|
|
}
|
|
>
|
|
<SelectTrigger className="bg-background text-muted-foreground">
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
|
|
<SelectContent>
|
|
<SelectItem value="true">
|
|
<Trans>Yes</Trans>
|
|
</SelectItem>
|
|
|
|
<SelectItem value="false">
|
|
<Trans>No</Trans>
|
|
</SelectItem>
|
|
|
|
{canInherit && (
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
)}
|
|
</SelectContent>
|
|
</Select>
|
|
</FormControl>
|
|
|
|
<FormDescription>
|
|
<Trans>
|
|
Controls whether the audit logs will be included in the document when it is
|
|
downloaded. The audit logs can still be downloaded from the logs page
|
|
separately.
|
|
</Trans>
|
|
</FormDescription>
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="defaultRecipients"
|
|
render={({ field }) => {
|
|
const recipients = field.value ?? [];
|
|
|
|
return (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>Default Recipients</Trans>
|
|
</FormLabel>
|
|
|
|
{canInherit && (
|
|
<Select
|
|
value={field.value === null ? '-1' : '0'}
|
|
onValueChange={(value) => field.onChange(value === '-1' ? null : [])}
|
|
>
|
|
<SelectTrigger>
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
<SelectItem value={'0'}>
|
|
<Trans>Override organisation settings</Trans>
|
|
</SelectItem>
|
|
</SelectContent>
|
|
</Select>
|
|
)}
|
|
|
|
{(field.value !== null || !canInherit) && (
|
|
<div className="space-y-4">
|
|
<DefaultRecipientsMultiSelectCombobox
|
|
listValues={recipients}
|
|
onChange={field.onChange}
|
|
organisationId={!canInherit ? currentOrganisation.id : undefined}
|
|
teamId={canInherit ? optionalTeam?.id : undefined}
|
|
/>
|
|
|
|
{recipients.map((recipient, index) => {
|
|
return (
|
|
<div
|
|
key={recipient.email}
|
|
className="flex items-center justify-between gap-3 rounded-lg border p-3"
|
|
>
|
|
<AvatarWithText
|
|
avatarFallback={recipientAbbreviation(recipient)}
|
|
primaryText={
|
|
<span className="text-sm font-medium">
|
|
{recipient.name || recipient.email}
|
|
</span>
|
|
}
|
|
secondaryText={
|
|
recipient.name ? (
|
|
<span className="text-xs text-muted-foreground">
|
|
{recipient.email}
|
|
</span>
|
|
) : undefined
|
|
}
|
|
className="flex-1"
|
|
/>
|
|
<div className="flex items-center gap-2">
|
|
<RecipientRoleSelect
|
|
value={recipient.role}
|
|
onValueChange={(role: RecipientRole) => {
|
|
field.onChange(
|
|
recipients.map((recipient, idx) =>
|
|
idx === index ? { ...recipient, role } : recipient,
|
|
),
|
|
);
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
)}
|
|
|
|
<FormDescription>
|
|
<Trans>Recipients that will be automatically added to new documents.</Trans>
|
|
</FormDescription>
|
|
</FormItem>
|
|
);
|
|
}}
|
|
/>
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="delegateDocumentOwnership"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>Delegate Document Ownership</Trans>
|
|
</FormLabel>
|
|
|
|
<Select
|
|
{...field}
|
|
value={field.value === null ? '-1' : field.value.toString()}
|
|
onValueChange={(value) =>
|
|
field.onChange(value === 'true' ? true : value === 'false' ? false : null)
|
|
}
|
|
>
|
|
<SelectTrigger className="bg-background text-muted-foreground">
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
|
|
<SelectContent>
|
|
<SelectItem value="true">
|
|
<Trans>Yes</Trans>
|
|
</SelectItem>
|
|
|
|
<SelectItem value="false">
|
|
<Trans>No</Trans>
|
|
</SelectItem>
|
|
|
|
{canInherit && (
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
)}
|
|
</SelectContent>
|
|
</Select>
|
|
|
|
<FormDescription>
|
|
<Trans>
|
|
Enable team API tokens to delegate document ownership to another team member.
|
|
</Trans>
|
|
</FormDescription>
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
|
|
<FormField
|
|
control={form.control}
|
|
name="envelopeExpirationPeriod"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>Default Envelope Expiration</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<ExpirationPeriodPicker
|
|
value={field.value}
|
|
onChange={field.onChange}
|
|
inheritLabel={canInherit ? t`Inherit from organisation` : undefined}
|
|
/>
|
|
</FormControl>
|
|
|
|
<FormDescription>
|
|
<Trans>
|
|
Controls how long recipients have to complete signing before the document
|
|
expires. After expiration, recipients can no longer sign the document.
|
|
</Trans>
|
|
</FormDescription>
|
|
|
|
<FormMessage />
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
|
|
{isAiFeaturesConfigured && (
|
|
<FormField
|
|
control={form.control}
|
|
name="aiFeaturesEnabled"
|
|
render={({ field }) => (
|
|
<FormItem className="flex-1">
|
|
<FormLabel>
|
|
<Trans>AI Features</Trans>
|
|
</FormLabel>
|
|
|
|
<FormControl>
|
|
<Select
|
|
{...field}
|
|
value={field.value === null ? '-1' : field.value.toString()}
|
|
onValueChange={(value) =>
|
|
field.onChange(value === 'true' ? true : value === 'false' ? false : null)
|
|
}
|
|
>
|
|
<SelectTrigger className="bg-background text-muted-foreground">
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
|
|
<SelectContent>
|
|
<SelectItem value="true">
|
|
<Trans>Enabled</Trans>
|
|
</SelectItem>
|
|
|
|
<SelectItem value="false">
|
|
<Trans>Disabled</Trans>
|
|
</SelectItem>
|
|
|
|
{canInherit && (
|
|
<SelectItem value={'-1'}>
|
|
<Trans>Inherit from organisation</Trans>
|
|
</SelectItem>
|
|
)}
|
|
</SelectContent>
|
|
</Select>
|
|
</FormControl>
|
|
|
|
<FormDescription>
|
|
<Trans>
|
|
Enable AI-powered features such as automatic recipient detection. When
|
|
enabled, document content will be sent to AI providers. We only use providers
|
|
that do not retain data for training and prefer European regions where
|
|
available.
|
|
</Trans>
|
|
</FormDescription>
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
)}
|
|
|
|
<div className="flex flex-row justify-end space-x-4">
|
|
<Button type="submit" loading={form.formState.isSubmitting}>
|
|
<Trans>Update</Trans>
|
|
</Button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</Form>
|
|
);
|
|
};
|