+
+ {document.title}
+
-
-
+
+
- {recipients.length > 0 && (
-
-
+ {recipients.length > 0 && (
+
+
-
- {recipients.length} Recipient(s)
-
+
+ {recipients.length} Recipient(s)
+
+
+ )}
+
+
+
+ {isDocumentHistoryEnabled && (
+
+
+
+
)}
- {document.status !== InternalDocumentStatus.COMPLETED && (
-
- )}
+
+
+
+
+
+
- {document.status === InternalDocumentStatus.COMPLETED && (
-
-
+
+
+
+
+
+ Document {FRIENDLY_STATUS_MAP[document.status].label.toLowerCase()}
+
+
+
+
+
+
+ {match(document.status)
+ .with(
+ DocumentStatus.COMPLETED,
+ () => 'This document has been signed by all recipients',
+ )
+ .with(
+ DocumentStatus.DRAFT,
+ () => 'This document is currently a draft and has not been sent',
+ )
+ .with(DocumentStatus.PENDING, () => {
+ const pendingRecipients = recipients.filter(
+ (recipient) => recipient.signingStatus === 'NOT_SIGNED',
+ );
+
+ return `Waiting on ${pendingRecipients.length} recipient${
+ pendingRecipients.length > 1 ? 's' : ''
+ }`;
+ })
+ .exhaustive()}
+
+
+
+
+
+
+
+ {/* Document information section. */}
+
+
+ {/* Recipients section. */}
+
+
+ {/* Recent activity section. */}
+
+
- )}
+
);
};
diff --git a/apps/web/src/app/(dashboard)/documents/[id]/edit-document.tsx b/apps/web/src/app/(dashboard)/documents/[id]/edit-document.tsx
index 813458062..fe278486e 100644
--- a/apps/web/src/app/(dashboard)/documents/[id]/edit-document.tsx
+++ b/apps/web/src/app/(dashboard)/documents/[id]/edit-document.tsx
@@ -2,10 +2,16 @@
import { useState } from 'react';
-import { useRouter } from 'next/navigation';
+import { useRouter, useSearchParams } from 'next/navigation';
-import type { DocumentData, DocumentMeta, Field, Recipient, User } from '@documenso/prisma/client';
-import { DocumentStatus } from '@documenso/prisma/client';
+import {
+ type DocumentData,
+ type DocumentMeta,
+ DocumentStatus,
+ type Field,
+ type Recipient,
+ type User,
+} from '@documenso/prisma/client';
import type { DocumentWithData } from '@documenso/prisma/types/document-with-data';
import { trpc } from '@documenso/trpc/react';
import { cn } from '@documenso/ui/lib/utils';
@@ -49,12 +55,9 @@ export const EditDocumentForm = ({
documentRootPath,
}: EditDocumentFormProps) => {
const { toast } = useToast();
- const router = useRouter();
- // controlled stepper state
- const [step, setStep] = useState
(
- document.status === DocumentStatus.DRAFT ? 'title' : 'signers',
- );
+ const router = useRouter();
+ const searchParams = useSearchParams();
const { mutateAsync: addTitle } = trpc.document.setTitleForDocument.useMutation();
const { mutateAsync: addFields } = trpc.field.addFields.useMutation();
@@ -86,6 +89,24 @@ export const EditDocumentForm = ({
},
};
+ const [step, setStep] = useState(() => {
+ // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+ const searchParamStep = searchParams?.get('step') as EditDocumentStep | undefined;
+
+ let initialStep: EditDocumentStep =
+ document.status === DocumentStatus.DRAFT ? 'title' : 'signers';
+
+ if (
+ searchParamStep &&
+ documentFlow[searchParamStep] !== undefined &&
+ !(recipients.length === 0 && (searchParamStep === 'subject' || searchParamStep === 'fields'))
+ ) {
+ initialStep = searchParamStep;
+ }
+
+ return initialStep;
+ });
+
const onAddTitleFormSubmit = async (data: TAddTitleFormSchema) => {
try {
// Custom invocation server action
diff --git a/apps/web/src/app/(dashboard)/documents/[id]/edit/document-edit-page-view.tsx b/apps/web/src/app/(dashboard)/documents/[id]/edit/document-edit-page-view.tsx
new file mode 100644
index 000000000..87b3738bb
--- /dev/null
+++ b/apps/web/src/app/(dashboard)/documents/[id]/edit/document-edit-page-view.tsx
@@ -0,0 +1,121 @@
+import Link from 'next/link';
+import { redirect } from 'next/navigation';
+
+import { ChevronLeft, Users2 } from 'lucide-react';
+
+import { DOCUMENSO_ENCRYPTION_KEY } from '@documenso/lib/constants/crypto';
+import { getRequiredServerComponentSession } from '@documenso/lib/next-auth/get-server-component-session';
+import { getDocumentById } from '@documenso/lib/server-only/document/get-document-by-id';
+import { getFieldsForDocument } from '@documenso/lib/server-only/field/get-fields-for-document';
+import { getRecipientsForDocument } from '@documenso/lib/server-only/recipient/get-recipients-for-document';
+import { symmetricDecrypt } from '@documenso/lib/universal/crypto';
+import { formatDocumentsPath } from '@documenso/lib/utils/teams';
+import type { Team } from '@documenso/prisma/client';
+import { DocumentStatus as InternalDocumentStatus } from '@documenso/prisma/client';
+
+import { EditDocumentForm } from '~/app/(dashboard)/documents/[id]/edit-document';
+import { StackAvatarsWithTooltip } from '~/components/(dashboard)/avatar/stack-avatars-with-tooltip';
+import { DocumentStatus } from '~/components/formatter/document-status';
+
+export type DocumentEditPageViewProps = {
+ params: {
+ id: string;
+ };
+ team?: Team;
+};
+
+export const DocumentEditPageView = async ({ params, team }: DocumentEditPageViewProps) => {
+ const { id } = params;
+
+ const documentId = Number(id);
+
+ const documentRootPath = formatDocumentsPath(team?.url);
+
+ if (!documentId || Number.isNaN(documentId)) {
+ redirect(documentRootPath);
+ }
+
+ const { user } = await getRequiredServerComponentSession();
+
+ const document = await getDocumentById({
+ id: documentId,
+ userId: user.id,
+ teamId: team?.id,
+ }).catch(() => null);
+
+ if (!document || !document.documentData) {
+ redirect(documentRootPath);
+ }
+
+ if (document.status === InternalDocumentStatus.COMPLETED) {
+ redirect(`${documentRootPath}/${documentId}`);
+ }
+
+ const { documentData, documentMeta } = document;
+
+ if (documentMeta?.password) {
+ const key = DOCUMENSO_ENCRYPTION_KEY;
+
+ if (!key) {
+ throw new Error('Missing DOCUMENSO_ENCRYPTION_KEY');
+ }
+
+ const securePassword = Buffer.from(
+ symmetricDecrypt({
+ key,
+ data: documentMeta.password,
+ }),
+ ).toString('utf-8');
+
+ documentMeta.password = securePassword;
+ }
+
+ const [recipients, fields] = await Promise.all([
+ getRecipientsForDocument({
+ documentId,
+ userId: user.id,
+ }),
+ getFieldsForDocument({
+ documentId,
+ userId: user.id,
+ }),
+ ]);
+
+ return (
+
+
+
+ Documents
+
+
+
+ {document.title}
+
+
+
+
+
+ {recipients.length > 0 && (
+
+
+
+
+ {recipients.length} Recipient(s)
+
+
+ )}
+
+
+
+
+ {row.original.name && (
+
+ {row.original.name}
+
+ )}
+
+ {row.original.email && (
+
+ {row.original.email}
+
+ )}
+
N/A
+ ),
+ },
+ {
+ header: 'Action',
+ accessorKey: 'type',
+ cell: ({ row }) => (
+
+ {uppercaseFistLetter(formatDocumentAuditLogAction(row.original).description)}
+
+ ),
+ },
+ {
+ header: 'IP Address',
+ accessorKey: 'ipAddress',
+ },
+ {
+ header: 'Browser',
+ cell: ({ row }) => {
+ if (!row.original.userAgent) {
+ return 'N/A';
+ }
+
+ parser.setUA(row.original.userAgent);
+
+ const result = parser.getResult();
+
+ return result.browser.name ?? 'N/A';
+ },
+ },
+ ]}
+ data={results.data}
+ perPage={results.perPage}
+ currentPage={results.currentPage}
+ totalPages={results.totalPages}
+ onPaginationChange={onPaginationChange}
+ error={{
+ enable: isLoadingError,
+ }}
+ skeleton={{
+ enable: isLoading && isInitialLoading,
+ rows: 3,
+ component: (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ),
+ }}
+ >
+ {(table) => }
+
+ );
+};
diff --git a/apps/web/src/app/(dashboard)/documents/[id]/logs/document-logs-page-view.tsx b/apps/web/src/app/(dashboard)/documents/[id]/logs/document-logs-page-view.tsx
new file mode 100644
index 000000000..e9627d2c7
--- /dev/null
+++ b/apps/web/src/app/(dashboard)/documents/[id]/logs/document-logs-page-view.tsx
@@ -0,0 +1,150 @@
+import Link from 'next/link';
+import { redirect } from 'next/navigation';
+
+import { ChevronLeft, DownloadIcon } from 'lucide-react';
+
+import { getRequiredServerComponentSession } from '@documenso/lib/next-auth/get-server-component-session';
+import { getDocumentById } from '@documenso/lib/server-only/document/get-document-by-id';
+import { getRecipientsForDocument } from '@documenso/lib/server-only/recipient/get-recipients-for-document';
+import { formatDocumentsPath } from '@documenso/lib/utils/teams';
+import type { Recipient, Team } from '@documenso/prisma/client';
+import { Button } from '@documenso/ui/primitives/button';
+import { Card } from '@documenso/ui/primitives/card';
+
+import { FRIENDLY_STATUS_MAP } from '~/components/formatter/document-status';
+
+import { DocumentLogsDataTable } from './document-logs-data-table';
+
+export type DocumentLogsPageViewProps = {
+ params: {
+ id: string;
+ };
+ team?: Team;
+};
+
+export const DocumentLogsPageView = async ({ params, team }: DocumentLogsPageViewProps) => {
+ const { id } = params;
+
+ const documentId = Number(id);
+
+ const documentRootPath = formatDocumentsPath(team?.url);
+
+ if (!documentId || Number.isNaN(documentId)) {
+ redirect(documentRootPath);
+ }
+
+ const { user } = await getRequiredServerComponentSession();
+
+ const [document, recipients] = await Promise.all([
+ getDocumentById({
+ id: documentId,
+ userId: user.id,
+ teamId: team?.id,
+ }).catch(() => null),
+ getRecipientsForDocument({
+ documentId,
+ userId: user.id,
+ }),
+ ]);
+
+ if (!document || !document.documentData) {
+ redirect(documentRootPath);
+ }
+
+ const documentInformation: { description: string; value: string }[] = [
+ {
+ description: 'Document title',
+ value: document.title,
+ },
+ {
+ description: 'Document ID',
+ value: document.id.toString(),
+ },
+ {
+ description: 'Document status',
+ value: FRIENDLY_STATUS_MAP[document.status].label,
+ },
+ {
+ description: 'Created by',
+ value: document.User.name ?? document.User.email,
+ },
+ {
+ description: 'Date created',
+ value: document.createdAt.toISOString(),
+ },
+ {
+ description: 'Last updated',
+ value: document.updatedAt.toISOString(),
+ },
+ {
+ description: 'Time zone',
+ value: document.documentMeta?.timezone ?? 'N/A',
+ },
+ ];
+
+ const formatRecipientText = (recipient: Recipient) => {
+ let text = recipient.email;
+
+ if (recipient.name) {
+ text = `${recipient.name} (${recipient.email})`;
+ }
+
+ return `${text} - ${recipient.role}`;
+ };
+
+ return (
+
+
+
+ Document
+
+
+
+
+ {document.title}
+
+
+
+
+
+
+
+
+
+
+
+ {documentInformation.map((info, i) => (
+
+
{info.description}
+
{info.value}
+
+
Recipients
+
+ {recipients.map((recipient) => (
+ -
+ {formatRecipientText(recipient)}
+
+ ))}
+
+
+
+
+
Who do you want to remind?
diff --git a/apps/web/src/app/(dashboard)/documents/data-table-action-button.tsx b/apps/web/src/app/(dashboard)/documents/data-table-action-button.tsx
index 78ffd0b3b..455f50be5 100644
--- a/apps/web/src/app/(dashboard)/documents/data-table-action-button.tsx
+++ b/apps/web/src/app/(dashboard)/documents/data-table-action-button.tsx
@@ -94,7 +94,7 @@ export const DataTableActionButton = ({ row, team }: DataTableActionButtonProps)
isOwner ? { isDraft: true, isOwner: true } : { isDraft: true, isCurrentTeamDocument: true },
() => (