@fluid-app/portal-sdk 0.1.280 → 0.1.281

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/{ContactsScreen-D42uVkfI.mjs → ContactsScreen-CMETL0o1.mjs} +33 -36
  2. package/dist/ContactsScreen-CMETL0o1.mjs.map +1 -0
  3. package/dist/{ContactsScreen-CVUFwHD0.cjs → ContactsScreen-CNM9nqb1.cjs} +33 -36
  4. package/dist/ContactsScreen-CNM9nqb1.cjs.map +1 -0
  5. package/dist/{ContactsScreen-BWgTp9z6.cjs → ContactsScreen-CZLLBgUB.cjs} +2 -2
  6. package/dist/{MessagingScreen-ihaUzGp0.mjs → MessagingScreen-BvVhwvm8.mjs} +2 -2
  7. package/dist/{MessagingScreen-CE8MTQxn.cjs → MessagingScreen-C3yCIWo4.cjs} +41 -62
  8. package/dist/MessagingScreen-C3yCIWo4.cjs.map +1 -0
  9. package/dist/{MessagingScreen-r73abdKa.mjs → MessagingScreen-C7W5-K1N.mjs} +41 -62
  10. package/dist/{MessagingScreen-r73abdKa.mjs.map → MessagingScreen-C7W5-K1N.mjs.map} +1 -1
  11. package/dist/{MessagingScreen-DIbrm4HW.cjs → MessagingScreen-sc1u2IwX.cjs} +2 -2
  12. package/dist/{MySiteScreen-B1_Xx5-L.cjs → MySiteScreen-BiRsdk3F.cjs} +5 -10
  13. package/dist/MySiteScreen-BiRsdk3F.cjs.map +1 -0
  14. package/dist/{MySiteScreen-Dx8wYdv3.mjs → MySiteScreen-CfCr1_w0.mjs} +5 -10
  15. package/dist/{MySiteScreen-Dx8wYdv3.mjs.map → MySiteScreen-CfCr1_w0.mjs.map} +1 -1
  16. package/dist/{MySiteScreen-CFyr06DP.cjs → MySiteScreen-D2ivRa2e.cjs} +2 -2
  17. package/dist/{OrdersScreen-RNTW7SCI.mjs → OrdersScreen-BCFfxurP.mjs} +2 -2
  18. package/dist/{OrdersScreen-BQKy-1vC.cjs → OrdersScreen-CSkiK7j8.cjs} +13 -15
  19. package/dist/OrdersScreen-CSkiK7j8.cjs.map +1 -0
  20. package/dist/{OrdersScreen-C-32UkcG.cjs → OrdersScreen-DOCdTWOx.cjs} +2 -2
  21. package/dist/{OrdersScreen-9wp4AWDC.mjs → OrdersScreen-NzGaufXO.mjs} +13 -15
  22. package/dist/OrdersScreen-NzGaufXO.mjs.map +1 -0
  23. package/dist/{ProfileScreen-OZZ9Zcab.mjs → ProfileScreen-CkRFE_jb.mjs} +5 -6
  24. package/dist/{ProfileScreen-OZZ9Zcab.mjs.map → ProfileScreen-CkRFE_jb.mjs.map} +1 -1
  25. package/dist/{ProfileScreen-BdMZsorI.mjs → ProfileScreen-Cm4WZ54w.mjs} +2 -2
  26. package/dist/{ProfileScreen-BvIfbjnw.cjs → ProfileScreen-Dacb369p.cjs} +5 -6
  27. package/dist/ProfileScreen-Dacb369p.cjs.map +1 -0
  28. package/dist/{ProfileScreen-BrdjkmQd.cjs → ProfileScreen-zzk5SGP5.cjs} +2 -2
  29. package/dist/ScreenHeaderContext-CsfhnuJk.cjs +86 -0
  30. package/dist/ScreenHeaderContext-CsfhnuJk.cjs.map +1 -0
  31. package/dist/ScreenHeaderContext-Dn12BZyj.mjs +62 -0
  32. package/dist/ScreenHeaderContext-Dn12BZyj.mjs.map +1 -0
  33. package/dist/{ShareablesScreen-BP1Ed_Sv.cjs → ShareablesScreen-BwFmwYNG.cjs} +2 -2
  34. package/dist/{ShareablesScreen-DwxcReCu.cjs → ShareablesScreen-C6pCPvmx.cjs} +1101 -1144
  35. package/dist/ShareablesScreen-C6pCPvmx.cjs.map +1 -0
  36. package/dist/{ShareablesScreen-tq0taJJe.mjs → ShareablesScreen-kr2RL4FN.mjs} +2 -2
  37. package/dist/{ShareablesScreen-C5ZRdX-y.mjs → ShareablesScreen-uMQYLpTv.mjs} +1101 -1144
  38. package/dist/ShareablesScreen-uMQYLpTv.mjs.map +1 -0
  39. package/dist/{ShopScreen-B-OBQ2S7.mjs → ShopScreen-BqDNPM7i.mjs} +36 -47
  40. package/dist/{ShopScreen-B-OBQ2S7.mjs.map → ShopScreen-BqDNPM7i.mjs.map} +1 -1
  41. package/dist/{ShopScreen-Cn94XVxx.mjs → ShopScreen-CpCBdW0Z.mjs} +2 -2
  42. package/dist/{ShopScreen-zdvCwxBT.cjs → ShopScreen-DRnPRtV7.cjs} +36 -47
  43. package/dist/ShopScreen-DRnPRtV7.cjs.map +1 -0
  44. package/dist/{ShopScreen-CQDkeQrR.cjs → ShopScreen-SN91S9Ao.cjs} +2 -2
  45. package/dist/{SubscriptionsScreen-CRHHXzrB.cjs → SubscriptionsScreen-D4C8a7-e.cjs} +13 -15
  46. package/dist/SubscriptionsScreen-D4C8a7-e.cjs.map +1 -0
  47. package/dist/{SubscriptionsScreen-Dx7Evic_.mjs → SubscriptionsScreen-DCeby11T.mjs} +13 -15
  48. package/dist/SubscriptionsScreen-DCeby11T.mjs.map +1 -0
  49. package/dist/{SubscriptionsScreen-DH10SUZK.cjs → SubscriptionsScreen-DzwK-Sck.cjs} +2 -2
  50. package/dist/index.cjs +35 -34
  51. package/dist/index.cjs.map +1 -1
  52. package/dist/index.d.cts.map +1 -1
  53. package/dist/index.d.mts.map +1 -1
  54. package/dist/index.mjs +35 -34
  55. package/dist/index.mjs.map +1 -1
  56. package/package.json +18 -18
  57. package/dist/ContactsScreen-CVUFwHD0.cjs.map +0 -1
  58. package/dist/ContactsScreen-D42uVkfI.mjs.map +0 -1
  59. package/dist/MessagingScreen-CE8MTQxn.cjs.map +0 -1
  60. package/dist/MySiteScreen-B1_Xx5-L.cjs.map +0 -1
  61. package/dist/OrdersScreen-9wp4AWDC.mjs.map +0 -1
  62. package/dist/OrdersScreen-BQKy-1vC.cjs.map +0 -1
  63. package/dist/ProfileScreen-BvIfbjnw.cjs.map +0 -1
  64. package/dist/ScreenHeaderContext-BDjNSUfr.mjs +0 -85
  65. package/dist/ScreenHeaderContext-BDjNSUfr.mjs.map +0 -1
  66. package/dist/ScreenHeaderContext-PbjwAMeB.cjs +0 -109
  67. package/dist/ScreenHeaderContext-PbjwAMeB.cjs.map +0 -1
  68. package/dist/ShareablesScreen-C5ZRdX-y.mjs.map +0 -1
  69. package/dist/ShareablesScreen-DwxcReCu.cjs.map +0 -1
  70. package/dist/ShopScreen-zdvCwxBT.cjs.map +0 -1
  71. package/dist/SubscriptionsScreen-CRHHXzrB.cjs.map +0 -1
  72. package/dist/SubscriptionsScreen-Dx7Evic_.mjs.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContactsScreen-CMETL0o1.mjs","names":["formatDueDate","portalTenantContacts.contacts_show","portalTenantContacts.contacts_list","portalTenantContacts.contacts_create","portalTenantContacts.contacts_update","portalTenantContacts.contacts_destroy","portalTenantContacts.contacts_bulk_destroy","portalTenantContacts.contacts_notes_list","portalTenantContacts.contacts_notes_create","portalTenantContacts.contacts_notes_update","portalTenantContacts.contacts_notes_destroy","portalTenantContacts.contacts_tasks_list","portalTenantContacts.contacts_tasks_create","portalTenantContacts.contacts_tasks_update","portalTenantContacts.contacts_tasks_destroy","portalTenantContacts.contacts_groups_list","portalTenantContacts.contacts_groups_create","portalTenantContacts.contacts_groups_update","portalTenantContacts.contacts_groups_destroy"],"sources":["../../../platform/api-client-core/src/parse-api-errors.ts","../../../contacts/core/src/translation-api-context.ts","../../../contacts/ui/src/screens/ContactCreateScreen.tsx","../../../contacts/core/src/contacts-api-context.ts","../../../contacts/core/src/query-keys.ts","../../../contacts/core/src/hooks/use-infinite-contacts.ts","../../../contacts/ui/src/portal/hooks/groups/use-groups.ts","../../../contacts/ui/src/portal/components/contacts/rep-layout/utils.ts","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactsSidebarRow.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactsSidebar.tsx","../../../contacts/ui/src/shared/components/contacts/contactDetailsForm.tsx","../../../contacts/ui/src/shared/hooks/useContactDetail.ts","../../../contacts/ui/src/shared/hooks/useUpdateContactMutation.ts","../../../contacts/ui/src/shared/hooks/useDeleteContactMutation.ts","../../../contacts/ui/src/shared/schemas/contactFormSchema.ts","../../../contacts/ui/src/shared/hooks/useContactDetailPage.ts","../../../contacts/ui/src/portal/hooks/contacts/use-contact-tasks.ts","../../../contacts/ui/src/portal/hooks/notes/use-contact-notes.ts","../../../contacts/ui/src/shared/components/contacts/statusBadge.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactDetailHero.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactInfoRow.tsx","../../../contacts/core/src/iso-date.ts","../../../contacts/ui/src/portal/hooks/contacts/use-toggle-task-completion.ts","../../../contacts/ui/src/portal/hooks/contacts/use-delete-contact-task.ts","../../../contacts/ui/src/portal/hooks/contacts/use-update-contact-task.ts","../../../contacts/ui/src/portal/utils/format-date.ts","../../../contacts/ui/src/portal/components/editor/note-task-editor.tsx","../../../contacts/ui/src/portal/components/editor/note-task-modal.tsx","../../../contacts/ui/src/portal/components/tasks/task-list.tsx","../../../contacts/ui/src/portal/hooks/contacts/use-create-contact-task.ts","../../../contacts/ui/src/portal/components/tasks/inline-task-composer.tsx","../../../contacts/ui/src/portal/hooks/notes/use-delete-contact-note.ts","../../../contacts/ui/src/portal/hooks/notes/use-update-contact-note.ts","../../../contacts/ui/src/portal/hooks/notes/use-create-contact-note.ts","../../../contacts/ui/src/portal/components/notes/inline-note-composer.tsx","../../../contacts/ui/src/portal/components/notes/notes-list.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactDetailTabs.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactDetailPane.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactsEmptyState.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/RepContactsLayout.tsx","../../../contacts/ui/src/shared/hooks/useCreateContactMutation.ts","../../../api-clients/portal-tenant-contacts/src/namespaces/portal_tenant_contacts.ts","../src/adapters/contacts-api-adapter.ts","../src/contacts/PortalContactsApiProvider.tsx","../../../contacts/core/src/translation-dictionary.ts","../../../contacts/core/src/translation-adapter.ts","../src/providers/ContactsTranslationBridge.tsx","../src/screens/ContactsScreen.tsx"],"sourcesContent":["/**\n * Framework-agnostic API error parsing utilities.\n *\n * Extracts structured field-level errors from API responses and formats\n * them into human-readable messages. Works with ApiError from this package\n * as well as any error object that has `status`, `data`, and optional `message`.\n */\n\n/**\n * Converts snake_case or camelCase field names to Title Case\n */\nexport function formatFieldName(field: string): string {\n return field\n .replace(/_/g, \" \")\n .replace(/([A-Z])/g, \" $1\")\n .split(\" \")\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n .join(\" \")\n .trim();\n}\n\nexport interface ParsedFieldError {\n field: string;\n messages: string[];\n}\n\n/**\n * Type guard to check if an error looks like an API error\n */\nexport function isApiLikeError(\n error: unknown,\n): error is { message: string | undefined; status: number; data: unknown } {\n if (!error || typeof error !== \"object\") {\n return false;\n }\n\n const err = error as Record<string, unknown>;\n return (\n typeof err.status === \"number\" &&\n \"data\" in err &&\n (typeof err.message === \"string\" || err.message === undefined)\n );\n}\n\n/**\n * Extracts field-level errors from API error data\n */\nexport function extractFieldErrors(data: unknown): ParsedFieldError[] {\n const errors: ParsedFieldError[] = [];\n\n if (!data || typeof data !== \"object\") {\n return errors;\n }\n\n const errorObj = data as Record<string, unknown>;\n\n for (const [key, value] of Object.entries(errorObj)) {\n if (Array.isArray(value) && value.length > 0) {\n errors.push({\n field: formatFieldName(key),\n messages: value.map((item) =>\n typeof item === \"string\" ? item : JSON.stringify(item),\n ),\n });\n } else if (typeof value === \"string\" && value.length > 0) {\n errors.push({\n field: formatFieldName(key),\n messages: [value],\n });\n } else if (value && typeof value === \"object\" && !Array.isArray(value)) {\n const nestedErrors = extractFieldErrors(value);\n nestedErrors.forEach((nestedError) => {\n errors.push({\n field: `${formatFieldName(key)} → ${nestedError.field}`,\n messages: nestedError.messages,\n });\n });\n }\n }\n\n return errors;\n}\n\n/**\n * Formats field errors into a readable description string\n */\nexport function formatErrorDescription(errors: ParsedFieldError[]): string {\n if (errors.length === 0) {\n return \"\";\n }\n\n if (errors.length === 1) {\n const err = errors[0];\n if (!err) return \"\";\n const message = err.messages[0] || \"is invalid\";\n return `${err.field} ${message}`;\n }\n\n if (errors.length <= 3) {\n return errors\n .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n .join(\"\\n\");\n }\n\n const shown = errors\n .slice(0, 3)\n .map((e) => `${e.field} ${e.messages[0] || \"is invalid\"}`)\n .join(\"\\n\");\n const remaining = errors.length - 3;\n return `${shown}\\n...and ${remaining} more ${remaining === 1 ? \"error\" : \"errors\"}`;\n}\n\n/**\n * Parses an error and returns a human-readable description string.\n *\n * Handles:\n * - API-like errors with structured field-level data\n * - API-like errors with a top-level message\n * - Standard Error instances\n * - Falls back to the provided fallback string\n *\n * @param error - The error to parse (ApiError, Error, or unknown)\n * @param fallback - Optional fallback description if error cannot be parsed\n * @returns A human-readable error description, or undefined if nothing could be extracted\n */\nexport function parseApiErrors(\n error: unknown,\n fallback?: string,\n): string | undefined {\n if (isApiLikeError(error)) {\n if (error.data) {\n const fieldErrors = extractFieldErrors(error.data);\n if (fieldErrors.length > 0) {\n return formatErrorDescription(fieldErrors);\n }\n }\n\n if (error.message) {\n return error.message;\n }\n } else if (error instanceof Error) {\n return error.message;\n }\n\n return fallback;\n}\n","import { createTranslationContext } from \"@fluid-app/i18n/translation-api-context-factory\";\nimport type { ContactsDict } from \"./translation-dictionary\";\n\nconst { Provider, useTranslation } =\n createTranslationContext<ContactsDict>(\"Contacts\");\n\nexport const ContactsTranslationProvider = Provider;\nexport const useContactsTranslation = useTranslation;\n","\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n Button,\n} from \"@fluid-app/ui-primitives\";\nimport {\n ScreenHeaderActions,\n ScreenHeaderBreadcrumbs,\n} from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\n\nexport interface ContactCreateScreenProps {\n onNavigateToList: () => void;\n onSubmit: () => void;\n isPending: boolean;\n children: ReactNode;\n}\n\nexport function ContactCreateScreen({\n onNavigateToList,\n onSubmit,\n isPending,\n children,\n}: ContactCreateScreenProps) {\n const { t } = useContactsTranslation();\n\n return (\n <>\n <ScreenHeaderActions>\n <Button\n variant=\"outline\"\n onClick={onNavigateToList}\n disabled={isPending}\n >\n {t(\"cancel\")}\n </Button>\n <Button onClick={onSubmit} disabled={isPending}>\n {isPending ? t(\"adding\") : t(\"add_contact\")}\n </Button>\n </ScreenHeaderActions>\n <ScreenHeaderBreadcrumbs>\n <Breadcrumb>\n <BreadcrumbList className=\"text-lg\">\n <BreadcrumbItem>\n <BreadcrumbLink\n href=\"#\"\n onClick={(e) => {\n e.preventDefault();\n onNavigateToList();\n }}\n >\n {t(\"breadcrumb\")}\n </BreadcrumbLink>\n </BreadcrumbItem>\n <BreadcrumbSeparator />\n <BreadcrumbItem>\n <BreadcrumbPage className=\"font-semibold\">\n {t(\"breadcrumb_new\")}\n </BreadcrumbPage>\n </BreadcrumbItem>\n </BreadcrumbList>\n </Breadcrumb>\n </ScreenHeaderBreadcrumbs>\n {children}\n </>\n );\n}\n","import { createContext, useContext } from \"react\";\nimport type { ContactsApi } from \"./contacts-api\";\nimport type { NotesApi } from \"./notes-api\";\nimport type { TasksApi } from \"./tasks-api\";\nimport type { GroupsApi } from \"./groups-api\";\n\nexport interface ContactsDomainApi {\n contacts: ContactsApi;\n notes: NotesApi;\n tasks: TasksApi;\n groups?: GroupsApi;\n}\n\nconst ContactsApiContext = createContext<ContactsDomainApi | null>(null);\n\nexport const ContactsApiProvider = ContactsApiContext.Provider;\n\nexport function useContactsDomainApi(): ContactsDomainApi {\n const api = useContext(ContactsApiContext);\n if (!api) {\n throw new Error(\n \"useContactsDomainApi must be used within a ContactsApiProvider\",\n );\n }\n return api;\n}\n\nexport function useContactsCrud(): ContactsApi {\n return useContactsDomainApi().contacts;\n}\n\nexport function useNotesApi(): NotesApi {\n return useContactsDomainApi().notes;\n}\n\nexport function useTasksApi(): TasksApi {\n return useContactsDomainApi().tasks;\n}\n\n/** Returns GroupsApi if the provider supplies one, otherwise null. */\nexport function useGroupsApi(): GroupsApi | null {\n return useContactsDomainApi().groups ?? null;\n}\n","export const CONTACTS_QUERY_KEYS = {\n all: (prefix: string) => [prefix] as const,\n list: (prefix: string) =>\n [...CONTACTS_QUERY_KEYS.all(prefix), \"list\"] as const,\n detail: (prefix: string, id: string) =>\n [...CONTACTS_QUERY_KEYS.all(prefix), \"detail\", id] as const,\n} as const;\n\nexport const contactsKeys = {\n activities: (contactId: string) =>\n [\"portal-contacts\", \"activities\", contactId] as const,\n tasks: (contactId: string) =>\n [\"portal-contacts\", \"tasks\", contactId] as const,\n notes: (contactId: string) =>\n [\"portal-contacts\", \"notes\", contactId] as const,\n orders: (contactId: string) => [\"rep-contacts\", \"orders\", contactId] as const,\n subscriptionOrders: (contactId: string) =>\n [\"rep-contacts\", \"subscription-orders\", contactId] as const,\n groups: () => [\"portal-contacts\", \"groups\"] as const,\n} as const;\n","import { useInfiniteQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"../contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"../query-keys\";\n\nexport interface UseInfiniteContactsParams {\n search_query?: string;\n status?: string;\n sort_by?: string;\n sort_direction?: string;\n per_page?: number;\n tags?: string[];\n}\n\nexport function useInfiniteContacts(params: UseInfiniteContactsParams) {\n const api = useContactsCrud();\n return useInfiniteQuery({\n queryKey: [...CONTACTS_QUERY_KEYS.list(\"contacts\"), params],\n queryFn: ({ pageParam }) =>\n api.listContacts({\n ...params,\n page: pageParam,\n }),\n getNextPageParam: (lastPage) => {\n const currentPage = lastPage.meta.current_page;\n // Contacts API is page-number based; next_cursor and total_pages\n // are both used as \"has-next-page\" signals.\n if (currentPage == null) return undefined;\n if (lastPage.meta.next_cursor) return currentPage + 1;\n if (\n lastPage.meta.total_pages != null &&\n currentPage < lastPage.meta.total_pages\n ) {\n return currentPage + 1;\n }\n return undefined;\n },\n initialPageParam: 1,\n });\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useGroupsApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useGroups() {\n const api = useGroupsApi();\n\n return useQuery({\n queryKey: contactsKeys.groups(),\n queryFn: () => api!.listGroups(),\n enabled: !!api,\n select: (data) => data.groups,\n });\n}\n","import type { Contact } from \"@fluid-app/contacts-core/types\";\n\nexport function getDisplayName(contact: Contact): string {\n if (contact.full_name && contact.full_name.trim().length > 0) {\n return contact.full_name;\n }\n const parts = [contact.first_name, contact.last_name].filter(Boolean);\n if (parts.length > 0) return parts.join(\" \");\n if (contact.email) return contact.email;\n return \"Contact\";\n}\n\nexport function getInitials(name: string): string {\n const parts = name.trim().split(/\\s+/);\n const first = parts[0]?.[0] ?? \"\";\n const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? \"\") : \"\";\n return (first + last).toUpperCase() || \"?\";\n}\n\n/** Lowercase relative label derived from `contact.updated_at`.\n * Returns null if the timestamp is missing or unparseable. Lowercase on\n * purpose so callers can compose phrases like \"Last updated 3 days ago\"\n * without an awkward \"Last updated Today\". */\nexport function getRelativeUpdated(contact: Contact): string | null {\n const updated =\n typeof contact.updated_at === \"string\" ? contact.updated_at : null;\n if (!updated) return null;\n const date = new Date(updated);\n if (Number.isNaN(date.getTime())) return null;\n\n const diffMs = Date.now() - date.getTime();\n const day = 1000 * 60 * 60 * 24;\n const diffDays = Math.floor(diffMs / day);\n\n if (diffDays <= 0) return \"today\";\n if (diffDays === 1) return \"yesterday\";\n if (diffDays < 7) return `${diffDays} days ago`;\n if (diffDays < 30) {\n const weeks = Math.floor(diffDays / 7);\n return weeks === 1 ? \"1 week ago\" : `${weeks} weeks ago`;\n }\n if (diffDays < 365) {\n const months = Math.floor(diffDays / 30);\n return months === 1 ? \"1 month ago\" : `${months} months ago`;\n }\n const years = Math.floor(diffDays / 365);\n return years === 1 ? \"1 year ago\" : `${years} years ago`;\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { ChevronRight } from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { getDisplayName, getInitials } from \"./utils\";\n\nexport interface ContactsSidebarRowProps {\n contact: Contact;\n isSelected: boolean;\n onSelect: (id: string) => void;\n}\n\nexport function ContactsSidebarRow({\n contact,\n isSelected,\n onSelect,\n}: ContactsSidebarRowProps): React.JSX.Element {\n const name = getDisplayName(contact);\n const id = String(contact.id);\n const secondary = contact.email ?? contact.status?.trim() ?? null;\n\n return (\n <button\n type=\"button\"\n onClick={() => onSelect(id)}\n aria-current={isSelected ? \"true\" : undefined}\n className={cn(\n \"group flex w-full items-center gap-3.5 rounded-xl px-3 py-3 text-left transition-colors\",\n isSelected ? \"bg-muted\" : \"hover:bg-muted/60\",\n )}\n >\n <div\n className={cn(\n \"text-muted-foreground relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-xl text-base font-semibold transition-colors\",\n isSelected ? \"bg-background\" : \"bg-muted\",\n )}\n >\n {contact.avatar_url ? (\n <img\n alt={name}\n src={contact.avatar_url}\n className=\"size-12 object-cover\"\n />\n ) : (\n <span aria-hidden=\"true\">{getInitials(name)}</span>\n )}\n </div>\n\n <div className=\"min-w-0 flex-1\">\n <span className=\"text-foreground block truncate text-sm font-semibold tracking-tight\">\n {name}\n </span>\n {secondary && (\n <span className=\"text-muted-foreground mt-0.5 block truncate text-sm\">\n {secondary}\n </span>\n )}\n </div>\n\n <ChevronRight\n className={cn(\n \"size-4 shrink-0 transition-all\",\n isSelected\n ? \"text-foreground\"\n : \"text-muted-foreground/60 opacity-0 group-hover:translate-x-0.5 group-hover:opacity-100\",\n )}\n aria-hidden=\"true\"\n />\n </button>\n );\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Plus, Search } from \"lucide-react\";\nimport { cn, Input } from \"@fluid-app/ui-primitives\";\nimport { useInfiniteContacts } from \"@fluid-app/contacts-core/hooks/use-infinite-contacts\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { useGroups } from \"../../../hooks/groups/use-groups\";\nimport { ContactsSidebarRow } from \"./ContactsSidebarRow\";\n\nexport interface ContactsSidebarProps {\n selectedContactId: string | null;\n onSelect: (id: string) => void;\n onAdd: () => void;\n}\n\nconst DEBOUNCE_MS = 200;\n\ntype FilterValue =\n | { kind: \"all\" }\n | { kind: \"status\"; status: \"lead\" | \"customer\" }\n | { kind: \"group\"; tag: string };\n\ninterface BuiltInFilter {\n id: string;\n label: string;\n value: FilterValue;\n}\n\nfunction useBuiltInFilters(): BuiltInFilter[] {\n const { t } = useContactsTranslation();\n return useMemo(\n () => [\n { id: \"all\", label: t(\"filter_all\"), value: { kind: \"all\" } as const },\n {\n id: \"status:lead\",\n label: t(\"filter_leads\"),\n value: { kind: \"status\" as const, status: \"lead\" as const },\n },\n {\n id: \"status:customer\",\n label: t(\"filter_customers\"),\n value: { kind: \"status\" as const, status: \"customer\" as const },\n },\n ],\n [t],\n );\n}\n\nfunction filterId(value: FilterValue): string {\n if (value.kind === \"all\") return \"all\";\n if (value.kind === \"status\") return `status:${value.status}`;\n return `group:${value.tag}`;\n}\n\nexport function ContactsSidebar({\n selectedContactId,\n onSelect,\n onAdd,\n}: ContactsSidebarProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const builtInFilters = useBuiltInFilters();\n const [searchInput, setSearchInput] = useState(\"\");\n const [debouncedSearch, setDebouncedSearch] = useState(\"\");\n const [filter, setFilter] = useState<FilterValue>({ kind: \"all\" });\n\n useEffect(() => {\n const handle = window.setTimeout(() => {\n setDebouncedSearch(searchInput.trim());\n }, DEBOUNCE_MS);\n return () => window.clearTimeout(handle);\n }, [searchInput]);\n\n const { data: groups = [] } = useGroups();\n\n const queryParams = useMemo(\n () => ({\n search_query: debouncedSearch || undefined,\n tags: filter.kind === \"group\" ? [filter.tag] : undefined,\n sort_by: \"full_name\",\n sort_direction: \"asc\",\n per_page: 50,\n }),\n [debouncedSearch, filter],\n );\n\n const {\n data,\n isLoading,\n isFetchingNextPage,\n hasNextPage,\n fetchNextPage,\n isError,\n } = useInfiniteContacts(queryParams);\n\n const contacts: Contact[] = useMemo(\n () => data?.pages.flatMap((page) => page.contacts ?? []) ?? [],\n [data],\n );\n\n const visibleContacts = useMemo(() => {\n if (filter.kind === \"status\") {\n return contacts.filter((c) => c.status === filter.status);\n }\n return contacts;\n }, [contacts, filter]);\n\n const sentinelRef = useRef<HTMLDivElement>(null);\n\n // Auto-select the first contact on initial load so the right pane shows\n // detail instead of the empty state. Desktop only — on mobile the layout\n // hides the sidebar when a contact is selected, so auto-selecting would\n // drop the rep straight into a detail view with no list visible. Ref\n // guards re-fires so explicit deselects (back button, post-delete, filter\n // changes) don't get clobbered.\n const hasAutoSelectedRef = useRef(false);\n useEffect(() => {\n if (hasAutoSelectedRef.current) return;\n if (selectedContactId) {\n hasAutoSelectedRef.current = true;\n return;\n }\n if (isLoading || visibleContacts.length === 0) return;\n const isDesktop =\n typeof window === \"undefined\" ||\n window.matchMedia(\"(min-width: 768px)\").matches;\n if (!isDesktop) {\n hasAutoSelectedRef.current = true;\n return;\n }\n const first = visibleContacts[0];\n if (first) {\n hasAutoSelectedRef.current = true;\n onSelect(String(first.id));\n }\n }, [selectedContactId, isLoading, visibleContacts, onSelect]);\n\n useEffect(() => {\n const sentinel = sentinelRef.current;\n if (!sentinel || !hasNextPage) return;\n\n const observer = new IntersectionObserver((entries) => {\n const entry = entries[0];\n if (entry?.isIntersecting && !isFetchingNextPage) {\n fetchNextPage();\n }\n });\n\n observer.observe(sentinel);\n return () => observer.disconnect();\n }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n const activeFilterId = filterId(filter);\n\n return (\n <>\n <div className=\"border-border/50 border-b px-6 py-3\">\n <div className=\"flex items-center gap-3\">\n <div className=\"bg-muted focus-within:ring-foreground/20 flex min-w-0 flex-1 items-center gap-2 rounded-lg px-3 py-1.5 transition focus-within:ring-2\">\n <Search\n className=\"text-muted-foreground size-3.5 shrink-0\"\n aria-hidden=\"true\"\n />\n <Input\n value={searchInput}\n onChange={(e) => setSearchInput(e.target.value)}\n placeholder={t(\"search_placeholder\")}\n type=\"search\"\n className=\"placeholder:text-muted-foreground/80 h-auto flex-1 border-0 bg-transparent p-0 text-xs font-medium shadow-none focus-visible:ring-0\"\n aria-label={t(\"search_placeholder\")}\n />\n </div>\n <button\n type=\"button\"\n onClick={onAdd}\n className=\"bg-primary text-primary-foreground hover:bg-primary/90 inline-flex shrink-0 items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold transition-colors\"\n >\n <Plus className=\"size-3.5\" aria-hidden=\"true\" />\n {t(\"add\")}\n </button>\n </div>\n </div>\n\n <FilterPills\n activeId={activeFilterId}\n builtInFilters={builtInFilters}\n groups={groups.map((g) => g.name)}\n onChange={setFilter}\n />\n\n <div className=\"flex-1 overflow-y-auto px-3 pb-8\">\n {isError ? (\n <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n {t(\"error_loading_list\")}\n </div>\n ) : isLoading ? (\n <SidebarSkeleton />\n ) : visibleContacts.length === 0 ? (\n // Status filters apply client-side, so an empty visible list with\n // more pages still pending means matching contacts may be on later\n // pages. Keep the sentinel mounted so the IntersectionObserver can\n // continue paging until we either find matches or exhaust the data.\n <div className=\"space-y-2\">\n {hasNextPage || isFetchingNextPage ? (\n <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n {t(\"searching\")}\n </div>\n ) : (\n <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n {debouncedSearch\n ? t(\"no_contacts_search\", { term: debouncedSearch })\n : filter.kind === \"all\"\n ? t(\"no_contacts_yet\")\n : t(\"no_contacts_filter\")}\n </div>\n )}\n {hasNextPage && (\n <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-4\" />\n )}\n </div>\n ) : (\n <div className=\"space-y-1\">\n {visibleContacts.map((contact) => (\n <ContactsSidebarRow\n key={contact.id}\n contact={contact}\n isSelected={String(contact.id) === selectedContactId}\n onSelect={onSelect}\n />\n ))}\n <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-4\" />\n {isFetchingNextPage && (\n <div className=\"text-muted-foreground py-3 text-center text-xs\">\n {t(\"loading_more\")}\n </div>\n )}\n </div>\n )}\n </div>\n </>\n );\n}\n\ninterface FilterPillsProps {\n activeId: string;\n builtInFilters: BuiltInFilter[];\n groups: string[];\n onChange: (filter: FilterValue) => void;\n}\n\nfunction FilterPills({\n activeId,\n builtInFilters,\n groups,\n onChange,\n}: FilterPillsProps) {\n const allFilters = useMemo<BuiltInFilter[]>(\n () => [\n ...builtInFilters,\n ...groups.map((tag) => ({\n id: `group:${tag}`,\n label: tag,\n value: { kind: \"group\" as const, tag },\n })),\n ],\n [builtInFilters, groups],\n );\n\n return (\n <div className=\"overflow-x-auto pt-4 pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n <div className=\"flex gap-1.5 px-6\">\n {allFilters.map(({ id, label, value }) => {\n const isActive = id === activeId;\n return (\n <button\n key={id}\n type=\"button\"\n onClick={() => onChange(value)}\n aria-pressed={isActive}\n className={cn(\n \"shrink-0 rounded-full px-4 py-1.5 text-sm font-semibold capitalize transition-colors\",\n isActive\n ? \"bg-primary text-primary-foreground\"\n : \"border-border/50 bg-muted text-foreground hover:bg-muted/70 border\",\n )}\n >\n {label}\n </button>\n );\n })}\n </div>\n </div>\n );\n}\n\nfunction SidebarSkeleton() {\n return (\n <div className=\"space-y-1.5 px-1\">\n {[0, 1, 2, 3, 4].map((i) => (\n <div\n key={i}\n className=\"flex items-center gap-3 rounded-xl px-3 py-3\"\n aria-hidden=\"true\"\n >\n <div className=\"bg-muted size-12 shrink-0 animate-pulse rounded-xl\" />\n <div className=\"flex-1 space-y-2\">\n <div className=\"bg-muted h-3.5 w-3/5 animate-pulse rounded\" />\n <div className=\"bg-muted h-3 w-4/5 animate-pulse rounded\" />\n </div>\n </div>\n ))}\n </div>\n );\n}\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { useFormContext, useWatch } from \"react-hook-form\";\nimport type { EditContactFormData } from \"../../schemas/contactFormSchema\";\nimport {\n cn,\n FormControl,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n Input,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"@fluid-app/ui-primitives\";\n\nconst DEFAULT_COUNTRIES: { name: string; value: string }[] = [];\n\nconst statusOptions = [\n { name: \"New\", value: \"new\" },\n { name: \"Active\", value: \"active\" },\n { name: \"Inactive\", value: \"inactive\" },\n { name: \"Cold\", value: \"cold\" },\n { name: \"Lead\", value: \"lead\" },\n { name: \"Customer\", value: \"customer\" },\n];\n\ntype AvatarPickerRenderProps = {\n value: string | null;\n onChange: (url: string | null) => void;\n};\n\ntype ContactDetailsFormProps = {\n className?: string;\n countries?: { name: string; value: string }[];\n renderAvatarPicker?: (props: AvatarPickerRenderProps) => React.ReactNode;\n};\n\nexport const ContactDetailsForm: React.FC<ContactDetailsFormProps> = ({\n className,\n countries = DEFAULT_COUNTRIES,\n renderAvatarPicker,\n}) => {\n const { control, watch, setValue } = useFormContext<EditContactFormData>();\n const currentStatus = useWatch({ control, name: \"status\" });\n const avatarUrl: string | null =\n (watch(\"avatar_url\") as string | null | undefined) ?? null;\n\n const effectiveStatusOptions = useMemo(() => {\n if (\n currentStatus &&\n typeof currentStatus === \"string\" &&\n !statusOptions.some((o) => o.value === currentStatus)\n ) {\n return [\n {\n name:\n currentStatus.charAt(0).toUpperCase() +\n currentStatus.slice(1).replace(/_/g, \" \"),\n value: currentStatus,\n },\n ...statusOptions,\n ];\n }\n return statusOptions;\n }, [currentStatus]);\n\n const firstInitial =\n (watch(\"first_name\") as string | null | undefined)?.[0] ?? \"\";\n const lastInitial =\n (watch(\"last_name\") as string | null | undefined)?.[0] ?? \"\";\n const initials =\n [firstInitial, lastInitial].filter(Boolean).join(\"\").toUpperCase() || \"?\";\n\n return (\n <div className={cn(\"space-y-6\", className)}>\n {renderAvatarPicker && (\n <div className=\"flex flex-col items-center gap-3\">\n <div className=\"border-border bg-background relative h-20 w-20 shrink-0 overflow-hidden rounded-full border-2\">\n {avatarUrl ? (\n <img\n src={avatarUrl}\n alt=\"\"\n className=\"h-full w-full object-cover\"\n />\n ) : (\n <div className=\"text-muted-foreground flex h-full w-full items-center justify-center text-lg font-semibold\">\n {initials}\n </div>\n )}\n </div>\n {renderAvatarPicker({\n value: avatarUrl,\n onChange: (url) =>\n setValue(\"avatar_url\", url ?? \"\", { shouldDirty: true }),\n })}\n </div>\n )}\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <FormField\n control={control}\n name=\"first_name\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n First Name\n </FormLabel>\n <FormControl>\n <Input\n placeholder=\"Enter first name\"\n {...field}\n value={field.value ?? \"\"}\n className=\"ring-input\"\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"last_name\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n Last Name\n </FormLabel>\n <FormControl>\n <Input\n placeholder=\"Enter last name\"\n {...field}\n value={field.value ?? \"\"}\n className=\"ring-input\"\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"email\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n Email\n </FormLabel>\n <FormControl>\n <Input\n placeholder=\"Enter email address\"\n type=\"email\"\n {...field}\n value={field.value ?? \"\"}\n className=\"ring-input\"\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"phone\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n Phone\n </FormLabel>\n <FormControl>\n <Input\n placeholder=\"Enter phone number\"\n {...field}\n value={field.value ?? \"\"}\n className=\"ring-input\"\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"status\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n Status\n </FormLabel>\n <Select value={field.value ?? \"\"} onValueChange={field.onChange}>\n <FormControl>\n <SelectTrigger className=\"w-full\">\n <SelectValue placeholder=\"Select status\" />\n </SelectTrigger>\n </FormControl>\n <SelectContent position=\"popper\" sideOffset={4}>\n {effectiveStatusOptions.map((opt) => (\n <SelectItem key={opt.value} value={opt.value}>\n {opt.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"address\"\n render={({ field }) => (\n <FormItem className=\"lg:col-span-2\">\n <FormLabel className=\"font-inter text-foreground font-medium\">\n Full Address\n </FormLabel>\n <FormControl>\n <Input\n placeholder=\"Enter street address\"\n {...field}\n value={field.value ?? \"\"}\n className=\"ring-input\"\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"city\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n City\n </FormLabel>\n <FormControl>\n <Input\n placeholder=\"Enter city\"\n {...field}\n value={field.value ?? \"\"}\n className=\"ring-input\"\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"state\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n State/Province\n </FormLabel>\n <FormControl>\n <Input\n placeholder=\"Enter state or province\"\n {...field}\n value={field.value ?? \"\"}\n className=\"ring-input\"\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"postal_code\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n Postal Code\n </FormLabel>\n <FormControl>\n <Input\n placeholder=\"Enter postal code\"\n {...field}\n value={field.value ?? \"\"}\n className=\"ring-input\"\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={control}\n name=\"country_code\"\n render={({ field }) => (\n <FormItem>\n <FormLabel className=\"font-inter text-foreground font-medium\">\n Country\n </FormLabel>\n <Select value={field.value ?? \"\"} onValueChange={field.onChange}>\n <FormControl>\n <SelectTrigger className=\"w-full\">\n <SelectValue placeholder=\"Select country\" />\n </SelectTrigger>\n </FormControl>\n <SelectContent position=\"popper\" sideOffset={4}>\n {countries.map((opt) => (\n <SelectItem key={opt.value} value={opt.value}>\n {opt.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n <FormMessage />\n </FormItem>\n )}\n />\n </div>\n </div>\n );\n};\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useContactDetail(\n contactId: string,\n queryKeyPrefix = \"contacts\",\n) {\n const api = useContactsCrud();\n\n return useQuery({\n queryKey: CONTACTS_QUERY_KEYS.detail(queryKeyPrefix, contactId),\n queryFn: () => api.getContact(contactId),\n enabled: !!contactId,\n });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\ntype UpdateInput = {\n id: string;\n data: Record<string, unknown>;\n};\n\nexport function useUpdateContactMutation(\n contactId: string,\n queryKeyPrefix = \"contacts\",\n options?: {\n onSuccess?: () => void;\n onError?: (error: unknown) => void;\n },\n) {\n const queryClient = useQueryClient();\n const api = useContactsCrud();\n\n return useMutation({\n mutationFn: ({ id, data }: UpdateInput) => api.updateContact(id, data),\n onSuccess: () => {\n fluidToast({ title: \"Contact updated successfully\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n });\n options?.onSuccess?.();\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to save contact\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n options?.onError?.(error);\n },\n });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactMutation(\n queryKeyPrefix = \"contacts\",\n options?: {\n onSuccess?: () => void;\n onError?: (error: unknown) => void;\n },\n) {\n const queryClient = useQueryClient();\n const api = useContactsCrud();\n\n return useMutation({\n mutationFn: (contactId: string) => api.deleteContact(contactId),\n onSuccess: () => {\n fluidToast({ title: \"Contact deleted successfully\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n });\n options?.onSuccess?.();\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to delete contact\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n options?.onError?.(error);\n },\n });\n}\n","import { z } from \"zod\";\n\n/**\n * Form schema for creating a contact.\n * Matches CompanyContactCreate / ContactCreate from the OpenAPI spec.\n *\n * @see CompanyContactCreate in company_contacts.d.ts\n * @see ContactCreate in users_contacts.d.ts\n */\nexport const createContactFormSchema = z.object({\n first_name: z.string().min(1, { message: \"First name is required\" }),\n last_name: z.string().min(1, { message: \"Last name is required\" }),\n status: z.string().nullable().optional(),\n email: z.string().email().or(z.literal(\"\")).nullable().optional(),\n phone: z.string().nullable().optional(),\n address: z.string().nullable().optional(),\n city: z.string().nullable().optional(),\n state: z.string().nullable().optional(),\n postal_code: z.string().nullable().optional(),\n country_code: z.coerce.string().nullable().optional(),\n language_code: z.coerce.string().nullable().optional(),\n affiliate: z.record(z.string(), z.unknown()).nullable().optional(),\n metadata: z.record(z.string(), z.unknown()).optional(),\n});\n\nexport type CreateContactFormData = z.infer<typeof createContactFormSchema>;\n\n/**\n * Form schema for editing a contact.\n * Same fields as create plus id. Uses .passthrough() so extra fields\n * from the Contact read model (full_name, avatar_url, etc.) don't\n * cause validation failures.\n *\n * @see CompanyContactUpdate in company_contacts.d.ts\n */\nexport const editContactFormSchema = createContactFormSchema.passthrough();\n\nexport type EditContactFormData = z.infer<typeof editContactFormSchema>;\n","\"use client\";\n\nimport { useMemo, useCallback } from \"react\";\nimport { useZodForm, fluidToast } from \"@fluid-app/ui-primitives\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useContactDetail } from \"./useContactDetail\";\nimport { useUpdateContactMutation } from \"./useUpdateContactMutation\";\nimport { useDeleteContactMutation } from \"./useDeleteContactMutation\";\nimport {\n createContactFormSchema,\n editContactFormSchema,\n type EditContactFormData,\n} from \"../schemas/contactFormSchema\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\n\nconst mutableKeys = Object.keys(\n createContactFormSchema.shape,\n) as (keyof EditContactFormData)[];\n\nexport function useContactDetailPage(\n contactId: string,\n options?: {\n queryKeyPrefix?: string;\n getCountries?: () => Promise<{ id: number; name: string; iso?: string }[]>;\n onDeleteSuccess?: () => void;\n onSaveSuccess?: () => void;\n },\n): {\n contact: Contact | undefined;\n isLoading: boolean;\n methods: UseFormReturn<EditContactFormData>;\n countryOptions: { name: string; value: string }[];\n isDirty: boolean;\n isSubmitting: boolean;\n isDeleting: boolean;\n onSave: () => void;\n onDelete: () => void;\n} {\n const queryKeyPrefix = options?.queryKeyPrefix ?? \"contacts\";\n\n const { data, isLoading } = useContactDetail(contactId, queryKeyPrefix);\n\n const { data: countries } = useQuery({\n queryKey: [\"countries\"],\n queryFn: options?.getCountries ?? (() => Promise.resolve([])),\n enabled: !!options?.getCountries,\n });\n\n const countryOptions = useMemo(\n () =>\n [\n ...(countries?.map((c) => ({\n name: c.name,\n value: c.iso ?? c.id.toString(),\n })) ?? []),\n ].sort((a, b) => a.name.localeCompare(b.name)),\n [countries],\n );\n\n const contact = data?.contact;\n\n // Map nested country object to the ISO code the form select expects\n const formValues = useMemo(() => {\n if (!contact) return undefined;\n return {\n ...contact,\n country_code:\n contact.country?.iso ?? contact.country_id?.toString() ?? null,\n } as unknown as EditContactFormData;\n }, [contact]);\n\n const methods = useZodForm<EditContactFormData>(editContactFormSchema, {\n values: formValues,\n mode: \"onBlur\",\n });\n\n const updateMutation = useUpdateContactMutation(contactId, queryKeyPrefix, {\n onSuccess: () => {\n methods.reset(methods.getValues());\n options?.onSaveSuccess?.();\n },\n });\n\n const deleteMutation = useDeleteContactMutation(queryKeyPrefix, {\n onSuccess: () => {\n options?.onDeleteSuccess?.();\n },\n });\n\n const onSave = useCallback(() => {\n methods.handleSubmit(\n (formData) => {\n const payload: Record<string, unknown> = {};\n for (const key of mutableKeys) {\n if (key in formData) {\n payload[key] = formData[key];\n }\n }\n\n updateMutation.mutate({\n id: contactId,\n data: payload,\n });\n },\n (errors) => {\n const errorMessages = Object.entries(errors)\n .map(([field, err]) => {\n const msg =\n typeof err?.message === \"string\" ? err.message : \"invalid\";\n return `${field.replace(/_/g, \" \")}: ${msg}`;\n })\n .join(\", \");\n fluidToast({\n title: \"Please fix the form errors before saving\",\n description: errorMessages || undefined,\n type: \"error\",\n });\n },\n )();\n }, [methods, updateMutation, contactId]);\n\n const onDelete = useCallback(() => {\n deleteMutation.mutate(contactId);\n }, [deleteMutation, contactId]);\n\n return {\n contact,\n isLoading,\n methods,\n countryOptions,\n isDirty: methods.formState.isDirty,\n isSubmitting: updateMutation.isPending,\n isDeleting: deleteMutation.isPending,\n onSave,\n onDelete,\n };\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactTask } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactTask };\n\nexport const CONTACT_TASKS_QUERY_KEY = (contactId: string) =>\n contactsKeys.tasks(contactId);\n\nexport function useContactTasks(contactId: string) {\n const api = useTasksApi();\n\n return useQuery({\n queryKey: contactsKeys.tasks(contactId),\n queryFn: () => api.listTasks(contactId),\n enabled: !!contactId,\n select: (data) => data.tasks,\n });\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactNote } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactNote };\n\nexport const CONTACT_NOTES_QUERY_KEY = (contactId: string) =>\n contactsKeys.notes(contactId);\n\nexport function useContactNotes(contactId: string) {\n const api = useNotesApi();\n\n return useQuery({\n queryKey: contactsKeys.notes(contactId),\n queryFn: () => api.listNotes(contactId),\n enabled: !!contactId,\n select: (data) => data.notes,\n });\n}\n","import React from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\n\nconst statusStyles: Record<string, string> = {\n // Contact statuses\n new: \"border-[var(--status-new-border)] bg-[var(--status-new)] text-[var(--status-new-foreground)]\",\n active:\n \"border-[var(--status-active-border)] bg-[var(--status-active)] text-[var(--status-active-foreground)]\",\n inactive: \"border-border bg-muted text-muted-foreground\",\n lead: \"border-[var(--status-lead-border)] bg-[var(--status-lead)] text-[var(--status-lead-foreground)]\",\n customer:\n \"border-[var(--status-customer-border)] bg-[var(--status-customer)] text-[var(--status-customer-foreground)]\",\n // Semantic categories (orders, subscriptions, etc.)\n success:\n \"border-[var(--badge-success-border)] bg-[var(--badge-success)] text-[var(--badge-success-foreground)]\",\n warning:\n \"border-[var(--badge-warning-border)] bg-[var(--badge-warning)] text-[var(--badge-warning-foreground)]\",\n danger:\n \"border-[var(--badge-danger-border)] bg-[var(--badge-danger)] text-[var(--badge-danger-foreground)]\",\n info: \"border-[var(--badge-info-border)] bg-[var(--badge-info)] text-[var(--badge-info-foreground)]\",\n neutral: \"border-border bg-muted text-muted-foreground\",\n notice:\n \"border-[var(--badge-notice-border)] bg-[var(--badge-notice)] text-[var(--badge-notice-foreground)]\",\n accent:\n \"border-[var(--badge-accent-border)] bg-[var(--badge-accent)] text-[var(--badge-accent-foreground)]\",\n};\n\nconst defaultStyle = \"border-border bg-muted text-muted-foreground\";\n\nexport type StatusBadgeVariant = keyof typeof statusStyles;\n\nexport function getStatusStyle(status: string): string {\n return statusStyles[status] ?? defaultStyle;\n}\n\nexport function StatusBadge({\n status,\n label,\n className,\n}: {\n status: string;\n label?: string;\n className?: string;\n}): React.JSX.Element {\n return (\n <span\n className={cn(\n \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold capitalize\",\n getStatusStyle(status),\n className,\n )}\n >\n {label ?? status}\n </span>\n );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { ListTodo, StickyNote } from \"lucide-react\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { StatusBadge } from \"../../../../shared/components/contacts/statusBadge\";\nimport { getDisplayName, getInitials, getRelativeUpdated } from \"./utils\";\n\nexport interface ContactDetailHeroProps {\n contact: Contact;\n tasksCount: number;\n notesCount: number;\n}\n\nexport function ContactDetailHero({\n contact,\n tasksCount,\n notesCount,\n}: ContactDetailHeroProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const name = getDisplayName(contact);\n const status = contact.status?.trim();\n const lastUpdated = getRelativeUpdated(contact);\n\n return (\n <div className=\"flex flex-col gap-6 md:flex-row md:items-center md:justify-between md:gap-8\">\n <div className=\"flex flex-col items-start gap-4 md:flex-row md:items-center md:gap-5\">\n <div className=\"bg-muted relative flex size-20 shrink-0 items-center justify-center overflow-hidden rounded-2xl md:size-24\">\n {contact.avatar_url ? (\n <img\n alt={name}\n src={contact.avatar_url}\n className=\"size-full object-cover\"\n />\n ) : (\n <span\n aria-hidden=\"true\"\n className=\"text-muted-foreground text-2xl font-bold tracking-tight md:text-3xl\"\n >\n {getInitials(name)}\n </span>\n )}\n </div>\n\n <div className=\"min-w-0 flex-1\">\n <h2 className=\"text-foreground text-2xl leading-tight font-bold tracking-tight md:text-3xl\">\n {name}\n </h2>\n <div className=\"mt-2.5 flex flex-wrap items-center gap-2\">\n {status && <StatusBadge status={status} />}\n {status && lastUpdated && (\n <span\n aria-hidden=\"true\"\n className=\"text-muted-foreground/40 text-sm\"\n >\n ·\n </span>\n )}\n {lastUpdated && (\n <span className=\"text-muted-foreground text-sm\">\n {t(\"last_updated\", { date: lastUpdated })}\n </span>\n )}\n </div>\n </div>\n </div>\n\n <div className=\"flex shrink-0 items-center gap-6 md:gap-8\">\n <Stat label={t(\"tab_tasks\")} value={tasksCount} icon={ListTodo} />\n <div className=\"bg-border h-10 w-px\" aria-hidden=\"true\" />\n <Stat label={t(\"tab_notes\")} value={notesCount} icon={StickyNote} />\n </div>\n </div>\n );\n}\n\ninterface StatProps {\n label: string;\n value: number;\n icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n}\n\nfunction Stat({ label, value, icon: Icon }: StatProps) {\n return (\n <div className=\"flex flex-col items-start gap-1\">\n <div className=\"text-muted-foreground flex items-center gap-1.5\">\n <Icon className=\"size-3.5\" aria-hidden={true} />\n <span className=\"text-xs font-medium\">{label}</span>\n </div>\n <span className=\"text-foreground text-2xl font-bold tracking-tight tabular-nums\">\n {value}\n </span>\n </div>\n );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Check, Copy, Mail, MapPin, Phone, Plus } from \"lucide-react\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\n\nexport interface ContactInfoRowProps {\n contact: Contact;\n /** Click handler invoked when an empty-state row is activated. */\n onEditEmpty?: () => void;\n}\n\nfunction buildAddressLine(contact: Contact): string | null {\n const parts = [\n contact.address,\n contact.city,\n contact.state,\n contact.postal_code,\n ].filter((part): part is string => Boolean(part?.trim()));\n if (parts.length === 0) return null;\n return parts.join(\", \");\n}\n\nexport function ContactInfoRow({\n contact,\n onEditEmpty,\n}: ContactInfoRowProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const address = buildAddressLine(contact);\n\n return (\n <div className=\"border-border/50 divide-border/50 mt-6 divide-y overflow-hidden rounded-2xl border\">\n <InfoRow\n icon={Mail}\n label={t(\"label_email\")}\n value={contact.email}\n href={contact.email ? `mailto:${contact.email}` : undefined}\n onEditEmpty={onEditEmpty}\n />\n <InfoRow\n icon={Phone}\n label={t(\"label_phone\")}\n value={contact.phone}\n href={contact.phone ? `tel:${contact.phone}` : undefined}\n onEditEmpty={onEditEmpty}\n />\n <InfoRow\n icon={MapPin}\n label={t(\"label_address\")}\n value={address}\n href={\n address\n ? `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(address)}`\n : undefined\n }\n external={true}\n onEditEmpty={onEditEmpty}\n />\n </div>\n );\n}\n\ninterface InfoRowProps {\n icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n label: string;\n value: string | null | undefined;\n href: string | undefined;\n external?: boolean;\n onEditEmpty?: () => void;\n}\n\nfunction InfoRow({\n icon: Icon,\n label,\n value,\n href,\n external = false,\n onEditEmpty,\n}: InfoRowProps) {\n const { t } = useContactsTranslation();\n const trimmed = value?.trim();\n const isEmpty = !trimmed;\n const [copied, setCopied] = useState(false);\n\n const handleCopy = () => {\n if (!trimmed) return;\n if (typeof navigator === \"undefined\" || !navigator.clipboard) return;\n navigator.clipboard\n .writeText(trimmed)\n .then(() => {\n setCopied(true);\n window.setTimeout(() => setCopied(false), 1500);\n })\n .catch(() => {\n // clipboard write can fail in insecure contexts; silently noop\n });\n };\n\n if (isEmpty) {\n const addText = t(\"add_field\", { field: label });\n if (!onEditEmpty) {\n return (\n <div className=\"flex items-center gap-3 px-4 py-2.5 md:px-5\">\n <div className=\"border-border/50 text-muted-foreground/50 flex size-9 shrink-0 items-center justify-center rounded-full border-2 border-dashed\">\n <Icon className=\"size-4\" aria-hidden={true} />\n </div>\n <div className=\"min-w-0 flex-1\">\n <div className=\"text-muted-foreground text-xs font-medium\">\n {label}\n </div>\n <div className=\"text-muted-foreground/70 truncate text-sm italic\">\n {addText}\n </div>\n </div>\n <Plus\n className=\"text-muted-foreground/40 size-4 shrink-0\"\n aria-hidden={true}\n />\n </div>\n );\n }\n return (\n <button\n type=\"button\"\n onClick={onEditEmpty}\n aria-label={addText}\n className=\"hover:bg-muted/60 group flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors md:px-5\"\n >\n <div className=\"border-border/50 text-muted-foreground/50 group-hover:border-foreground/30 group-hover:text-muted-foreground flex size-9 shrink-0 items-center justify-center rounded-full border-2 border-dashed transition-colors\">\n <Icon className=\"size-4\" aria-hidden={true} />\n </div>\n <div className=\"min-w-0 flex-1\">\n <div className=\"text-muted-foreground text-xs font-medium\">\n {label}\n </div>\n <div className=\"text-muted-foreground/70 group-hover:text-muted-foreground truncate text-sm italic transition-colors\">\n {addText}\n </div>\n </div>\n <Plus\n className=\"text-muted-foreground/40 group-hover:text-foreground size-4 shrink-0 transition-colors\"\n aria-hidden={true}\n />\n </button>\n );\n }\n\n return (\n <div className=\"hover:bg-muted/60 group flex items-center transition-colors\">\n <a\n href={href}\n {...(external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {})}\n className=\"flex min-w-0 flex-1 items-center gap-3 px-4 py-2.5 md:px-5\"\n >\n <div className=\"bg-muted text-muted-foreground group-hover:bg-muted/70 group-hover:text-foreground flex size-9 shrink-0 items-center justify-center rounded-full transition-colors\">\n <Icon className=\"size-4\" aria-hidden={true} />\n </div>\n <div className=\"min-w-0 flex-1\">\n <div className=\"text-muted-foreground text-xs font-medium\">\n {label}\n </div>\n <div className=\"text-foreground truncate text-sm font-semibold\">\n {trimmed}\n </div>\n </div>\n </a>\n <button\n type=\"button\"\n onClick={handleCopy}\n aria-label={\n copied\n ? t(\"copied_field\", { field: label })\n : t(\"copy_field\", { field: label })\n }\n className=\"text-muted-foreground hover:bg-muted hover:text-foreground mr-3 flex size-8 shrink-0 items-center justify-center rounded-md transition-colors\"\n >\n {copied ? (\n <Check className=\"text-primary size-3.5\" aria-hidden={true} />\n ) : (\n <Copy className=\"size-3.5\" aria-hidden={true} />\n )}\n </button>\n </div>\n );\n}\n","/**\n * Format a date as YYYY-MM-DD in the renderer's local timezone, optionally\n * shifted by `offsetDays`. Use this for due-date inputs where \"today\" must\n * resolve to the user's local calendar date — never `toISOString().slice(0, 10)`,\n * which returns the UTC date and silently rolls over a day for users east/west\n * of UTC at the wrong hours.\n */\nexport function isoDate(offsetDays: number, now: Date = new Date()): string {\n const d = new Date(now);\n d.setDate(d.getDate() + offsetDays);\n const yyyy = d.getFullYear();\n const mm = String(d.getMonth() + 1).padStart(2, \"0\");\n const dd = String(d.getDate()).padStart(2, \"0\");\n return `${yyyy}-${mm}-${dd}`;\n}\n\n/**\n * Return a Date pinned to local midnight of the calendar day represented by\n * `input`. Use this whenever you need to compare two due dates by calendar day\n * (overdue / today / tomorrow / future).\n *\n * Why not just `new Date(input)`? `new Date(\"YYYY-MM-DD\")` parses the string\n * as UTC midnight, which lands on the *previous* calendar day in any UTC−\n * timezone — a task due \"May 1\" then reads as April 30 for a user in the\n * Americas, classifying it as \"Overdue\" all day. Parse the date components\n * directly so the calendar-day intent of the string is preserved.\n */\nexport function startOfLocalDay(input: Date | string): Date {\n if (typeof input === \"string\") {\n const match = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(input);\n if (match?.[1] && match[2] && match[3]) {\n return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));\n }\n }\n const d = typeof input === \"string\" ? new Date(input) : input;\n return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useToggleTaskCompletion(contactId: string) {\n const queryClient = useQueryClient();\n const api = useTasksApi();\n\n return useMutation({\n mutationFn: ({\n taskId,\n isCompleted,\n }: {\n taskId: number;\n isCompleted: boolean;\n }) =>\n api.updateTask(taskId, contactId, {\n completed_at: isCompleted ? null : new Date().toISOString(),\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: contactsKeys.tasks(contactId),\n });\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to update task\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n },\n });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactTask(\n contactId: string,\n options?: { onSuccess?: () => void },\n) {\n const queryClient = useQueryClient();\n const api = useTasksApi();\n\n return useMutation({\n mutationFn: (taskId: number) => api.deleteTask(taskId, contactId),\n onSuccess: () => {\n fluidToast({ title: \"Task deleted\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: contactsKeys.tasks(contactId),\n });\n options?.onSuccess?.();\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to delete task\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n },\n });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { UpdateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { UpdateTaskInput };\n\nexport function useUpdateContactTask(\n contactId: string,\n options?: { onSuccess?: () => void },\n) {\n const queryClient = useQueryClient();\n const api = useTasksApi();\n\n return useMutation({\n mutationFn: ({\n taskId,\n input,\n }: {\n taskId: number;\n input: UpdateTaskInput;\n }) => api.updateTask(taskId, contactId, input),\n onSuccess: () => {\n fluidToast({ title: \"Task updated\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: contactsKeys.tasks(contactId),\n });\n options?.onSuccess?.();\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to update task\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n },\n });\n}\n","export function formatDateForDisplay(dateStr: string): string {\n const date = new Date(dateStr);\n return date.toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n}\n","\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Heading from \"@tiptap/extension-heading\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport Underline from \"@tiptap/extension-underline\";\nimport {\n AlignLeft,\n AlignCenter,\n AlignRight,\n AlignJustify,\n List,\n ListOrdered,\n Calendar,\n X,\n} from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { formatDateForDisplay } from \"../../utils/format-date\";\n\nexport interface NoteTaskEditorProps {\n titlePlaceholder?: string;\n bodyPlaceholder?: string;\n onChange?: (content: {\n title: string;\n body: string;\n dueDate?: string;\n }) => void;\n className?: string;\n /** Pre-populate the title (for edit mode) */\n initialTitle?: string;\n /** Pre-populate the body (for edit mode) */\n initialBody?: string;\n /** Show due date picker */\n showDueDate?: boolean;\n /** Pre-populate the due date (ISO string, for edit mode) */\n initialDueDate?: string;\n /** When false, the editor is body-only (no H1 title). Default true. */\n showTitle?: boolean;\n /** Override for the editor content area min-height class */\n editorClassName?: string;\n}\n\nfunction extractTitleAndBody(editor: ReturnType<typeof useEditor>): {\n title: string;\n body: string;\n} {\n if (!editor) return { title: \"\", body: \"\" };\n\n const doc = editor.state.doc;\n let title = \"\";\n const bodyParts: string[] = [];\n\n doc.forEach((node) => {\n if (node.type.name === \"heading\" && !title) {\n title = node.textContent.trim();\n } else {\n const text = node.textContent.trim();\n if (text) bodyParts.push(text);\n }\n });\n\n return { title, body: bodyParts.join(\"\\n\") };\n}\n\nfunction extractBodyOnly(editor: ReturnType<typeof useEditor>): string {\n if (!editor) return \"\";\n const parts: string[] = [];\n editor.state.doc.forEach((node) => {\n const text = node.textContent.trim();\n if (text) parts.push(text);\n });\n return parts.join(\"\\n\");\n}\n\nexport function NoteTaskEditor({\n titlePlaceholder = \"New Note\",\n bodyPlaceholder = \"Start writing...\",\n onChange,\n className,\n initialTitle,\n initialBody,\n showDueDate = false,\n initialDueDate,\n showTitle = true,\n editorClassName,\n}: NoteTaskEditorProps): React.JSX.Element {\n const [dueDate, setDueDate] = useState<string | undefined>(initialDueDate);\n const dueDateRef = useRef(initialDueDate);\n const dateInputRef = useRef<HTMLInputElement>(null);\n\n // Keep ref in sync with state so onUpdate always reads the latest value\n useEffect(() => {\n dueDateRef.current = dueDate;\n }, [dueDate]);\n\n const initialContent = showTitle\n ? initialTitle || initialBody\n ? `<h1>${initialTitle ?? \"\"}</h1>${initialBody ?? \"\"}`\n : undefined\n : initialBody || undefined;\n\n const extensions = [\n StarterKit.configure({\n heading: showTitle ? false : { levels: [] as const },\n bulletList: {\n keepMarks: true,\n keepAttributes: false,\n },\n orderedList: {\n keepMarks: true,\n keepAttributes: false,\n },\n }),\n ...(showTitle ? [Heading.configure({ levels: [1] })] : []),\n Placeholder.configure({\n placeholder: ({ node }) => {\n if (node.type.name === \"heading\") {\n return titlePlaceholder;\n }\n return bodyPlaceholder;\n },\n }),\n TextAlign.configure({\n types: showTitle ? [\"heading\", \"paragraph\"] : [\"paragraph\"],\n alignments: [\"left\", \"center\", \"right\", \"justify\"],\n }),\n Underline,\n ];\n\n const defaultContent = showTitle\n ? {\n type: \"doc\" as const,\n content: [{ type: \"heading\" as const, attrs: { level: 1 } }],\n }\n : undefined;\n\n const editor = useEditor({\n extensions,\n content: initialContent ?? defaultContent,\n onUpdate: ({ editor }) => {\n if (showTitle) {\n const { title, body } = extractTitleAndBody(editor);\n onChange?.({ title, body, dueDate: dueDateRef.current });\n } else {\n const body = extractBodyOnly(editor);\n onChange?.({ title: \"\", body, dueDate: dueDateRef.current });\n }\n },\n });\n\n const fireOnChange = () => {\n if (!editor || !onChange) return;\n if (showTitle) {\n const { title, body } = extractTitleAndBody(editor);\n onChange({ title, body, dueDate });\n } else {\n const body = extractBodyOnly(editor);\n onChange({ title: \"\", body, dueDate });\n }\n };\n\n // Fire onChange once on mount so the parent's ref is populated with the\n // initial values before the user makes any edits.\n useEffect(() => {\n fireOnChange();\n // We only want this to run once after the editor is first created.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n // Notify parent when due date changes\n useEffect(() => {\n fireOnChange();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dueDate]);\n\n const buttonBase =\n \"flex h-7 w-7 items-center justify-center rounded text-xs transition-colors\";\n const buttonActive = \"bg-muted text-primary\";\n const buttonInactive = \"text-muted-foreground hover:bg-muted/50\";\n\n const toolbarSeparator = <div className=\"bg-border mx-1 h-5 w-px\" />;\n\n return (\n <div\n className={cn(\n \"border-border/50 flex flex-col overflow-hidden rounded-lg border\",\n className,\n )}\n >\n {/* Toolbar */}\n <div className=\"border-border/50 bg-muted/50 flex items-center gap-0.5 border-b px-2 py-1.5\">\n {/* Bold */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().toggleBold().run()}\n disabled={!editor?.can().chain().focus().toggleBold().run()}\n className={cn(\n buttonBase,\n \"font-bold\",\n editor?.isActive(\"bold\") ? buttonActive : buttonInactive,\n )}\n title=\"Bold\"\n >\n B\n </button>\n\n {/* Italic */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().toggleItalic().run()}\n disabled={!editor?.can().chain().focus().toggleItalic().run()}\n className={cn(\n buttonBase,\n \"italic\",\n editor?.isActive(\"italic\") ? buttonActive : buttonInactive,\n )}\n title=\"Italic\"\n >\n I\n </button>\n\n {/* Underline */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().toggleUnderline().run()}\n disabled={!editor?.can().chain().focus().toggleUnderline().run()}\n className={cn(\n buttonBase,\n \"underline\",\n editor?.isActive(\"underline\") ? buttonActive : buttonInactive,\n )}\n title=\"Underline\"\n >\n U\n </button>\n\n {toolbarSeparator}\n\n {/* Align left */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().setTextAlign(\"left\").run()}\n className={cn(\n buttonBase,\n editor?.isActive({ textAlign: \"left\" })\n ? buttonActive\n : buttonInactive,\n )}\n title=\"Align left\"\n >\n <AlignLeft className=\"h-3.5 w-3.5\" />\n </button>\n\n {/* Align center */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().setTextAlign(\"center\").run()}\n className={cn(\n buttonBase,\n editor?.isActive({ textAlign: \"center\" })\n ? buttonActive\n : buttonInactive,\n )}\n title=\"Align center\"\n >\n <AlignCenter className=\"h-3.5 w-3.5\" />\n </button>\n\n {/* Align right */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().setTextAlign(\"right\").run()}\n className={cn(\n buttonBase,\n editor?.isActive({ textAlign: \"right\" })\n ? buttonActive\n : buttonInactive,\n )}\n title=\"Align right\"\n >\n <AlignRight className=\"h-3.5 w-3.5\" />\n </button>\n\n {/* Align justify */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().setTextAlign(\"justify\").run()}\n className={cn(\n buttonBase,\n editor?.isActive({ textAlign: \"justify\" })\n ? buttonActive\n : buttonInactive,\n )}\n title=\"Justify\"\n >\n <AlignJustify className=\"h-3.5 w-3.5\" />\n </button>\n\n {toolbarSeparator}\n\n {/* Bullet list */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().toggleBulletList().run()}\n className={cn(\n buttonBase,\n editor?.isActive(\"bulletList\") ? buttonActive : buttonInactive,\n )}\n title=\"Bullet list\"\n >\n <List className=\"h-3.5 w-3.5\" />\n </button>\n\n {/* Ordered list */}\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n className={cn(\n buttonBase,\n editor?.isActive(\"orderedList\") ? buttonActive : buttonInactive,\n )}\n title=\"Ordered list\"\n >\n <ListOrdered className=\"h-3.5 w-3.5\" />\n </button>\n\n {showDueDate && (\n <>\n {toolbarSeparator}\n {/* Due date */}\n {dueDate ? (\n <div className=\"bg-primary/10 flex items-center gap-1 rounded px-2 py-1\">\n <Calendar className=\"text-primary h-3.5 w-3.5\" />\n <span className=\"text-primary text-xs font-medium\">\n {formatDateForDisplay(dueDate)}\n </span>\n <button\n type=\"button\"\n onClick={() => setDueDate(undefined)}\n className=\"text-primary/60 hover:text-primary ml-1\"\n title=\"Remove due date\"\n >\n <X className=\"h-3 w-3\" />\n </button>\n </div>\n ) : (\n <>\n <button\n type=\"button\"\n onClick={() => dateInputRef.current?.showPicker()}\n className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex h-7 cursor-pointer items-center gap-1 rounded px-2 text-xs font-medium transition-colors\"\n >\n <Calendar className=\"h-3.5 w-3.5\" />\n <span>Due date</span>\n </button>\n <input\n ref={dateInputRef}\n type=\"date\"\n className=\"invisible absolute h-0 w-0\"\n onChange={(e) => {\n if (e.target.value) {\n // Convert YYYY-MM-DD to ISO datetime at local midnight\n const localDate = new Date(e.target.value + \"T00:00:00\");\n setDueDate(localDate.toISOString());\n }\n }}\n />\n </>\n )}\n </>\n )}\n </div>\n\n {/* Editor area */}\n <EditorContent\n editor={editor}\n className={editorClassName ?? \"min-h-[60vh] flex-1 overflow-y-auto p-4\"}\n />\n\n <style>{`\n .ProseMirror {\n outline: none;\n }\n\n .ProseMirror h1 {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n margin-bottom: 0.5rem;\n }\n\n .ProseMirror h1.is-empty::before,\n .ProseMirror p.is-empty::before {\n color: var(--color-muted-foreground);\n content: attr(data-placeholder);\n float: left;\n height: 0;\n pointer-events: none;\n }\n\n .ProseMirror ul {\n list-style-type: disc;\n padding-left: 1.5rem;\n margin: 0.5rem 0;\n }\n\n .ProseMirror ol {\n list-style-type: decimal;\n padding-left: 1.5rem;\n margin: 0.5rem 0;\n }\n\n .ProseMirror li {\n margin: 0.25rem 0;\n display: list-item;\n }\n\n .ProseMirror li > p {\n margin: 0;\n }\n `}</style>\n </div>\n );\n}\n","\"use client\";\n\nimport React, { useRef, useState } from \"react\";\nimport { Calendar, X } from \"lucide-react\";\nimport {\n Button,\n Input,\n Sheet,\n SheetContent,\n SheetFooter,\n SheetHeader,\n SheetTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { NoteTaskEditor } from \"./note-task-editor\";\nimport { formatDateForDisplay } from \"../../utils/format-date\";\n\nexport interface NoteTaskModalProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n mode: \"create\" | \"edit\";\n type: \"note\" | \"task\";\n initialTitle?: string;\n initialBody?: string;\n initialDueDate?: string;\n showDueDate?: boolean;\n onSave: (data: { title: string; body: string; dueDate?: string }) => void;\n isPending?: boolean;\n isCompleted?: boolean;\n onToggleComplete?: () => void;\n isTogglePending?: boolean;\n}\n\nexport function NoteTaskModal({\n open,\n onOpenChange,\n mode,\n type,\n initialTitle = \"\",\n initialBody = \"\",\n initialDueDate,\n showDueDate = false,\n onSave,\n isPending = false,\n isCompleted,\n onToggleComplete,\n isTogglePending = false,\n}: NoteTaskModalProps): React.JSX.Element {\n const [title, setTitle] = useState(initialTitle);\n const [body, setBody] = useState(initialBody);\n const dateInputRef = useRef<HTMLInputElement>(null);\n const [dueDate, setDueDate] = useState<string | undefined>(initialDueDate);\n\n const typeLabel = type === \"note\" ? \"Note\" : \"Task\";\n const sheetTitle = mode === \"edit\" ? `Edit ${typeLabel}` : `New ${typeLabel}`;\n\n const requiresBody = type === \"note\";\n const canSave =\n !!title.trim() && (!requiresBody || !!body.trim()) && !isPending;\n\n const handleSave = () => {\n if (!canSave) return;\n onSave({\n title: title.trim(),\n body,\n dueDate,\n });\n };\n\n return (\n <Sheet open={open} onOpenChange={onOpenChange}>\n <SheetContent className=\"flex w-full flex-col sm:max-w-lg\">\n <SheetHeader>\n <SheetTitle>{sheetTitle}</SheetTitle>\n </SheetHeader>\n\n <div className=\"flex min-h-0 flex-1 flex-col gap-3\">\n <Input\n placeholder={`${typeLabel} title`}\n value={title}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n setTitle(e.target.value)\n }\n autoFocus\n />\n\n <NoteTaskEditor\n showTitle={false}\n bodyPlaceholder=\"Start writing...\"\n initialBody={initialBody}\n editorClassName=\"min-h-[200px] flex-1 overflow-y-auto p-4\"\n onChange={(content) => {\n setBody(content.body);\n }}\n />\n\n {showDueDate && (\n <div className=\"flex items-center gap-2\">\n {dueDate ? (\n <div className=\"bg-primary/10 inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5\">\n <Calendar className=\"text-primary h-3.5 w-3.5\" />\n <span className=\"text-primary text-sm font-medium\">\n Due {formatDateForDisplay(dueDate)}\n </span>\n <button\n type=\"button\"\n onClick={() => setDueDate(undefined)}\n className=\"text-primary/60 hover:text-primary ml-1\"\n title=\"Remove due date\"\n >\n <X className=\"h-3 w-3\" />\n </button>\n </div>\n ) : (\n <div className=\"relative\">\n <button\n type=\"button\"\n onClick={() => dateInputRef.current?.showPicker()}\n className=\"text-muted-foreground hover:text-foreground hover:bg-muted inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm font-medium transition-colors\"\n >\n <Calendar className=\"h-3.5 w-3.5\" />\n <span>Add due date</span>\n </button>\n <input\n ref={dateInputRef}\n type=\"date\"\n className=\"invisible absolute h-0 w-0\"\n onChange={(e) => {\n if (e.target.value) {\n const localDate = new Date(\n e.target.value + \"T00:00:00\",\n );\n setDueDate(localDate.toISOString());\n }\n }}\n />\n </div>\n )}\n </div>\n )}\n </div>\n\n <SheetFooter className=\"flex-row justify-end gap-2 border-t pt-4\">\n {mode === \"edit\" && onToggleComplete && (\n <Button\n variant=\"outline\"\n onClick={onToggleComplete}\n disabled={isTogglePending}\n className=\"mr-auto\"\n >\n {isCompleted ? \"Mark Incomplete\" : \"Mark Complete\"}\n </Button>\n )}\n <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n Cancel\n </Button>\n <Button onClick={handleSave} disabled={!canSave}>\n {isPending ? \"Saving...\" : \"Save\"}\n </Button>\n </SheetFooter>\n </SheetContent>\n </Sheet>\n );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Calendar, CircleCheck, EllipsisVertical } from \"lucide-react\";\nimport {\n cn,\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n Button,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport { parseTaskBody } from \"@fluid-app/contacts-core/parse-task-body\";\nimport { startOfLocalDay } from \"@fluid-app/contacts-core/iso-date\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { ContactTask } from \"../../hooks/contacts/use-contact-tasks\";\nimport { useToggleTaskCompletion } from \"../../hooks/contacts/use-toggle-task-completion\";\nimport { useDeleteContactTask } from \"../../hooks/contacts/use-delete-contact-task\";\nimport { useUpdateContactTask } from \"../../hooks/contacts/use-update-contact-task\";\nimport { NoteTaskModal } from \"../editor/note-task-modal\";\n\n// ---------------------------------------------------------------------------\n// Date helpers\n// ---------------------------------------------------------------------------\n\nfunction formatDueDate(dateStr: string): string {\n const date = new Date(dateStr);\n return date.toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n}\n\ntype ContactsT = ReturnType<typeof useContactsTranslation>[\"t\"];\n\nfunction formatRelativeTime(dateStr: string, t: ContactsT): string {\n const date = new Date(dateStr);\n const now = new Date();\n const diffMs = now.getTime() - date.getTime();\n const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n if (diffDays === 0) {\n return date.toLocaleTimeString(\"en-US\", {\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n }\n if (diffDays === 1) return t(\"task_yesterday\");\n return diffDays === 1\n ? t(\"task_days_ago_one\")\n : t(\"task_days_ago_other\", { count: diffDays });\n}\n\ntype DueClassification = {\n label: string;\n tone: \"overdue\" | \"today\" | \"tomorrow\" | \"future\" | \"done\";\n};\n\nfunction classifyDue(\n dueAt: string,\n isCompleted: boolean,\n t: ContactsT,\n): DueClassification {\n if (isCompleted) {\n return {\n label: t(\"task_due\", { date: formatDueDate(dueAt) }),\n tone: \"done\",\n };\n }\n const due = startOfLocalDay(dueAt);\n const today = startOfLocalDay(new Date());\n const tomorrow = new Date(today);\n tomorrow.setDate(today.getDate() + 1);\n\n const dueTime = due.getTime();\n if (dueTime < today.getTime()) {\n return {\n label: t(\"task_overdue_due\", { date: formatDueDate(dueAt) }),\n tone: \"overdue\",\n };\n }\n if (dueTime === today.getTime())\n return { label: t(\"quick_today\"), tone: \"today\" };\n if (dueTime === tomorrow.getTime())\n return { label: t(\"quick_tomorrow\"), tone: \"tomorrow\" };\n return { label: formatDueDate(dueAt), tone: \"future\" };\n}\n\nconst DUE_TONE_CLASS: Record<DueClassification[\"tone\"], string> = {\n overdue: \"bg-destructive/10 text-destructive\",\n today: \"bg-primary/10 text-primary\",\n tomorrow: \"bg-primary/10 text-primary\",\n future: \"bg-muted text-muted-foreground\",\n done: \"bg-muted text-muted-foreground\",\n};\n\n// ---------------------------------------------------------------------------\n// Task card\n// ---------------------------------------------------------------------------\n\ninterface TaskCardProps {\n task: ContactTask;\n toggleCompletion: ReturnType<typeof useToggleTaskCompletion>;\n onEdit: (task: ContactTask) => void;\n onDeleteClick: (task: ContactTask) => void;\n}\n\nfunction TaskCard({\n task,\n toggleCompletion,\n onEdit,\n onDeleteClick,\n}: TaskCardProps) {\n const { t } = useContactsTranslation();\n const isCompleted = !!task.completed_at;\n\n const { title, body: bodyText } = parseTaskBody(task.body ?? \"\");\n\n const timestamp = task.created_at\n ? formatRelativeTime(task.created_at, t)\n : \"\";\n const due = task.due_at ? classifyDue(task.due_at, isCompleted, t) : null;\n\n return (\n <div\n role=\"button\"\n tabIndex={0}\n onClick={() => onEdit(task)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onEdit(task);\n }\n }}\n className=\"group border-border/50 hover:border-foreground/20 hover:bg-muted/40 relative cursor-pointer rounded-xl border p-4 transition-all hover:shadow-sm\"\n >\n <div className=\"flex items-start gap-3\">\n {/* Checkbox */}\n <button\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n toggleCompletion.mutate({\n taskId: task.id,\n isCompleted: isCompleted,\n });\n }}\n disabled={toggleCompletion.isPending}\n className=\"mt-0.5 shrink-0 transition-transform hover:scale-110 disabled:cursor-not-allowed disabled:opacity-50\"\n aria-label={isCompleted ? t(\"mark_as_open\") : t(\"mark_as_completed\")}\n >\n {isCompleted ? (\n <CircleCheck className=\"text-primary size-5\" aria-hidden=\"true\" />\n ) : (\n <div className=\"border-muted-foreground/40 group-hover:border-primary size-5 rounded-full border-2 transition-colors\" />\n )}\n </button>\n\n {/* Content */}\n <div className=\"min-w-0 flex-1\">\n <h4\n className={cn(\n \"text-foreground line-clamp-2 text-sm leading-snug font-semibold\",\n isCompleted && \"text-muted-foreground line-through\",\n )}\n >\n {title}\n </h4>\n\n {/* Body text */}\n {bodyText && (\n <p\n className={cn(\n \"text-muted-foreground mt-1 line-clamp-2 text-xs leading-relaxed\",\n isCompleted && \"line-through\",\n )}\n >\n {bodyText}\n </p>\n )}\n\n {/* Meta row */}\n {(due || timestamp) && (\n <div className=\"mt-2.5 flex flex-wrap items-center gap-1.5\">\n {due && (\n <span\n className={cn(\n \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium\",\n DUE_TONE_CLASS[due.tone],\n )}\n >\n <Calendar className=\"size-3\" aria-hidden=\"true\" />\n {due.label}\n </span>\n )}\n {timestamp && (\n <span className=\"text-muted-foreground/60 text-xs\">\n {timestamp}\n </span>\n )}\n </div>\n )}\n </div>\n </div>\n\n {/* Hover-revealed menu */}\n <div className=\"absolute top-3 right-3 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100\">\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon-xs\"\n onClick={(e) => e.stopPropagation()}\n aria-label={t(\"task_actions\")}\n >\n <EllipsisVertical className=\"size-4\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem\n className=\"text-destructive\"\n onClick={(e) => {\n e.stopPropagation();\n onDeleteClick(task);\n }}\n >\n {t(\"delete\")}\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n </div>\n );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport interface TaskListProps {\n tasks: ContactTask[];\n isLoading?: boolean;\n contactId: string;\n /**\n * Retained for backwards compatibility — currently has no effect since the\n * inline composer always renders above the list. Will be removed once all\n * consumers stop passing it.\n */\n hideHeader?: boolean;\n}\n\nexport function TaskList({\n tasks,\n isLoading,\n contactId,\n}: TaskListProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const [taskToDelete, setTaskToDelete] = useState<ContactTask | null>(null);\n const [editingTask, setEditingTask] = useState<ContactTask | null>(null);\n\n const toggleCompletion = useToggleTaskCompletion(contactId);\n const deleteTask = useDeleteContactTask(contactId, {\n onSuccess: () => setTaskToDelete(null),\n });\n const updateTask = useUpdateContactTask(contactId, {\n onSuccess: () => setEditingTask(null),\n });\n\n const handleSave = (data: {\n title: string;\n body: string;\n dueDate?: string;\n }) => {\n if (!editingTask) return;\n const taskBody = data.body ? `${data.title}\\n\\n${data.body}` : data.title;\n updateTask.mutate({\n taskId: editingTask.id,\n input: { body: taskBody, due_at: data.dueDate ?? null },\n });\n };\n\n const editingParsed = editingTask\n ? parseTaskBody(editingTask.body ?? \"\")\n : null;\n\n const handleModalOpenChange = (open: boolean) => {\n if (!open) setEditingTask(null);\n };\n\n if (isLoading) {\n return (\n <div className=\"flex flex-col gap-3\">\n {[1, 2, 3].map((i) => (\n <div\n key={i}\n className=\"border-border/50 bg-muted/50 h-32 animate-pulse rounded-xl border\"\n />\n ))}\n </div>\n );\n }\n\n if (tasks.length === 0) return <></>;\n\n return (\n <div className=\"space-y-4\">\n <div className=\"flex flex-col gap-3\">\n {tasks.map((task) => (\n <TaskCard\n key={task.id}\n task={task}\n toggleCompletion={toggleCompletion}\n onEdit={setEditingTask}\n onDeleteClick={setTaskToDelete}\n />\n ))}\n </div>\n\n {/* Edit modal — create flow lives in InlineTaskComposer */}\n <NoteTaskModal\n key={editingTask?.id ?? \"edit\"}\n open={editingTask !== null}\n onOpenChange={handleModalOpenChange}\n mode=\"edit\"\n type=\"task\"\n initialTitle={editingParsed?.title ?? \"\"}\n initialBody={editingParsed?.body ?? \"\"}\n initialDueDate={editingTask?.due_at ?? undefined}\n showDueDate\n onSave={handleSave}\n isPending={updateTask.isPending}\n isCompleted={editingTask ? !!editingTask.completed_at : undefined}\n onToggleComplete={\n editingTask\n ? () =>\n toggleCompletion.mutate(\n {\n taskId: editingTask.id,\n isCompleted: !!editingTask.completed_at,\n },\n { onSuccess: () => setEditingTask(null) },\n )\n : undefined\n }\n isTogglePending={toggleCompletion.isPending}\n />\n\n {/* Delete confirmation modal */}\n <AlertDialog\n open={taskToDelete !== null}\n onOpenChange={(open) => {\n if (!open) setTaskToDelete(null);\n }}\n >\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>{t(\"delete_task_title\")}</AlertDialogTitle>\n <AlertDialogDescription>\n {t(\"delete_task_confirm\")}\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>{t(\"cancel\")}</AlertDialogCancel>\n <AlertDialogAction\n variant=\"destructive\"\n onClick={() => {\n if (taskToDelete) {\n deleteTask.mutate(taskToDelete.id);\n }\n }}\n >\n {t(\"delete\")}\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n </div>\n );\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateTaskInput };\n\nexport function useCreateContactTask(\n contactId: string,\n options?: { onSuccess?: () => void },\n) {\n const queryClient = useQueryClient();\n const api = useTasksApi();\n\n return useMutation({\n mutationFn: (input: CreateTaskInput) => api.createTask(contactId, input),\n onSuccess: () => {\n fluidToast({ title: \"Task created\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: contactsKeys.tasks(contactId),\n });\n options?.onSuccess?.();\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to create task\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n },\n });\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Plus, X } from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { isoDate } from \"@fluid-app/contacts-core/iso-date\";\nimport { useCreateContactTask } from \"../../hooks/contacts/use-create-contact-task\";\n\nexport interface InlineTaskComposerProps {\n contactId: string;\n}\n\nconst QUICK_DATES = [\n { key: \"today\", offsetDays: 0 },\n { key: \"tomorrow\", offsetDays: 1 },\n { key: \"next_week\", offsetDays: 7 },\n] as const;\n\nexport function InlineTaskComposer({\n contactId,\n}: InlineTaskComposerProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const [isOpen, setIsOpen] = useState(false);\n const [body, setBody] = useState(\"\");\n const [dueDate, setDueDate] = useState<string | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n const createTask = useCreateContactTask(contactId, {\n onSuccess: () => {\n setBody(\"\");\n setDueDate(null);\n setIsOpen(false);\n },\n });\n\n useEffect(() => {\n if (isOpen) inputRef.current?.focus();\n }, [isOpen]);\n\n // Compute the date strings once per open. Re-running on every render would\n // re-evaluate `new Date()` and could flip \"today\" if the composer happens to\n // be open across midnight — acceptable but unnecessary churn.\n const quickDates = useMemo(\n () =>\n QUICK_DATES.map((q) => ({\n key: q.key,\n iso: isoDate(q.offsetDays),\n })),\n [],\n );\n\n const quickLabels: Record<(typeof QUICK_DATES)[number][\"key\"], string> = {\n today: t(\"quick_today\"),\n tomorrow: t(\"quick_tomorrow\"),\n next_week: t(\"quick_next_week\"),\n };\n\n const close = () => {\n setIsOpen(false);\n setBody(\"\");\n setDueDate(null);\n };\n\n const submit = () => {\n const trimmed = body.trim();\n if (!trimmed || createTask.isPending) return;\n createTask.mutate({ body: trimmed, due_at: dueDate });\n };\n\n const canSubmit = body.trim().length > 0 && !createTask.isPending;\n\n if (!isOpen) {\n return (\n <button\n type=\"button\"\n onClick={() => setIsOpen(true)}\n className=\"border-border/50 text-muted-foreground hover:border-foreground/30 hover:bg-muted/40 hover:text-foreground flex w-full items-center gap-3 rounded-xl border border-dashed px-5 py-4 text-sm font-medium transition-colors\"\n >\n <Plus className=\"size-4\" aria-hidden=\"true\" />\n {t(\"new_task\")}\n </button>\n );\n }\n\n return (\n <div className=\"border-border/50 focus-within:border-foreground/30 rounded-xl border p-3 transition-colors\">\n <div className=\"flex items-start gap-3\">\n <div\n className=\"border-muted-foreground/50 mt-1.5 size-5 shrink-0 rounded-full border-2\"\n aria-hidden=\"true\"\n />\n <input\n ref={inputRef}\n value={body}\n onChange={(e) => setBody(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n submit();\n } else if (e.key === \"Escape\") {\n e.preventDefault();\n close();\n }\n }}\n placeholder={t(\"task_describe_placeholder\")}\n aria-label={t(\"task_description_aria\")}\n className=\"placeholder:text-muted-foreground/80 text-foreground flex-1 border-0 bg-transparent text-sm font-medium outline-none\"\n />\n <button\n type=\"button\"\n onClick={close}\n aria-label={t(\"task_discard_aria\")}\n className=\"text-muted-foreground hover:bg-muted hover:text-foreground -mt-0.5 -mr-0.5 flex size-7 shrink-0 items-center justify-center rounded-md transition-colors\"\n >\n <X className=\"size-4\" />\n </button>\n </div>\n\n <div className=\"mt-3 flex items-center gap-1.5 pl-8\">\n {quickDates.map((q) => {\n const isActive = dueDate === q.iso;\n return (\n <button\n key={q.key}\n type=\"button\"\n onClick={() => setDueDate(isActive ? null : q.iso)}\n aria-pressed={isActive}\n className={cn(\n \"shrink-0 rounded-full px-3 py-1 text-xs font-medium transition-colors\",\n isActive\n ? \"bg-primary text-primary-foreground\"\n : \"bg-muted text-muted-foreground hover:bg-muted/70\",\n )}\n >\n {quickLabels[q.key]}\n </button>\n );\n })}\n <div className=\"ml-auto\" />\n <button\n type=\"button\"\n onClick={submit}\n disabled={!canSubmit}\n className=\"bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground inline-flex shrink-0 items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-semibold transition-colors disabled:cursor-not-allowed\"\n >\n {createTask.isPending ? t(\"adding\") : t(\"add_task\")}\n </button>\n </div>\n </div>\n );\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactNote(\n contactId: string,\n options?: { onSuccess?: () => void },\n) {\n const queryClient = useQueryClient();\n const api = useNotesApi();\n\n return useMutation({\n mutationFn: (noteId: number) => api.deleteNote(noteId, contactId),\n onSuccess: () => {\n fluidToast({ title: \"Note deleted\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: contactsKeys.notes(contactId),\n });\n options?.onSuccess?.();\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to delete note\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n },\n });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { UpdateNoteInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { UpdateNoteInput };\n\nexport function useUpdateContactNote(\n contactId: string,\n options?: { onSuccess?: () => void },\n) {\n const queryClient = useQueryClient();\n const api = useNotesApi();\n\n return useMutation({\n mutationFn: ({\n noteId,\n input,\n }: {\n noteId: number;\n input: UpdateNoteInput;\n }) => api.updateNote(noteId, contactId, input),\n onSuccess: () => {\n fluidToast({ title: \"Note updated\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: contactsKeys.notes(contactId),\n });\n options?.onSuccess?.();\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to update note\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n },\n });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateNoteInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateNoteInput };\n\nexport function useCreateContactNote(\n contactId: string,\n options?: { onSuccess?: () => void },\n) {\n const queryClient = useQueryClient();\n const api = useNotesApi();\n\n return useMutation({\n mutationFn: (input: CreateNoteInput) => api.createNote(contactId, input),\n onSuccess: () => {\n fluidToast({ title: \"Note created\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: contactsKeys.notes(contactId),\n });\n options?.onSuccess?.();\n },\n onError: (error) => {\n fluidToast({\n title: \"Failed to create note\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n },\n });\n}\n","\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { useCreateContactNote } from \"../../hooks/notes/use-create-contact-note\";\n\nexport interface InlineNoteComposerProps {\n contactId: string;\n}\n\nfunction detectMacPlatform(): boolean {\n if (typeof navigator === \"undefined\") return false;\n // Prefer userAgentData.platform when available (modern Chromium); fall back\n // to userAgent string. navigator.platform is deprecated.\n const uaData = (\n navigator as Navigator & {\n userAgentData?: { platform?: string };\n }\n ).userAgentData;\n const platform = uaData?.platform ?? navigator.userAgent ?? \"\";\n return /Mac|iPhone|iPad/i.test(platform);\n}\n\nexport function InlineNoteComposer({\n contactId,\n}: InlineNoteComposerProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const [body, setBody] = useState(\"\");\n const [isFocused, setIsFocused] = useState(false);\n const [isMac, setIsMac] = useState(false);\n const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n\n // Detect platform on mount only — avoids SSR hydration mismatch from reading\n // navigator at module load.\n useEffect(() => {\n setIsMac(detectMacPlatform());\n }, []);\n\n const createNote = useCreateContactNote(contactId, {\n onSuccess: () => {\n setBody(\"\");\n textareaRef.current?.blur();\n },\n });\n\n const submit = () => {\n const trimmed = body.trim();\n if (!trimmed || createNote.isPending) return;\n const firstLine = trimmed.split(\"\\n\")[0]?.slice(0, 120) ?? \"Note\";\n createNote.mutate({ title: firstLine, body: trimmed });\n };\n\n const canSubmit = body.trim().length > 0 && !createNote.isPending;\n\n return (\n <div\n className={cn(\n \"border-border/50 focus-within:border-foreground/30 rounded-2xl border p-4 transition-colors\",\n isFocused && \"border-foreground/30\",\n )}\n >\n <textarea\n ref={textareaRef}\n value={body}\n onChange={(e) => setBody(e.target.value)}\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n onKeyDown={(e) => {\n if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n e.preventDefault();\n submit();\n }\n }}\n placeholder={t(\"note_placeholder\")}\n aria-label={t(\"note_body_aria\")}\n rows={3}\n className=\"placeholder:text-muted-foreground text-foreground min-h-[80px] w-full resize-none border-0 bg-transparent text-sm leading-relaxed outline-none\"\n />\n <div className=\"mt-3 flex items-center justify-between gap-3\">\n <span className=\"text-muted-foreground text-xs\">\n {isMac ? t(\"tip_save_shortcut_mac\") : t(\"tip_save_shortcut_other\")}\n </span>\n <button\n type=\"button\"\n onClick={submit}\n disabled={!canSubmit}\n className=\"bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground inline-flex shrink-0 items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-semibold transition-colors disabled:cursor-not-allowed\"\n >\n {createNote.isPending ? t(\"adding\") : t(\"add_note\")}\n </button>\n </div>\n </div>\n );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Calendar, Paperclip, EllipsisVertical } from \"lucide-react\";\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n Button,\n cn,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { ContactNote } from \"../../hooks/notes/use-contact-notes\";\nimport { useDeleteContactNote } from \"../../hooks/notes/use-delete-contact-note\";\nimport { useUpdateContactNote } from \"../../hooks/notes/use-update-contact-note\";\nimport { NoteTaskModal } from \"../editor/note-task-modal\";\nimport { InlineNoteComposer } from \"./inline-note-composer\";\n\n// ---------------------------------------------------------------------------\n// Date helpers\n// ---------------------------------------------------------------------------\n\nfunction formatDueDate(dateStr: string): string {\n const date = new Date(dateStr);\n return date.toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n}\n\ntype ContactsT = ReturnType<typeof useContactsTranslation>[\"t\"];\n\nfunction formatRelativeNote(dateStr: string, t: ContactsT): string {\n const date = new Date(dateStr);\n const now = new Date();\n const diffMs = now.getTime() - date.getTime();\n const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n if (diffDays === 0) {\n return date.toLocaleTimeString(\"en-US\", {\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n }\n if (diffDays === 1) return t(\"task_yesterday\");\n if (diffDays < 7) return t(\"task_days_ago_other\", { count: diffDays });\n return formatDueDate(dateStr);\n}\n\n// ---------------------------------------------------------------------------\n// Note card\n// ---------------------------------------------------------------------------\n\nfunction NoteCard({\n note,\n onEdit,\n onDelete,\n}: {\n note: ContactNote;\n onEdit: (note: ContactNote) => void;\n onDelete: (note: ContactNote) => void;\n}) {\n const { t } = useContactsTranslation();\n const assetCount = note.assets?.length ?? 0;\n const showTitle =\n !!note.title?.trim() && note.title.trim() !== note.body?.trim();\n const dueDateValue = note.due_at ?? note.due_date ?? null;\n const createdLabel = note.created_at\n ? formatRelativeNote(note.created_at, t)\n : null;\n\n return (\n <div\n role=\"button\"\n tabIndex={0}\n onClick={() => onEdit(note)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onEdit(note);\n }\n }}\n className=\"group border-border/50 hover:border-foreground/20 hover:bg-muted/40 relative cursor-pointer rounded-xl border p-4 transition-all hover:shadow-sm\"\n >\n {showTitle && (\n <h4 className=\"text-foreground line-clamp-1 text-sm font-semibold\">\n {note.title}\n </h4>\n )}\n\n <p\n className={cn(\n \"text-foreground line-clamp-4 text-sm leading-relaxed whitespace-pre-wrap\",\n showTitle && \"text-muted-foreground mt-1\",\n )}\n >\n {note.body}\n </p>\n\n {(createdLabel || dueDateValue || assetCount > 0) && (\n <div className=\"mt-2.5 flex flex-wrap items-center gap-3\">\n {createdLabel && (\n <span className=\"text-muted-foreground/70 text-xs\">\n {createdLabel}\n </span>\n )}\n {dueDateValue && (\n <span className=\"bg-primary/10 text-primary inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium\">\n <Calendar className=\"size-3\" aria-hidden=\"true\" />\n {t(\"task_due\", { date: formatDueDate(dueDateValue) })}\n </span>\n )}\n {assetCount > 0 && (\n <span className=\"text-muted-foreground inline-flex items-center gap-1 text-xs\">\n <Paperclip className=\"size-3\" aria-hidden=\"true\" />\n {assetCount === 1\n ? t(\"attachment_one\")\n : t(\"attachment_other\", { count: assetCount })}\n </span>\n )}\n </div>\n )}\n\n <div className=\"absolute top-3 right-3 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100\">\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon-xs\"\n onClick={(e) => e.stopPropagation()}\n aria-label={t(\"note_actions\")}\n >\n <EllipsisVertical className=\"size-4\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem\n className=\"text-destructive\"\n onClick={(e) => {\n e.stopPropagation();\n onDelete(note);\n }}\n >\n {t(\"delete\")}\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n </div>\n );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport interface NotesListProps {\n notes: ContactNote[];\n isLoading?: boolean;\n contactId: string;\n}\n\nexport function NotesList({\n notes,\n isLoading,\n contactId,\n}: NotesListProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const [noteToDelete, setNoteToDelete] = useState<ContactNote | null>(null);\n const [editingNote, setEditingNote] = useState<ContactNote | null>(null);\n\n const deleteNote = useDeleteContactNote(contactId, {\n onSuccess: () => setNoteToDelete(null),\n });\n const updateNote = useUpdateContactNote(contactId, {\n onSuccess: () => setEditingNote(null),\n });\n\n const handleEditSave = (data: { title: string; body: string }) => {\n if (!editingNote) return;\n updateNote.mutate({\n noteId: editingNote.id,\n input: { title: data.title, body: data.body },\n });\n };\n\n return (\n <div className=\"space-y-4\">\n <InlineNoteComposer contactId={contactId} />\n\n {isLoading ? (\n <div className=\"flex flex-col gap-3\">\n {[1, 2, 3].map((i) => (\n <div\n key={i}\n className=\"border-border/50 bg-muted/50 h-20 animate-pulse rounded-xl border\"\n />\n ))}\n </div>\n ) : notes.length === 0 ? null : (\n <div className=\"flex flex-col gap-3\">\n {notes.map((note) => (\n <NoteCard\n key={note.id}\n note={note}\n onEdit={setEditingNote}\n onDelete={setNoteToDelete}\n />\n ))}\n </div>\n )}\n\n {/* Edit modal — create flow now lives in InlineNoteComposer */}\n <NoteTaskModal\n key={editingNote?.id ?? \"edit\"}\n open={editingNote !== null}\n onOpenChange={(open) => {\n if (!open) setEditingNote(null);\n }}\n mode=\"edit\"\n type=\"note\"\n initialTitle={editingNote?.title ?? \"\"}\n initialBody={editingNote?.body ?? \"\"}\n onSave={handleEditSave}\n isPending={updateNote.isPending}\n />\n\n {/* Delete confirmation */}\n <AlertDialog\n open={!!noteToDelete}\n onOpenChange={(open) => {\n if (!open) setNoteToDelete(null);\n }}\n >\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>{t(\"delete_note_title\")}</AlertDialogTitle>\n <AlertDialogDescription>\n {t(\"delete_note_irreversible\")}\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>{t(\"cancel\")}</AlertDialogCancel>\n <AlertDialogAction\n variant=\"destructive\"\n onClick={() => {\n if (noteToDelete) {\n deleteNote.mutate(noteToDelete.id);\n }\n }}\n >\n {t(\"delete\")}\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n </div>\n );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { TaskList } from \"../../tasks/task-list\";\nimport { InlineTaskComposer } from \"../../tasks/inline-task-composer\";\nimport { NotesList } from \"../../notes/notes-list\";\nimport type { ContactTask } from \"../../../hooks/contacts/use-contact-tasks\";\nimport type { ContactNote } from \"../../../hooks/notes/use-contact-notes\";\n\nconst VISIBLE_TABS = [\"Tasks\", \"Notes\"] as const;\nexport type TabType = (typeof VISIBLE_TABS)[number];\n\nexport interface ContactDetailTabsProps {\n contactId: string;\n tasks: ContactTask[];\n isLoadingTasks: boolean;\n notes: ContactNote[];\n isLoadingNotes: boolean;\n activeTab: TabType;\n onTabChange: (tab: TabType) => void;\n}\n\nexport function ContactDetailTabs({\n contactId,\n tasks,\n isLoadingTasks,\n notes,\n isLoadingNotes,\n activeTab,\n onTabChange,\n}: ContactDetailTabsProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const tabLabels: Record<TabType, string> = {\n Tasks: t(\"tab_tasks\"),\n Notes: t(\"tab_notes\"),\n };\n return (\n <div className=\"mt-8\">\n <div className=\"border-border/50 flex items-center gap-1 border-b\">\n {VISIBLE_TABS.map((tab) => {\n const count = tab === \"Tasks\" ? tasks.length : notes.length;\n const isActive = activeTab === tab;\n return (\n <button\n key={tab}\n type=\"button\"\n onClick={() => onTabChange(tab)}\n className={cn(\n \"relative flex items-center gap-1.5 px-3 py-2.5 text-sm font-semibold transition-colors\",\n isActive\n ? \"text-foreground\"\n : \"text-muted-foreground hover:text-foreground\",\n )}\n >\n {tabLabels[tab]}\n <span\n className={cn(\n \"rounded-full px-1.5 text-xs leading-5 font-bold\",\n isActive\n ? \"bg-primary text-primary-foreground\"\n : \"bg-muted text-muted-foreground\",\n )}\n >\n {count}\n </span>\n {isActive && (\n <span\n className=\"bg-primary absolute inset-x-0 -bottom-px h-0.5\"\n aria-hidden=\"true\"\n />\n )}\n </button>\n );\n })}\n </div>\n\n <div className=\"pt-6\">\n {activeTab === \"Tasks\" && (\n <div className=\"space-y-4\">\n <InlineTaskComposer contactId={contactId} />\n <TaskList\n tasks={tasks}\n isLoading={isLoadingTasks}\n contactId={contactId}\n hideHeader\n />\n </div>\n )}\n\n {activeTab === \"Notes\" && (\n <NotesList\n notes={notes}\n isLoading={isLoadingNotes}\n contactId={contactId}\n />\n )}\n </div>\n </div>\n );\n}\n","\"use client\";\n\nimport React, { useCallback, useState } from \"react\";\nimport { FormProvider } from \"react-hook-form\";\nimport {\n ChevronLeft,\n Mail,\n MoreHorizontal,\n Pencil,\n Phone,\n Trash2,\n} from \"lucide-react\";\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n Button,\n cn,\n Dialog,\n DialogContent,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n Spinner,\n} from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { ContactDetailsForm } from \"../../../../shared/components/contacts/contactDetailsForm\";\nimport { useContactDetailPage } from \"../../../../shared/hooks/useContactDetailPage\";\nimport { useContactTasks } from \"../../../hooks/contacts/use-contact-tasks\";\nimport { useContactNotes } from \"../../../hooks/notes/use-contact-notes\";\nimport { ContactDetailHero } from \"./ContactDetailHero\";\nimport { ContactInfoRow } from \"./ContactInfoRow\";\nimport { ContactDetailTabs, type TabType } from \"./ContactDetailTabs\";\nimport { getDisplayName } from \"./utils\";\n\nexport interface ContactDetailPaneProps {\n contactId: string;\n queryKeyPrefix: string;\n getCountries: () => Promise<{ id: number; name: string; iso?: string }[]>;\n /** Callback to clear selection (used by mobile back button + on delete). */\n onBack: () => void;\n}\n\nexport function ContactDetailPane({\n contactId,\n queryKeyPrefix,\n getCountries,\n onBack,\n}: ContactDetailPaneProps): React.JSX.Element {\n const { t } = useContactsTranslation();\n const {\n contact,\n isLoading,\n methods,\n countryOptions,\n isDirty,\n isSubmitting,\n isDeleting,\n onSave,\n onDelete,\n } = useContactDetailPage(contactId, {\n queryKeyPrefix,\n getCountries,\n onDeleteSuccess: onBack,\n onSaveSuccess: () => setEditProfileOpen(false),\n });\n\n const { data: tasks = [], isLoading: isLoadingTasks } =\n useContactTasks(contactId);\n const { data: notes = [], isLoading: isLoadingNotes } =\n useContactNotes(contactId);\n\n const [confirmDelete, setConfirmDelete] = useState(false);\n const [activeTab, setActiveTab] = useState<TabType>(\"Tasks\");\n const [editProfileOpen, setEditProfileOpen] = useState(false);\n\n // Close the dialog before dispatching: on success the pane unmounts via\n // onDeleteSuccess; on a non-throwing failure the dialog would otherwise\n // dangle open with the toast already shown.\n const handleConfirmDelete = useCallback(() => {\n setConfirmDelete(false);\n onDelete();\n }, [onDelete]);\n\n if (isLoading) {\n return <ContactDetailSkeleton onBack={onBack} />;\n }\n\n if (!contact) {\n return (\n <div className=\"flex h-full flex-1 flex-col\">\n <DetailTopBar\n onBack={onBack}\n phone={null}\n email={null}\n onDelete={null}\n onEditProfile={null}\n />\n <div className=\"mx-auto flex max-w-md flex-col items-center px-6 py-16 text-center\">\n <h2 className=\"text-foreground text-base font-semibold\">\n {t(\"error_loading\")}\n </h2>\n <p className=\"text-muted-foreground mt-2 text-sm\">\n {t(\"error_loading_description\")}\n </p>\n </div>\n </div>\n );\n }\n\n const fullName = getDisplayName(contact);\n\n return (\n <FormProvider {...methods}>\n <div className=\"flex h-full flex-1 flex-col\">\n <DetailTopBar\n onBack={onBack}\n phone={contact.phone ?? null}\n email={contact.email ?? null}\n onDelete={() => setConfirmDelete(true)}\n onEditProfile={() => setEditProfileOpen(true)}\n />\n\n <div className=\"flex-1 overflow-y-auto\">\n <div className=\"mx-auto w-full max-w-[900px] px-6 pt-8 pb-16 md:px-8 md:pt-10\">\n <ContactDetailHero\n contact={contact}\n tasksCount={tasks.length}\n notesCount={notes.length}\n />\n <ContactInfoRow\n contact={contact}\n onEditEmpty={() => setEditProfileOpen(true)}\n />\n <ContactDetailTabs\n contactId={contactId}\n tasks={tasks}\n isLoadingTasks={isLoadingTasks}\n notes={notes}\n isLoadingNotes={isLoadingNotes}\n activeTab={activeTab}\n onTabChange={setActiveTab}\n />\n </div>\n </div>\n\n <Dialog\n open={editProfileOpen}\n onOpenChange={(open) => {\n if (!open && isSubmitting) return;\n setEditProfileOpen(open);\n }}\n >\n <DialogContent className=\"max-h-[90vh] max-w-2xl overflow-y-auto\">\n <DialogHeader>\n <DialogTitle>\n {t(\"edit_contact_name\", { name: fullName })}\n </DialogTitle>\n </DialogHeader>\n <ContactDetailsForm countries={countryOptions} />\n <DialogFooter>\n <Button\n type=\"button\"\n variant=\"secondary\"\n onClick={() => setEditProfileOpen(false)}\n disabled={isSubmitting}\n >\n {t(\"cancel\")}\n </Button>\n <Button\n type=\"button\"\n onClick={onSave}\n disabled={!isDirty || isSubmitting}\n aria-busy={isSubmitting}\n >\n {isSubmitting && <Spinner className=\"size-4\" />}\n {isSubmitting ? t(\"saving\") : t(\"save_changes\")}\n </Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n\n <AlertDialog open={confirmDelete} onOpenChange={setConfirmDelete}>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>\n {t(\"delete_name\", { name: fullName })}\n </AlertDialogTitle>\n <AlertDialogDescription>\n {t(\"delete_confirm_permanent\")}\n </AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel disabled={isDeleting}>\n {t(\"cancel\")}\n </AlertDialogCancel>\n <AlertDialogAction\n variant=\"destructive\"\n onClick={handleConfirmDelete}\n disabled={isDeleting}\n >\n {isDeleting ? t(\"deleting\") : t(\"delete_contact\")}\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n </div>\n </FormProvider>\n );\n}\n\ninterface DetailTopBarProps {\n onBack: () => void;\n phone: string | null;\n email: string | null;\n onDelete: (() => void) | null;\n onEditProfile: (() => void) | null;\n}\n\nfunction DetailTopBar({\n onBack,\n phone,\n email,\n onDelete,\n onEditProfile,\n}: DetailTopBarProps) {\n const { t } = useContactsTranslation();\n return (\n <div className=\"border-border/50 bg-background/90 sticky top-0 z-10 flex items-center justify-between border-b px-4 py-3 backdrop-blur md:px-8\">\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={onBack}\n className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex size-8 items-center justify-center rounded-full transition-colors md:hidden\"\n aria-label={t(\"back_to_contacts\")}\n >\n <ChevronLeft className=\"size-4\" />\n </button>\n <span className=\"text-muted-foreground hidden text-xs font-semibold tracking-widest uppercase md:inline\">\n {t(\"contact_label\")}\n </span>\n </div>\n <div className=\"flex items-center gap-1\">\n {onEditProfile && (\n <button\n type=\"button\"\n onClick={onEditProfile}\n className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex size-8 items-center justify-center rounded-full transition-colors\"\n aria-label={t(\"edit_profile\")}\n >\n <Pencil className=\"size-4\" aria-hidden=\"true\" />\n </button>\n )}\n <ActionLink\n href={phone ? `tel:${phone}` : null}\n label={t(\"label_call\")}\n icon={<Phone className=\"size-4\" aria-hidden=\"true\" />}\n />\n <ActionLink\n href={email ? `mailto:${email}` : null}\n label={t(\"label_email\")}\n icon={<Mail className=\"size-4\" aria-hidden=\"true\" />}\n />\n {onDelete && (\n <>\n <div className=\"bg-border mx-1 h-5 w-px\" aria-hidden=\"true\" />\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <button\n type=\"button\"\n className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex size-8 items-center justify-center rounded-full transition-colors\"\n aria-label={t(\"more_actions\")}\n >\n <MoreHorizontal className=\"size-4\" />\n </button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem\n className=\"text-destructive\"\n onClick={onDelete}\n >\n <Trash2 className=\"size-4\" aria-hidden=\"true\" />\n {t(\"delete_contact\")}\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </>\n )}\n </div>\n </div>\n );\n}\n\ninterface ActionLinkProps {\n href: string | null;\n label: string;\n icon: React.ReactNode;\n}\n\nfunction ActionLink({ href, label, icon }: ActionLinkProps) {\n const baseClass =\n \"flex size-8 items-center justify-center rounded-full transition-colors\";\n if (!href) {\n return (\n <span\n aria-label={`${label} (unavailable)`}\n className={cn(baseClass, \"text-muted-foreground/40 cursor-default\")}\n >\n {icon}\n </span>\n );\n }\n return (\n <a\n href={href}\n aria-label={label}\n className={cn(\n baseClass,\n \"text-muted-foreground hover:bg-muted hover:text-foreground\",\n )}\n >\n {icon}\n </a>\n );\n}\n\nfunction ContactDetailSkeleton({ onBack }: { onBack: () => void }) {\n return (\n <div className=\"flex h-full flex-1 flex-col\">\n <DetailTopBar\n onBack={onBack}\n phone={null}\n email={null}\n onDelete={null}\n onEditProfile={null}\n />\n <div className=\"mx-auto w-full max-w-[900px] flex-1 space-y-6 px-6 pt-8 pb-16 md:px-8 md:pt-10\">\n <div className=\"flex items-start gap-5\">\n <div className=\"bg-muted size-20 animate-pulse rounded-xl\" />\n <div className=\"flex-1 space-y-3\">\n <div className=\"bg-muted h-7 w-48 animate-pulse rounded\" />\n <div className=\"bg-muted h-4 w-24 animate-pulse rounded\" />\n </div>\n </div>\n <div className=\"bg-muted h-24 animate-pulse rounded-xl\" />\n <div className=\"bg-muted h-64 animate-pulse rounded-xl\" />\n </div>\n </div>\n );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Users } from \"lucide-react\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\n\nexport function ContactsEmptyState(): React.JSX.Element {\n const { t } = useContactsTranslation();\n return (\n <div className=\"hidden h-full flex-1 flex-col items-center justify-center px-8 text-center md:flex\">\n <div className=\"bg-muted text-muted-foreground flex size-16 items-center justify-center rounded-xl\">\n <Users className=\"size-7\" aria-hidden=\"true\" />\n </div>\n <h2 className=\"text-foreground mt-5 text-base font-semibold\">\n {t(\"empty_select_contact\")}\n </h2>\n <p className=\"text-muted-foreground mt-1 max-w-xs text-sm\">\n {t(\"empty_select_description\")}\n </p>\n </div>\n );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { ContactsSidebar } from \"./ContactsSidebar\";\nimport { ContactDetailPane } from \"./ContactDetailPane\";\nimport { ContactsEmptyState } from \"./ContactsEmptyState\";\n\nexport interface RepContactsLayoutProps {\n selectedContactId: string | null;\n onSelect: (id: string | null) => void;\n onAdd: () => void;\n queryKeyPrefix: string;\n getCountries: () => Promise<{ id: number; name: string; iso?: string }[]>;\n}\n\nexport function RepContactsLayout({\n selectedContactId,\n onSelect,\n onAdd,\n queryKeyPrefix,\n getCountries,\n}: RepContactsLayoutProps): React.JSX.Element {\n return (\n <div className=\"bg-background flex h-full overflow-hidden\">\n <aside\n className={cn(\n \"border-border/50 bg-background w-full shrink-0 overflow-hidden border-r md:flex md:w-[420px] md:flex-col\",\n selectedContactId ? \"hidden\" : \"flex flex-col\",\n )}\n >\n <ContactsSidebar\n selectedContactId={selectedContactId}\n onSelect={onSelect}\n onAdd={onAdd}\n />\n </aside>\n\n <main\n className={cn(\n \"bg-background relative flex-1 md:flex md:flex-col\",\n selectedContactId ? \"flex flex-col\" : \"hidden md:flex\",\n )}\n >\n {selectedContactId ? (\n <ContactDetailPane\n key={selectedContactId}\n contactId={selectedContactId}\n queryKeyPrefix={queryKeyPrefix}\n getCountries={getCountries}\n onBack={() => onSelect(null)}\n />\n ) : (\n <ContactsEmptyState />\n )}\n </main>\n </div>\n );\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateContactFormData } from \"../schemas/contactFormSchema\";\n\nexport function useCreateContactMutation(\n queryKeyPrefix = \"contacts\",\n options?: {\n onSuccess?: (data: { contact: { id: number } }) => void;\n onError?: (error: unknown) => void;\n },\n) {\n const queryClient = useQueryClient();\n const api = useContactsCrud();\n\n return useMutation({\n mutationFn: (data: CreateContactFormData) =>\n api.createContact(data as unknown as Record<string, unknown>),\n onSuccess: (data) => {\n fluidToast({ title: \"Contact created successfully\", type: \"success\" });\n queryClient.invalidateQueries({\n queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n });\n options?.onSuccess?.(data as unknown as { contact: { id: number } });\n },\n onError: (error) => {\n if (options?.onError) {\n options.onError(error);\n } else {\n fluidToast({\n title: \"Failed to create contact\",\n type: \"error\",\n description: parseApiErrors(error),\n });\n }\n },\n });\n}\n","/**\n * Generated API client functions for portal_tenant_contacts\n *\n * DO NOT EDIT THIS FILE DIRECTLY\n * This file is auto-generated. To update:\n * 1. Update the OpenAPI spec file\n * 2. Run: pnpm generate\n */\n\nimport type { FetchClient } from \"../lib/fetch-client\";\nimport type { operations } from \"../generated/portal-tenant-contacts\";\n\n// ============================================================================\n// contacts\n// ============================================================================\n\n/**\n * List contacts with cursor pagination\n * Returns a paginated list of contacts belonging to the authenticated member.\n *\n * @param client - Fetch client instance\n * @param [params] - params\n */\nexport async function contacts_list(\n client: FetchClient,\n params?: operations[\"contacts_list\"][\"parameters\"][\"query\"],\n): Promise<\n operations[\"contacts_list\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.get(`/api/contacts`, params);\n}\n\n/**\n * Create a new contact\n * Creates a new contact for the authenticated member.\n *\n * @param client - Fetch client instance\n * @param body - body\n */\nexport async function contacts_create(\n client: FetchClient,\n body: operations[\"contacts_create\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_create\"][\"responses\"][201][\"content\"][\"application/json\"]\n> {\n return client.post(`/api/contacts`, body);\n}\n\n/**\n * Get a specific contact\n * Returns a single contact by ID.\n *\n * @param client - Fetch client instance\n * @param id - id\n */\nexport async function contacts_show(\n client: FetchClient,\n id: string | number,\n): Promise<\n operations[\"contacts_show\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.get(`/api/contacts/${id}`);\n}\n\n/**\n * Update a contact\n * Updates an existing contact's attributes.\n *\n * @param client - Fetch client instance\n * @param id - id\n * @param body - body\n */\nexport async function contacts_update(\n client: FetchClient,\n id: string | number,\n body: operations[\"contacts_update\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_update\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.patch(`/api/contacts/${id}`, body);\n}\n\n/**\n * Delete a contact\n * Soft-deletes a contact by ID.\n *\n * @param client - Fetch client instance\n * @param id - id\n */\nexport async function contacts_destroy(\n client: FetchClient,\n id: string | number,\n): Promise<\n operations[\"contacts_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.delete(`/api/contacts/${id}`);\n}\n\n/**\n * Delete multiple contacts\n * Soft-deletes multiple contacts by their IDs.\n *\n * @param client - Fetch client instance\n * @param body - body\n */\nexport async function contacts_bulk_destroy(\n client: FetchClient,\n body: operations[\"contacts_bulk_destroy\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_bulk_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.delete(`/api/contacts/bulk`, { body });\n}\n\n/**\n * List contact groups\n * Returns a paginated list of contact groups belonging to the authenticated member.\n *\n * @param client - Fetch client instance\n * @param [params] - params\n */\nexport async function contacts_groups_list(\n client: FetchClient,\n params?: operations[\"contacts_groups_list\"][\"parameters\"][\"query\"],\n): Promise<\n operations[\"contacts_groups_list\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.get(`/api/contacts/groups`, params);\n}\n\n/**\n * Create a new group\n * Creates a new contact group for the authenticated member.\n *\n * @param client - Fetch client instance\n * @param body - body\n */\nexport async function contacts_groups_create(\n client: FetchClient,\n body: operations[\"contacts_groups_create\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_groups_create\"][\"responses\"][201][\"content\"][\"application/json\"]\n> {\n return client.post(`/api/contacts/groups`, body);\n}\n\n/**\n * Update a group\n * Updates an existing contact group.\n *\n * @param client - Fetch client instance\n * @param id - id\n * @param body - body\n */\nexport async function contacts_groups_update(\n client: FetchClient,\n id: string | number,\n body: operations[\"contacts_groups_update\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_groups_update\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.patch(`/api/contacts/groups/${id}`, body);\n}\n\n/**\n * Delete a group\n * Removes a contact group.\n *\n * @param client - Fetch client instance\n * @param id - id\n */\nexport async function contacts_groups_destroy(\n client: FetchClient,\n id: string | number,\n): Promise<\n operations[\"contacts_groups_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.delete(`/api/contacts/groups/${id}`);\n}\n\n/**\n * List notes for a contact\n * Returns notes attached to a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param [params] - params\n */\nexport async function contacts_notes_list(\n client: FetchClient,\n contact_id: string | number,\n params?: operations[\"contacts_notes_list\"][\"parameters\"][\"query\"],\n): Promise<\n operations[\"contacts_notes_list\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.get(`/api/contacts/${contact_id}/notes`, params);\n}\n\n/**\n * Create a note for a contact\n * Adds a new note to a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param body - body\n */\nexport async function contacts_notes_create(\n client: FetchClient,\n contact_id: string | number,\n body: operations[\"contacts_notes_create\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_notes_create\"][\"responses\"][201][\"content\"][\"application/json\"]\n> {\n return client.post(`/api/contacts/${contact_id}/notes`, body);\n}\n\n/**\n * List tasks for a contact\n * Returns tasks assigned to a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param [params] - params\n */\nexport async function contacts_tasks_list(\n client: FetchClient,\n contact_id: string | number,\n params?: operations[\"contacts_tasks_list\"][\"parameters\"][\"query\"],\n): Promise<\n operations[\"contacts_tasks_list\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.get(`/api/contacts/${contact_id}/tasks`, params);\n}\n\n/**\n * Create a task for a contact\n * Adds a new task to a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param body - body\n */\nexport async function contacts_tasks_create(\n client: FetchClient,\n contact_id: string | number,\n body: operations[\"contacts_tasks_create\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_tasks_create\"][\"responses\"][201][\"content\"][\"application/json\"]\n> {\n return client.post(`/api/contacts/${contact_id}/tasks`, body);\n}\n\n/**\n * Update a note\n * Updates an existing note on a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param id - id\n * @param body - body\n */\nexport async function contacts_notes_update(\n client: FetchClient,\n contact_id: string | number,\n id: string | number,\n body: operations[\"contacts_notes_update\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_notes_update\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.patch(`/api/contacts/${contact_id}/notes/${id}`, body);\n}\n\n/**\n * Delete a note\n * Removes a note from a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param id - id\n */\nexport async function contacts_notes_destroy(\n client: FetchClient,\n contact_id: string | number,\n id: string | number,\n): Promise<\n operations[\"contacts_notes_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.delete(`/api/contacts/${contact_id}/notes/${id}`);\n}\n\n/**\n * Update a task\n * Updates an existing task on a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param id - id\n * @param body - body\n */\nexport async function contacts_tasks_update(\n client: FetchClient,\n contact_id: string | number,\n id: string | number,\n body: operations[\"contacts_tasks_update\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n operations[\"contacts_tasks_update\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.patch(`/api/contacts/${contact_id}/tasks/${id}`, body);\n}\n\n/**\n * Delete a task\n * Removes a task from a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param id - id\n */\nexport async function contacts_tasks_destroy(\n client: FetchClient,\n contact_id: string | number,\n id: string | number,\n): Promise<\n operations[\"contacts_tasks_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n return client.delete(`/api/contacts/${contact_id}/tasks/${id}`);\n}\n","/**\n * Portal Contacts Adapter — Implements ContactsDomainApi using the\n * portal-tenant Contacts BFF endpoints.\n *\n * The existing contacts-ui hooks and components expect the ContactsApi,\n * NotesApi, and TasksApi interfaces from @fluid-app/contacts-core. This\n * adapter translates between the BFF response shapes and the core types\n * so the UI layer works unchanged.\n *\n * Features not available in the BFF (activities, markRead, orders,\n * subscriptionOrders) are omitted — the optional interface lets the\n * UI layer gracefully disable those capabilities.\n */\n\nimport type { FetchClient } from \"@fluid-app/api-client-core\";\nimport type { ContactsApi } from \"@fluid-app/contacts-core/contacts-api\";\nimport type { NotesApi } from \"@fluid-app/contacts-core/notes-api\";\nimport type { TasksApi } from \"@fluid-app/contacts-core/tasks-api\";\nimport type { GroupsApi } from \"@fluid-app/contacts-core/groups-api\";\nimport type { ContactsDomainApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport type {\n Contact,\n ContactGroup,\n ContactNote,\n ContactTask,\n PaginationMeta,\n} from \"@fluid-app/contacts-core/types\";\nimport { portalTenantContacts } from \"@fluid-app/portal-tenant-contacts-api-client\";\n\n// ---------------------------------------------------------------------------\n// Response mappers — BFF shapes → core shapes\n// ---------------------------------------------------------------------------\n\nconst EMPTY_META: PaginationMeta = {\n total_count: 0,\n total_pages: 0,\n current_page: 1,\n next_cursor: null,\n};\n\nfunction paginationFromBff(\n meta: Record<string, unknown> | undefined,\n itemCount: number,\n currentPage: number,\n pageSize: number,\n): PaginationMeta {\n if (!meta) return EMPTY_META;\n const pagination = meta.pagination as Record<string, unknown> | undefined;\n const nextCursor = (pagination?.next_cursor as string | null) ?? null;\n const hasNext = !!nextCursor;\n\n const realTotal = meta.total_count as number | undefined;\n const totalCount =\n realTotal ??\n (hasNext\n ? (currentPage + 1) * pageSize\n : (currentPage - 1) * pageSize + itemCount);\n\n return {\n total_count: totalCount,\n total_pages: Math.max(1, Math.ceil(totalCount / pageSize)),\n current_page: currentPage,\n next_cursor: nextCursor,\n request_id: (meta.request_id as string) ?? undefined,\n timestamp: (meta.timestamp as string) ?? undefined,\n };\n}\n\n/** BFF Contact → core Contact. Fills missing fields with safe defaults. */\nfunction mapContact(raw: Record<string, unknown>): Contact {\n return {\n id: raw.id as number,\n full_name: `${raw.first_name ?? \"\"} ${raw.last_name ?? \"\"}`.trim(),\n first_name: (raw.first_name as string) ?? null,\n last_name: (raw.last_name as string) ?? null,\n email: (raw.email as string) ?? null,\n phone: (raw.phone as string) ?? null,\n status: (raw.status as string) ?? null,\n address: (raw.address as string) ?? null,\n city: (raw.city as string) ?? null,\n state: (raw.state as string) ?? null,\n postal_code: (raw.postal_code as string) ?? null,\n avatar_url: (raw.avatar_url as string) ?? null,\n country: (raw.country as Contact[\"country\"]) ?? null,\n tags: (raw.tags as string[]) ?? [],\n metadata: {},\n created_at: raw.created_at as string,\n updated_at: raw.updated_at as string,\n } as Contact;\n}\n\n/** BFF Note → core ContactNote. */\nfunction mapNote(raw: Record<string, unknown>): ContactNote {\n return {\n id: raw.id as number,\n title: (raw.title as string) ?? \"\",\n body: (raw.body as string) ?? \"\",\n note_type: null,\n due_date: null,\n due_time: null,\n pinned: null,\n created_at: raw.created_at as string,\n updated_at: raw.updated_at as string,\n contact_id: (raw.contact_id as number) ?? 0,\n assets: [],\n };\n}\n\n/** BFF Task → core ContactTask. */\nfunction mapTask(raw: Record<string, unknown>): ContactTask {\n return {\n id: raw.id as number,\n body: (raw.title as string) ?? \"\",\n due_at: (raw.due_date as string) ?? null,\n completed_at:\n (raw.completed_at as string) ??\n (raw.completed ? new Date().toISOString() : null),\n created_at: raw.created_at as string,\n contact_id: (raw.contact_id as number) ?? null,\n };\n}\n\n// ---------------------------------------------------------------------------\n// Param mappers — old offset-based params → BFF cursor-based params\n// ---------------------------------------------------------------------------\n\n/**\n * The contacts-ui sends offset pagination params (page, per_page, sort_by,\n * sort_direction, search, status). The BFF expects cursor pagination\n * (page[cursor], page[limit], search, tags). Translate between the two.\n *\n * `cursorCache` maps page numbers → cursor tokens so page-2+ requests can\n * resolve to the correct cursor. The cache is populated from BFF responses.\n */\nfunction mapListParams(\n params: Record<string, unknown> | undefined,\n cursorCache: Map<number, string>,\n): Parameters<typeof portalTenantContacts.contacts_list>[1] {\n if (!params) return undefined;\n\n const mapped: Record<string, unknown> = {};\n\n if (params.per_page || params.limit) {\n mapped[\"page[limit]\"] = params.per_page ?? params.limit;\n }\n\n // Translate offset page number → cursor token\n const page = (params.page as number) ?? 1;\n if (page > 1) {\n const cursor = cursorCache.get(page);\n if (cursor) {\n mapped[\"page[cursor]\"] = cursor;\n }\n }\n\n if (params.search_query || params.search || params.query) {\n mapped.search = params.search_query ?? params.search ?? params.query;\n }\n if (params.tags) {\n mapped.tags = params.tags;\n }\n\n return mapped as Parameters<typeof portalTenantContacts.contacts_list>[1];\n}\n\n// ---------------------------------------------------------------------------\n// Adapter factories\n// ---------------------------------------------------------------------------\n\nfunction createContactsAdapter(client: FetchClient): ContactsApi {\n // Cursor cache: maps page numbers → cursor tokens from BFF responses.\n // Page 1 has no cursor; the BFF response for page N includes\n // next_cursor which becomes the cursor for page N+1.\n const cursorCache = new Map<number, string>();\n\n return {\n getContact: async (id) => {\n const response = await portalTenantContacts.contacts_show(client, id);\n return {\n contact: mapContact(\n (response as Record<string, unknown>).contact as Record<\n string,\n unknown\n >,\n ),\n };\n },\n\n listContacts: async (params) => {\n const raw = params as Record<string, unknown> | undefined;\n const page = (raw?.page as number) ?? 1;\n const pageSize = (raw?.per_page as number) ?? 25;\n\n const response = await portalTenantContacts.contacts_list(\n client,\n mapListParams(raw, cursorCache),\n );\n const body = response as Record<string, unknown>;\n const meta = body.meta as Record<string, unknown> | undefined;\n const pagination = meta?.pagination as\n | Record<string, unknown>\n | undefined;\n\n // Store the next_cursor so the UI can request page + 1\n const nextCursor = pagination?.next_cursor as string | null | undefined;\n if (nextCursor) {\n cursorCache.set(page + 1, nextCursor);\n }\n\n const contacts = ((body.contacts as Record<string, unknown>[]) ?? []).map(\n mapContact,\n );\n return {\n contacts,\n meta: paginationFromBff(meta, contacts.length, page, pageSize),\n };\n },\n\n createContact: async (data) => {\n return portalTenantContacts.contacts_create(client, {\n contact: data,\n } as Parameters<typeof portalTenantContacts.contacts_create>[1]);\n },\n\n updateContact: async (id, data) => {\n return portalTenantContacts.contacts_update(client, id, {\n contact: data,\n } as Parameters<typeof portalTenantContacts.contacts_update>[2]);\n },\n\n deleteContact: async (id) => {\n return portalTenantContacts.contacts_destroy(client, id);\n },\n\n bulkDeleteContacts: async (ids) => {\n return portalTenantContacts.contacts_bulk_destroy(client, { ids });\n },\n\n // listActivities, markRead, listOrders, listSubscriptionOrders are not\n // available through the BFF — omitted so the UI disables these features.\n };\n}\n\nfunction createNotesAdapter(client: FetchClient): NotesApi {\n return {\n listNotes: async (contactId) => {\n const response = await portalTenantContacts.contacts_notes_list(\n client,\n contactId,\n );\n const body = response as Record<string, unknown>;\n return {\n notes: ((body.notes as Record<string, unknown>[]) ?? []).map(mapNote),\n };\n },\n\n createNote: async (contactId, input) => {\n return portalTenantContacts.contacts_notes_create(client, contactId, {\n note: input,\n } as Parameters<typeof portalTenantContacts.contacts_notes_create>[2]);\n },\n\n updateNote: async (noteId, contactId, input) => {\n return portalTenantContacts.contacts_notes_update(\n client,\n contactId,\n noteId,\n {\n note: input,\n } as Parameters<typeof portalTenantContacts.contacts_notes_update>[3],\n );\n },\n\n deleteNote: async (noteId, contactId) => {\n return portalTenantContacts.contacts_notes_destroy(\n client,\n contactId,\n noteId,\n );\n },\n };\n}\n\nfunction createTasksAdapter(client: FetchClient): TasksApi {\n return {\n listTasks: async (contactId) => {\n const response = await portalTenantContacts.contacts_tasks_list(\n client,\n contactId,\n );\n const body = response as Record<string, unknown>;\n return {\n tasks: ((body.tasks as Record<string, unknown>[]) ?? []).map(mapTask),\n };\n },\n\n createTask: async (contactId, input) => {\n return portalTenantContacts.contacts_tasks_create(client, contactId, {\n task: { title: input.body, due_date: input.due_at },\n } as Parameters<typeof portalTenantContacts.contacts_tasks_create>[2]);\n },\n\n updateTask: async (taskId, contactId, input) => {\n return portalTenantContacts.contacts_tasks_update(\n client,\n contactId,\n taskId,\n {\n task: {\n title: input.body ?? undefined,\n completed:\n input.completed_at !== undefined\n ? input.completed_at !== null\n : undefined,\n due_date: input.due_at,\n },\n } as Parameters<typeof portalTenantContacts.contacts_tasks_update>[3],\n );\n },\n\n deleteTask: async (taskId, contactId) => {\n return portalTenantContacts.contacts_tasks_destroy(\n client,\n contactId,\n taskId,\n );\n },\n };\n}\n\n/** BFF Group → core ContactGroup. */\nfunction mapGroup(raw: Record<string, unknown>): ContactGroup {\n return {\n id: raw.id as number,\n name: (raw.name as string) ?? \"\",\n avatar: (raw.avatar as string) ?? null,\n avatar_background: (raw.avatar_background as string) ?? null,\n created_at: raw.created_at as string,\n updated_at: raw.updated_at as string,\n };\n}\n\nfunction createGroupsAdapter(client: FetchClient): GroupsApi {\n return {\n listGroups: async () => {\n const response = await portalTenantContacts.contacts_groups_list(client);\n const body = response as Record<string, unknown>;\n return {\n groups: ((body.groups as Record<string, unknown>[]) ?? []).map(\n mapGroup,\n ),\n };\n },\n\n createGroup: async (input) => {\n const response = await portalTenantContacts.contacts_groups_create(\n client,\n {\n group: input,\n } as Parameters<typeof portalTenantContacts.contacts_groups_create>[1],\n );\n const body = response as Record<string, unknown>;\n return {\n group: mapGroup(body.group as Record<string, unknown>),\n };\n },\n\n updateGroup: async (groupId, input) => {\n const response = await portalTenantContacts.contacts_groups_update(\n client,\n groupId,\n {\n group: input,\n } as Parameters<typeof portalTenantContacts.contacts_groups_update>[2],\n );\n const body = response as Record<string, unknown>;\n return {\n group: mapGroup(body.group as Record<string, unknown>),\n };\n },\n\n deleteGroup: async (groupId) => {\n return portalTenantContacts.contacts_groups_destroy(client, groupId);\n },\n };\n}\n\n/**\n * Creates a composite ContactsDomainApi backed by the portal-tenant\n * Contacts BFF endpoints.\n */\nexport function createPortalContactsDomainApiAdapter(\n client: FetchClient,\n): ContactsDomainApi {\n return {\n contacts: createContactsAdapter(client),\n notes: createNotesAdapter(client),\n tasks: createTasksAdapter(client),\n groups: createGroupsAdapter(client),\n };\n}\n","import { useMemo, type ReactElement, type ReactNode } from \"react\";\nimport { ContactsApiProvider } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { createPortalContactsDomainApiAdapter } from \"../adapters/contacts-api-adapter\";\n\nexport function PortalContactsApiProvider({\n children,\n}: {\n children: ReactNode;\n}): ReactElement {\n const client = usePortalTenantClient();\n\n const api = useMemo(\n () => createPortalContactsDomainApiAdapter(client),\n [client],\n );\n\n return <ContactsApiProvider value={api}>{children}</ContactsApiProvider>;\n}\n","export const contactsEn = {\n breadcrumb: \"Contacts\",\n breadcrumb_new: \"New Contact\",\n contact_label: \"Contact\",\n add: \"Add\",\n add_contact: \"Add Contact\",\n adding: \"Adding...\",\n update_contact: \"Update Contact\",\n saving: \"Saving\",\n cancel: \"Cancel\",\n save: \"Save\",\n delete: \"Delete\",\n delete_name: \"Delete {{name}}?\",\n delete_confirm_permanent:\n \"This permanently removes the contact and all of their notes, tasks, and activity. This can't be undone.\",\n delete_contact: \"Delete contact\",\n deleting: \"Deleting...\",\n search_placeholder: \"Search contacts\",\n error_loading: \"Couldn't load contact\",\n error_loading_description:\n \"This contact may have been deleted, you may not have permission to view it, or there was a network error. Try selecting them again.\",\n error_loading_list: \"Couldn't load contacts. Pull down to retry.\",\n error_generic: \"Something went wrong. Please try again later.\",\n loading: \"Loading...\",\n loading_more: \"Loading more...\",\n searching: \"Searching...\",\n people_count: \"{{count}} people across your network\",\n person_count: \"{{count}} person across your network\",\n no_contacts_search: 'No contacts match \"{{term}}\".',\n no_contacts_yet: \"No contacts yet.\",\n no_contacts_filter: \"No contacts match this filter.\",\n empty_select_contact: \"Select a contact\",\n empty_select_description:\n \"Pick someone from your list on the left to see their details, notes, and tasks.\",\n tab_tasks: \"Tasks\",\n tab_notes: \"Notes\",\n edit_profile: \"Edit profile\",\n editing_name: \"Editing {{name}}\",\n profile_edit_description:\n \"Update details below. Your contact card above is paused while you edit.\",\n new_task: \"New task\",\n last_updated: \"Last updated {{date}}\",\n label_email: \"Email\",\n label_phone: \"Phone\",\n label_address: \"Address\",\n label_call: \"Call\",\n not_set: \"Not set\",\n more_actions: \"More actions\",\n back_to_contacts: \"Back to contacts\",\n back_to_tasks: \"Back to Tasks\",\n filter_all: \"All\",\n filter_leads: \"Leads\",\n filter_customers: \"Customers\",\n note_placeholder: \"Leave a note about this contact…\",\n note_body_aria: \"Note body\",\n add_note: \"Add note\",\n tip_save_shortcut_mac: \"Tip: ⌘ + Enter to save\",\n tip_save_shortcut_other: \"Tip: Ctrl + Enter to save\",\n task_describe_placeholder: \"Describe the task…\",\n task_description_aria: \"Task description\",\n task_discard_aria: \"Discard task\",\n add_task: \"Add task\",\n quick_today: \"Today\",\n quick_tomorrow: \"Tomorrow\",\n quick_next_week: \"Next week\",\n edit_contact_name: \"Edit {{name}}\",\n save_changes: \"Save changes\",\n add_field: \"Add {{field}}\",\n copy_field: \"Copy {{field}}\",\n copied_field: \"Copied {{field}}\",\n attachment_one: \"1 attachment\",\n attachment_other: \"{{count}} attachments\",\n note_actions: \"Note actions\",\n delete_note_title: \"Delete note?\",\n delete_note_irreversible: \"This action cannot be undone.\",\n task_yesterday: \"Yesterday\",\n task_days_ago_one: \"1 day ago\",\n task_days_ago_other: \"{{count}} days ago\",\n task_overdue_due: \"Overdue · {{date}}\",\n task_due: \"Due {{date}}\",\n mark_as_open: \"Mark as open\",\n mark_as_completed: \"Mark as completed\",\n task_actions: \"Task actions\",\n delete_task_title: \"Delete task?\",\n delete_task_confirm:\n \"Are you sure you want to delete this task? This action cannot be undone.\",\n} as const satisfies Record<string, string>;\n\nexport type ContactsDict = typeof contactsEn;\n","import {\n createDomainTranslations,\n type DomainTranslations,\n} from \"@fluid-app/i18n/translations\";\nimport { createStaticDictAdapter } from \"@fluid-app/i18n/static-dict-adapter\";\nimport type { TranslationApi } from \"@fluid-app/i18n/translation-api\";\nimport { contactsEn, type ContactsDict } from \"./translation-dictionary\";\n\nexport const contactsDomain: DomainTranslations<ContactsDict> =\n createDomainTranslations<ContactsDict>({\n fallback: contactsEn,\n loaders: {\n de: () =>\n import(\"./locale/de.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n el: () =>\n import(\"./locale/el.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n es: () =>\n import(\"./locale/es.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n fr: () =>\n import(\"./locale/fr.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n he: () =>\n import(\"./locale/he.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n hu: () =>\n import(\"./locale/hu.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n id: () =>\n import(\"./locale/id.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n it: () =>\n import(\"./locale/it.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n ja: () =>\n import(\"./locale/ja.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n ko: () =>\n import(\"./locale/ko.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n nl: () =>\n import(\"./locale/nl.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n pl: () =>\n import(\"./locale/pl.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n pt: () =>\n import(\"./locale/pt.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n ro: () =>\n import(\"./locale/ro.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n ru: () =>\n import(\"./locale/ru.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n th: () =>\n import(\"./locale/th.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n tl: () =>\n import(\"./locale/tl.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n tr: () =>\n import(\"./locale/tr.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n zh_CN: () =>\n import(\"./locale/zh_CN.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n zh_TW: () =>\n import(\"./locale/zh_TW.json\").then(\n (m): ContactsDict => m.default as ContactsDict,\n ),\n },\n });\n\nexport function createContactsTranslationAdapter(\n locale: string,\n dict: ContactsDict,\n): TranslationApi<ContactsDict> {\n return createStaticDictAdapter(locale, dict);\n}\n","import { useMemo, type ReactNode } from \"react\";\nimport { useActiveLocale } from \"@fluid-app/i18n/locale-context\";\nimport { useDomainDict } from \"@fluid-app/i18n/use-domain-dict\";\nimport {\n contactsDomain,\n createContactsTranslationAdapter,\n} from \"@fluid-app/contacts-core/translation-adapter\";\nimport { ContactsTranslationProvider } from \"@fluid-app/contacts-core/translation-api-context\";\n\nexport function ContactsTranslationBridge({\n children,\n}: {\n children: ReactNode;\n}): React.JSX.Element {\n const { locale } = useActiveLocale();\n const dict = useDomainDict(contactsDomain, locale);\n const api = useMemo(\n () => createContactsTranslationAdapter(locale, dict),\n [locale, dict],\n );\n return (\n <ContactsTranslationProvider value={api}>\n {children}\n </ContactsTranslationProvider>\n );\n}\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { FormProvider } from \"react-hook-form\";\nimport { useZodForm } from \"@fluid-app/ui-primitives\";\nimport type { ComponentProps } from \"react\";\nimport type {\n BackgroundValue,\n BorderRadiusOptions,\n ColorOptions,\n PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ContactCreateScreen } from \"@fluid-app/contacts-ui/screens/ContactCreateScreen\";\nimport { RepContactsLayout } from \"@fluid-app/contacts-ui/portal/components/contacts/rep-layout/RepContactsLayout\";\nimport { ContactDetailsForm } from \"@fluid-app/contacts-ui/shared/components/contacts/contactDetailsForm\";\nimport { useCreateContactMutation } from \"@fluid-app/contacts-ui/shared/hooks/useCreateContactMutation\";\nimport {\n createContactFormSchema,\n type CreateContactFormData,\n} from \"@fluid-app/contacts-ui/shared/schemas/contactFormSchema\";\nimport { useCountriesApi } from \"@fluid-app/store-core/countries-api-context\";\nimport { PortalContactsApiProvider } from \"../contacts/PortalContactsApiProvider\";\nimport { ContactsTranslationBridge } from \"../providers/ContactsTranslationBridge\";\nimport { storeKeys } from \"../account/query-keys\";\n\ntype NavState =\n | { view: \"browse\"; selectedContactId: string | null }\n | { view: \"new\" };\n\ntype ContactsScreenProps = ComponentProps<\"div\"> & {\n // Styling\n background?: BackgroundValue;\n textColor?: ColorOptions;\n accentColor?: ColorOptions;\n padding?: PaddingOptions;\n borderRadius?: BorderRadiusOptions;\n\n // Display\n defaultViewMode?: \"list\" | \"grid\";\n\n // Callbacks\n onContactSelect?: (contactId: string) => void;\n onCreateContact?: () => void;\n};\n\nconst QUERY_KEY_PREFIX = \"sdk-contacts\";\n\nfunction ContactBrowseView({\n selectedContactId,\n onSelect,\n onAdd,\n}: {\n selectedContactId: string | null;\n onSelect: (id: string | null) => void;\n onAdd: () => void;\n}) {\n const countriesAdapter = useCountriesApi();\n const getCountries = useCallback(async () => {\n const result = await countriesAdapter.listCountries();\n return result.countries.map((c) => ({ id: 0, name: c.name, iso: c.code }));\n }, [countriesAdapter]);\n\n return (\n <RepContactsLayout\n selectedContactId={selectedContactId}\n onSelect={onSelect}\n onAdd={onAdd}\n queryKeyPrefix={QUERY_KEY_PREFIX}\n getCountries={getCountries}\n />\n );\n}\n\nconst CREATE_DEFAULT_VALUES: CreateContactFormData = {\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n phone: \"\",\n status: \"new\",\n address: \"\",\n city: \"\",\n state: \"\",\n postal_code: \"\",\n country_code: null,\n language_code: null,\n metadata: {},\n affiliate: {},\n};\n\nfunction ContactCreateView({\n onNavigate,\n onCreateContact,\n}: {\n onNavigate: (state: NavState) => void;\n onCreateContact?: () => void;\n}) {\n const formRef = useRef<HTMLFormElement>(null);\n const countriesAdapter = useCountriesApi();\n\n const { data: countriesResponse } = useQuery({\n queryKey: storeKeys.countries(),\n queryFn: () => countriesAdapter.listCountries(),\n });\n\n const countryOptions = useMemo(\n () =>\n (countriesResponse?.countries ?? [])\n .map((c) => ({ name: c.name, value: c.code }))\n .sort((a, b) => a.name.localeCompare(b.name)),\n [countriesResponse],\n );\n\n const methods = useZodForm<CreateContactFormData>(createContactFormSchema, {\n defaultValues: CREATE_DEFAULT_VALUES,\n });\n\n const mutation = useCreateContactMutation(QUERY_KEY_PREFIX, {\n onSuccess: (data) => {\n onCreateContact?.();\n const newContactId = data?.contact?.id;\n if (newContactId) {\n onNavigate({\n view: \"browse\",\n selectedContactId: String(newContactId),\n });\n } else {\n onNavigate({ view: \"browse\", selectedContactId: null });\n }\n },\n });\n\n const { mutate } = mutation;\n\n const onSubmit = useMemo(\n () =>\n methods.handleSubmit(\n (data) => {\n const { affiliate, ...contactFields } = data;\n const payload: Record<string, unknown> = {};\n\n for (const [key, value] of Object.entries(contactFields)) {\n if (value !== \"\" && value !== null && value !== undefined) {\n payload[key] = value;\n }\n }\n\n if (affiliate && Object.keys(affiliate).length > 0) {\n payload.affiliate = affiliate;\n }\n\n mutate(payload as CreateContactFormData);\n },\n () => {\n // Validation errors are shown inline by react-hook-form field controllers.\n // handleSubmit already populates field errors before calling this callback.\n },\n ),\n [methods, mutate],\n );\n\n const handleNavigateToList = useCallback(() => {\n onNavigate({ view: \"browse\", selectedContactId: null });\n }, [onNavigate]);\n\n return (\n <ContactCreateScreen\n onNavigateToList={handleNavigateToList}\n onSubmit={() => formRef.current?.requestSubmit()}\n isPending={mutation.isPending}\n >\n <FormProvider {...methods}>\n <div className=\"mx-auto max-w-7xl space-y-12 md:px-10 md:py-8\">\n <form\n ref={formRef}\n onSubmit={onSubmit}\n className=\"mx-auto space-y-6 lg:max-w-2xl\"\n >\n <ContactDetailsForm countries={countryOptions} />\n </form>\n </div>\n </FormProvider>\n </ContactCreateScreen>\n );\n}\n\nexport function ContactsScreen({\n onContactSelect,\n onCreateContact,\n /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n background,\n textColor,\n accentColor,\n padding,\n borderRadius,\n defaultViewMode,\n /* eslint-enable @typescript-eslint/no-unused-vars */\n ...divProps\n}: ContactsScreenProps): React.JSX.Element {\n const [nav, setNav] = useState<NavState>({\n view: \"browse\",\n selectedContactId: null,\n });\n\n const handleSelect = useCallback(\n (id: string | null) => {\n setNav({ view: \"browse\", selectedContactId: id });\n if (id) onContactSelect?.(id);\n },\n [onContactSelect],\n );\n\n const handleAdd = useCallback(() => {\n setNav({ view: \"new\" });\n }, []);\n\n return (\n <ContactsTranslationBridge>\n <PortalContactsApiProvider>\n <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n {nav.view === \"browse\" && (\n <ContactBrowseView\n selectedContactId={nav.selectedContactId}\n onSelect={handleSelect}\n onAdd={handleAdd}\n />\n )}\n {nav.view === \"new\" && (\n <ContactCreateView\n onNavigate={setNav}\n onCreateContact={onCreateContact}\n />\n )}\n </div>\n </PortalContactsApiProvider>\n </ContactsTranslationBridge>\n );\n}\n\nexport const contactsScreenPropertySchema: WidgetPropertySchema = {\n widgetType: \"ContactsScreen\",\n displayName: \"Contacts Screen\",\n tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}