mirror of
https://github.com/hanzoai/sign.git
synced 2026-10-21 01:21:51 +00:00
zooqueen
fb4e3df0e3
The product is branded Hanzo eSign (esign.hanzo.ai, repo hanzoai/esign). Rename all workspace packages @hanzo/sign-* → @hanzo/esign-* (1052 files) and align docker/Dockerfile turbo --scope/--filter to the actual remix package name @hanzo/esign (was a pre-existing mismatch with -remix that broke the build). Protected deps (@hanzo/insights, @hanzo/logo) untouched.
176 lines
6.2 KiB
TypeScript
176 lines
6.2 KiB
TypeScript
import React, { forwardRef } from 'react';
|
|
|
|
import { Trans } from '@lingui/react/macro';
|
|
import { RecipientRole } from '@prisma/client';
|
|
import type { SelectProps } from '@radix-ui/react-select';
|
|
import { InfoIcon } from 'lucide-react';
|
|
|
|
import { ROLE_ICONS } from '@hanzo/esign-ui/primitives/recipient-role-icons';
|
|
import { Select, SelectContent, SelectItem, SelectTrigger } from '@hanzo/esign-ui/primitives/select';
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from '@hanzo/esign-ui/primitives/tooltip';
|
|
|
|
import { cn } from '../../lib/utils';
|
|
|
|
export type RecipientRoleSelectProps = SelectProps & {
|
|
hideAssistantRole?: boolean;
|
|
hideCCerRole?: boolean;
|
|
hideViewerRole?: boolean;
|
|
hideApproverRole?: boolean;
|
|
|
|
isAssistantEnabled?: boolean;
|
|
};
|
|
|
|
export const RecipientRoleSelect = forwardRef<HTMLButtonElement, RecipientRoleSelectProps>(
|
|
(
|
|
{
|
|
hideAssistantRole,
|
|
hideCCerRole,
|
|
hideViewerRole,
|
|
hideApproverRole,
|
|
isAssistantEnabled = true,
|
|
...props
|
|
},
|
|
ref,
|
|
) => (
|
|
<Select {...props}>
|
|
<SelectTrigger ref={ref} className="w-[50px] bg-background p-2" title={props.value}>
|
|
{/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */}
|
|
{ROLE_ICONS[props.value as RecipientRole]}
|
|
</SelectTrigger>
|
|
|
|
<SelectContent align="end">
|
|
<SelectItem value={RecipientRole.SIGNER}>
|
|
<div className="flex items-center">
|
|
<div className="flex w-[150px] items-center">
|
|
<span className="mr-2">{ROLE_ICONS[RecipientRole.SIGNER]}</span>
|
|
<Trans>Needs to sign</Trans>
|
|
</div>
|
|
<Tooltip>
|
|
<TooltipTrigger>
|
|
<InfoIcon className="h-4 w-4" />
|
|
</TooltipTrigger>
|
|
<TooltipContent className="z-9999 max-w-md p-4 text-foreground">
|
|
<p>
|
|
<Trans>
|
|
The recipient is required to sign the document for it to be completed.
|
|
</Trans>
|
|
</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</div>
|
|
</SelectItem>
|
|
|
|
{!hideApproverRole && (
|
|
<SelectItem value={RecipientRole.APPROVER}>
|
|
<div className="flex items-center">
|
|
<div className="flex w-[150px] items-center">
|
|
<span className="mr-2">{ROLE_ICONS[RecipientRole.APPROVER]}</span>
|
|
<Trans>Needs to approve</Trans>
|
|
</div>
|
|
<Tooltip>
|
|
<TooltipTrigger>
|
|
<InfoIcon className="h-4 w-4" />
|
|
</TooltipTrigger>
|
|
<TooltipContent className="z-9999 max-w-md p-4 text-foreground">
|
|
<p>
|
|
<Trans>
|
|
The recipient is required to approve the document for it to be completed.
|
|
</Trans>
|
|
</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</div>
|
|
</SelectItem>
|
|
)}
|
|
|
|
{!hideViewerRole && (
|
|
<SelectItem value={RecipientRole.VIEWER}>
|
|
<div className="flex items-center">
|
|
<div className="flex w-[150px] items-center">
|
|
<span className="mr-2">{ROLE_ICONS[RecipientRole.VIEWER]}</span>
|
|
<Trans>Needs to view</Trans>
|
|
</div>
|
|
<Tooltip>
|
|
<TooltipTrigger>
|
|
<InfoIcon className="h-4 w-4" />
|
|
</TooltipTrigger>
|
|
<TooltipContent className="z-9999 max-w-md p-4 text-foreground">
|
|
<p>
|
|
<Trans>
|
|
The recipient is required to view the document for it to be completed.
|
|
</Trans>
|
|
</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</div>
|
|
</SelectItem>
|
|
)}
|
|
|
|
{!hideCCerRole && (
|
|
<SelectItem value={RecipientRole.CC}>
|
|
<div className="flex items-center">
|
|
<div className="flex w-[150px] items-center">
|
|
<span className="mr-2">{ROLE_ICONS[RecipientRole.CC]}</span>
|
|
<Trans>Receives copy</Trans>
|
|
</div>
|
|
<Tooltip>
|
|
<TooltipTrigger>
|
|
<InfoIcon className="h-4 w-4" />
|
|
</TooltipTrigger>
|
|
<TooltipContent className="z-9999 max-w-md p-4 text-foreground">
|
|
<p>
|
|
<Trans>
|
|
The recipient is not required to take any action and receives a copy of the
|
|
document after it is completed.
|
|
</Trans>
|
|
</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</div>
|
|
</SelectItem>
|
|
)}
|
|
|
|
{!hideAssistantRole && (
|
|
<SelectItem
|
|
value={RecipientRole.ASSISTANT}
|
|
disabled={!isAssistantEnabled}
|
|
className={cn(
|
|
!isAssistantEnabled &&
|
|
'cursor-not-allowed opacity-50 data-[disabled]:pointer-events-auto',
|
|
)}
|
|
>
|
|
<div className="flex items-center">
|
|
<div className="flex w-[150px] items-center">
|
|
<span className="mr-2">{ROLE_ICONS[RecipientRole.ASSISTANT]}</span>
|
|
<Trans>Can prepare</Trans>
|
|
</div>
|
|
<Tooltip>
|
|
<TooltipTrigger>
|
|
<InfoIcon className="h-4 w-4" />
|
|
</TooltipTrigger>
|
|
<TooltipContent className="z-9999 max-w-md p-4 text-foreground">
|
|
<p>
|
|
{isAssistantEnabled ? (
|
|
<Trans>
|
|
The recipient can prepare the document for later signers by pre-filling
|
|
suggest values.
|
|
</Trans>
|
|
) : (
|
|
<Trans>
|
|
Assistant role is only available when the document is in sequential signing
|
|
mode.
|
|
</Trans>
|
|
)}
|
|
</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</div>
|
|
</SelectItem>
|
|
)}
|
|
</SelectContent>
|
|
</Select>
|
|
),
|
|
);
|
|
|
|
RecipientRoleSelect.displayName = 'RecipientRoleSelect';
|