mirror of
https://github.com/documenso/documenso.git
synced 2025-11-14 00:32:43 +10:00
7f09ba72f4
This PR is handles the changes required to support envelopes. The new envelope editor/signing page will be hidden during release. The core changes here is to migrate the documents and templates model to a centralized envelopes model. Even though Documents and Templates are removed, from the user perspective they will still exist as we remap envelopes to documents and templates.
103 lines
3.3 KiB
TypeScript
103 lines
3.3 KiB
TypeScript
import { msg } from '@lingui/core/macro';
|
|
import { useLingui } from '@lingui/react';
|
|
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 { downloadPDF } from '@documenso/lib/client-only/download-pdf';
|
|
import { useSession } from '@documenso/lib/client-only/providers/session';
|
|
import type { TEnvelope } from '@documenso/lib/types/envelope';
|
|
import { isDocumentCompleted } from '@documenso/lib/utils/document';
|
|
import { formatDocumentsPath } from '@documenso/lib/utils/teams';
|
|
import { Button } from '@documenso/ui/primitives/button';
|
|
import { useToast } from '@documenso/ui/primitives/use-toast';
|
|
|
|
export type DocumentPageViewButtonProps = {
|
|
envelope: TEnvelope;
|
|
};
|
|
|
|
export const DocumentPageViewButton = ({ envelope }: DocumentPageViewButtonProps) => {
|
|
const { user } = useSession();
|
|
|
|
const { toast } = useToast();
|
|
const { _ } = useLingui();
|
|
|
|
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`;
|
|
|
|
const onDownloadClick = async () => {
|
|
try {
|
|
// Todo; Envelopes - Support multiple items
|
|
const envelopeItem = envelope.envelopeItems[0];
|
|
|
|
if (!envelopeItem.documentData) {
|
|
throw new Error('No document available');
|
|
}
|
|
|
|
await downloadPDF({ documentData: envelopeItem.documentData, fileName: envelopeItem.title });
|
|
} catch (err) {
|
|
toast({
|
|
title: _(msg`Something went wrong`),
|
|
description: _(msg`An error occurred while downloading your document.`),
|
|
variant: 'destructive',
|
|
});
|
|
}
|
|
};
|
|
|
|
return match({
|
|
isRecipient,
|
|
isPending,
|
|
isComplete,
|
|
isSigned,
|
|
})
|
|
.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 }, () => (
|
|
<Button className="w-full" onClick={onDownloadClick}>
|
|
<Download className="-ml-1 mr-2 inline h-4 w-4" />
|
|
<Trans>Download</Trans>
|
|
</Button>
|
|
))
|
|
.otherwise(() => null);
|
|
};
|