fix: documents table team email recipient lookup (#2578)

apps/remix/app/components/tables/documents-table-action-button.tsx

@@ -7,6 +7,7 @@ import { match } from 'ts-pattern';
 import { useSession } from '@documenso/lib/client-only/providers/session';
 import type { TDocumentMany as TDocumentRow } from '@documenso/lib/types/document';
 import { isDocumentCompleted } from '@documenso/lib/utils/document';
+import { findRecipientByEmail } from '@documenso/lib/utils/recipients';
 import { formatDocumentsPath } from '@documenso/lib/utils/teams';
 import { Button } from '@documenso/ui/primitives/button';
 
@@ -23,7 +24,11 @@ export const DocumentsTableActionButton = ({ row }: DocumentsTableActionButtonPr
 
   const team = useCurrentTeam();
 
-  const recipient = row.recipients.find((recipient) => recipient.email === user.email);
+  const recipient = findRecipientByEmail({
+    recipients: row.recipients,
+    userEmail: user.email,
+    teamEmail: team.teamEmail?.email,
+  });
 
   const isOwner = row.user.id === user.id;
   const isRecipient = !!recipient;

apps/remix/app/components/tables/documents-table-action-dropdown.tsx

@@ -24,6 +24,7 @@ import { useSession } from '@documenso/lib/client-only/providers/session';
 import type { TDocumentMany as TDocumentRow } from '@documenso/lib/types/document';
 import { isDocumentCompleted } from '@documenso/lib/utils/document';
 import { getEnvelopeItemPermissions } from '@documenso/lib/utils/envelope';
+import { findRecipientByEmail } from '@documenso/lib/utils/recipients';
 import { formatDocumentsPath } from '@documenso/lib/utils/teams';
 import { trpc as trpcReact } from '@documenso/trpc/react';
 import { DocumentShareButton } from '@documenso/ui/components/document/document-share-button';
@@ -64,7 +65,11 @@ export const DocumentsTableActionDropdown = ({
   const [isDuplicateDialogOpen, setDuplicateDialogOpen] = useState(false);
   const [isRenameDialogOpen, setRenameDialogOpen] = useState(false);
 
-  const recipient = row.recipients.find((recipient) => recipient.email === user.email);
+  const recipient = findRecipientByEmail({
+    recipients: row.recipients,
+    userEmail: user.email,
+    teamEmail: team.teamEmail?.email,
+  });
 
   const isOwner = row.user.id === user.id;
   // const isRecipient = !!recipient;

apps/remix/app/components/tables/documents-table-title.tsx

@@ -3,8 +3,11 @@ import { match } from 'ts-pattern';
 
 import { useSession } from '@documenso/lib/client-only/providers/session';
 import type { TDocumentMany as TDocumentRow } from '@documenso/lib/types/document';
+import { findRecipientByEmail } from '@documenso/lib/utils/recipients';
 import { formatDocumentsPath } from '@documenso/lib/utils/teams';
 
+import { useCurrentTeam } from '~/providers/team';
+
 export type DataTableTitleProps = {
   row: TDocumentRow;
   teamUrl: string;
@@ -12,8 +15,13 @@ export type DataTableTitleProps = {
 
 export const DataTableTitle = ({ row, teamUrl }: DataTableTitleProps) => {
   const { user } = useSession();
+  const team = useCurrentTeam();
 
-  const recipient = row.recipients.find((recipient) => recipient.email === user.email);
+  const recipient = findRecipientByEmail({
+    recipients: row.recipients,
+    userEmail: user.email,
+    teamEmail: team.teamEmail?.email,
+  });
 
   const isOwner = row.user.id === user.id;
   const isRecipient = !!recipient;

apps/remix/app/components/tables/documents-table.tsx

@@ -10,6 +10,7 @@ import { match } from 'ts-pattern';
 import { useUpdateSearchParams } from '@documenso/lib/client-only/hooks/use-update-search-params';
 import { useSession } from '@documenso/lib/client-only/providers/session';
 import { isDocumentCompleted } from '@documenso/lib/utils/document';
+import { findRecipientByEmail } from '@documenso/lib/utils/recipients';
 import { formatDocumentsPath } from '@documenso/lib/utils/teams';
 import type { TFindDocumentsResponse } from '@documenso/trpc/server/document-router/find-documents.types';
 import { Checkbox } from '@documenso/ui/primitives/checkbox';
@@ -91,7 +92,13 @@ export const DocumentsTable = ({
       },
       {
         header: _(msg`Title`),
-        cell: ({ row }) => <DataTableTitle row={row.original} teamUrl={team?.url} />,
+        cell: ({ row }) => (
+          <DataTableTitle
+            row={row.original}
+            teamUrl={team?.url}
+            teamEmail={team?.teamEmail?.email}
+          />
+        ),
       },
       {
         id: 'sender',
@@ -213,12 +220,17 @@ export const DocumentsTable = ({
 type DataTableTitleProps = {
   row: DocumentsTableRow;
   teamUrl: string;
+  teamEmail?: string;
 };
 
-const DataTableTitle = ({ row, teamUrl }: DataTableTitleProps) => {
+const DataTableTitle = ({ row, teamUrl, teamEmail }: DataTableTitleProps) => {
   const { user } = useSession();
 
-  const recipient = row.recipients.find((recipient) => recipient.email === user.email);
+  const recipient = findRecipientByEmail({
+    recipients: row.recipients,
+    userEmail: user.email,
+    teamEmail,
+  });
 
   const isOwner = row.user.id === user.id;
   const isRecipient = !!recipient;

apps/remix/app/routes/embed+/v2+/authoring+/_layout.tsx

@@ -114,6 +114,7 @@ export default function AuthoringLayout() {
     createdAt: new Date(),
     avatarImageId: null,
     organisationId: '',
+    teamEmail: null,
     currentTeamRole: TeamMemberRole.MEMBER,
     preferences: {
       aiFeaturesEnabled: preferences.aiFeaturesEnabled,