@open-mercato/ui 0.4.2-canary-c02407ff85
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.
- package/build.mjs +62 -0
- package/dist/backend/AppShell.js +902 -0
- package/dist/backend/AppShell.js.map +7 -0
- package/dist/backend/ConfirmDialog.js +17 -0
- package/dist/backend/ConfirmDialog.js.map +7 -0
- package/dist/backend/ContextHelp.js +31 -0
- package/dist/backend/ContextHelp.js.map +7 -0
- package/dist/backend/CrudForm.js +2028 -0
- package/dist/backend/CrudForm.js.map +7 -0
- package/dist/backend/DataTable.js +1363 -0
- package/dist/backend/DataTable.js.map +7 -0
- package/dist/backend/EmptyState.js +52 -0
- package/dist/backend/EmptyState.js.map +7 -0
- package/dist/backend/FilterBar.js +140 -0
- package/dist/backend/FilterBar.js.map +7 -0
- package/dist/backend/FilterOverlay.js +279 -0
- package/dist/backend/FilterOverlay.js.map +7 -0
- package/dist/backend/FlashMessages.js +66 -0
- package/dist/backend/FlashMessages.js.map +7 -0
- package/dist/backend/JsonBuilder.js +322 -0
- package/dist/backend/JsonBuilder.js.map +7 -0
- package/dist/backend/JsonDisplay.js +203 -0
- package/dist/backend/JsonDisplay.js.map +7 -0
- package/dist/backend/Page.js +27 -0
- package/dist/backend/Page.js.map +7 -0
- package/dist/backend/PerspectiveSidebar.js +282 -0
- package/dist/backend/PerspectiveSidebar.js.map +7 -0
- package/dist/backend/RowActions.js +148 -0
- package/dist/backend/RowActions.js.map +7 -0
- package/dist/backend/TruncatedCell.js +92 -0
- package/dist/backend/TruncatedCell.js.map +7 -0
- package/dist/backend/UserMenu.js +107 -0
- package/dist/backend/UserMenu.js.map +7 -0
- package/dist/backend/ValueIcons.js +34 -0
- package/dist/backend/ValueIcons.js.map +7 -0
- package/dist/backend/custom-fields/FieldDefinitionsEditor.js +1264 -0
- package/dist/backend/custom-fields/FieldDefinitionsEditor.js.map +7 -0
- package/dist/backend/custom-fields/FieldDefinitionsManager.js +332 -0
- package/dist/backend/custom-fields/FieldDefinitionsManager.js.map +7 -0
- package/dist/backend/dashboard/DashboardScreen.js +578 -0
- package/dist/backend/dashboard/DashboardScreen.js.map +7 -0
- package/dist/backend/dashboard/index.js +5 -0
- package/dist/backend/dashboard/index.js.map +7 -0
- package/dist/backend/dashboard/widgetRegistry.js +55 -0
- package/dist/backend/dashboard/widgetRegistry.js.map +7 -0
- package/dist/backend/detail/ActivitiesSection.js +962 -0
- package/dist/backend/detail/ActivitiesSection.js.map +7 -0
- package/dist/backend/detail/AddressEditor.js +413 -0
- package/dist/backend/detail/AddressEditor.js.map +7 -0
- package/dist/backend/detail/AddressTiles.js +437 -0
- package/dist/backend/detail/AddressTiles.js.map +7 -0
- package/dist/backend/detail/AddressesSection.js +264 -0
- package/dist/backend/detail/AddressesSection.js.map +7 -0
- package/dist/backend/detail/AttachmentDeleteDialog.js +41 -0
- package/dist/backend/detail/AttachmentDeleteDialog.js.map +7 -0
- package/dist/backend/detail/AttachmentMetadataDialog.js +517 -0
- package/dist/backend/detail/AttachmentMetadataDialog.js.map +7 -0
- package/dist/backend/detail/AttachmentsSection.js +367 -0
- package/dist/backend/detail/AttachmentsSection.js.map +7 -0
- package/dist/backend/detail/CustomDataSection.js +433 -0
- package/dist/backend/detail/CustomDataSection.js.map +7 -0
- package/dist/backend/detail/DetailFieldsSection.js +75 -0
- package/dist/backend/detail/DetailFieldsSection.js.map +7 -0
- package/dist/backend/detail/ErrorMessage.js +28 -0
- package/dist/backend/detail/ErrorMessage.js.map +7 -0
- package/dist/backend/detail/InlineEditors.js +681 -0
- package/dist/backend/detail/InlineEditors.js.map +7 -0
- package/dist/backend/detail/LoadingMessage.js +14 -0
- package/dist/backend/detail/LoadingMessage.js.map +7 -0
- package/dist/backend/detail/NotesSection.js +1032 -0
- package/dist/backend/detail/NotesSection.js.map +7 -0
- package/dist/backend/detail/TabEmptyState.js +25 -0
- package/dist/backend/detail/TabEmptyState.js.map +7 -0
- package/dist/backend/detail/TagsSection.js +254 -0
- package/dist/backend/detail/TagsSection.js.map +7 -0
- package/dist/backend/detail/addressFormat.js +77 -0
- package/dist/backend/detail/addressFormat.js.map +7 -0
- package/dist/backend/detail/index.js +34 -0
- package/dist/backend/detail/index.js.map +7 -0
- package/dist/backend/fields/registry.generated.js +8 -0
- package/dist/backend/fields/registry.generated.js.map +7 -0
- package/dist/backend/fields/registry.js +29 -0
- package/dist/backend/fields/registry.js.map +7 -0
- package/dist/backend/indexes/PartialIndexBanner.js +58 -0
- package/dist/backend/indexes/PartialIndexBanner.js.map +7 -0
- package/dist/backend/indexes/store.js +62 -0
- package/dist/backend/indexes/store.js.map +7 -0
- package/dist/backend/injection/InjectionSpot.js +179 -0
- package/dist/backend/injection/InjectionSpot.js.map +7 -0
- package/dist/backend/injection/PageInjectionBoundary.js +26 -0
- package/dist/backend/injection/PageInjectionBoundary.js.map +7 -0
- package/dist/backend/injection/helpers.js +26 -0
- package/dist/backend/injection/helpers.js.map +7 -0
- package/dist/backend/injection/widgetRegistry.js +55 -0
- package/dist/backend/injection/widgetRegistry.js.map +7 -0
- package/dist/backend/inputs/ComboboxInput.js +225 -0
- package/dist/backend/inputs/ComboboxInput.js.map +7 -0
- package/dist/backend/inputs/LookupSelect.js +191 -0
- package/dist/backend/inputs/LookupSelect.js.map +7 -0
- package/dist/backend/inputs/PhoneNumberField.js +100 -0
- package/dist/backend/inputs/PhoneNumberField.js.map +7 -0
- package/dist/backend/inputs/SwitchableMarkdownInput.js +92 -0
- package/dist/backend/inputs/SwitchableMarkdownInput.js.map +7 -0
- package/dist/backend/inputs/TagsInput.js +222 -0
- package/dist/backend/inputs/TagsInput.js.map +7 -0
- package/dist/backend/inputs/index.js +6 -0
- package/dist/backend/inputs/index.js.map +7 -0
- package/dist/backend/operations/LastOperationBanner.js +80 -0
- package/dist/backend/operations/LastOperationBanner.js.map +7 -0
- package/dist/backend/operations/store.js +183 -0
- package/dist/backend/operations/store.js.map +7 -0
- package/dist/backend/schedule/ScheduleAgenda.js +107 -0
- package/dist/backend/schedule/ScheduleAgenda.js.map +7 -0
- package/dist/backend/schedule/ScheduleGrid.js +107 -0
- package/dist/backend/schedule/ScheduleGrid.js.map +7 -0
- package/dist/backend/schedule/ScheduleToolbar.js +166 -0
- package/dist/backend/schedule/ScheduleToolbar.js.map +7 -0
- package/dist/backend/schedule/ScheduleView.js +165 -0
- package/dist/backend/schedule/ScheduleView.js.map +7 -0
- package/dist/backend/schedule/index.js +6 -0
- package/dist/backend/schedule/index.js.map +7 -0
- package/dist/backend/schedule/recurrence.js +83 -0
- package/dist/backend/schedule/recurrence.js.map +7 -0
- package/dist/backend/schedule/types.js +1 -0
- package/dist/backend/schedule/types.js.map +7 -0
- package/dist/backend/upgrades/UpgradeActionBanner.js +91 -0
- package/dist/backend/upgrades/UpgradeActionBanner.js.map +7 -0
- package/dist/backend/utils/api.js +127 -0
- package/dist/backend/utils/api.js.map +7 -0
- package/dist/backend/utils/apiCall.js +48 -0
- package/dist/backend/utils/apiCall.js.map +7 -0
- package/dist/backend/utils/crud.js +126 -0
- package/dist/backend/utils/crud.js.map +7 -0
- package/dist/backend/utils/customFieldColumns.js +56 -0
- package/dist/backend/utils/customFieldColumns.js.map +7 -0
- package/dist/backend/utils/customFieldDefs.js +143 -0
- package/dist/backend/utils/customFieldDefs.js.map +7 -0
- package/dist/backend/utils/customFieldFilters.js +126 -0
- package/dist/backend/utils/customFieldFilters.js.map +7 -0
- package/dist/backend/utils/customFieldForms.js +162 -0
- package/dist/backend/utils/customFieldForms.js.map +7 -0
- package/dist/backend/utils/customFieldValues.js +26 -0
- package/dist/backend/utils/customFieldValues.js.map +7 -0
- package/dist/backend/utils/flash.js +16 -0
- package/dist/backend/utils/flash.js.map +7 -0
- package/dist/backend/utils/nav.js +185 -0
- package/dist/backend/utils/nav.js.map +7 -0
- package/dist/backend/utils/serverErrors.js +230 -0
- package/dist/backend/utils/serverErrors.js.map +7 -0
- package/dist/frontend/AuthFooter.js +23 -0
- package/dist/frontend/AuthFooter.js.map +7 -0
- package/dist/frontend/LanguageSwitcher.js +57 -0
- package/dist/frontend/LanguageSwitcher.js.map +7 -0
- package/dist/frontend/Layout.js +14 -0
- package/dist/frontend/Layout.js.map +7 -0
- package/dist/index.js +32 -0
- package/dist/index.js.map +7 -0
- package/dist/primitives/DataLoader.js +67 -0
- package/dist/primitives/DataLoader.js.map +7 -0
- package/dist/primitives/ErrorNotice.js +20 -0
- package/dist/primitives/ErrorNotice.js.map +7 -0
- package/dist/primitives/alert.js +38 -0
- package/dist/primitives/alert.js.map +7 -0
- package/dist/primitives/badge.js +28 -0
- package/dist/primitives/badge.js.map +7 -0
- package/dist/primitives/button.js +44 -0
- package/dist/primitives/button.js.map +7 -0
- package/dist/primitives/card.js +91 -0
- package/dist/primitives/card.js.map +7 -0
- package/dist/primitives/checkbox.js +28 -0
- package/dist/primitives/checkbox.js.map +7 -0
- package/dist/primitives/dialog.js +90 -0
- package/dist/primitives/dialog.js.map +7 -0
- package/dist/primitives/input.js +22 -0
- package/dist/primitives/input.js.map +7 -0
- package/dist/primitives/label.js +21 -0
- package/dist/primitives/label.js.map +7 -0
- package/dist/primitives/separator.js +9 -0
- package/dist/primitives/separator.js.map +7 -0
- package/dist/primitives/spinner.js +24 -0
- package/dist/primitives/spinner.js.map +7 -0
- package/dist/primitives/switch.js +80 -0
- package/dist/primitives/switch.js.map +7 -0
- package/dist/primitives/table.js +29 -0
- package/dist/primitives/table.js.map +7 -0
- package/dist/primitives/tabs.js +87 -0
- package/dist/primitives/tabs.js.map +7 -0
- package/dist/primitives/textarea.js +21 -0
- package/dist/primitives/textarea.js.map +7 -0
- package/dist/primitives/tooltip.js +60 -0
- package/dist/primitives/tooltip.js.map +7 -0
- package/dist/theme/QueryProvider.js +44 -0
- package/dist/theme/QueryProvider.js.map +7 -0
- package/dist/theme/ThemeProvider.js +95 -0
- package/dist/theme/ThemeProvider.js.map +7 -0
- package/dist/theme/ThemeToggle.js +88 -0
- package/dist/theme/ThemeToggle.js.map +7 -0
- package/dist/theme/index.js +10 -0
- package/dist/theme/index.js.map +7 -0
- package/dist/types/react-big-calendar.d.js +1 -0
- package/dist/types/react-big-calendar.d.js.map +7 -0
- package/jest.config.cjs +23 -0
- package/jest.setup.ts +55 -0
- package/package.json +105 -0
- package/src/backend/AppShell.tsx +1096 -0
- package/src/backend/ConfirmDialog.tsx +19 -0
- package/src/backend/ContextHelp.tsx +38 -0
- package/src/backend/CrudForm.tsx +2503 -0
- package/src/backend/DataTable.tsx +1730 -0
- package/src/backend/EmptyState.tsx +65 -0
- package/src/backend/FilterBar.tsx +161 -0
- package/src/backend/FilterOverlay.tsx +328 -0
- package/src/backend/FlashMessages.tsx +82 -0
- package/src/backend/JsonBuilder.tsx +362 -0
- package/src/backend/JsonDisplay.tsx +254 -0
- package/src/backend/Page.tsx +30 -0
- package/src/backend/PerspectiveSidebar.tsx +337 -0
- package/src/backend/RowActions.tsx +151 -0
- package/src/backend/TruncatedCell.tsx +133 -0
- package/src/backend/UserMenu.tsx +118 -0
- package/src/backend/ValueIcons.tsx +48 -0
- package/src/backend/__tests__/AppShell.test.tsx +115 -0
- package/src/backend/__tests__/CrudForm.render.test.tsx +30 -0
- package/src/backend/__tests__/DataTable.render.test.tsx +48 -0
- package/src/backend/__tests__/custom-field-filters.test.ts +72 -0
- package/src/backend/__tests__/custom-field-forms.test.ts +54 -0
- package/src/backend/__tests__/serverErrors.test.ts +83 -0
- package/src/backend/custom-fields/FieldDefinitionsEditor.tsx +1292 -0
- package/src/backend/custom-fields/FieldDefinitionsManager.tsx +381 -0
- package/src/backend/dashboard/DashboardScreen.tsx +684 -0
- package/src/backend/dashboard/__tests__/DashboardScreen.test.tsx +112 -0
- package/src/backend/dashboard/index.ts +1 -0
- package/src/backend/dashboard/widgetRegistry.ts +68 -0
- package/src/backend/detail/ActivitiesSection.tsx +1284 -0
- package/src/backend/detail/AddressEditor.tsx +472 -0
- package/src/backend/detail/AddressTiles.tsx +587 -0
- package/src/backend/detail/AddressesSection.tsx +346 -0
- package/src/backend/detail/AttachmentDeleteDialog.tsx +56 -0
- package/src/backend/detail/AttachmentMetadataDialog.tsx +672 -0
- package/src/backend/detail/AttachmentsSection.tsx +414 -0
- package/src/backend/detail/CustomDataSection.tsx +530 -0
- package/src/backend/detail/DetailFieldsSection.tsx +147 -0
- package/src/backend/detail/ErrorMessage.tsx +32 -0
- package/src/backend/detail/InlineEditors.tsx +877 -0
- package/src/backend/detail/LoadingMessage.tsx +14 -0
- package/src/backend/detail/NotesSection.tsx +1275 -0
- package/src/backend/detail/TabEmptyState.tsx +48 -0
- package/src/backend/detail/TagsSection.tsx +314 -0
- package/src/backend/detail/addressFormat.tsx +121 -0
- package/src/backend/detail/index.ts +44 -0
- package/src/backend/fields/registry.generated.ts +8 -0
- package/src/backend/fields/registry.ts +38 -0
- package/src/backend/indexes/PartialIndexBanner.tsx +68 -0
- package/src/backend/indexes/store.ts +88 -0
- package/src/backend/injection/InjectionSpot.tsx +236 -0
- package/src/backend/injection/PageInjectionBoundary.tsx +31 -0
- package/src/backend/injection/helpers.ts +35 -0
- package/src/backend/injection/widgetRegistry.ts +68 -0
- package/src/backend/inputs/ComboboxInput.tsx +269 -0
- package/src/backend/inputs/LookupSelect.tsx +247 -0
- package/src/backend/inputs/PhoneNumberField.tsx +129 -0
- package/src/backend/inputs/SwitchableMarkdownInput.tsx +128 -0
- package/src/backend/inputs/TagsInput.tsx +259 -0
- package/src/backend/inputs/index.ts +5 -0
- package/src/backend/operations/LastOperationBanner.tsx +85 -0
- package/src/backend/operations/__tests__/LastOperationBanner.test.tsx +99 -0
- package/src/backend/operations/store.ts +230 -0
- package/src/backend/schedule/ScheduleAgenda.tsx +136 -0
- package/src/backend/schedule/ScheduleGrid.tsx +136 -0
- package/src/backend/schedule/ScheduleToolbar.tsx +178 -0
- package/src/backend/schedule/ScheduleView.tsx +198 -0
- package/src/backend/schedule/index.ts +5 -0
- package/src/backend/schedule/recurrence.ts +99 -0
- package/src/backend/schedule/types.ts +26 -0
- package/src/backend/upgrades/UpgradeActionBanner.tsx +128 -0
- package/src/backend/utils/__tests__/apiCall.test.ts +109 -0
- package/src/backend/utils/__tests__/crud.test.ts +87 -0
- package/src/backend/utils/__tests__/customFieldDefs.test.ts +25 -0
- package/src/backend/utils/__tests__/customFieldValues.test.ts +35 -0
- package/src/backend/utils/api.ts +149 -0
- package/src/backend/utils/apiCall.ts +96 -0
- package/src/backend/utils/crud.ts +174 -0
- package/src/backend/utils/customFieldColumns.ts +71 -0
- package/src/backend/utils/customFieldDefs.ts +245 -0
- package/src/backend/utils/customFieldFilters.ts +145 -0
- package/src/backend/utils/customFieldForms.ts +196 -0
- package/src/backend/utils/customFieldValues.ts +41 -0
- package/src/backend/utils/flash.ts +17 -0
- package/src/backend/utils/nav.ts +238 -0
- package/src/backend/utils/serverErrors.ts +302 -0
- package/src/frontend/AuthFooter.tsx +29 -0
- package/src/frontend/LanguageSwitcher.tsx +66 -0
- package/src/frontend/Layout.tsx +13 -0
- package/src/index.ts +32 -0
- package/src/primitives/DataLoader.tsx +92 -0
- package/src/primitives/ErrorNotice.tsx +26 -0
- package/src/primitives/alert.tsx +52 -0
- package/src/primitives/badge.tsx +31 -0
- package/src/primitives/button.tsx +47 -0
- package/src/primitives/card.tsx +92 -0
- package/src/primitives/checkbox.tsx +28 -0
- package/src/primitives/dialog.tsx +110 -0
- package/src/primitives/input.tsx +20 -0
- package/src/primitives/label.tsx +18 -0
- package/src/primitives/separator.tsx +7 -0
- package/src/primitives/spinner.tsx +27 -0
- package/src/primitives/switch.tsx +86 -0
- package/src/primitives/table.tsx +27 -0
- package/src/primitives/tabs.tsx +128 -0
- package/src/primitives/textarea.tsx +20 -0
- package/src/primitives/tooltip.tsx +85 -0
- package/src/theme/QueryProvider.tsx +46 -0
- package/src/theme/ThemeProvider.tsx +120 -0
- package/src/theme/ThemeToggle.tsx +88 -0
- package/src/theme/index.ts +3 -0
- package/src/types/react-big-calendar.d.ts +16 -0
- package/tsconfig.build.json +11 -0
- package/tsconfig.json +9 -0
- package/watch.mjs +6 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/backend/detail/ActivitiesSection.tsx"],
|
|
4
|
+
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { ArrowUpRightSquare, Pencil, Plus, Trash2 } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { DictionaryEntrySelect, type DictionarySelectLabels } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport type { AppearanceSelectorLabels } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { LoadingMessage, TabEmptyState } from './'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\n\ntype Translator = (key: string, fallback?: string, params?: Record<string, string | number>) => string\n\nexport type ActivitySummary = {\n id: string\n activityType: string\n subject?: string | null\n body?: string | null\n occurredAt?: string | null\n createdAt: string\n appearanceIcon?: string | null\n appearanceColor?: string | null\n entityId?: string | null\n authorUserId?: string | null\n authorName?: string | null\n authorEmail?: string | null\n dealId?: string | null\n dealTitle?: string | null\n customFields?: Array<{ key: string; label?: string | null; value: unknown }>\n customValues?: Record<string, unknown> | null\n}\n\nexport type SectionAction = {\n label: React.ReactNode\n onClick: () => void\n disabled?: boolean\n icon?: React.ReactNode\n}\n\nexport type TabEmptyStateConfig = {\n title: string\n actionLabel: string\n description?: string\n}\n\nexport type ActivityCreatePayload = {\n entityId: string\n activityType: string\n subject?: string | null\n body?: string | null\n occurredAt?: string | null\n dealId?: string | null\n customFields?: Record<string, unknown>\n}\n\nexport type ActivityUpdatePayload = Partial<ActivityCreatePayload>\n\nexport type ActivitiesDataAdapter<C = unknown> = {\n list: (params: { entityId: string | null; dealId?: string | null; context?: C }) => Promise<ActivitySummary[]>\n create: (params: ActivityCreatePayload & { context?: C }) => Promise<void>\n update: (params: { id: string; patch: ActivityUpdatePayload; context?: C }) => Promise<void>\n delete: (params: { id: string; context?: C }) => Promise<void>\n}\n\ntype DictionaryOption = {\n value: string\n label: string\n color: string | null\n icon: string | null\n}\n\ntype ActivityTypePresentation = {\n label: string\n icon?: string | null\n color?: string | null\n}\n\ntype PendingAction =\n | { kind: 'create' }\n | { kind: 'update'; id: string }\n | { kind: 'delete'; id: string }\n\nconst INVALID_DATE_MESSAGE = 'invalidDate'\n\nconst schema = {\n validate(values: Record<string, unknown>) {\n const result: { ok: boolean; errors?: Array<{ path: string; message: string }> } = { ok: true }\n const activityType = typeof values.activityType === 'string' ? values.activityType.trim() : ''\n if (!activityType) {\n result.ok = false\n result.errors = [{ path: 'activityType', message: 'required' }]\n return result\n }\n const occurredAt = typeof values.occurredAt === 'string' ? values.occurredAt.trim() : ''\n if (occurredAt.length) {\n const parsed = new Date(occurredAt)\n if (Number.isNaN(parsed.getTime())) {\n result.ok = false\n result.errors = [{ path: 'occurredAt', message: INVALID_DATE_MESSAGE }]\n }\n }\n return result\n },\n}\n\nfunction toLocalDateTimeInput(value?: string | null): string {\n if (!value) return ''\n const date = new Date(value)\n if (Number.isNaN(date.getTime())) return ''\n const pad = (input: number) => `${input}`.padStart(2, '0')\n return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(\n date.getMinutes(),\n )}`\n}\n\nfunction formatDateTime(value?: string | null): string | null {\n if (!value) return null\n const date = new Date(value)\n if (Number.isNaN(date.getTime())) return null\n return date.toLocaleString()\n}\n\nfunction formatRelativeTime(value?: string | null): string | null {\n if (!value) return null\n const date = new Date(value)\n if (Number.isNaN(date.getTime())) return null\n const now = Date.now()\n const diffSeconds = (date.getTime() - now) / 1000\n const absSeconds = Math.abs(diffSeconds)\n const rtf =\n typeof Intl !== 'undefined' && typeof Intl.RelativeTimeFormat === 'function'\n ? new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' })\n : null\n const format = (unit: Intl.RelativeTimeFormatUnit, divisor: number) => {\n const valueToFormat = Math.round(diffSeconds / divisor)\n if (rtf) return rtf.format(valueToFormat, unit)\n const suffix = valueToFormat <= 0 ? 'ago' : 'from now'\n const magnitude = Math.abs(valueToFormat)\n return `${magnitude} ${unit}${magnitude === 1 ? '' : 's'} ${suffix}`\n }\n if (absSeconds < 45) return format('second', 1)\n if (absSeconds < 45 * 60) return format('minute', 60)\n if (absSeconds < 24 * 60 * 60) return format('hour', 60 * 60)\n if (absSeconds < 7 * 24 * 60 * 60) return format('day', 24 * 60 * 60)\n if (absSeconds < 30 * 24 * 60 * 60) return format('week', 7 * 24 * 60 * 60)\n if (absSeconds < 365 * 24 * 60 * 60) return format('month', 30 * 24 * 60 * 60)\n return format('year', 365 * 24 * 60 * 60)\n}\n\ntype TimelineItemHeaderProps = {\n title: React.ReactNode\n subtitle?: React.ReactNode\n timestamp?: string | Date | null\n fallbackTimestampLabel?: React.ReactNode\n icon?: string | null\n color?: string | null\n iconSize?: 'sm' | 'md'\n className?: string\n renderIcon?: (icon: string, className?: string) => React.ReactNode\n renderColor?: (color: string, className?: string) => React.ReactNode\n}\n\nfunction TimelineItemHeader({\n title,\n subtitle,\n timestamp,\n fallbackTimestampLabel,\n icon,\n color,\n iconSize = 'md',\n className,\n renderIcon,\n renderColor,\n}: TimelineItemHeaderProps) {\n const wrapperSize = iconSize === 'sm' ? 'h-6 w-6' : 'h-8 w-8'\n const iconSizeClass = iconSize === 'sm' ? 'h-3.5 w-3.5' : 'h-4 w-4'\n const resolvedTimestamp = React.useMemo(() => {\n if (subtitle) return subtitle\n if (!timestamp) return fallbackTimestampLabel ?? null\n const value = typeof timestamp === 'string' ? timestamp : timestamp.toISOString()\n const date = new Date(value)\n if (Number.isNaN(date.getTime())) return fallbackTimestampLabel ?? null\n const now = Date.now()\n const diff = Math.abs(now - date.getTime())\n const THIRTY_DAYS_MS = 30 * 24 * 60 * 60 * 1000\n const relativeLabel = diff <= THIRTY_DAYS_MS ? formatRelativeTime(value) : null\n const absoluteLabel = formatDateTime(value)\n if (relativeLabel) {\n return (\n <span title={absoluteLabel ?? undefined}>\n {relativeLabel}\n </span>\n )\n }\n return absoluteLabel ?? fallbackTimestampLabel ?? null\n }, [fallbackTimestampLabel, subtitle, timestamp])\n\n const iconNode = icon && renderIcon ? renderIcon(icon, iconSizeClass) : null\n\n return (\n <div className={['flex items-start gap-3', className].filter(Boolean).join(' ')}>\n {iconNode ? (\n <span className={['inline-flex items-center justify-center rounded border border-border bg-muted/40', wrapperSize].join(' ')}>\n {iconNode}\n </span>\n ) : null}\n <div className=\"space-y-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"text-sm font-semibold text-foreground\">{title}</span>\n {color && renderColor ? renderColor(color, 'h-3 w-3 rounded-full border border-border') : null}\n </div>\n {resolvedTimestamp ? <div className=\"text-xs text-muted-foreground\">{resolvedTimestamp}</div> : null}\n </div>\n </div>\n )\n}\n\nexport type ActivityFormBaseValues = {\n activityType: string\n subject?: string | null\n body?: string | null\n occurredAt?: string | null\n dealId?: string | null\n}\n\nexport type ActivityFormSubmitPayload = {\n base: ActivityFormBaseValues\n custom: Record<string, unknown>\n entityId?: string | null\n}\n\ntype ActivityFormProps = {\n mode: 'create' | 'edit'\n initialValues?: Partial<ActivityFormBaseValues & Record<string, unknown>>\n onSubmit: (payload: ActivityFormSubmitPayload) => Promise<void>\n onCancel: () => void\n submitLabel?: string\n cancelLabel?: string\n isSubmitting?: boolean\n activityTypeLabels: DictionarySelectLabels\n loadActivityOptions: () => Promise<DictionaryOption[]>\n createActivityOption?: (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => Promise<DictionaryOption>\n dealOptions?: Array<{ id: string; label: string }>\n entityOptions?: Array<{ id: string; label: string }>\n defaultEntityId?: string | null\n manageHref?: string\n customFieldEntityIds?: string[]\n labelPrefix?: string\n appearanceLabels?: AppearanceSelectorLabels\n}\n\nfunction normalizeCustomFieldSubmitValue(value: unknown): unknown {\n if (Array.isArray(value)) {\n return value.filter((entry) => entry !== undefined)\n }\n if (value === undefined) return null\n return value\n}\n\nfunction buildActivityValidationError(errors: Array<{ path: string; message: string }>, translate: (key: string, fallback?: string) => string) {\n const issue = errors[0]\n if (!issue) {\n throw createCrudFormError(translate('error', 'Failed to save activity.'))\n }\n const message = issue.message === INVALID_DATE_MESSAGE\n ? translate('invalidDate', 'Invalid date')\n : translate('error', 'Failed to save activity.')\n const field = issue.path\n throw createCrudFormError(message, field ? { [field]: message } : undefined)\n}\n\nfunction ActivityForm({\n mode,\n initialValues,\n onSubmit,\n onCancel,\n submitLabel,\n cancelLabel,\n isSubmitting = false,\n activityTypeLabels,\n loadActivityOptions,\n createActivityOption,\n dealOptions,\n entityOptions,\n defaultEntityId,\n manageHref = '/backend/config/dictionaries',\n customFieldEntityIds,\n labelPrefix = 'customers.people.detail.activities',\n appearanceLabels,\n}: ActivityFormProps) {\n const tHook = useT()\n const t = React.useMemo<Translator>(() => createTranslatorWithFallback(tHook), [tHook])\n const translate = React.useCallback(\n (suffix: string, fallback?: string) => t(`${labelPrefix}.${suffix}`, fallback ?? ''),\n [labelPrefix, t],\n )\n const [pending, setPending] = React.useState(false)\n\n const normalizedDealOptions = React.useMemo(() => {\n if (!Array.isArray(dealOptions)) return []\n const seen = new Set<string>()\n return dealOptions\n .map((option) => {\n if (!option || typeof option !== 'object') return null\n const id = typeof option.id === 'string' ? option.id.trim() : ''\n if (!id || seen.has(id)) return null\n const label =\n typeof option.label === 'string' && option.label.trim().length\n ? option.label.trim()\n : id\n seen.add(id)\n return { id, label }\n })\n .filter((option): option is { id: string; label: string } => !!option)\n }, [dealOptions])\n\n const normalizedEntityOptions = React.useMemo(() => {\n if (!Array.isArray(entityOptions)) return []\n const seen = new Set<string>()\n return entityOptions\n .map((option) => {\n if (!option || typeof option !== 'object') return null\n const id = typeof option.id === 'string' ? option.id.trim() : ''\n if (!id || seen.has(id)) return null\n const label =\n typeof option.label === 'string' && option.label.trim().length\n ? option.label.trim()\n : id\n seen.add(id)\n return { id, label }\n })\n .filter((option): option is { id: string; label: string } => !!option)\n }, [entityOptions])\n\n const baseFields = React.useMemo<CrudField[]>(() => {\n const fields: CrudField[] = []\n\n if (normalizedEntityOptions.length) {\n fields.push({\n id: 'entityId',\n label: translate('fields.entity', 'Assign to record'),\n type: 'custom',\n layout: 'half',\n component: ({ value, setValue }) => {\n const currentValue =\n typeof value === 'string' && value.length ? value : normalizedEntityOptions[0]?.id ?? ''\n return (\n <select\n className=\"h-9 w-full rounded border border-muted-foreground/40 bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n value={currentValue}\n onChange={(event) => setValue(event.target.value)}\n >\n {normalizedEntityOptions.map((option) => (\n <option key={option.id} value={option.id}>\n {option.label}\n </option>\n ))}\n </select>\n )\n },\n } as CrudField)\n }\n\n if (normalizedDealOptions.length) {\n fields.push({\n id: 'dealId',\n label: translate('fields.deal', 'Link to deal (optional)'),\n type: 'custom',\n layout: 'half',\n component: ({ value, setValue }) => {\n const currentValue = typeof value === 'string' ? value : ''\n return (\n <select\n className=\"h-9 w-full rounded border border-muted-foreground/40 bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n value={currentValue}\n onChange={(event) => setValue(event.target.value)}\n >\n <option value=\"\">\n {translate('fields.dealPlaceholder', 'No linked deal')}\n </option>\n {normalizedDealOptions.map((option) => (\n <option key={option.id} value={option.id}>\n {option.label}\n </option>\n ))}\n </select>\n )\n },\n } as CrudField)\n }\n\n fields.push({\n id: 'activityType',\n label: translate('fields.type', 'Activity type'),\n type: 'custom',\n required: true,\n layout: 'half',\n component: ({ value, setValue }) => (\n <DictionaryEntrySelect\n value={typeof value === 'string' ? value : undefined}\n onChange={(next) => setValue(next ?? '')}\n fetchOptions={loadActivityOptions}\n createOption={createActivityOption}\n labels={activityTypeLabels}\n allowAppearance\n allowInlineCreate\n appearanceLabels={appearanceLabels}\n selectClassName=\"w-full\"\n manageHref={manageHref}\n />\n ),\n } as CrudField)\n\n fields.push({\n id: 'subject',\n label: translate('fields.subject', 'Subject'),\n type: 'text',\n layout: 'half',\n placeholder: translate('subjectPlaceholder', 'Add a subject (optional)'),\n } as CrudField)\n\n fields.push({\n id: 'body',\n label: translate('fields.body', 'Details'),\n type: 'textarea',\n placeholder: translate('bodyPlaceholder', 'Describe the interaction'),\n } as CrudField)\n\n fields.push({\n id: 'occurredAt',\n label: translate('fields.occurredAt', 'Occurred / will occur at'),\n type: 'custom',\n component: ({ value, setValue }) => (\n <input\n type=\"datetime-local\"\n className=\"w-full rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring\"\n value={typeof value === 'string' ? value : ''}\n onChange={(event) => setValue(event.target.value || '')}\n onFocus={(event) => {\n const target = event.currentTarget as HTMLInputElement & { showPicker?: () => void }\n if (typeof target.showPicker === 'function') {\n try { target.showPicker() } catch { /* ignore unsupported */ }\n }\n }}\n onClick={(event) => {\n const target = event.currentTarget as HTMLInputElement & { showPicker?: () => void }\n if (typeof target.showPicker === 'function') {\n try { target.showPicker() } catch { /* ignore unsupported */ }\n }\n }}\n />\n ),\n layout: 'half',\n } as CrudField)\n\n return fields\n }, [\n activityTypeLabels,\n appearanceLabels,\n createActivityOption,\n loadActivityOptions,\n manageHref,\n normalizedDealOptions,\n normalizedEntityOptions,\n translate,\n ])\n\n const baseFieldIds = React.useMemo(() => new Set(baseFields.map((field) => field.id)), [baseFields])\n\n const groups = React.useMemo<CrudFormGroup[]>(() => {\n const detailFields: string[] = []\n if (normalizedEntityOptions.length) detailFields.push('entityId')\n if (normalizedDealOptions.length) detailFields.push('dealId')\n detailFields.push('activityType', 'subject', 'occurredAt', 'body')\n const baseGroups: CrudFormGroup[] = [\n {\n id: 'details',\n title: translate('form.details', 'Activity details'),\n column: 1,\n fields: detailFields,\n },\n ]\n baseGroups.push({\n id: 'custom',\n title: translate('form.customFields', 'Custom fields'),\n column: 2,\n kind: 'customFields',\n })\n return baseGroups\n }, [normalizedDealOptions.length, normalizedEntityOptions.length, translate])\n\n const handleSubmit = React.useCallback(\n async (values: Record<string, unknown>) => {\n if (pending || isSubmitting) return\n setPending(true)\n try {\n const parsed = schema.validate(values)\n if (!parsed.ok) {\n throw buildActivityValidationError(parsed.errors ?? [], translate)\n }\n const rawEntityId = typeof values.entityId === 'string' ? values.entityId.trim() : ''\n const resolvedEntityId = rawEntityId || (typeof defaultEntityId === 'string' ? defaultEntityId : '')\n const rawDealId = typeof values.dealId === 'string' ? values.dealId.trim() : ''\n const base: ActivityFormBaseValues = {\n activityType: typeof values.activityType === 'string' ? values.activityType.trim() : '',\n subject: typeof values.subject === 'string' && values.subject.trim().length ? values.subject.trim() : undefined,\n body: typeof values.body === 'string' && values.body.trim().length ? values.body.trim() : undefined,\n occurredAt: typeof values.occurredAt === 'string' && values.occurredAt.trim().length\n ? new Date(values.occurredAt as string).toISOString()\n : undefined,\n dealId: rawDealId.length ? rawDealId : undefined,\n }\n const reservedCustomKeys = new Set(['entityId', 'dealId'])\n const customEntries = collectCustomFieldValues(values, {\n transform: (value) => normalizeCustomFieldSubmitValue(value),\n accept: (fieldId) => !reservedCustomKeys.has(fieldId),\n })\n Object.entries(values).forEach(([key, value]) => {\n if (key.startsWith('cf_')) return\n if (!baseFieldIds.has(key) && key !== 'id') {\n if (reservedCustomKeys.has(key)) return\n customEntries[key] = normalizeCustomFieldSubmitValue(value)\n }\n })\n await onSubmit({ base, custom: customEntries, entityId: resolvedEntityId.length ? resolvedEntityId : undefined })\n } finally {\n setPending(false)\n }\n },\n [baseFieldIds, defaultEntityId, isSubmitting, onSubmit, pending, translate],\n )\n\n const embeddedInitialValues = React.useMemo(() => {\n const occurredAt = toLocalDateTimeInput(initialValues?.occurredAt ?? null)\n const resolvedEntity = (() => {\n const raw = typeof (initialValues as Record<string, unknown> | undefined)?.entityId === 'string'\n ? (initialValues as Record<string, unknown>).entityId as string\n : typeof defaultEntityId === 'string'\n ? defaultEntityId\n : normalizedEntityOptions[0]?.id ?? ''\n return raw ?? ''\n })()\n const resolvedDeal = typeof (initialValues as Record<string, unknown> | undefined)?.dealId === 'string'\n ? (initialValues as Record<string, unknown>).dealId as string\n : ''\n\n return {\n entityId: resolvedEntity,\n dealId: resolvedDeal,\n activityType: initialValues?.activityType ?? '',\n subject: initialValues?.subject ?? '',\n body: initialValues?.body ?? '',\n occurredAt,\n ...Object.fromEntries(\n Object.entries(initialValues ?? {})\n .filter(([key]) => {\n if (!key.startsWith('cf_')) return false\n const trimmed = key.slice(3)\n return trimmed !== 'entityId' && trimmed !== 'dealId'\n })\n .map(([key, value]) => [key, value]),\n ),\n }\n }, [defaultEntityId, initialValues, normalizedEntityOptions])\n\n return (\n <CrudForm<Record<string, unknown>>\n embedded\n fields={baseFields}\n groups={groups}\n initialValues={embeddedInitialValues}\n onSubmit={handleSubmit}\n submitLabel={submitLabel ?? (mode === 'edit'\n ? translate('update', 'Update activity (\u2318/Ctrl + Enter)')\n : translate('save', 'Save activity (\u2318/Ctrl + Enter)'))}\n extraActions={(\n <Button\n type=\"button\"\n variant=\"outline\"\n onClick={onCancel}\n disabled={pending || isSubmitting}\n >\n {cancelLabel ?? translate('cancel', 'Cancel')}\n </Button>\n )}\n entityIds={customFieldEntityIds}\n />\n )\n}\n\ntype ActivityDialogProps = {\n open: boolean\n mode: 'create' | 'edit'\n onOpenChange: (next: boolean) => void\n initialValues?: Partial<ActivityFormBaseValues & Record<string, unknown>>\n onSubmit: (payload: ActivityFormSubmitPayload) => Promise<void>\n isSubmitting?: boolean\n activityTypeLabels: DictionarySelectLabels\n loadActivityOptions: () => Promise<DictionaryOption[]>\n createActivityOption?: (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => Promise<DictionaryOption>\n titles?: {\n create?: string\n edit?: string\n }\n submitLabels?: {\n create?: string\n edit?: string\n }\n cancelLabel?: string\n dealOptions?: Array<{ id: string; label: string }>\n entityOptions?: Array<{ id: string; label: string }>\n defaultEntityId?: string | null\n manageHref?: string\n customFieldEntityIds?: string[]\n labelPrefix?: string\n appearanceLabels?: AppearanceSelectorLabels\n}\n\nfunction ActivityDialog({\n open,\n mode,\n onOpenChange,\n initialValues,\n onSubmit,\n isSubmitting,\n activityTypeLabels,\n loadActivityOptions,\n createActivityOption,\n titles,\n submitLabels,\n cancelLabel,\n dealOptions,\n entityOptions,\n defaultEntityId,\n manageHref,\n customFieldEntityIds,\n labelPrefix = 'customers.people.detail.activities',\n appearanceLabels,\n}: ActivityDialogProps) {\n const tHook = useT()\n const t = React.useMemo<Translator>(() => createTranslatorWithFallback(tHook), [tHook])\n const translate = React.useCallback(\n (suffix: string, fallback?: string, params?: Record<string, string | number>) =>\n t(`${labelPrefix}.${suffix}`, fallback ?? '', params),\n [labelPrefix, t],\n )\n\n const dialogTitle =\n mode === 'edit'\n ? titles?.edit ?? translate('editTitle', 'Edit activity')\n : titles?.create ?? translate('addTitle', 'Add activity')\n\n const resolvedSubmitLabel =\n mode === 'edit'\n ? submitLabels?.edit ?? translate('update', 'Update activity (\u2318/Ctrl + Enter)')\n : submitLabels?.create ?? translate('save', 'Save activity (\u2318/Ctrl + Enter)')\n\n const resolvedCancelLabel = cancelLabel ?? translate('cancel', 'Cancel')\n\n const handleCancel = React.useCallback(() => {\n onOpenChange(false)\n }, [onOpenChange])\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent className=\"sm:max-w-3xl\">\n <DialogHeader>\n <DialogTitle>{dialogTitle}</DialogTitle>\n </DialogHeader>\n <ActivityForm\n mode={mode}\n initialValues={initialValues}\n onSubmit={onSubmit}\n onCancel={handleCancel}\n submitLabel={resolvedSubmitLabel}\n cancelLabel={resolvedCancelLabel}\n isSubmitting={isSubmitting}\n activityTypeLabels={activityTypeLabels}\n loadActivityOptions={loadActivityOptions}\n createActivityOption={createActivityOption}\n dealOptions={dealOptions}\n entityOptions={entityOptions}\n defaultEntityId={defaultEntityId}\n manageHref={manageHref}\n customFieldEntityIds={customFieldEntityIds}\n labelPrefix={labelPrefix}\n appearanceLabels={appearanceLabels}\n />\n </DialogContent>\n </Dialog>\n )\n}\n\nexport type ActivitiesSectionProps<C = unknown> = {\n entityId: string | null\n dealId?: string | null\n addActionLabel: string\n emptyState: TabEmptyStateConfig\n onActionChange?: (action: SectionAction | null) => void\n onLoadingChange?: (isLoading: boolean) => void\n dealOptions?: Array<{ id: string; label: string }>\n entityOptions?: Array<{ id: string; label: string }>\n defaultEntityId?: string | null\n dataAdapter: ActivitiesDataAdapter<C>\n dataContext?: C\n activityTypeLabels: DictionarySelectLabels\n loadActivityOptions: () => Promise<DictionaryOption[]>\n createActivityOption?: (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => Promise<DictionaryOption>\n resolveActivityPresentation?: (activity: ActivitySummary) => ActivityTypePresentation\n renderCustomFields?: (activity: ActivitySummary) => React.ReactNode\n customFieldEntityIds?: string[]\n labelPrefix?: string\n renderIcon?: (icon: string, className?: string) => React.ReactNode\n renderColor?: (color: string, className?: string) => React.ReactNode\n appearanceLabels?: AppearanceSelectorLabels\n dealLinkHref?: (dealId: string) => string\n manageHref?: string\n}\n\nexport function ActivitiesSection<C = unknown>({\n entityId,\n dealId,\n addActionLabel,\n emptyState,\n onActionChange,\n onLoadingChange,\n dealOptions,\n entityOptions,\n defaultEntityId,\n dataAdapter,\n dataContext,\n activityTypeLabels,\n loadActivityOptions,\n createActivityOption,\n resolveActivityPresentation,\n renderCustomFields,\n customFieldEntityIds,\n labelPrefix = 'customers.people.detail.activities',\n renderIcon,\n renderColor,\n appearanceLabels,\n dealLinkHref,\n manageHref,\n}: ActivitiesSectionProps<C>) {\n const tHook = useT()\n const baseTranslator = React.useMemo<Translator>(() => createTranslatorWithFallback(tHook), [tHook])\n const translate = React.useCallback(\n (suffix: string, fallback?: string, params?: Record<string, string | number>) =>\n baseTranslator(`${labelPrefix}.${suffix}`, fallback ?? '', params),\n [baseTranslator, labelPrefix],\n )\n const resolvedDefaultEntityId = React.useMemo(() => {\n const primary = typeof entityId === 'string' ? entityId.trim() : ''\n if (primary.length) return primary\n const fallback = typeof defaultEntityId === 'string' ? defaultEntityId.trim() : ''\n if (fallback.length) return fallback\n if (Array.isArray(entityOptions)) {\n for (const option of entityOptions) {\n if (!option || typeof option !== 'object') continue\n const id = typeof option.id === 'string' ? option.id.trim() : ''\n if (id.length) return id\n }\n }\n return ''\n }, [defaultEntityId, entityId, entityOptions])\n\n const resolveEntityForSubmission = React.useCallback(\n (input?: string | null) => {\n const candidate = typeof input === 'string' ? input.trim() : ''\n if (candidate.length) return candidate\n return resolvedDefaultEntityId.length ? resolvedDefaultEntityId : null\n },\n [resolvedDefaultEntityId],\n )\n\n const [activities, setActivities] = React.useState<ActivitySummary[]>([])\n const [isLoading, setIsLoading] = React.useState<boolean>(() => {\n const entity = typeof entityId === 'string' ? entityId.trim() : ''\n const deal = typeof dealId === 'string' ? dealId.trim() : ''\n return Boolean(entity || deal || resolvedDefaultEntityId)\n })\n const [loadError, setLoadError] = React.useState<string | null>(null)\n const [pendingAction, setPendingAction] = React.useState<PendingAction | null>(null)\n const [dialogOpen, setDialogOpen] = React.useState(false)\n const [dialogMode, setDialogMode] = React.useState<'create' | 'edit'>('create')\n const [editingActivityId, setEditingActivityId] = React.useState<string | null>(null)\n const [initialValues, setInitialValues] = React.useState<Partial<ActivityFormBaseValues & Record<string, unknown>> | undefined>(undefined)\n const [visibleCount, setVisibleCount] = React.useState(0)\n const pendingCounterRef = React.useRef(0)\n\n const t = translate\n\n const pushLoading = React.useCallback(() => {\n pendingCounterRef.current += 1\n if (pendingCounterRef.current === 1) {\n onLoadingChange?.(true)\n }\n }, [onLoadingChange])\n\n const popLoading = React.useCallback(() => {\n pendingCounterRef.current = Math.max(0, pendingCounterRef.current - 1)\n if (pendingCounterRef.current === 0) {\n onLoadingChange?.(false)\n }\n }, [onLoadingChange])\n\n const updateVisibleCount = React.useCallback((length: number) => {\n if (!length) {\n setVisibleCount(0)\n return\n }\n const baseline = Math.min(5, length)\n setVisibleCount((prev) => {\n if (prev >= length) {\n return Math.min(prev, length)\n }\n return Math.min(Math.max(prev, baseline), length)\n })\n }, [])\n\n const loadActivities = React.useCallback(async () => {\n const queryEntityId = typeof entityId === 'string' ? entityId.trim() : ''\n const queryDealId = typeof dealId === 'string' ? dealId.trim() : ''\n if (!queryEntityId && !queryDealId) {\n setActivities([])\n setLoadError(null)\n updateVisibleCount(0)\n return\n }\n pushLoading()\n setIsLoading(true)\n try {\n const items = await dataAdapter.list({\n entityId: queryEntityId || null,\n dealId: queryDealId || null,\n context: dataContext,\n })\n setActivities(items)\n setLoadError(null)\n updateVisibleCount(items.length)\n } catch (err) {\n const message =\n err instanceof Error\n ? err.message\n : t('loadError', 'Failed to load activities.')\n setLoadError(message)\n } finally {\n setIsLoading(false)\n popLoading()\n }\n }, [dataAdapter, dataContext, dealId, entityId, popLoading, pushLoading, t, updateVisibleCount])\n\n React.useEffect(() => {\n updateVisibleCount(activities.length)\n }, [activities.length, updateVisibleCount])\n\n React.useEffect(() => {\n const queryEntityId = typeof entityId === 'string' ? entityId.trim() : ''\n const queryDealId = typeof dealId === 'string' ? dealId.trim() : ''\n if (!queryEntityId && !queryDealId) {\n setActivities([])\n setLoadError(null)\n setIsLoading(false)\n pendingCounterRef.current = 0\n onLoadingChange?.(false)\n updateVisibleCount(0)\n return\n }\n loadActivities().catch(() => {})\n }, [dealId, entityId, loadActivities, onLoadingChange, updateVisibleCount])\n\n const openCreateDialog = React.useCallback(() => {\n setDialogMode('create')\n setEditingActivityId(null)\n setInitialValues(undefined)\n setDialogOpen(true)\n }, [])\n\n const openEditDialog = React.useCallback((activity: ActivitySummary) => {\n setDialogMode('edit')\n setEditingActivityId(activity.id)\n const baseValues: Partial<ActivityFormBaseValues & Record<string, unknown>> = {\n activityType: activity.activityType,\n subject: activity.subject ?? '',\n body: activity.body ?? '',\n occurredAt: activity.occurredAt ?? activity.createdAt ?? null,\n dealId: activity.dealId ?? '',\n entityId: activity.entityId ?? '',\n }\n const customEntries = Array.isArray(activity.customFields) ? activity.customFields : []\n customEntries.forEach((entry) => {\n if (entry.key === 'entityId' || entry.key === 'dealId') return\n baseValues[`cf_${entry.key}`] = entry.value ?? null\n })\n setInitialValues(baseValues)\n setDialogOpen(true)\n }, [])\n\n const closeDialog = React.useCallback(() => {\n setDialogOpen(false)\n setDialogMode('create')\n setEditingActivityId(null)\n setInitialValues(undefined)\n }, [])\n\n const handleDialogOpenChange = React.useCallback(\n (next: boolean) => {\n if (!next) {\n closeDialog()\n } else {\n setDialogOpen(true)\n }\n },\n [closeDialog],\n )\n\n const handleCreate = React.useCallback(\n async ({ base, custom, entityId: formEntityId }: ActivityFormSubmitPayload) => {\n const submissionEntityId = resolveEntityForSubmission(formEntityId)\n if (!submissionEntityId) {\n const message = t('entityMissing', 'Select a related record before saving.')\n flash(message, 'error')\n throw new Error(message)\n }\n setPendingAction({ kind: 'create' })\n pushLoading()\n try {\n const payload: ActivityCreatePayload = {\n entityId: submissionEntityId,\n activityType: base.activityType,\n subject: base.subject ?? undefined,\n body: base.body ?? undefined,\n occurredAt: base.occurredAt ?? undefined,\n dealId: base.dealId ?? undefined,\n customFields: Object.keys(custom).length ? custom : undefined,\n }\n await dataAdapter.create({ ...payload, context: dataContext })\n await loadActivities()\n flash(t('success', 'Activity saved'), 'success')\n } catch (err) {\n const message =\n err instanceof Error\n ? err.message\n : t('error', 'Failed to save activity')\n throw err instanceof Error ? err : new Error(message)\n } finally {\n setPendingAction(null)\n popLoading()\n }\n },\n [dataAdapter, dataContext, loadActivities, popLoading, pushLoading, resolveEntityForSubmission, t],\n )\n\n const handleUpdate = React.useCallback(\n async (activityId: string, { base, custom, entityId: formEntityId }: ActivityFormSubmitPayload) => {\n const submissionEntityId = resolveEntityForSubmission(formEntityId)\n if (!submissionEntityId) {\n const message = t('entityMissing', 'Select a related record before saving.')\n flash(message, 'error')\n throw new Error(message)\n }\n setPendingAction({ kind: 'update', id: activityId })\n pushLoading()\n try {\n const patch: ActivityUpdatePayload = {\n entityId: submissionEntityId,\n activityType: base.activityType,\n subject: base.subject ?? undefined,\n body: base.body ?? undefined,\n occurredAt: base.occurredAt ?? undefined,\n dealId: base.dealId ?? undefined,\n customFields: Object.keys(custom).length ? custom : undefined,\n }\n await dataAdapter.update({ id: activityId, patch, context: dataContext })\n await loadActivities()\n flash(t('updateSuccess', 'Activity updated.'), 'success')\n } catch (err) {\n const message =\n err instanceof Error\n ? err.message\n : t('error', 'Failed to save activity')\n throw err instanceof Error ? err : new Error(message)\n } finally {\n setPendingAction(null)\n popLoading()\n }\n },\n [dataAdapter, dataContext, loadActivities, popLoading, pushLoading, resolveEntityForSubmission, t],\n )\n\n const handleDelete = React.useCallback(\n async (activity: ActivitySummary) => {\n if (!activity.id) return\n const confirmed =\n typeof window === 'undefined'\n ? true\n : window.confirm(\n t(\n 'deleteConfirm',\n 'Delete this activity? This action cannot be undone.',\n ),\n )\n if (!confirmed) return\n setPendingAction({ kind: 'delete', id: activity.id })\n try {\n await dataAdapter.delete({ id: activity.id, context: dataContext })\n setActivities((prev) => prev.filter((existing) => existing.id !== activity.id))\n flash(t('deleteSuccess', 'Activity deleted.'), 'success')\n } catch (err) {\n const message =\n err instanceof Error\n ? err.message\n : t('deleteError', 'Failed to delete activity.')\n flash(message, 'error')\n throw err instanceof Error ? err : new Error(message)\n } finally {\n setPendingAction(null)\n }\n },\n [dataAdapter, dataContext, t],\n )\n\n const handleDialogSubmit = React.useCallback(\n async (payload: ActivityFormSubmitPayload) => {\n if (dialogMode === 'edit' && editingActivityId) {\n await handleUpdate(editingActivityId, payload)\n } else {\n await handleCreate(payload)\n }\n closeDialog()\n },\n [closeDialog, dialogMode, editingActivityId, handleCreate, handleUpdate],\n )\n\n React.useEffect(() => {\n if (!onActionChange) return\n if (activities.length === 0) {\n onActionChange(null)\n return () => {\n onActionChange(null)\n }\n }\n const disabled = resolveEntityForSubmission(null) === null || pendingAction !== null || isLoading\n const action: SectionAction = {\n label: (\n <span className=\"inline-flex items-center gap-1.5\">\n <Plus className=\"h-4 w-4\" />\n {addActionLabel}\n </span>\n ),\n onClick: () => {\n if (!disabled) openCreateDialog()\n },\n disabled,\n }\n onActionChange(action)\n return () => {\n onActionChange(null)\n }\n }, [\n activities.length,\n addActionLabel,\n isLoading,\n onActionChange,\n openCreateDialog,\n pendingAction,\n resolveEntityForSubmission,\n ])\n\n const isFormPending =\n pendingAction?.kind === 'create' ||\n (pendingAction?.kind === 'update' && pendingAction.id === editingActivityId)\n const visibleActivities = React.useMemo(\n () => activities.slice(0, visibleCount),\n [activities, visibleCount],\n )\n const hasMoreActivities = visibleCount < activities.length\n const loadMoreLabel = t('loadMore', 'Load more activities')\n\n const handleLoadMore = React.useCallback(() => {\n setVisibleCount((prev) => {\n if (prev >= activities.length) return prev\n return Math.min(prev + 5, activities.length)\n })\n }, [activities.length])\n\n const resolvePresentation = React.useCallback(\n (activity: ActivitySummary): ActivityTypePresentation => {\n if (resolveActivityPresentation) return resolveActivityPresentation(activity)\n return {\n label: activity.activityType,\n icon: activity.appearanceIcon ?? null,\n color: activity.appearanceColor ?? null,\n }\n },\n [resolveActivityPresentation],\n )\n\n const resolveDealHref = React.useCallback(\n (id: string) => (dealLinkHref ? dealLinkHref(id) : `/backend/customers/deals/${encodeURIComponent(id)}`),\n [dealLinkHref],\n )\n\n return (\n <div className=\"mt-3 space-y-4\">\n {loadError ? (\n <div className=\"rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-sm text-destructive\">\n {loadError}\n </div>\n ) : null}\n <div className=\"space-y-4\">\n {isLoading && activities.length === 0 ? (\n <LoadingMessage\n label={t('loading', 'Loading activities\u2026')}\n className=\"border-0 bg-transparent p-0 py-8 justify-center\"\n />\n ) : (\n <>\n {!isLoading && activities.length === 0 && !dialogOpen ? (\n <TabEmptyState\n title={emptyState.title}\n action={{\n label: emptyState.actionLabel,\n onClick: openCreateDialog,\n disabled: resolveEntityForSubmission(null) === null || pendingAction !== null,\n }}\n />\n ) : null}\n {visibleActivities.length > 0\n ? visibleActivities.map((activity) => {\n const presentation = resolvePresentation(activity)\n const timestampValue = activity.occurredAt ?? activity.createdAt ?? null\n const occurredLabel =\n formatDateTime(timestampValue) ?? t('noDate', 'No date provided')\n const authorLabel = activity.authorName ?? activity.authorEmail ?? null\n const loggedByText = authorLabel\n ? (() => {\n const translated = t('loggedBy', `Logged by ${authorLabel}`, { user: authorLabel })\n if (\n !translated ||\n translated.includes('{{') ||\n translated.includes('{user')\n ) {\n return `Logged by ${authorLabel}`\n }\n return translated\n })()\n : null\n const isUpdatePending = pendingAction?.kind === 'update' && pendingAction.id === activity.id\n const isDeletePending = pendingAction?.kind === 'delete' && pendingAction.id === activity.id\n\n return (\n <div\n key={activity.id}\n className=\"group space-y-3 rounded-lg border bg-card p-4 transition hover:border-border/80 cursor-pointer\"\n role=\"button\"\n tabIndex={0}\n onClick={() => openEditDialog(activity)}\n onKeyDown={(event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault()\n openEditDialog(activity)\n }\n }}\n >\n <div className=\"flex flex-wrap items-start justify-between gap-3\">\n <div className=\"space-y-1\">\n <TimelineItemHeader\n title={presentation.label}\n timestamp={timestampValue}\n fallbackTimestampLabel={occurredLabel}\n icon={presentation.icon}\n color={presentation.color}\n renderIcon={renderIcon}\n renderColor={renderColor}\n />\n {activity.dealId ? (\n <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n <ArrowUpRightSquare className=\"h-3.5 w-3.5\" />\n <Link\n href={resolveDealHref(activity.dealId)}\n className=\"font-medium text-foreground hover:underline\"\n onClick={(event) => event.stopPropagation()}\n >\n {activity.dealTitle && activity.dealTitle.length\n ? activity.dealTitle\n : t('linkedDeal', 'Linked deal')}\n </Link>\n </div>\n ) : null}\n </div>\n <div className=\"flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100\">\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n onClick={(event) => {\n event.stopPropagation()\n openEditDialog(activity)\n }}\n disabled={pendingAction !== null}\n >\n {isUpdatePending ? (\n <span className=\"relative flex h-4 w-4 items-center justify-center\">\n <span className=\"absolute h-4 w-4 animate-spin rounded-full border border-primary border-t-transparent\" />\n </span>\n ) : (\n <Pencil className=\"h-4 w-4\" />\n )}\n </Button>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n onClick={(event) => {\n event.stopPropagation()\n handleDelete(activity).catch(() => {})\n }}\n disabled={pendingAction !== null}\n >\n {isDeletePending ? (\n <span className=\"relative flex h-4 w-4 items-center justify-center text-destructive\">\n <span className=\"absolute h-4 w-4 animate-spin rounded-full border border-destructive border-t-transparent\" />\n </span>\n ) : (\n <Trash2 className=\"h-4 w-4\" />\n )}\n </Button>\n </div>\n </div>\n {activity.subject ? <p className=\"text-sm font-medium\">{activity.subject}</p> : null}\n {activity.body ? (\n <p className=\"text-sm whitespace-pre-wrap text-muted-foreground\">{activity.body}</p>\n ) : null}\n {renderCustomFields ? renderCustomFields(activity) : null}\n {loggedByText ? (\n <p className=\"text-xs text-muted-foreground\">{loggedByText}</p>\n ) : null}\n </div>\n )\n })\n : null}\n {hasMoreActivities ? (\n <div className=\"flex justify-center\">\n <Button variant=\"outline\" size=\"sm\" onClick={handleLoadMore} disabled={pendingAction !== null}>\n {loadMoreLabel}\n </Button>\n </div>\n ) : null}\n </>\n )}\n </div>\n\n <ActivityDialog\n open={dialogOpen}\n mode={dialogMode}\n onOpenChange={handleDialogOpenChange}\n initialValues={initialValues}\n onSubmit={async (payload) => {\n await handleDialogSubmit(payload)\n }}\n isSubmitting={Boolean(isFormPending)}\n activityTypeLabels={activityTypeLabels}\n loadActivityOptions={loadActivityOptions}\n createActivityOption={createActivityOption}\n dealOptions={dealOptions}\n entityOptions={entityOptions}\n defaultEntityId={resolvedDefaultEntityId || undefined}\n manageHref={manageHref}\n customFieldEntityIds={customFieldEntityIds}\n labelPrefix={labelPrefix}\n appearanceLabels={appearanceLabels}\n />\n </div>\n )\n}\n\nexport default ActivitiesSection\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,413 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import Link from "next/link";
|
|
5
|
+
import { Plus, Settings } from "lucide-react";
|
|
6
|
+
import { Button } from "@open-mercato/ui/primitives/button";
|
|
7
|
+
import { Input } from "@open-mercato/ui/primitives/input";
|
|
8
|
+
import {
|
|
9
|
+
Dialog,
|
|
10
|
+
DialogContent,
|
|
11
|
+
DialogDescription,
|
|
12
|
+
DialogFooter,
|
|
13
|
+
DialogHeader,
|
|
14
|
+
DialogTitle,
|
|
15
|
+
DialogTrigger
|
|
16
|
+
} from "@open-mercato/ui/primitives/dialog";
|
|
17
|
+
import { buildCountryOptions } from "@open-mercato/shared/lib/location/countries";
|
|
18
|
+
function AddressEditor({
|
|
19
|
+
value,
|
|
20
|
+
onChange,
|
|
21
|
+
format,
|
|
22
|
+
t,
|
|
23
|
+
labelPrefix = "customers.people.detail.addresses",
|
|
24
|
+
disabled = false,
|
|
25
|
+
errors = {},
|
|
26
|
+
hidePrimaryToggle = false,
|
|
27
|
+
showFormatHint = true,
|
|
28
|
+
addressTypesAdapter,
|
|
29
|
+
addressTypesContext
|
|
30
|
+
}) {
|
|
31
|
+
const label = React.useCallback(
|
|
32
|
+
(suffix, fallback, params) => t(`${labelPrefix}.${suffix}`, fallback, params),
|
|
33
|
+
[labelPrefix, t]
|
|
34
|
+
);
|
|
35
|
+
const [addressTypes, setAddressTypes] = React.useState([]);
|
|
36
|
+
const [addressTypesLoading, setAddressTypesLoading] = React.useState(false);
|
|
37
|
+
const [addressTypeError, setAddressTypeError] = React.useState(null);
|
|
38
|
+
const [typeDialogOpen, setTypeDialogOpen] = React.useState(false);
|
|
39
|
+
const [typeValue, setTypeValue] = React.useState("");
|
|
40
|
+
const [typeFormError, setTypeFormError] = React.useState(null);
|
|
41
|
+
const [countryDialogOpen, setCountryDialogOpen] = React.useState(false);
|
|
42
|
+
const [countryQuery, setCountryQuery] = React.useState("");
|
|
43
|
+
const countryOptions = React.useMemo(
|
|
44
|
+
() => buildCountryOptions({
|
|
45
|
+
transformLabel: (code, fallback) => t(`customers.countries.${code.toLowerCase()}`, fallback ?? code)
|
|
46
|
+
}),
|
|
47
|
+
[t]
|
|
48
|
+
);
|
|
49
|
+
React.useEffect(() => {
|
|
50
|
+
let cancelled = false;
|
|
51
|
+
const load = async () => {
|
|
52
|
+
if (!addressTypesAdapter) {
|
|
53
|
+
setAddressTypes([]);
|
|
54
|
+
setAddressTypeError(null);
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
setAddressTypesLoading(true);
|
|
58
|
+
try {
|
|
59
|
+
const result = await addressTypesAdapter.list(addressTypesContext);
|
|
60
|
+
if (!cancelled) {
|
|
61
|
+
setAddressTypes(Array.isArray(result) ? result : []);
|
|
62
|
+
setAddressTypeError(null);
|
|
63
|
+
}
|
|
64
|
+
} catch (err) {
|
|
65
|
+
if (!cancelled) {
|
|
66
|
+
setAddressTypes([]);
|
|
67
|
+
setAddressTypeError(label("types.loadError", "Failed to load address types"));
|
|
68
|
+
}
|
|
69
|
+
} finally {
|
|
70
|
+
if (!cancelled) setAddressTypesLoading(false);
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
load().catch(() => {
|
|
74
|
+
});
|
|
75
|
+
return () => {
|
|
76
|
+
cancelled = true;
|
|
77
|
+
};
|
|
78
|
+
}, [addressTypesAdapter, addressTypesContext, label]);
|
|
79
|
+
const current = {
|
|
80
|
+
name: value.name ?? "",
|
|
81
|
+
purpose: value.purpose ?? "",
|
|
82
|
+
companyName: value.companyName ?? "",
|
|
83
|
+
addressLine1: value.addressLine1 ?? "",
|
|
84
|
+
addressLine2: value.addressLine2 ?? "",
|
|
85
|
+
buildingNumber: value.buildingNumber ?? "",
|
|
86
|
+
flatNumber: value.flatNumber ?? "",
|
|
87
|
+
city: value.city ?? "",
|
|
88
|
+
region: value.region ?? "",
|
|
89
|
+
postalCode: value.postalCode ?? "",
|
|
90
|
+
country: value.country ?? "",
|
|
91
|
+
isPrimary: value.isPrimary ?? false
|
|
92
|
+
};
|
|
93
|
+
const update = React.useCallback(
|
|
94
|
+
(key, nextValue) => {
|
|
95
|
+
onChange({ ...current, [key]: nextValue });
|
|
96
|
+
},
|
|
97
|
+
[current, onChange]
|
|
98
|
+
);
|
|
99
|
+
const filteredCountryOptions = React.useMemo(() => {
|
|
100
|
+
const query = countryQuery.trim().toLowerCase();
|
|
101
|
+
if (!query.length) return countryOptions;
|
|
102
|
+
return countryOptions.filter(
|
|
103
|
+
(option) => option.label.toLowerCase().includes(query) || option.code.toLowerCase().includes(query)
|
|
104
|
+
);
|
|
105
|
+
}, [countryOptions, countryQuery]);
|
|
106
|
+
const selectedCountry = React.useMemo(() => {
|
|
107
|
+
const code = (current.country ?? "").toUpperCase();
|
|
108
|
+
if (!code.length) return null;
|
|
109
|
+
return countryOptions.find((option) => option.code === code) ?? null;
|
|
110
|
+
}, [countryOptions, current.country]);
|
|
111
|
+
const handleTypeSubmit = React.useCallback(
|
|
112
|
+
async (event) => {
|
|
113
|
+
event.preventDefault();
|
|
114
|
+
const trimmed = typeValue.trim();
|
|
115
|
+
if (!trimmed.length) {
|
|
116
|
+
setTypeFormError(label("types.emptyError", "Please provide a value"));
|
|
117
|
+
return;
|
|
118
|
+
}
|
|
119
|
+
if (!addressTypesAdapter?.create) return;
|
|
120
|
+
setTypeFormError(null);
|
|
121
|
+
const created = await addressTypesAdapter.create(trimmed, addressTypesContext);
|
|
122
|
+
if (created) {
|
|
123
|
+
setAddressTypes((prev) => {
|
|
124
|
+
const map = new Map(prev.map((entry) => [entry.value, entry]));
|
|
125
|
+
map.set(created.value, created);
|
|
126
|
+
return Array.from(map.values()).sort((a, b) => a.label.localeCompare(b.label));
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
setTypeDialogOpen(false);
|
|
130
|
+
setTypeValue("");
|
|
131
|
+
},
|
|
132
|
+
[addressTypesAdapter, addressTypesContext, label, typeValue]
|
|
133
|
+
);
|
|
134
|
+
const inputClass = (field) => [
|
|
135
|
+
"w-full rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
|
|
136
|
+
errors[field] ? "border-red-500 focus:ring-red-500" : "border-input bg-background"
|
|
137
|
+
].join(" ");
|
|
138
|
+
return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
|
|
139
|
+
/* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
|
|
140
|
+
/* @__PURE__ */ jsx(
|
|
141
|
+
Input,
|
|
142
|
+
{
|
|
143
|
+
className: inputClass("name"),
|
|
144
|
+
placeholder: label("fields.label", "Label"),
|
|
145
|
+
value: current.name,
|
|
146
|
+
onChange: (evt) => update("name", evt.target.value),
|
|
147
|
+
disabled,
|
|
148
|
+
"aria-invalid": errors.name ? "true" : void 0
|
|
149
|
+
}
|
|
150
|
+
),
|
|
151
|
+
/* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
|
|
152
|
+
/* @__PURE__ */ jsxs(
|
|
153
|
+
"select",
|
|
154
|
+
{
|
|
155
|
+
className: inputClass("purpose"),
|
|
156
|
+
value: current.purpose,
|
|
157
|
+
onChange: (evt) => update("purpose", evt.target.value),
|
|
158
|
+
disabled,
|
|
159
|
+
"aria-invalid": errors.purpose ? "true" : void 0,
|
|
160
|
+
children: [
|
|
161
|
+
/* @__PURE__ */ jsx("option", { value: "", children: addressTypesLoading ? label("types.loading", "Loading\u2026") : label("types.placeholder", "Address type") }),
|
|
162
|
+
addressTypes.map((entry) => /* @__PURE__ */ jsx("option", { value: entry.value, children: entry.label }, entry.value))
|
|
163
|
+
]
|
|
164
|
+
}
|
|
165
|
+
),
|
|
166
|
+
addressTypesAdapter?.create ? /* @__PURE__ */ jsxs(Dialog, { open: typeDialogOpen, onOpenChange: setTypeDialogOpen, children: [
|
|
167
|
+
/* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "icon", className: "shrink-0", disabled, children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }) }) }),
|
|
168
|
+
/* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
|
|
169
|
+
/* @__PURE__ */ jsxs(DialogHeader, { children: [
|
|
170
|
+
/* @__PURE__ */ jsx(DialogTitle, { children: label("types.add", "Add address type") }),
|
|
171
|
+
/* @__PURE__ */ jsx(DialogDescription, { children: label("types.addHint", "Create a new address type for reuse.") })
|
|
172
|
+
] }),
|
|
173
|
+
/* @__PURE__ */ jsxs("form", { className: "space-y-3", onSubmit: handleTypeSubmit, children: [
|
|
174
|
+
/* @__PURE__ */ jsx(
|
|
175
|
+
Input,
|
|
176
|
+
{
|
|
177
|
+
autoFocus: true,
|
|
178
|
+
value: typeValue,
|
|
179
|
+
onChange: (evt) => {
|
|
180
|
+
setTypeValue(evt.target.value);
|
|
181
|
+
if (typeFormError) setTypeFormError(null);
|
|
182
|
+
},
|
|
183
|
+
placeholder: label("types.placeholder", "Address type"),
|
|
184
|
+
disabled,
|
|
185
|
+
"aria-invalid": typeFormError ? "true" : void 0
|
|
186
|
+
}
|
|
187
|
+
),
|
|
188
|
+
typeFormError ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: typeFormError }) : null,
|
|
189
|
+
/* @__PURE__ */ jsxs(DialogFooter, { children: [
|
|
190
|
+
/* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setTypeDialogOpen(false), disabled, children: label("types.cancel", "Cancel") }),
|
|
191
|
+
/* @__PURE__ */ jsx(Button, { type: "submit", disabled: disabled || !typeValue.trim(), children: label("types.save", "Save") })
|
|
192
|
+
] })
|
|
193
|
+
] })
|
|
194
|
+
] })
|
|
195
|
+
] }) : null,
|
|
196
|
+
/* @__PURE__ */ jsx(
|
|
197
|
+
Button,
|
|
198
|
+
{
|
|
199
|
+
asChild: true,
|
|
200
|
+
type: "button",
|
|
201
|
+
variant: "ghost",
|
|
202
|
+
size: "icon",
|
|
203
|
+
className: "shrink-0",
|
|
204
|
+
disabled,
|
|
205
|
+
title: label("types.manage", "Manage address types"),
|
|
206
|
+
children: /* @__PURE__ */ jsx(
|
|
207
|
+
Link,
|
|
208
|
+
{
|
|
209
|
+
href: addressTypesAdapter?.manageHref ?? "/backend/config/dictionaries",
|
|
210
|
+
"aria-label": label("types.manage", "Manage address types"),
|
|
211
|
+
children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
|
|
212
|
+
}
|
|
213
|
+
)
|
|
214
|
+
}
|
|
215
|
+
)
|
|
216
|
+
] })
|
|
217
|
+
] }),
|
|
218
|
+
errors.purpose ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: errors.purpose }) : null,
|
|
219
|
+
addressTypeError ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: addressTypeError }) : null,
|
|
220
|
+
/* @__PURE__ */ jsx(
|
|
221
|
+
Input,
|
|
222
|
+
{
|
|
223
|
+
className: inputClass("companyName"),
|
|
224
|
+
placeholder: label("fields.companyName", "Company name"),
|
|
225
|
+
value: current.companyName,
|
|
226
|
+
onChange: (evt) => update("companyName", evt.target.value),
|
|
227
|
+
disabled,
|
|
228
|
+
"aria-invalid": errors.companyName ? "true" : void 0
|
|
229
|
+
}
|
|
230
|
+
),
|
|
231
|
+
format === "street_first" ? /* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-[1.5fr,0.7fr,0.7fr]", children: [
|
|
232
|
+
/* @__PURE__ */ jsx(
|
|
233
|
+
Input,
|
|
234
|
+
{
|
|
235
|
+
className: inputClass("addressLine1"),
|
|
236
|
+
placeholder: label("fields.street", "Street"),
|
|
237
|
+
value: current.addressLine1,
|
|
238
|
+
onChange: (evt) => update("addressLine1", evt.target.value),
|
|
239
|
+
disabled,
|
|
240
|
+
"aria-invalid": errors.addressLine1 ? "true" : void 0
|
|
241
|
+
}
|
|
242
|
+
),
|
|
243
|
+
/* @__PURE__ */ jsx(
|
|
244
|
+
Input,
|
|
245
|
+
{
|
|
246
|
+
className: inputClass("buildingNumber"),
|
|
247
|
+
placeholder: label("fields.buildingNumber", "Building number"),
|
|
248
|
+
value: current.buildingNumber,
|
|
249
|
+
onChange: (evt) => update("buildingNumber", evt.target.value),
|
|
250
|
+
disabled,
|
|
251
|
+
"aria-invalid": errors.buildingNumber ? "true" : void 0
|
|
252
|
+
}
|
|
253
|
+
),
|
|
254
|
+
/* @__PURE__ */ jsx(
|
|
255
|
+
Input,
|
|
256
|
+
{
|
|
257
|
+
className: inputClass("flatNumber"),
|
|
258
|
+
placeholder: label("fields.flatNumber", "Flat number"),
|
|
259
|
+
value: current.flatNumber,
|
|
260
|
+
onChange: (evt) => update("flatNumber", evt.target.value),
|
|
261
|
+
disabled,
|
|
262
|
+
"aria-invalid": errors.flatNumber ? "true" : void 0
|
|
263
|
+
}
|
|
264
|
+
)
|
|
265
|
+
] }) : /* @__PURE__ */ jsx(
|
|
266
|
+
Input,
|
|
267
|
+
{
|
|
268
|
+
className: inputClass("addressLine1"),
|
|
269
|
+
placeholder: label("fields.line1", "Address line 1"),
|
|
270
|
+
value: current.addressLine1,
|
|
271
|
+
onChange: (evt) => update("addressLine1", evt.target.value),
|
|
272
|
+
disabled,
|
|
273
|
+
"aria-invalid": errors.addressLine1 ? "true" : void 0
|
|
274
|
+
}
|
|
275
|
+
),
|
|
276
|
+
/* @__PURE__ */ jsx(
|
|
277
|
+
Input,
|
|
278
|
+
{
|
|
279
|
+
className: inputClass("addressLine2"),
|
|
280
|
+
placeholder: label("fields.line2", "Address line 2"),
|
|
281
|
+
value: current.addressLine2,
|
|
282
|
+
onChange: (evt) => update("addressLine2", evt.target.value),
|
|
283
|
+
disabled,
|
|
284
|
+
"aria-invalid": errors.addressLine2 ? "true" : void 0
|
|
285
|
+
}
|
|
286
|
+
),
|
|
287
|
+
format !== "street_first" ? /* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-[1.5fr,0.7fr,0.7fr]", children: [
|
|
288
|
+
/* @__PURE__ */ jsx(
|
|
289
|
+
Input,
|
|
290
|
+
{
|
|
291
|
+
className: inputClass("addressLine1"),
|
|
292
|
+
placeholder: label("fields.street", "Street"),
|
|
293
|
+
value: current.addressLine1,
|
|
294
|
+
onChange: (evt) => update("addressLine1", evt.target.value),
|
|
295
|
+
disabled,
|
|
296
|
+
"aria-invalid": errors.addressLine1 ? "true" : void 0
|
|
297
|
+
}
|
|
298
|
+
),
|
|
299
|
+
/* @__PURE__ */ jsx(
|
|
300
|
+
Input,
|
|
301
|
+
{
|
|
302
|
+
className: inputClass("buildingNumber"),
|
|
303
|
+
placeholder: label("fields.buildingNumber", "Building number"),
|
|
304
|
+
value: current.buildingNumber,
|
|
305
|
+
onChange: (evt) => update("buildingNumber", evt.target.value),
|
|
306
|
+
disabled,
|
|
307
|
+
"aria-invalid": errors.buildingNumber ? "true" : void 0
|
|
308
|
+
}
|
|
309
|
+
),
|
|
310
|
+
/* @__PURE__ */ jsx(
|
|
311
|
+
Input,
|
|
312
|
+
{
|
|
313
|
+
className: inputClass("flatNumber"),
|
|
314
|
+
placeholder: label("fields.flatNumber", "Flat number"),
|
|
315
|
+
value: current.flatNumber,
|
|
316
|
+
onChange: (evt) => update("flatNumber", evt.target.value),
|
|
317
|
+
disabled,
|
|
318
|
+
"aria-invalid": errors.flatNumber ? "true" : void 0
|
|
319
|
+
}
|
|
320
|
+
)
|
|
321
|
+
] }) : null,
|
|
322
|
+
/* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
|
|
323
|
+
/* @__PURE__ */ jsx(
|
|
324
|
+
Input,
|
|
325
|
+
{
|
|
326
|
+
className: inputClass("city"),
|
|
327
|
+
placeholder: label("fields.city", "City"),
|
|
328
|
+
value: current.city,
|
|
329
|
+
onChange: (evt) => update("city", evt.target.value),
|
|
330
|
+
disabled,
|
|
331
|
+
"aria-invalid": errors.city ? "true" : void 0
|
|
332
|
+
}
|
|
333
|
+
),
|
|
334
|
+
/* @__PURE__ */ jsx(
|
|
335
|
+
Input,
|
|
336
|
+
{
|
|
337
|
+
className: inputClass("region"),
|
|
338
|
+
placeholder: label("fields.region", "Region"),
|
|
339
|
+
value: current.region,
|
|
340
|
+
onChange: (evt) => update("region", evt.target.value),
|
|
341
|
+
disabled,
|
|
342
|
+
"aria-invalid": errors.region ? "true" : void 0
|
|
343
|
+
}
|
|
344
|
+
)
|
|
345
|
+
] }),
|
|
346
|
+
/* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
|
|
347
|
+
/* @__PURE__ */ jsx(
|
|
348
|
+
Input,
|
|
349
|
+
{
|
|
350
|
+
className: inputClass("postalCode"),
|
|
351
|
+
placeholder: label("fields.postalCode", "Postal code"),
|
|
352
|
+
value: current.postalCode,
|
|
353
|
+
onChange: (evt) => update("postalCode", evt.target.value),
|
|
354
|
+
disabled,
|
|
355
|
+
"aria-invalid": errors.postalCode ? "true" : void 0
|
|
356
|
+
}
|
|
357
|
+
),
|
|
358
|
+
/* @__PURE__ */ jsxs(Dialog, { open: countryDialogOpen, onOpenChange: setCountryDialogOpen, children: [
|
|
359
|
+
/* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { type: "button", className: inputClass("country"), disabled, children: selectedCountry?.label ?? label("fields.country", "Country") }) }),
|
|
360
|
+
/* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", children: [
|
|
361
|
+
/* @__PURE__ */ jsxs(DialogHeader, { children: [
|
|
362
|
+
/* @__PURE__ */ jsx(DialogTitle, { children: label("country.title", "Choose a country") }),
|
|
363
|
+
/* @__PURE__ */ jsx(DialogDescription, { children: label("country.subtitle", "Search for a country") })
|
|
364
|
+
] }),
|
|
365
|
+
/* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
|
|
366
|
+
/* @__PURE__ */ jsx(
|
|
367
|
+
Input,
|
|
368
|
+
{
|
|
369
|
+
placeholder: label("country.search", "Search countries"),
|
|
370
|
+
value: countryQuery,
|
|
371
|
+
onChange: (evt) => setCountryQuery(evt.target.value)
|
|
372
|
+
}
|
|
373
|
+
),
|
|
374
|
+
/* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto rounded-md border border-border/60", children: /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border/50", children: filteredCountryOptions.map((option) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
|
|
375
|
+
"button",
|
|
376
|
+
{
|
|
377
|
+
type: "button",
|
|
378
|
+
className: "flex w-full items-center justify-between px-3 py-2 text-left text-sm hover:bg-muted",
|
|
379
|
+
onClick: () => {
|
|
380
|
+
update("country", option.code);
|
|
381
|
+
setCountryDialogOpen(false);
|
|
382
|
+
},
|
|
383
|
+
children: [
|
|
384
|
+
/* @__PURE__ */ jsx("span", { children: option.label }),
|
|
385
|
+
/* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: option.code })
|
|
386
|
+
]
|
|
387
|
+
}
|
|
388
|
+
) }, option.code)) }) })
|
|
389
|
+
] })
|
|
390
|
+
] })
|
|
391
|
+
] })
|
|
392
|
+
] }),
|
|
393
|
+
showFormatHint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: label("formatHint", "Format based on address settings") }) : null,
|
|
394
|
+
!hidePrimaryToggle ? /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
|
|
395
|
+
/* @__PURE__ */ jsx(
|
|
396
|
+
"input",
|
|
397
|
+
{
|
|
398
|
+
type: "checkbox",
|
|
399
|
+
checked: current.isPrimary,
|
|
400
|
+
onChange: (evt) => update("isPrimary", evt.target.checked),
|
|
401
|
+
disabled
|
|
402
|
+
}
|
|
403
|
+
),
|
|
404
|
+
label("fields.primary", "Primary address")
|
|
405
|
+
] }) : null
|
|
406
|
+
] });
|
|
407
|
+
}
|
|
408
|
+
var AddressEditor_default = AddressEditor;
|
|
409
|
+
export {
|
|
410
|
+
AddressEditor,
|
|
411
|
+
AddressEditor_default as default
|
|
412
|
+
};
|
|
413
|
+
//# sourceMappingURL=AddressEditor.js.map
|