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.
88 lines
2.9 KiB
TypeScript
88 lines
2.9 KiB
TypeScript
import { Trans } from '@lingui/react/macro';
|
|
import { DocumentStatus, RecipientRole, SigningStatus } from '@prisma/client';
|
|
import { CheckCircle, Download, EyeIcon, Pencil } from 'lucide-react';
|
|
import { Link } from 'react-router';
|
|
import { match } from 'ts-pattern';
|
|
|
|
import { useSession } from '@hanzo/esign-lib/client-only/providers/session';
|
|
import type { TEnvelope } from '@hanzo/esign-lib/types/envelope';
|
|
import { isDocumentCompleted } from '@hanzo/esign-lib/utils/document';
|
|
import { formatDocumentsPath } from '@hanzo/esign-lib/utils/teams';
|
|
import { Button } from '@hanzo/esign-ui/primitives/button';
|
|
|
|
import { EnvelopeDownloadDialog } from '~/components/dialogs/envelope-download-dialog';
|
|
|
|
export type DocumentPageViewButtonProps = {
|
|
envelope: TEnvelope;
|
|
};
|
|
|
|
export const DocumentPageViewButton = ({ envelope }: DocumentPageViewButtonProps) => {
|
|
const { user } = useSession();
|
|
|
|
const recipient = envelope.recipients.find((recipient) => recipient.email === user.email);
|
|
|
|
const isRecipient = !!recipient;
|
|
const isPending = envelope.status === DocumentStatus.PENDING;
|
|
const isComplete = isDocumentCompleted(envelope);
|
|
const isSigned = recipient?.signingStatus === SigningStatus.SIGNED;
|
|
const role = recipient?.role;
|
|
|
|
const documentsPath = formatDocumentsPath(envelope.team.url);
|
|
const formatPath = `${documentsPath}/${envelope.id}/edit`;
|
|
|
|
return match({
|
|
isRecipient,
|
|
isPending,
|
|
isComplete,
|
|
isSigned,
|
|
internalVersion: envelope.internalVersion,
|
|
})
|
|
.with({ isRecipient: true, isPending: true, isSigned: false }, () => (
|
|
<Button className="w-full" asChild>
|
|
<Link to={`/sign/${recipient?.token}`}>
|
|
{match(role)
|
|
.with(RecipientRole.SIGNER, () => (
|
|
<>
|
|
<Pencil className="-ml-1 mr-2 h-4 w-4" />
|
|
<Trans>Sign</Trans>
|
|
</>
|
|
))
|
|
.with(RecipientRole.APPROVER, () => (
|
|
<>
|
|
<CheckCircle className="-ml-1 mr-2 h-4 w-4" />
|
|
<Trans>Approve</Trans>
|
|
</>
|
|
))
|
|
.otherwise(() => (
|
|
<>
|
|
<EyeIcon className="-ml-1 mr-2 h-4 w-4" />
|
|
<Trans>View</Trans>
|
|
</>
|
|
))}
|
|
</Link>
|
|
</Button>
|
|
))
|
|
.with({ isComplete: false }, () => (
|
|
<Button className="w-full" asChild>
|
|
<Link to={formatPath}>
|
|
<Trans>Edit</Trans>
|
|
</Link>
|
|
</Button>
|
|
))
|
|
.with({ isComplete: true }, () => (
|
|
<EnvelopeDownloadDialog
|
|
envelopeId={envelope.id}
|
|
envelopeStatus={envelope.status}
|
|
envelopeItems={envelope.envelopeItems}
|
|
token={recipient?.token}
|
|
trigger={
|
|
<Button className="w-full">
|
|
<Download className="-ml-1 mr-2 inline h-4 w-4" />
|
|
<Trans>Download</Trans>
|
|
</Button>
|
|
}
|
|
/>
|
|
))
|
|
.otherwise(() => null);
|
|
};
|