feat: signing reminders (#1749)

packages/ui/components/document/document-read-only-fields.tsx

@@ -2,12 +2,13 @@ import { useState } from 'react';
 
 import { useLingui } from '@lingui/react';
 import { Trans } from '@lingui/react/macro';
-import type { DocumentMeta, Field, Recipient } from '@prisma/client';
+import type { DocumentMeta, Field } from '@prisma/client';
 import { SigningStatus } from '@prisma/client';
 import { Clock, EyeOffIcon } from 'lucide-react';
 
 import { PDF_VIEWER_PAGE_SELECTOR } from '@documenso/lib/constants/pdf-viewer';
 import { isTemplateRecipientEmailPlaceholder } from '@documenso/lib/constants/template';
+import type { TRecipientLite } from '@documenso/lib/types/recipient';
 import { parseMessageDescriptor } from '@documenso/lib/utils/i18n';
 import { extractInitials } from '@documenso/lib/utils/recipient-formatter';
 import { FieldRootContainer } from '@documenso/ui/components/field/field';
@@ -34,7 +35,7 @@ const getRecipientDisplayText = (recipient: { name: string; email: string }) =>
 };
 
 export type DocumentField = Field & {
-  recipient: Pick<Recipient, 'name' | 'email' | 'signingStatus'>;
+  recipient: Pick<TRecipientLite, 'name' | 'email' | 'signingStatus'>;
 };
 
 export type DocumentReadOnlyFieldsProps = {
@@ -68,7 +69,7 @@ export type DocumentReadOnlyFieldsProps = {
 
 export const mapFieldsWithRecipients = (
   fields: Field[],
-  recipients: Recipient[],
+  recipients: TRecipientLite[],
 ): DocumentField[] => {
   return fields.map((field) => {
     const recipient = recipients.find((recipient) => recipient.id === field.recipientId) || {