@open-mercato/core 0.6.4-develop.4382.1.6b4f656b77 → 0.6.4

package/dist/modules/customers/components/detail/PersonCompaniesSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/PersonCompaniesSection.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { ArrowLeft, ArrowRight, Building2, Link2 } from 'lucide-react'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { CompanyCard, type EnrichedCompanyData } from './CompanyCard'\nimport { useCustomerDictionary } from './hooks/useCustomerDictionary'\nimport { LinkEntityDialog, type LinkEntityOption } from '../linking/LinkEntityDialog'\nimport { createCompanyLinkAdapter } from '../linking/adapters/companyAdapter'\n\ntype GuardedMutationRunner = <T,>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype LinkedCompanySummary = {\n  id: string\n  displayName: string\n  isPrimary: boolean\n}\n\ntype PersonCompaniesSectionProps = {\n  personId: string\n  personName: string\n  initialLinkedCompanies?: LinkedCompanySummary[]\n  onChanged?: () => Promise<void> | void\n  runGuardedMutation?: GuardedMutationRunner\n}\n\nconst LINKED_PAGE_SIZE = 20\n\nfunction sameIdSet(left: string[], right: string[]): boolean {\n  if (left.length !== right.length) return false\n  const rightSet = new Set(right)\n  return left.every((value) => rightSet.has(value))\n}\n\nfunction Pagination({\n  page,\n  totalPages,\n  onPageChange,\n}: {\n  page: number\n  totalPages: number\n  onPageChange: (page: number) => void\n}) {\n  if (totalPages <= 1) return null\n  return (\n    <div className=\"flex items-center justify-between border-t border-border/60 pt-3 text-sm text-muted-foreground\">\n      <span>\n        Page {page} of {totalPages}\n      </span>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(Math.max(1, page - 1))}\n          disabled={page <= 1}\n        >\n          <ArrowLeft className=\"mr-1.5 size-3.5\" />\n          Previous\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(Math.min(totalPages, page + 1))}\n          disabled={page >= totalPages}\n        >\n          Next\n          <ArrowRight className=\"ml-1.5 size-3.5\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport function PersonCompaniesSection({\n  personId,\n  personName: _personName,\n  initialLinkedCompanies = [],\n  onChanged,\n  runGuardedMutation,\n}: PersonCompaniesSectionProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [items, setItems] = React.useState<EnrichedCompanyData[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [unlinkingId, setUnlinkingId] = React.useState<string | null>(null)\n  const [search, setSearch] = React.useState('')\n  const [sort, setSort] = React.useState<'name-asc' | 'name-desc' | 'recent'>('name-asc')\n  const [page, setPage] = React.useState(1)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [linkedCompanies, setLinkedCompanies] = React.useState<LinkedCompanySummary[]>(\n    initialLinkedCompanies,\n  )\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n\n  const { data: statusDict } = useCustomerDictionary('statuses')\n  const { data: lifecycleDict } = useCustomerDictionary('lifecycle-stages')\n  const { data: temperatureDict } = useCustomerDictionary('temperature')\n  const { data: renewalQuarterDict } = useCustomerDictionary('renewal-quarters')\n  const { data: roleDict } = useCustomerDictionary('person-company-roles')\n\n  React.useEffect(() => {\n    setLinkedCompanies(initialLinkedCompanies)\n  }, [initialLinkedCompanies])\n\n  const runWriteMutation = React.useCallback(\n    async <T,>(\n      operation: () => Promise<T>,\n      mutationPayload?: Record<string, unknown>,\n    ): Promise<T> => {\n      if (!runGuardedMutation) {\n        return operation()\n      }\n      return runGuardedMutation(operation, mutationPayload)\n    },\n    [runGuardedMutation],\n  )\n\n  const loadData = React.useCallback(\n    async (options?: { showLoading?: boolean }) => {\n      const showLoading = options?.showLoading ?? true\n      if (showLoading) setLoading(true)\n      try {\n        const params = new URLSearchParams({\n          page: String(page),\n          pageSize: String(LINKED_PAGE_SIZE),\n          sort,\n        })\n        if (search.trim().length > 0) {\n          params.set('search', search.trim())\n        }\n        const payload = await readApiResultOrThrow<{\n          items?: EnrichedCompanyData[]\n          totalPages?: number\n        }>(\n          `/api/customers/people/${encodeURIComponent(personId)}/companies/enriched?${params.toString()}`,\n          { cache: 'no-store' },\n        )\n        const nextItems = Array.isArray(payload?.items) ? payload.items : []\n        setItems(nextItems)\n        setTotalPages(typeof payload?.totalPages === 'number' ? payload.totalPages : 1)\n      } catch (error) {\n        const message =\n          error instanceof Error\n            ? error.message\n            : t('customers.people.detail.companies.loadError', 'Failed to load companies.')\n        flash(message, 'error')\n        setItems([])\n        setTotalPages(1)\n      } finally {\n        if (showLoading) setLoading(false)\n      }\n    },\n    [page, personId, search, sort, t],\n  )\n\n  React.useEffect(() => {\n    void loadData()\n  }, [loadData])\n\n  React.useEffect(() => {\n    setPage(1)\n  }, [search, sort])\n\n  const linkedIds = React.useMemo(\n    () => linkedCompanies.map((entry) => entry.id),\n    [linkedCompanies],\n  )\n  const linkedPrimaryId = React.useMemo(\n    () =>\n      linkedCompanies.find((entry) => entry.isPrimary)?.id ??\n      linkedCompanies[0]?.id ??\n      null,\n    [linkedCompanies],\n  )\n\n  const companyLinkAdapter = React.useMemo(\n    () =>\n      createCompanyLinkAdapter({\n        dialogTitle: t('customers.linking.company.dialogTitle', 'Link company'),\n        dialogSubtitle: _personName\n          ? t('customers.linking.company.dialogSubtitleFor', 'Link an existing company to {{name}}', {\n              name: _personName,\n            })\n          : t('customers.linking.company.dialogSubtitle', 'Link an existing company to this person'),\n        sectionLabel: t('customers.linking.company.sectionLabel', 'MATCHING COMPANIES'),\n        searchPlaceholder: t(\n          'customers.linking.company.searchPlaceholder',\n          'Search all companies\u2026',\n        ),\n        searchEmptyHint: t(\n          'customers.linking.company.searchEmpty',\n          'No matching companies found.',\n        ),\n        selectedEmptyHint: t(\n          'customers.linking.company.selectedEmpty',\n          'No companies selected.',\n        ),\n        confirmButtonLabel: t('customers.linking.company.confirmButton', 'Link company'),\n        excludeLinkedPersonId: personId,\n      }),\n    [_personName, personId, t],\n  )\n\n  const handleLinkConfirm = React.useCallback(\n    async ({\n      addedIds,\n      removedIds,\n      nextSelectedIds,\n      primaryId,\n      optionsById,\n    }: {\n      addedIds: string[]\n      removedIds: string[]\n      nextSelectedIds: string[]\n      primaryId?: string | null\n      optionsById: Record<string, LinkEntityOption>\n    }) => {\n      const currentPrimaryId = linkedPrimaryId\n      const nextPrimaryId = nextSelectedIds.length\n        ? primaryId && nextSelectedIds.includes(primaryId)\n          ? primaryId\n          : nextSelectedIds[0]\n        : null\n\n      try {\n        for (const companyId of removedIds) {\n          await runWriteMutation(\n            () =>\n              apiCallOrThrow(\n                `/api/customers/people/${encodeURIComponent(personId)}/companies/${encodeURIComponent(companyId)}`,\n                { method: 'DELETE' },\n              ),\n            { companyId, personId, operation: 'removePersonCompanyLink' },\n          )\n        }\n\n        for (const companyId of addedIds) {\n          await runWriteMutation(\n            () =>\n              apiCallOrThrow(\n                `/api/customers/people/${encodeURIComponent(personId)}/companies`,\n                {\n                  method: 'POST',\n                  headers: { 'content-type': 'application/json' },\n                  body: JSON.stringify({\n                    companyId,\n                    isPrimary: nextPrimaryId === companyId,\n                  }),\n                },\n              ),\n            { companyId, personId, operation: 'addPersonCompanyLink' },\n          )\n        }\n\n        if (\n          nextPrimaryId &&\n          nextPrimaryId !== currentPrimaryId &&\n          !addedIds.includes(nextPrimaryId)\n        ) {\n          await runWriteMutation(\n            () =>\n              apiCallOrThrow(\n                `/api/customers/people/${encodeURIComponent(personId)}/companies/${encodeURIComponent(nextPrimaryId)}`,\n                {\n                  method: 'PATCH',\n                  headers: { 'content-type': 'application/json' },\n                  body: JSON.stringify({ isPrimary: true }),\n                },\n              ),\n            { companyId: nextPrimaryId, personId, operation: 'setPrimaryPersonCompanyLink' },\n          )\n        }\n\n        const nextLinkedCompanies: LinkedCompanySummary[] = nextSelectedIds.map((id) => {\n          const option = optionsById[id]\n          const fromCurrent = linkedCompanies.find((entry) => entry.id === id)\n          return {\n            id,\n            displayName: option?.label ?? fromCurrent?.displayName ?? id,\n            isPrimary: id === nextPrimaryId,\n          }\n        })\n        setLinkedCompanies(nextLinkedCompanies)\n        await loadData({ showLoading: false })\n        await onChanged?.()\n        flash(\n          t('customers.people.detail.companies.manageSuccess', 'Linked companies updated.'),\n          'success',\n        )\n      } catch (error) {\n        const message =\n          error instanceof Error\n            ? error.message\n            : t(\n                'customers.people.detail.companies.manageError',\n                'Failed to update linked companies.',\n              )\n        flash(message, 'error')\n        throw error\n      }\n    },\n    [linkedCompanies, linkedPrimaryId, loadData, onChanged, personId, runWriteMutation, t],\n  )\n\n  const handleUnlink = React.useCallback(\n    async (companyId: string, displayName: string) => {\n      if (!companyId || unlinkingId) return\n      const confirmed = await confirm({\n        title: t('customers.people.detail.companies.unlinkConfirmTitle', 'Unlink company'),\n        description: t(\n          'customers.people.detail.companies.unlinkConfirm',\n          'Unlink {{company}} from {{person}}?',\n          { company: displayName, person: _personName },\n        ),\n        confirmText: t('customers.people.detail.companies.unlinkAction', 'Unlink'),\n        cancelText: t('customers.linking.actions.cancel', 'Cancel'),\n      })\n      if (!confirmed) return\n      setUnlinkingId(companyId)\n      try {\n        await runWriteMutation(\n          () =>\n            apiCallOrThrow(\n              `/api/customers/people/${encodeURIComponent(personId)}/companies/${encodeURIComponent(companyId)}`,\n              { method: 'DELETE' },\n              {\n                errorMessage: t(\n                  'customers.people.detail.companies.unlinkError',\n                  'Failed to unlink company.',\n                ),\n              },\n            ),\n          { companyId, personId, operation: 'unlinkPersonCompanyLink' },\n        )\n        await loadData({ showLoading: false })\n        await onChanged?.()\n        flash(\n          t('customers.people.detail.companies.unlinkSuccess', 'Company unlinked.'),\n          'success',\n        )\n      } catch (error) {\n        const message = error instanceof Error\n          ? error.message\n          : t(\n              'customers.people.detail.companies.unlinkError',\n              'Failed to unlink company.',\n            )\n        flash(message, 'error')\n      } finally {\n        setUnlinkingId(null)\n      }\n    },\n    [_personName, confirm, loadData, onChanged, personId, runWriteMutation, t, unlinkingId],\n  )\n\n  useAppEvent('customers.person_company_link.deleted', (event) => {\n    const payload = event.payload as { personEntityId?: string | null } | null | undefined\n    if (payload && payload.personEntityId === personId) {\n      void loadData({ showLoading: false })\n    }\n  }, [personId, loadData])\n\n  return (\n    <>\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-col gap-3 rounded-2xl border border-border/70 bg-card px-4 py-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"space-y-1\">\n            <div className=\"text-sm font-semibold text-foreground\">\n              {t('customers.people.detail.companies.manageTitle', 'Manage linked companies')}\n            </div>\n            <div className=\"text-sm text-muted-foreground\">\n              {t('customers.people.detail.companies.summary', '{{count}} linked companies', {\n                count: linkedCompanies.length,\n              })}\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Input\n              value={search}\n              onChange={(event) => setSearch(event.target.value)}\n              placeholder={t(\n                'customers.people.detail.companies.searchPlaceholder',\n                'Search linked companies\u2026',\n              )}\n              className=\"sm:w-[260px]\"\n            />\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setDialogOpen(true)}\n            >\n              <Link2 className=\"mr-2 size-4\" />\n              {t('customers.people.detail.companies.manageAction', 'Manage links')}\n            </Button>\n          </div>\n        </div>\n\n        <div className=\"flex items-center justify-end\">\n          <select\n            value={sort}\n            onChange={(event) =>\n              setSort(event.target.value as 'name-asc' | 'name-desc' | 'recent')\n            }\n            className=\"h-10 rounded-md border bg-background px-3 text-sm focus:outline-none focus:ring-1 focus:ring-ring\"\n          >\n            <option value=\"name-asc\">\n              {t('customers.people.detail.companies.sortNameAsc', 'Sort: Name A-Z')}\n            </option>\n            <option value=\"name-desc\">\n              {t('customers.people.detail.companies.sortNameDesc', 'Sort: Name Z-A')}\n            </option>\n            <option value=\"recent\">\n              {t('customers.people.detail.companies.sortRecent', 'Sort: Recently active')}\n            </option>\n          </select>\n        </div>\n\n        {loading ? (\n          <div className=\"space-y-4\">\n            {[1, 2].map((idx) => (\n              <div\n                key={idx}\n                className=\"h-[320px] animate-pulse rounded-2xl border border-border/60 bg-muted/30\"\n              />\n            ))}\n          </div>\n        ) : items.length === 0 ? (\n          <EmptyState\n            icon={<Building2 className=\"h-8 w-8\" aria-hidden=\"true\" />}\n            title={\n              search.trim().length\n                ? t(\n                    'customers.people.detail.companies.noSearchResults',\n                    'No linked companies match your search.',\n                  )\n                : t(\n                    'customers.people.detail.empty.companies',\n                    'No company linked to this person.',\n                  )\n            }\n          />\n        ) : (\n          <>\n            <div className=\"space-y-4\">\n              {items.map((item) => (\n                <CompanyCard\n                  key={item.companyId}\n                  data={item}\n                  personName={_personName}\n                  statusMap={statusDict?.map}\n                  lifecycleMap={lifecycleDict?.map}\n                  temperatureMap={temperatureDict?.map}\n                  renewalQuarterMap={renewalQuarterDict?.map}\n                  roleMap={roleDict?.map}\n                  onUnlink={() => handleUnlink(item.companyId, item.displayName)}\n                  unlinkLabel={t('customers.people.detail.companies.unlinkAction', 'Unlink')}\n                  unlinkDisabled={unlinkingId === item.companyId}\n                />\n              ))}\n            </div>\n            <Pagination page={page} totalPages={totalPages} onPageChange={setPage} />\n          </>\n        )}\n      </div>\n\n      <LinkEntityDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        adapter={companyLinkAdapter}\n        initialSelectedIds={linkedIds}\n        initialPrimaryId={linkedPrimaryId}\n        primarySupported\n        onConfirm={handleLinkConfirm}\n        runGuardedMutation={runWriteMutation}\n      />\n      {ConfirmDialogElement}\n    </>\n  )\n}\n\nexport default PersonCompaniesSection\n\nexport { sameIdSet }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { ArrowLeft, ArrowRight, Building2, Link2 } from 'lucide-react'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { CompanyCard, type EnrichedCompanyData } from './CompanyCard'\nimport { useCustomerDictionary } from './hooks/useCustomerDictionary'\nimport { LinkEntityDialog, type LinkEntityOption } from '../linking/LinkEntityDialog'\nimport { createCompanyLinkAdapter } from '../linking/adapters/companyAdapter'\n\ntype GuardedMutationRunner = <T,>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype LinkedCompanySummary = {\n  id: string\n  displayName: string\n  isPrimary: boolean\n}\n\ntype PersonCompaniesSectionProps = {\n  personId: string\n  personName: string\n  initialLinkedCompanies?: LinkedCompanySummary[]\n  onChanged?: () => Promise<void> | void\n  runGuardedMutation?: GuardedMutationRunner\n}\n\nconst LINKED_PAGE_SIZE = 20\n\nfunction sameIdSet(left: string[], right: string[]): boolean {\n  if (left.length !== right.length) return false\n  const rightSet = new Set(right)\n  return left.every((value) => rightSet.has(value))\n}\n\nfunction Pagination({\n  page,\n  totalPages,\n  onPageChange,\n}: {\n  page: number\n  totalPages: number\n  onPageChange: (page: number) => void\n}) {\n  if (totalPages <= 1) return null\n  return (\n    <div className=\"flex items-center justify-between border-t border-border/60 pt-3 text-sm text-muted-foreground\">\n      <span>\n        Page {page} of {totalPages}\n      </span>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(Math.max(1, page - 1))}\n          disabled={page <= 1}\n        >\n          <ArrowLeft className=\"mr-1.5 size-3.5\" />\n          Previous\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(Math.min(totalPages, page + 1))}\n          disabled={page >= totalPages}\n        >\n          Next\n          <ArrowRight className=\"ml-1.5 size-3.5\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport function PersonCompaniesSection({\n  personId,\n  personName: _personName,\n  initialLinkedCompanies = [],\n  onChanged,\n  runGuardedMutation,\n}: PersonCompaniesSectionProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [items, setItems] = React.useState<EnrichedCompanyData[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [unlinkingId, setUnlinkingId] = React.useState<string | null>(null)\n  const [search, setSearch] = React.useState('')\n  const [sort, setSort] = React.useState<'name-asc' | 'name-desc' | 'recent'>('name-asc')\n  const [page, setPage] = React.useState(1)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [linkedCompanies, setLinkedCompanies] = React.useState<LinkedCompanySummary[]>(\n    initialLinkedCompanies,\n  )\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n\n  const { data: statusDict } = useCustomerDictionary('statuses')\n  const { data: lifecycleDict } = useCustomerDictionary('lifecycle-stages')\n  const { data: temperatureDict } = useCustomerDictionary('temperature')\n  const { data: renewalQuarterDict } = useCustomerDictionary('renewal-quarters')\n  const { data: roleDict } = useCustomerDictionary('person-company-roles')\n\n  React.useEffect(() => {\n    setLinkedCompanies(initialLinkedCompanies)\n  }, [initialLinkedCompanies])\n\n  const runWriteMutation = React.useCallback(\n    async <T,>(\n      operation: () => Promise<T>,\n      mutationPayload?: Record<string, unknown>,\n    ): Promise<T> => {\n      if (!runGuardedMutation) {\n        return operation()\n      }\n      return runGuardedMutation(operation, mutationPayload)\n    },\n    [runGuardedMutation],\n  )\n\n  const loadData = React.useCallback(\n    async (options?: { showLoading?: boolean }) => {\n      const showLoading = options?.showLoading ?? true\n      if (showLoading) setLoading(true)\n      try {\n        const params = new URLSearchParams({\n          page: String(page),\n          pageSize: String(LINKED_PAGE_SIZE),\n          sort,\n        })\n        if (search.trim().length > 0) {\n          params.set('search', search.trim())\n        }\n        const payload = await readApiResultOrThrow<{\n          items?: EnrichedCompanyData[]\n          totalPages?: number\n        }>(\n          `/api/customers/people/${encodeURIComponent(personId)}/companies/enriched?${params.toString()}`,\n          { cache: 'no-store' },\n        )\n        const nextItems = Array.isArray(payload?.items) ? payload.items : []\n        setItems(nextItems)\n        setTotalPages(typeof payload?.totalPages === 'number' ? payload.totalPages : 1)\n      } catch (error) {\n        const message =\n          error instanceof Error\n            ? error.message\n            : t('customers.people.detail.companies.loadError', 'Failed to load companies.')\n        flash(message, 'error')\n        setItems([])\n        setTotalPages(1)\n      } finally {\n        if (showLoading) setLoading(false)\n      }\n    },\n    [page, personId, search, sort, t],\n  )\n\n  React.useEffect(() => {\n    void loadData()\n  }, [loadData])\n\n  React.useEffect(() => {\n    setPage(1)\n  }, [search, sort])\n\n  const linkedIds = React.useMemo(\n    () => linkedCompanies.map((entry) => entry.id),\n    [linkedCompanies],\n  )\n  const linkedPrimaryId = React.useMemo(\n    () =>\n      linkedCompanies.find((entry) => entry.isPrimary)?.id ??\n      linkedCompanies[0]?.id ??\n      null,\n    [linkedCompanies],\n  )\n\n  const companyLinkAdapter = React.useMemo(\n    () =>\n      createCompanyLinkAdapter({\n        dialogTitle: t('customers.linking.company.dialogTitle', 'Link company'),\n        dialogSubtitle: _personName\n          ? t('customers.linking.company.dialogSubtitleFor', 'Link an existing company to {{name}}', {\n              name: _personName,\n            })\n          : t('customers.linking.company.dialogSubtitle', 'Link an existing company to this person'),\n        sectionLabel: t('customers.linking.company.sectionLabel', 'MATCHING COMPANIES'),\n        searchPlaceholder: t(\n          'customers.linking.company.searchPlaceholder',\n          'Search all companies\u2026',\n        ),\n        searchEmptyHint: t(\n          'customers.linking.company.searchEmpty',\n          'No matching companies found.',\n        ),\n        selectedEmptyHint: t(\n          'customers.linking.company.selectedEmpty',\n          'No companies selected.',\n        ),\n        confirmButtonLabel: t('customers.linking.company.confirmButton', 'Link company'),\n        excludeLinkedPersonId: personId,\n      }),\n    [_personName, personId, t],\n  )\n\n  const handleLinkConfirm = React.useCallback(\n    async ({\n      addedIds,\n      removedIds,\n      nextSelectedIds,\n      primaryId,\n      optionsById,\n    }: {\n      addedIds: string[]\n      removedIds: string[]\n      nextSelectedIds: string[]\n      primaryId?: string | null\n      optionsById: Record<string, LinkEntityOption>\n    }) => {\n      const currentPrimaryId = linkedPrimaryId\n      const nextPrimaryId = nextSelectedIds.length\n        ? primaryId && nextSelectedIds.includes(primaryId)\n          ? primaryId\n          : nextSelectedIds[0]\n        : null\n\n      try {\n        for (const companyId of removedIds) {\n          await runWriteMutation(\n            () =>\n              // optimistic-lock-exempt: person-company link add/remove\n              apiCallOrThrow(\n                `/api/customers/people/${encodeURIComponent(personId)}/companies/${encodeURIComponent(companyId)}`,\n                { method: 'DELETE' },\n              ),\n            { companyId, personId, operation: 'removePersonCompanyLink' },\n          )\n        }\n\n        for (const companyId of addedIds) {\n          await runWriteMutation(\n            () =>\n              // optimistic-lock-exempt: person-company link add/remove\n              apiCallOrThrow(\n                `/api/customers/people/${encodeURIComponent(personId)}/companies`,\n                {\n                  method: 'POST',\n                  headers: { 'content-type': 'application/json' },\n                  body: JSON.stringify({\n                    companyId,\n                    isPrimary: nextPrimaryId === companyId,\n                  }),\n                },\n              ),\n            { companyId, personId, operation: 'addPersonCompanyLink' },\n          )\n        }\n\n        if (\n          nextPrimaryId &&\n          nextPrimaryId !== currentPrimaryId &&\n          !addedIds.includes(nextPrimaryId)\n        ) {\n          await runWriteMutation(\n            () =>\n              // optimistic-lock-exempt: person-company link set-primary (add/remove)\n              apiCallOrThrow(\n                `/api/customers/people/${encodeURIComponent(personId)}/companies/${encodeURIComponent(nextPrimaryId)}`,\n                {\n                  method: 'PATCH',\n                  headers: { 'content-type': 'application/json' },\n                  body: JSON.stringify({ isPrimary: true }),\n                },\n              ),\n            { companyId: nextPrimaryId, personId, operation: 'setPrimaryPersonCompanyLink' },\n          )\n        }\n\n        const nextLinkedCompanies: LinkedCompanySummary[] = nextSelectedIds.map((id) => {\n          const option = optionsById[id]\n          const fromCurrent = linkedCompanies.find((entry) => entry.id === id)\n          return {\n            id,\n            displayName: option?.label ?? fromCurrent?.displayName ?? id,\n            isPrimary: id === nextPrimaryId,\n          }\n        })\n        setLinkedCompanies(nextLinkedCompanies)\n        await loadData({ showLoading: false })\n        await onChanged?.()\n        flash(\n          t('customers.people.detail.companies.manageSuccess', 'Linked companies updated.'),\n          'success',\n        )\n      } catch (error) {\n        const message =\n          error instanceof Error\n            ? error.message\n            : t(\n                'customers.people.detail.companies.manageError',\n                'Failed to update linked companies.',\n              )\n        flash(message, 'error')\n        throw error\n      }\n    },\n    [linkedCompanies, linkedPrimaryId, loadData, onChanged, personId, runWriteMutation, t],\n  )\n\n  const handleUnlink = React.useCallback(\n    async (companyId: string, displayName: string) => {\n      if (!companyId || unlinkingId) return\n      const confirmed = await confirm({\n        title: t('customers.people.detail.companies.unlinkConfirmTitle', 'Unlink company'),\n        description: t(\n          'customers.people.detail.companies.unlinkConfirm',\n          'Unlink {{company}} from {{person}}?',\n          { company: displayName, person: _personName },\n        ),\n        confirmText: t('customers.people.detail.companies.unlinkAction', 'Unlink'),\n        cancelText: t('customers.linking.actions.cancel', 'Cancel'),\n      })\n      if (!confirmed) return\n      setUnlinkingId(companyId)\n      try {\n        await runWriteMutation(\n          () =>\n            // optimistic-lock-exempt: person-company link add/remove\n            apiCallOrThrow(\n              `/api/customers/people/${encodeURIComponent(personId)}/companies/${encodeURIComponent(companyId)}`,\n              { method: 'DELETE' },\n              {\n                errorMessage: t(\n                  'customers.people.detail.companies.unlinkError',\n                  'Failed to unlink company.',\n                ),\n              },\n            ),\n          { companyId, personId, operation: 'unlinkPersonCompanyLink' },\n        )\n        await loadData({ showLoading: false })\n        await onChanged?.()\n        flash(\n          t('customers.people.detail.companies.unlinkSuccess', 'Company unlinked.'),\n          'success',\n        )\n      } catch (error) {\n        const message = error instanceof Error\n          ? error.message\n          : t(\n              'customers.people.detail.companies.unlinkError',\n              'Failed to unlink company.',\n            )\n        flash(message, 'error')\n      } finally {\n        setUnlinkingId(null)\n      }\n    },\n    [_personName, confirm, loadData, onChanged, personId, runWriteMutation, t, unlinkingId],\n  )\n\n  useAppEvent('customers.person_company_link.deleted', (event) => {\n    const payload = event.payload as { personEntityId?: string | null } | null | undefined\n    if (payload && payload.personEntityId === personId) {\n      void loadData({ showLoading: false })\n    }\n  }, [personId, loadData])\n\n  return (\n    <>\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-col gap-3 rounded-2xl border border-border/70 bg-card px-4 py-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"space-y-1\">\n            <div className=\"text-sm font-semibold text-foreground\">\n              {t('customers.people.detail.companies.manageTitle', 'Manage linked companies')}\n            </div>\n            <div className=\"text-sm text-muted-foreground\">\n              {t('customers.people.detail.companies.summary', '{{count}} linked companies', {\n                count: linkedCompanies.length,\n              })}\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Input\n              value={search}\n              onChange={(event) => setSearch(event.target.value)}\n              placeholder={t(\n                'customers.people.detail.companies.searchPlaceholder',\n                'Search linked companies\u2026',\n              )}\n              className=\"sm:w-[260px]\"\n            />\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setDialogOpen(true)}\n            >\n              <Link2 className=\"mr-2 size-4\" />\n              {t('customers.people.detail.companies.manageAction', 'Manage links')}\n            </Button>\n          </div>\n        </div>\n\n        <div className=\"flex items-center justify-end\">\n          <select\n            value={sort}\n            onChange={(event) =>\n              setSort(event.target.value as 'name-asc' | 'name-desc' | 'recent')\n            }\n            className=\"h-10 rounded-md border bg-background px-3 text-sm focus:outline-none focus:ring-1 focus:ring-ring\"\n          >\n            <option value=\"name-asc\">\n              {t('customers.people.detail.companies.sortNameAsc', 'Sort: Name A-Z')}\n            </option>\n            <option value=\"name-desc\">\n              {t('customers.people.detail.companies.sortNameDesc', 'Sort: Name Z-A')}\n            </option>\n            <option value=\"recent\">\n              {t('customers.people.detail.companies.sortRecent', 'Sort: Recently active')}\n            </option>\n          </select>\n        </div>\n\n        {loading ? (\n          <div className=\"space-y-4\">\n            {[1, 2].map((idx) => (\n              <div\n                key={idx}\n                className=\"h-[320px] animate-pulse rounded-2xl border border-border/60 bg-muted/30\"\n              />\n            ))}\n          </div>\n        ) : items.length === 0 ? (\n          <EmptyState\n            icon={<Building2 className=\"h-8 w-8\" aria-hidden=\"true\" />}\n            title={\n              search.trim().length\n                ? t(\n                    'customers.people.detail.companies.noSearchResults',\n                    'No linked companies match your search.',\n                  )\n                : t(\n                    'customers.people.detail.empty.companies',\n                    'No company linked to this person.',\n                  )\n            }\n          />\n        ) : (\n          <>\n            <div className=\"space-y-4\">\n              {items.map((item) => (\n                <CompanyCard\n                  key={item.companyId}\n                  data={item}\n                  personName={_personName}\n                  statusMap={statusDict?.map}\n                  lifecycleMap={lifecycleDict?.map}\n                  temperatureMap={temperatureDict?.map}\n                  renewalQuarterMap={renewalQuarterDict?.map}\n                  roleMap={roleDict?.map}\n                  onUnlink={() => handleUnlink(item.companyId, item.displayName)}\n                  unlinkLabel={t('customers.people.detail.companies.unlinkAction', 'Unlink')}\n                  unlinkDisabled={unlinkingId === item.companyId}\n                />\n              ))}\n            </div>\n            <Pagination page={page} totalPages={totalPages} onPageChange={setPage} />\n          </>\n        )}\n      </div>\n\n      <LinkEntityDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        adapter={companyLinkAdapter}\n        initialSelectedIds={linkedIds}\n        initialPrimaryId={linkedPrimaryId}\n        primarySupported\n        onConfirm={handleLinkConfirm}\n        runGuardedMutation={runWriteMutation}\n      />\n      {ConfirmDialogElement}\n    </>\n  )\n}\n\nexport default PersonCompaniesSection\n\nexport { sameIdSet }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/PersonDetailTabs.js

@@ -6,6 +6,7 @@ import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
 import {
   SquareCheckBig,
+  Mail,
   Briefcase,
   Building2,
   Check,
@@ -13,7 +14,7 @@ import {
   Paperclip,
   Plus
 } from "lucide-react";
-const SUPPORTED_TAB_IDS = /* @__PURE__ */ new Set(["activities", "deals", "companies", "tasks", "changelog", "files"]);
+const SUPPORTED_TAB_IDS = /* @__PURE__ */ new Set(["activities", "emails", "deals", "companies", "tasks", "changelog", "files"]);
 function resolveLegacyTab(tab) {
   if (!tab) return "activities";
   return SUPPORTED_TAB_IDS.has(tab) ? tab : "activities";
@@ -46,6 +47,11 @@ function PersonDetailTabs({
         icon: /* @__PURE__ */ jsx(SquareCheckBig, { className: "size-4" }),
         badge: /* @__PURE__ */ jsx(CountBadge, { count: activitiesCount })
       },
+      {
+        id: "emails",
+        label: t("customers.people.detail.tabs.emails", "Emails"),
+        icon: /* @__PURE__ */ jsx(Mail, { className: "size-4" })
+      },
       {
         id: "deals",
         label: t("customers.people.detail.tabs.deals", "Deals"),

package/dist/modules/customers/components/detail/PersonDetailTabs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/PersonDetailTabs.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  SquareCheckBig,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n  Plus,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'deals'\n  | 'companies'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\ntype PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'deals', 'companies', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): PersonTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as PersonTabId) ? (tab as PersonTabId) : 'activities'\n}\n\nfunction CountBadge({ count }: { count: number }) {\n  if (count <= 0) return null\n  return (\n    <span className=\"ml-1 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground\">\n      {count > 999 ? '999+' : count}\n    </span>\n  )\n}\n\nfunction NewBadge() {\n  return (\n    <span className=\"ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background\">\n      NEW\n    </span>\n  )\n}\n\nexport function PersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        badge: <CountBadge count={activitiesCount} />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        badge: <CountBadge count={dealsCount} />,\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        badge: <CountBadge count={companiesCount} />,\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        badge: <CountBadge count={tasksCount} />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        badge: <NewBadge />,\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        badge: <CountBadge count={filesCount} />,\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"flex items-end justify-between gap-2 border-b\" role=\"tablist\" aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}>\n        <nav className=\"-mb-px flex flex-1 gap-1 overflow-x-auto px-1\">\n          {allTabs.map((tab) => {\n            const isActive = activeTab === tab.id\n            return (\n              <Button\n                key={tab.id}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => onTabChange(tab.id)}\n                className={cn(\n                  'h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent',\n                  isActive\n                    ? 'border-foreground text-foreground font-semibold'\n                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {tab.icon && <span className=\"mr-1.5\">{tab.icon}</span>}\n                {tab.label}\n                {tab.badge}\n              </Button>\n            )\n          })}\n        </nav>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  SquareCheckBig,\n  Mail,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n  Plus,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'emails'\n  | 'deals'\n  | 'companies'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\ntype PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'emails', 'deals', 'companies', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): PersonTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as PersonTabId) ? (tab as PersonTabId) : 'activities'\n}\n\nfunction CountBadge({ count }: { count: number }) {\n  if (count <= 0) return null\n  return (\n    <span className=\"ml-1 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground\">\n      {count > 999 ? '999+' : count}\n    </span>\n  )\n}\n\nfunction NewBadge() {\n  return (\n    <span className=\"ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background\">\n      NEW\n    </span>\n  )\n}\n\nexport function PersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        badge: <CountBadge count={activitiesCount} />,\n      },\n      {\n        id: 'emails',\n        label: t('customers.people.detail.tabs.emails', 'Emails'),\n        icon: <Mail className=\"size-4\" />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        badge: <CountBadge count={dealsCount} />,\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        badge: <CountBadge count={companiesCount} />,\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        badge: <CountBadge count={tasksCount} />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        badge: <NewBadge />,\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        badge: <CountBadge count={filesCount} />,\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"flex items-end justify-between gap-2 border-b\" role=\"tablist\" aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}>\n        <nav className=\"-mb-px flex flex-1 gap-1 overflow-x-auto px-1\">\n          {allTabs.map((tab) => {\n            const isActive = activeTab === tab.id\n            return (\n              <Button\n                key={tab.id}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => onTabChange(tab.id)}\n                className={cn(\n                  'h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent',\n                  isActive\n                    ? 'border-foreground text-foreground font-semibold'\n                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {tab.icon && <span className=\"mr-1.5\">{tab.icon}</span>}\n                {tab.label}\n                {tab.badge}\n              </Button>\n            )\n          })}\n        </nav>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/PersonEmailThreadsTab.js

@@ -0,0 +1,366 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { Mail } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  EmailThreadsPanel,
+  mergeOptimisticEmailThreads
+} from "@open-mercato/ui/backend/messages";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { useAppEvent } from "@open-mercato/ui/backend/injection/useAppEvent";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  ComposeEmailDialog
+} from "./ComposeEmailDialog.js";
+const CONTEXT_ID = "customers-person-email-threads";
+const MAX_REFERENCES = 40;
+const BACKGROUND_POLL_MS = 2e4;
+const BURST_INTERVAL_MS = 3e3;
+const BURST_DURATION_MS = 36e3;
+function resolveReplyRecipient(thread, fallback) {
+  for (let i = thread.messages.length - 1; i >= 0; i -= 1) {
+    const message = thread.messages[i];
+    if (message.direction === "inbound" && message.fromEmail) return message.fromEmail;
+  }
+  return thread.participants[0] ?? fallback;
+}
+function buildReplyState(thread, fallbackRecipient) {
+  const last = thread.messages[thread.messages.length - 1];
+  if (!last) return null;
+  const recipient = resolveReplyRecipient(thread, fallbackRecipient);
+  const references = Array.from(
+    /* @__PURE__ */ new Set([...last.references ?? [], ...last.rfcMessageId ? [last.rfcMessageId] : []])
+  ).slice(-MAX_REFERENCES);
+  const baseSubject = thread.subject ?? "";
+  const subject = /^re:/i.test(baseSubject) ? baseSubject : `Re: ${baseSubject}`.trim();
+  return {
+    inReplyTo: last.rfcMessageId ?? void 0,
+    references: references.length > 0 ? references : void 0,
+    to: recipient ? [recipient] : [],
+    subject,
+    parentMessageId: last.messageId ?? void 0
+  };
+}
+function readEventMessageId(event) {
+  const payload = event?.payload;
+  const messageId = payload?.messageId;
+  return typeof messageId === "string" ? messageId : null;
+}
+function PersonEmailThreadsTab({ personId, defaultRecipient }) {
+  const t = useT();
+  const [threads, setThreads] = React.useState([]);
+  const [optimistic, setOptimistic] = React.useState([]);
+  const [channels, setChannels] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [dialogOpen, setDialogOpen] = React.useState(false);
+  const [replyTo, setReplyTo] = React.useState(null);
+  const burstTimer = React.useRef(null);
+  const channelsRef = React.useRef([]);
+  channelsRef.current = channels;
+  const optimisticRef = React.useRef([]);
+  optimisticRef.current = optimistic;
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const loadThreads = React.useCallback(
+    async (opts) => {
+      if (opts?.showLoading) setLoading(true);
+      try {
+        const response = await apiCall(
+          `/api/customers/people/${encodeURIComponent(personId)}/email-threads`,
+          // Background poll: degrade silently on an expired session instead of
+          // hijacking the whole page with a login redirect.
+          { method: "GET", headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" } }
+        );
+        if (!response.ok) {
+          const err = response.result;
+          throw new Error(err?.error ?? t("customers.email.threads.loadFailed", "Failed to load emails"));
+        }
+        setThreads(Array.isArray(response.result?.threads) ? response.result.threads : []);
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : t("customers.email.threads.loadFailed", "Failed to load emails"));
+      } finally {
+        if (opts?.showLoading) setLoading(false);
+      }
+    },
+    [personId, t]
+  );
+  const loadChannels = React.useCallback(async () => {
+    try {
+      const response = await apiCall(
+        "/api/communication_channels/me/channels",
+        { method: "GET", headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" } }
+      );
+      const items = Array.isArray(response.result?.items) ? response.result.items : [];
+      const connected = items.filter(
+        (item) => item !== null && typeof item === "object" && item.status === "connected"
+      );
+      setChannels(connected);
+    } catch {
+      setChannels([]);
+    }
+  }, []);
+  const triggerSync = React.useCallback(async () => {
+    await Promise.allSettled(
+      channelsRef.current.map((channel) => {
+        const channelId = channel.id;
+        if (!channelId) return Promise.resolve();
+        return apiCall(
+          `/api/communication_channels/channels/${encodeURIComponent(channelId)}/poll-now`,
+          { method: "POST", headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" } }
+        );
+      })
+    );
+  }, []);
+  const startBurst = React.useCallback(() => {
+    if (burstTimer.current) clearInterval(burstTimer.current);
+    const startedAt = Date.now();
+    burstTimer.current = setInterval(() => {
+      if (Date.now() - startedAt > BURST_DURATION_MS) {
+        if (burstTimer.current) {
+          clearInterval(burstTimer.current);
+          burstTimer.current = null;
+        }
+        return;
+      }
+      void loadThreads();
+    }, BURST_INTERVAL_MS);
+  }, [loadThreads]);
+  const buildOptimisticMessage = React.useCallback(
+    (clientId, messageId, values, status) => {
+      const channel = channelsRef.current.find(
+        (c) => c.id === values.userChannelId
+      );
+      return {
+        id: `optimistic:${clientId}`,
+        messageId,
+        rfcMessageId: null,
+        references: values.references ?? [],
+        direction: "outbound",
+        fromName: null,
+        fromEmail: channel?.externalIdentifier ?? null,
+        to: values.to,
+        cc: values.cc ?? [],
+        subject: values.subject,
+        bodyText: values.body,
+        sentAt: (/* @__PURE__ */ new Date()).toISOString(),
+        providerKey: channel?.providerKey ?? null,
+        status
+      };
+    },
+    []
+  );
+  const sendEmail = React.useCallback(
+    async (values) => {
+      const operation = async () => {
+        const response = await apiCall(
+          `/api/customers/people/${encodeURIComponent(personId)}/emails`,
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify(values)
+          }
+        );
+        if (!response.ok) {
+          const err = response.result;
+          throw new Error(err?.error ?? t("customers.email.errors.sendFailed", "Send failed"));
+        }
+        return {
+          messageId: response.result?.messageId ?? null,
+          threadId: response.result?.threadId ?? null
+        };
+      };
+      const result = await runMutation({
+        operation,
+        context: {
+          formId: CONTEXT_ID,
+          resourceKind: "customers.person",
+          resourceId: personId,
+          retryLastMutation
+        },
+        mutationPayload: values
+      });
+      return result ?? { messageId: null, threadId: null };
+    },
+    [personId, runMutation, retryLastMutation, t]
+  );
+  const setMessageStatus = React.useCallback(
+    (matcher, patch) => {
+      setOptimistic(
+        (prev) => prev.map(
+          (entry) => matcher(entry) ? { ...entry, message: { ...entry.message, ...patch } } : entry
+        )
+      );
+    },
+    []
+  );
+  React.useEffect(() => {
+    void loadThreads({ showLoading: true });
+    void loadChannels();
+  }, [loadThreads, loadChannels]);
+  React.useEffect(() => {
+    const id = setInterval(() => {
+      void loadThreads();
+    }, BACKGROUND_POLL_MS);
+    return () => clearInterval(id);
+  }, [loadThreads]);
+  React.useEffect(() => () => {
+    if (burstTimer.current) clearInterval(burstTimer.current);
+  }, []);
+  React.useEffect(() => {
+    setOptimistic((prev) => {
+      if (prev.length === 0) return prev;
+      const serverIds = /* @__PURE__ */ new Set();
+      for (const thread of threads) {
+        for (const message of thread.messages) {
+          if (message.messageId) serverIds.add(message.messageId);
+        }
+      }
+      const next = prev.filter((entry) => !(entry.message.messageId && serverIds.has(entry.message.messageId)));
+      return next.length === prev.length ? prev : next;
+    });
+  }, [threads]);
+  useAppEvent("customers.email.linked", () => {
+    void loadThreads();
+  }, [loadThreads]);
+  useAppEvent("messages.message.sent", () => {
+    void loadThreads();
+  }, [loadThreads]);
+  useAppEvent("communication_channels.message.received", () => {
+    void loadThreads();
+  }, [loadThreads]);
+  useAppEvent(
+    "communication_channels.message.sent",
+    (event) => {
+      const messageId = readEventMessageId(event);
+      if (messageId) setMessageStatus((e) => e.message.messageId === messageId, { status: "sent" });
+      void loadThreads();
+    },
+    [setMessageStatus, loadThreads]
+  );
+  useAppEvent(
+    "communication_channels.message.delivery_failed",
+    (event) => {
+      const messageId = readEventMessageId(event);
+      if (messageId) {
+        setMessageStatus((e) => e.message.messageId === messageId, {
+          status: "failed",
+          statusError: t("customers.email.errors.deliveryFailed", "Delivery failed \u2014 not sent")
+        });
+      }
+    },
+    [setMessageStatus, t]
+  );
+  const onComposeNew = React.useCallback(() => {
+    setReplyTo(null);
+    setDialogOpen(true);
+  }, []);
+  const onReply = React.useCallback(
+    (thread) => {
+      setReplyTo(buildReplyState(thread, defaultRecipient ?? null));
+      setDialogOpen(true);
+    },
+    [defaultRecipient]
+  );
+  const onSend = React.useCallback(
+    async (values) => {
+      const { messageId, threadId } = await sendEmail(values);
+      flash(t("customers.email.compose.sent", "Email sent"), "success");
+      if (messageId) {
+        const clientId = crypto.randomUUID();
+        const message = buildOptimisticMessage(clientId, messageId, values, "sending");
+        setOptimistic((prev) => [
+          ...prev,
+          { clientId, threadKey: threadId ?? `optimistic:${clientId}`, values, message }
+        ]);
+      }
+      startBurst();
+      return { messageId };
+    },
+    [sendEmail, t, buildOptimisticMessage, startBurst]
+  );
+  const onRetry = React.useCallback(
+    async (message) => {
+      const entry = optimisticRef.current.find((e) => e.message.id === message.id);
+      if (!entry) return;
+      setMessageStatus((e) => e.message.id === message.id, { status: "sending", statusError: null });
+      try {
+        const { messageId } = await sendEmail(entry.values);
+        setMessageStatus((e) => e.message.id === message.id, { messageId, status: "sending" });
+        startBurst();
+      } catch (err) {
+        setMessageStatus((e) => e.message.id === message.id, {
+          status: "failed",
+          statusError: err instanceof Error ? err.message : t("customers.email.errors.sendFailed", "Send failed")
+        });
+      }
+    },
+    [sendEmail, setMessageStatus, startBurst, t]
+  );
+  const onRefresh = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      await triggerSync();
+      await loadThreads();
+    } finally {
+      setLoading(false);
+    }
+    startBurst();
+  }, [triggerSync, loadThreads, startBurst]);
+  const mergedThreads = React.useMemo(
+    () => mergeOptimisticEmailThreads(
+      threads,
+      optimistic.map((entry) => ({ ...entry.message, threadKey: entry.threadKey }))
+    ),
+    [threads, optimistic]
+  );
+  const canCompose = channels.length > 0;
+  const composeDisabledHint = /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", className: "gap-2", children: /* @__PURE__ */ jsxs(Link, { href: "/backend/profile/communication-channels", children: [
+    /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
+    t("customers.email.compose.noChannel.cta", "Connect your mailbox")
+  ] }) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      EmailThreadsPanel,
+      {
+        threads: mergedThreads,
+        loading,
+        error,
+        canCompose,
+        composeDisabledHint,
+        onComposeNew,
+        onReply,
+        onRefresh: () => {
+          void onRefresh();
+        },
+        onRetry: (message) => {
+          void onRetry(message);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ComposeEmailDialog,
+      {
+        open: dialogOpen,
+        onOpenChange: setDialogOpen,
+        defaultRecipient,
+        channels,
+        replyTo,
+        onSend
+      }
+    )
+  ] });
+}
+var PersonEmailThreadsTab_default = PersonEmailThreadsTab;
+export {
+  PersonEmailThreadsTab,
+  PersonEmailThreadsTab_default as default
+};
+//# sourceMappingURL=PersonEmailThreadsTab.js.map