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

package/dist/modules/customers/components/DictionarySettings.js

@@ -8,7 +8,8 @@ import {
   DialogTitle
 } from "@open-mercato/ui/primitives/dialog";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCallOrThrow, readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
@@ -177,10 +178,13 @@ function CustomerDictionarySection({ kind, title, description }) {
     });
     if (!confirmed) return;
     try {
-      await apiCallOrThrow(
-        `/api/customers/dictionaries/${kind}/${encodeURIComponent(entry.id)}`,
-        { method: "DELETE" },
-        { errorMessage: errorDelete }
+      await withScopedApiRequestHeaders(
+        buildOptimisticLockHeader(entry.updatedAt),
+        () => apiCallOrThrow(
+          `/api/customers/dictionaries/${kind}/${encodeURIComponent(entry.id)}`,
+          { method: "DELETE" },
+          { errorMessage: errorDelete }
+        )
       );
       flash(successDelete, "success");
       await loadEntries();
@@ -237,14 +241,17 @@ function CustomerDictionarySection({ kind, title, description }) {
           closeDialog();
           return;
         }
-        await apiCallOrThrow(
-          `/api/customers/dictionaries/${kind}/${encodeURIComponent(target.id)}`,
-          {
-            method: "PATCH",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify(body)
-          },
-          { errorMessage: errorSave }
+        await withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(target.updatedAt),
+          () => apiCallOrThrow(
+            `/api/customers/dictionaries/${kind}/${encodeURIComponent(target.id)}`,
+            {
+              method: "PATCH",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify(body)
+            },
+            { errorMessage: errorSave }
+          )
         );
         flash(successSave, "success");
       }

package/dist/modules/customers/components/DictionarySettings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/customers/components/DictionarySettings.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport type { CustomerDictionaryKind } from '../lib/dictionaries'\nimport { ICON_SUGGESTIONS } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport {\n  DictionaryForm,\n  type DictionaryFormValues,\n} from '@open-mercato/core/modules/dictionaries/components/DictionaryForm'\nimport {\n  DictionaryTable,\n  type DictionaryTableEntry,\n} from '@open-mercato/core/modules/dictionaries/components/DictionaryTable'\n\ntype SectionDefinition = {\n  kind: CustomerDictionaryKind\n  title: string\n  description: string\n}\n\ntype DictionaryDeleteError = Error & {\n  code?: string\n  usageCount?: number\n}\n\ntype DialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; entry: DictionaryTableEntry }\n\nconst DEFAULT_FORM_VALUES: DictionaryFormValues = {\n  value: '',\n  label: '',\n  color: null,\n  icon: null,\n}\n\nexport default function DictionarySettings() {\n  const t = useT()\n\n  const sections = React.useMemo<SectionDefinition[]>(() => [\n    {\n      kind: 'person-company-roles',\n      title: t('customers.config.dictionaries.sections.personCompanyRoles.title', 'Role types'),\n      description: t('customers.config.dictionaries.sections.personCompanyRoles.description', 'Manage the ownership roles available in People tab assignments.'),\n    },\n    {\n      kind: 'statuses',\n      title: t('customers.config.dictionaries.sections.statuses.title', 'Statuses'),\n      description: t('customers.config.dictionaries.sections.statuses.description', 'Define the statuses available for customer records.'),\n    },\n    {\n      kind: 'deal-statuses',\n      title: t('customers.config.dictionaries.sections.dealStatuses.title', 'Deal statuses'),\n      description: t('customers.config.dictionaries.sections.dealStatuses.description', 'Manage the statuses available for deals.'),\n    },\n    {\n      kind: 'job-titles',\n      title: t('customers.config.dictionaries.sections.jobTitles.title', 'Job titles'),\n      description: t('customers.config.dictionaries.sections.jobTitles.description', 'Configure job titles with their appearance.'),\n    },\n    {\n      kind: 'sources',\n      title: t('customers.config.dictionaries.sections.sources.title', 'Sources'),\n      description: t('customers.config.dictionaries.sections.sources.description', 'Capture how customers were acquired.'),\n    },\n    {\n      kind: 'industries',\n      title: t('customers.config.dictionaries.sections.industries.title', 'Industries'),\n      description: t('customers.config.dictionaries.sections.industries.description', 'Manage the industries used by companies.'),\n    },\n    {\n      kind: 'lifecycle-stages',\n      title: t('customers.config.dictionaries.sections.lifecycle.title', 'Lifecycle stages'),\n      description: t('customers.config.dictionaries.sections.lifecycle.description', 'Configure lifecycle stages to track customer progress.'),\n    },\n    {\n      kind: 'activity-types',\n      title: t('customers.config.dictionaries.sections.activityTypes.title', 'Activity types'),\n      description: t('customers.config.dictionaries.sections.activityTypes.description', 'Define the activity types used for customer interactions.'),\n    },\n    {\n      kind: 'address-types',\n      title: t('customers.config.dictionaries.sections.addressTypes.title', 'Address types'),\n      description: t('customers.config.dictionaries.sections.addressTypes.description', 'Define the available address types.'),\n    },\n  ], [t])\n\n  return (\n    <div className=\"space-y-8\">\n      <header className=\"space-y-2\">\n        <h1 className=\"text-2xl font-semibold\">\n          {t('customers.config.dictionaries.title', 'Customers dictionaries')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('customers.config.dictionaries.description', 'Manage the dictionaries used by the customers module.')}\n        </p>\n      </header>\n\n      <div className=\"space-y-6\">\n        {sections.map((section) => (\n          <CustomerDictionarySection key={section.kind} {...section} />\n        ))}\n      </div>\n    </div>\n  )\n}\n\ntype CustomerDictionarySectionProps = SectionDefinition\n\nfunction CustomerDictionarySection({ kind, title, description }: CustomerDictionarySectionProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [entries, setEntries] = React.useState<DictionaryTableEntry[]>([])\n  const [loading, setLoading] = React.useState<boolean>(true)\n  const [dialog, setDialog] = React.useState<DialogState | null>(null)\n  const [submitting, setSubmitting] = React.useState(false)\n\n  const inheritedActionBlocked = t('customers.config.dictionaries.inherited.blocked', 'Inherited entries can only be edited from the parent organization.')\n  const inheritedTooltip = t('customers.config.dictionaries.inherited.tooltip', 'Managed in parent organization')\n  const inheritedLabel = t('customers.config.dictionaries.inherited.label', 'Inherited')\n  const errorLoad = t('customers.config.dictionaries.error.load', 'Failed to load dictionary entries.')\n  const errorSave = t('customers.config.dictionaries.error.save', 'Failed to save dictionary entry.')\n  const errorDelete = t('customers.config.dictionaries.error.delete', 'Failed to delete dictionary entry.')\n  const successSave = t('customers.config.dictionaries.success.save', 'Dictionary entry saved.')\n  const successDelete = t('customers.config.dictionaries.success.delete', 'Dictionary entry deleted.')\n  const deleteConfirmTemplate = t('customers.config.dictionaries.deleteConfirm', 'Delete \"{{value}}\"?')\n  const roleTypeDeleteBlockedTitle = t('customers.config.dictionaries.roleTypes.deleteBlocked.title', 'Role type is in use')\n  const roleTypeDeleteBlockedText = t(\n    'customers.config.dictionaries.roleTypes.deleteBlocked.text',\n    'This role type is assigned to {{count}} records. Remove or replace those assignments before deleting it.',\n  )\n  const usageCountLabel = t('customers.config.dictionaries.roleTypes.usageCount', 'In use on {{count}} records')\n  const searchPlaceholder = t('customers.config.dictionaries.searchPlaceholder', 'Search entries\u2026')\n\n  const formatCountMessage = React.useCallback((template: string, count: number) => {\n    return template.replace('{{count}}', String(count))\n  }, [])\n\n  const loadEntries = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const data = await readApiResultOrThrow<{ items?: unknown[] }>(\n        `/api/customers/dictionaries/${kind}`,\n        undefined,\n        { errorMessage: errorLoad },\n      )\n      if (!Array.isArray(data?.items)) throw new Error(errorLoad)\n      const mapped: DictionaryTableEntry[] = data.items.map((item: any) => ({\n        id: String(item.id),\n        value: String(item.value ?? ''),\n        label: typeof item.label === 'string' ? item.label : '',\n        color: typeof item.color === 'string' ? item.color : null,\n        icon: typeof item.icon === 'string' ? item.icon : null,\n        usageCount: typeof item.usageCount === 'number' ? item.usageCount : undefined,\n        organizationId: typeof item.organizationId === 'string' ? item.organizationId : null,\n        tenantId: typeof item.tenantId === 'string' ? item.tenantId : null,\n        isInherited: item.isInherited === true,\n        createdAt: typeof item.createdAt === 'string' ? item.createdAt : null,\n        updatedAt: typeof item.updatedAt === 'string' ? item.updatedAt : null,\n      }))\n      setEntries(mapped)\n    } catch (err) {\n      console.error('customers.dictionaries.list failed', err)\n      flash(errorLoad, 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [errorLoad, kind, scopeVersion])\n\n  React.useEffect(() => {\n    loadEntries().catch(() => {})\n  }, [loadEntries])\n\n  const closeDialog = React.useCallback(() => {\n    setDialog(null)\n  }, [])\n\n  const handleCreate = React.useCallback(() => {\n    setDialog({ mode: 'create' })\n  }, [])\n\n  const handleEdit = React.useCallback((entry: DictionaryTableEntry) => {\n    if (entry.isInherited) {\n      flash(inheritedActionBlocked, 'info')\n      return\n    }\n    setDialog({ mode: 'edit', entry })\n  }, [inheritedActionBlocked])\n\n  const handleDelete = React.useCallback(async (entry: DictionaryTableEntry) => {\n    if (entry.isInherited) {\n      flash(inheritedActionBlocked, 'info')\n      return\n    }\n    if (kind === 'person-company-roles' && (entry.usageCount ?? 0) > 0) {\n      await confirm({\n        title: roleTypeDeleteBlockedTitle,\n        description: formatCountMessage(roleTypeDeleteBlockedText, entry.usageCount ?? 0),\n        confirmText: false,\n        cancelText: t('customers.config.dictionaries.dialog.cancel', 'Cancel'),\n      })\n      return\n    }\n    const message = deleteConfirmTemplate.replace('{{value}}', entry.label || entry.value)\n    const confirmed = await confirm({\n      title: message,\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await apiCallOrThrow(\n        `/api/customers/dictionaries/${kind}/${encodeURIComponent(entry.id)}`,\n        { method: 'DELETE' },\n        { errorMessage: errorDelete },\n      )\n      flash(successDelete, 'success')\n      await loadEntries()\n    } catch (err) {\n      console.error('customers.dictionaries.delete failed', err)\n      if (kind === 'person-company-roles' && (err as DictionaryDeleteError)?.code === 'role_type_in_use') {\n        const usageCount = Number((err as DictionaryDeleteError).usageCount ?? 0)\n        await confirm({\n          title: roleTypeDeleteBlockedTitle,\n          description: formatCountMessage(roleTypeDeleteBlockedText, usageCount),\n          confirmText: false,\n          cancelText: t('customers.config.dictionaries.dialog.cancel', 'Cancel'),\n        })\n        return\n      }\n      const messageValue = err instanceof Error ? err.message : errorDelete\n      flash(messageValue, 'error')\n    }\n  }, [confirm, deleteConfirmTemplate, errorDelete, formatCountMessage, inheritedActionBlocked, kind, loadEntries, roleTypeDeleteBlockedText, roleTypeDeleteBlockedTitle, successDelete, t])\n\n  const submitForm = React.useCallback(async (values: DictionaryFormValues) => {\n    const payload = {\n      value: values.value,\n      label: values.label,\n      color: values.color,\n      icon: values.icon,\n    }\n    setSubmitting(true)\n    try {\n      if (!dialog || dialog.mode === 'create') {\n        await apiCallOrThrow(\n          `/api/customers/dictionaries/${kind}`,\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n          { errorMessage: errorSave },\n        )\n        flash(successSave, 'success')\n      } else if (dialog.mode === 'edit') {\n        const target = dialog.entry\n        if (target.isInherited) {\n          flash(inheritedActionBlocked, 'info')\n          return\n        }\n        const body: Record<string, unknown> = {}\n        if (values.value !== target.value) body.value = values.value\n        if (values.label !== target.label) body.label = values.label\n        const nextColor = values.color ?? null\n        if (nextColor !== (target.color ?? null)) body.color = nextColor\n        const nextIcon = values.icon ?? null\n        if (nextIcon !== (target.icon ?? null)) body.icon = nextIcon\n        if (Object.keys(body).length === 0) {\n          closeDialog()\n          return\n        }\n        await apiCallOrThrow(\n          `/api/customers/dictionaries/${kind}/${encodeURIComponent(target.id)}`,\n          {\n            method: 'PATCH',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(body),\n          },\n          { errorMessage: errorSave },\n        )\n        flash(successSave, 'success')\n      }\n      closeDialog()\n      await loadEntries()\n    } catch (err) {\n      console.error('customers.dictionaries.submit failed', err)\n      throw err instanceof Error ? err : new Error(errorSave)\n    } finally {\n      setSubmitting(false)\n    }\n  }, [closeDialog, dialog, errorSave, inheritedActionBlocked, kind, loadEntries, successSave])\n\n  const currentValues = React.useMemo<DictionaryFormValues>(() => {\n    if (dialog && dialog.mode === 'edit') {\n      return {\n        value: dialog.entry.value,\n        label: dialog.entry.label,\n        color: dialog.entry.color,\n        icon: dialog.entry.icon,\n      }\n    }\n    return DEFAULT_FORM_VALUES\n  }, [dialog])\n\n  const tableTranslations = React.useMemo(() => ({\n    title,\n    valueColumn: t('customers.config.dictionaries.columns.value', 'Value'),\n    labelColumn: t('customers.config.dictionaries.columns.label', 'Label'),\n    appearanceColumn: t('customers.config.dictionaries.columns.appearance', 'Appearance'),\n    addLabel: t('customers.config.dictionaries.actions.add', 'Add entry'),\n    editLabel: t('customers.config.dictionaries.actions.edit', 'Edit'),\n    deleteLabel: t('customers.config.dictionaries.actions.delete', 'Delete'),\n    refreshLabel: t('customers.config.dictionaries.actions.refresh', 'Refresh'),\n    inheritedLabel,\n    inheritedTooltip,\n    emptyLabel: t('customers.config.dictionaries.empty', 'No entries yet.'),\n    usageCountLabel: kind === 'person-company-roles' ? usageCountLabel : undefined,\n    searchPlaceholder,\n  }), [inheritedLabel, inheritedTooltip, kind, searchPlaceholder, t, title, usageCountLabel])\n\n  const formTranslations = React.useMemo(() => ({\n    title: dialog?.mode === 'edit'\n      ? t('customers.config.dictionaries.dialog.editTitle', 'Edit entry')\n      : t('customers.config.dictionaries.dialog.addTitle', 'Add entry'),\n    valueLabel: t('customers.config.dictionaries.dialog.valueLabel', 'Value'),\n    labelLabel: t('customers.config.dictionaries.dialog.labelLabel', 'Label'),\n    saveLabel: t('customers.config.dictionaries.dialog.save', 'Save'),\n    cancelLabel: t('customers.config.dictionaries.dialog.cancel', 'Cancel'),\n    appearance: {\n      colorLabel: t('customers.config.dictionaries.dialog.colorLabel', 'Color'),\n      colorHelp: t('customers.config.dictionaries.dialog.colorHelp', 'Pick a highlight color for this entry.'),\n      colorClearLabel: t('customers.config.dictionaries.dialog.colorClear', 'Remove color'),\n      iconLabel: t('customers.config.dictionaries.dialog.iconLabel', 'Icon'),\n      iconPlaceholder: t('customers.config.dictionaries.dialog.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n      iconPickerTriggerLabel: t('customers.config.dictionaries.dialog.iconBrowse', 'Browse icons and emojis'),\n      iconSearchPlaceholder: t('customers.config.dictionaries.dialog.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n      iconSearchEmptyLabel: t('customers.config.dictionaries.dialog.iconSearchEmpty', 'No icons match your search.'),\n      iconSuggestionsLabel: t('customers.config.dictionaries.dialog.iconSuggestions', 'Suggestions'),\n      iconClearLabel: t('customers.config.dictionaries.dialog.iconClear', 'Remove icon'),\n      previewEmptyLabel: t('customers.config.dictionaries.appearance.empty', 'None'),\n    },\n  }), [dialog, t])\n\n  return (\n    <section className=\"rounded border bg-card text-card-foreground shadow-sm\">\n      <div className=\"border-b px-6 py-4 space-y-1\">\n        <h2 className=\"text-lg font-medium\">{title}</h2>\n        <p className=\"text-sm text-muted-foreground\">{description}</p>\n      </div>\n      <div className=\"px-2 py-4 sm:px-4\">\n        <DictionaryTable\n          entries={entries}\n          loading={loading}\n          canManage\n          onCreate={handleCreate}\n          onEdit={handleEdit}\n          onDelete={handleDelete}\n          onRefresh={loadEntries}\n          translations={tableTranslations}\n        />\n      </div>\n      <Dialog open={dialog !== null} onOpenChange={(open) => { if (!open) closeDialog() }}>\n        <DialogContent className=\"max-w-lg\">\n          <DialogHeader>\n            <DialogTitle>{formTranslations.title}</DialogTitle>\n          </DialogHeader>\n          <DictionaryForm\n            mode={dialog?.mode === 'edit' ? 'edit' : 'create'}\n            initialValues={currentValues}\n            onSubmit={submitForm}\n            onCancel={closeDialog}\n            submitting={submitting}\n            translations={formTranslations}\n            iconSuggestions={ICON_SUGGESTIONS}\n          />\n        </DialogContent>\n      </Dialog>\n      {ConfirmDialogElement}\n    </section>\n  )\n}\n"],
-  "mappings": ";AAoGM,SACE,KADF;AAlGN,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAS,gBAAgB,4BAA4B;AACrD,SAAS,mCAAmC;AAC5C,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAiBP,MAAM,sBAA4C;AAAA,EAChD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR;AAEe,SAAR,qBAAsC;AAC3C,QAAM,IAAI,KAAK;AAEf,QAAM,WAAW,MAAM,QAA6B,MAAM;AAAA,IACxD;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,mEAAmE,YAAY;AAAA,MACxF,aAAa,EAAE,yEAAyE,iEAAiE;AAAA,IAC3J;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,yDAAyD,UAAU;AAAA,MAC5E,aAAa,EAAE,+DAA+D,qDAAqD;AAAA,IACrI;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,6DAA6D,eAAe;AAAA,MACrF,aAAa,EAAE,mEAAmE,0CAA0C;AAAA,IAC9H;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,0DAA0D,YAAY;AAAA,MAC/E,aAAa,EAAE,gEAAgE,6CAA6C;AAAA,IAC9H;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,wDAAwD,SAAS;AAAA,MAC1E,aAAa,EAAE,8DAA8D,sCAAsC;AAAA,IACrH;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,2DAA2D,YAAY;AAAA,MAChF,aAAa,EAAE,iEAAiE,0CAA0C;AAAA,IAC5H;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,0DAA0D,kBAAkB;AAAA,MACrF,aAAa,EAAE,gEAAgE,wDAAwD;AAAA,IACzI;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,8DAA8D,gBAAgB;AAAA,MACvF,aAAa,EAAE,oEAAoE,2DAA2D;AAAA,IAChJ;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAE,6DAA6D,eAAe;AAAA,MACrF,aAAa,EAAE,mEAAmE,qCAAqC;AAAA,IACzH;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,YAAO,WAAU,aAChB;AAAA,0BAAC,QAAG,WAAU,0BACX,YAAE,uCAAuC,wBAAwB,GACpE;AAAA,MACA,oBAAC,OAAE,WAAU,iCACV,YAAE,6CAA6C,uDAAuD,GACzG;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,aACZ,mBAAS,IAAI,CAAC,YACb,oBAAC,6BAA8C,GAAG,WAAlB,QAAQ,IAAmB,CAC5D,GACH;AAAA,KACF;AAEJ;AAIA,SAAS,0BAA0B,EAAE,MAAM,OAAO,YAAY,GAAmC;AAC/F,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAC3D,QAAM,eAAe,4BAA4B;AACjD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAiC,CAAC,CAAC;AACvE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAkB,IAAI;AAC1D,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA6B,IAAI;AACnE,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,yBAAyB,EAAE,mDAAmD,oEAAoE;AACxJ,QAAM,mBAAmB,EAAE,mDAAmD,gCAAgC;AAC9G,QAAM,iBAAiB,EAAE,iDAAiD,WAAW;AACrF,QAAM,YAAY,EAAE,4CAA4C,oCAAoC;AACpG,QAAM,YAAY,EAAE,4CAA4C,kCAAkC;AAClG,QAAM,cAAc,EAAE,8CAA8C,oCAAoC;AACxG,QAAM,cAAc,EAAE,8CAA8C,yBAAyB;AAC7F,QAAM,gBAAgB,EAAE,gDAAgD,2BAA2B;AACnG,QAAM,wBAAwB,EAAE,+CAA+C,qBAAqB;AACpG,QAAM,6BAA6B,EAAE,+DAA+D,qBAAqB;AACzH,QAAM,4BAA4B;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AACA,QAAM,kBAAkB,EAAE,sDAAsD,6BAA6B;AAC7G,QAAM,oBAAoB,EAAE,mDAAmD,sBAAiB;AAEhG,QAAM,qBAAqB,MAAM,YAAY,CAAC,UAAkB,UAAkB;AAChF,WAAO,SAAS,QAAQ,aAAa,OAAO,KAAK,CAAC;AAAA,EACpD,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM,YAAY,YAAY;AAChD,eAAW,IAAI;AACf,QAAI;AACF,YAAM,OAAO,MAAM;AAAA,QACjB,+BAA+B,IAAI;AAAA,QACnC;AAAA,QACA,EAAE,cAAc,UAAU;AAAA,MAC5B;AACA,UAAI,CAAC,MAAM,QAAQ,MAAM,KAAK,EAAG,OAAM,IAAI,MAAM,SAAS;AAC1D,YAAM,SAAiC,KAAK,MAAM,IAAI,CAAC,UAAe;AAAA,QACpE,IAAI,OAAO,KAAK,EAAE;AAAA,QAClB,OAAO,OAAO,KAAK,SAAS,EAAE;AAAA,QAC9B,OAAO,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ;AAAA,QACrD,OAAO,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ;AAAA,QACrD,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,QAClD,YAAY,OAAO,KAAK,eAAe,WAAW,KAAK,aAAa;AAAA,QACpE,gBAAgB,OAAO,KAAK,mBAAmB,WAAW,KAAK,iBAAiB;AAAA,QAChF,UAAU,OAAO,KAAK,aAAa,WAAW,KAAK,WAAW;AAAA,QAC9D,aAAa,KAAK,gBAAgB;AAAA,QAClC,WAAW,OAAO,KAAK,cAAc,WAAW,KAAK,YAAY;AAAA,QACjE,WAAW,OAAO,KAAK,cAAc,WAAW,KAAK,YAAY;AAAA,MACnE,EAAE;AACF,iBAAW,MAAM;AAAA,IACnB,SAAS,KAAK;AACZ,cAAQ,MAAM,sCAAsC,GAAG;AACvD,YAAM,WAAW,OAAO;AAAA,IAC1B,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,YAAY,CAAC;AAElC,QAAM,UAAU,MAAM;AACpB,gBAAY,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EAC9B,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,cAAU,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,cAAU,EAAE,MAAM,SAAS,CAAC;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,MAAM,YAAY,CAAC,UAAgC;AACpE,QAAI,MAAM,aAAa;AACrB,YAAM,wBAAwB,MAAM;AACpC;AAAA,IACF;AACA,cAAU,EAAE,MAAM,QAAQ,MAAM,CAAC;AAAA,EACnC,GAAG,CAAC,sBAAsB,CAAC;AAE3B,QAAM,eAAe,MAAM,YAAY,OAAO,UAAgC;AAC5E,QAAI,MAAM,aAAa;AACrB,YAAM,wBAAwB,MAAM;AACpC;AAAA,IACF;AACA,QAAI,SAAS,2BAA2B,MAAM,cAAc,KAAK,GAAG;AAClE,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,aAAa,mBAAmB,2BAA2B,MAAM,cAAc,CAAC;AAAA,QAChF,aAAa;AAAA,QACb,YAAY,EAAE,+CAA+C,QAAQ;AAAA,MACvE,CAAC;AACD;AAAA,IACF;AACA,UAAM,UAAU,sBAAsB,QAAQ,aAAa,MAAM,SAAS,MAAM,KAAK;AACrF,UAAM,YAAY,MAAM,QAAQ;AAAA,MAC9B,OAAO;AAAA,MACP,SAAS;AAAA,IACX,CAAC;AACD,QAAI,CAAC,UAAW;AAChB,QAAI;AACF,YAAM;AAAA,QACJ,+BAA+B,IAAI,IAAI,mBAAmB,MAAM,EAAE,CAAC;AAAA,QACnE,EAAE,QAAQ,SAAS;AAAA,QACnB,EAAE,cAAc,YAAY;AAAA,MAC9B;AACA,YAAM,eAAe,SAAS;AAC9B,YAAM,YAAY;AAAA,IACpB,SAAS,KAAK;AACZ,cAAQ,MAAM,wCAAwC,GAAG;AACzD,UAAI,SAAS,0BAA2B,KAA+B,SAAS,oBAAoB;AAClG,cAAM,aAAa,OAAQ,IAA8B,cAAc,CAAC;AACxE,cAAM,QAAQ;AAAA,UACZ,OAAO;AAAA,UACP,aAAa,mBAAmB,2BAA2B,UAAU;AAAA,UACrE,aAAa;AAAA,UACb,YAAY,EAAE,+CAA+C,QAAQ;AAAA,QACvE,CAAC;AACD;AAAA,MACF;AACA,YAAM,eAAe,eAAe,QAAQ,IAAI,UAAU;AAC1D,YAAM,cAAc,OAAO;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,SAAS,uBAAuB,aAAa,oBAAoB,wBAAwB,MAAM,aAAa,2BAA2B,4BAA4B,eAAe,CAAC,CAAC;AAExL,QAAM,aAAa,MAAM,YAAY,OAAO,WAAiC;AAC3E,UAAM,UAAU;AAAA,MACd,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,MAAM,OAAO;AAAA,IACf;AACA,kBAAc,IAAI;AAClB,QAAI;AACF,UAAI,CAAC,UAAU,OAAO,SAAS,UAAU;AACvC,cAAM;AAAA,UACJ,+BAA+B,IAAI;AAAA,UACnC;AAAA,YACE,QAAQ;AAAA,YACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,YAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,UAC9B;AAAA,UACA,EAAE,cAAc,UAAU;AAAA,QAC5B;AACA,cAAM,aAAa,SAAS;AAAA,MAC9B,WAAW,OAAO,SAAS,QAAQ;AACjC,cAAM,SAAS,OAAO;AACtB,YAAI,OAAO,aAAa;AACtB,gBAAM,wBAAwB,MAAM;AACpC;AAAA,QACF;AACA,cAAM,OAAgC,CAAC;AACvC,YAAI,OAAO,UAAU,OAAO,MAAO,MAAK,QAAQ,OAAO;AACvD,YAAI,OAAO,UAAU,OAAO,MAAO,MAAK,QAAQ,OAAO;AACvD,cAAM,YAAY,OAAO,SAAS;AAClC,YAAI,eAAe,OAAO,SAAS,MAAO,MAAK,QAAQ;AACvD,cAAM,WAAW,OAAO,QAAQ;AAChC,YAAI,cAAc,OAAO,QAAQ,MAAO,MAAK,OAAO;AACpD,YAAI,OAAO,KAAK,IAAI,EAAE,WAAW,GAAG;AAClC,sBAAY;AACZ;AAAA,QACF;AACA,cAAM;AAAA,UACJ,+BAA+B,IAAI,IAAI,mBAAmB,OAAO,EAAE,CAAC;AAAA,UACpE;AAAA,YACE,QAAQ;AAAA,YACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,YAC9C,MAAM,KAAK,UAAU,IAAI;AAAA,UAC3B;AAAA,UACA,EAAE,cAAc,UAAU;AAAA,QAC5B;AACA,cAAM,aAAa,SAAS;AAAA,MAC9B;AACA,kBAAY;AACZ,YAAM,YAAY;AAAA,IACpB,SAAS,KAAK;AACZ,cAAQ,MAAM,wCAAwC,GAAG;AACzD,YAAM,eAAe,QAAQ,MAAM,IAAI,MAAM,SAAS;AAAA,IACxD,UAAE;AACA,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,aAAa,QAAQ,WAAW,wBAAwB,MAAM,aAAa,WAAW,CAAC;AAE3F,QAAM,gBAAgB,MAAM,QAA8B,MAAM;AAC9D,QAAI,UAAU,OAAO,SAAS,QAAQ;AACpC,aAAO;AAAA,QACL,OAAO,OAAO,MAAM;AAAA,QACpB,OAAO,OAAO,MAAM;AAAA,QACpB,OAAO,OAAO,MAAM;AAAA,QACpB,MAAM,OAAO,MAAM;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,oBAAoB,MAAM,QAAQ,OAAO;AAAA,IAC7C;AAAA,IACA,aAAa,EAAE,+CAA+C,OAAO;AAAA,IACrE,aAAa,EAAE,+CAA+C,OAAO;AAAA,IACrE,kBAAkB,EAAE,oDAAoD,YAAY;AAAA,IACpF,UAAU,EAAE,6CAA6C,WAAW;AAAA,IACpE,WAAW,EAAE,8CAA8C,MAAM;AAAA,IACjE,aAAa,EAAE,gDAAgD,QAAQ;AAAA,IACvE,cAAc,EAAE,iDAAiD,SAAS;AAAA,IAC1E;AAAA,IACA;AAAA,IACA,YAAY,EAAE,uCAAuC,iBAAiB;AAAA,IACtE,iBAAiB,SAAS,yBAAyB,kBAAkB;AAAA,IACrE;AAAA,EACF,IAAI,CAAC,gBAAgB,kBAAkB,MAAM,mBAAmB,GAAG,OAAO,eAAe,CAAC;AAE1F,QAAM,mBAAmB,MAAM,QAAQ,OAAO;AAAA,IAC5C,OAAO,QAAQ,SAAS,SACpB,EAAE,kDAAkD,YAAY,IAChE,EAAE,iDAAiD,WAAW;AAAA,IAClE,YAAY,EAAE,mDAAmD,OAAO;AAAA,IACxE,YAAY,EAAE,mDAAmD,OAAO;AAAA,IACxE,WAAW,EAAE,6CAA6C,MAAM;AAAA,IAChE,aAAa,EAAE,+CAA+C,QAAQ;AAAA,IACtE,YAAY;AAAA,MACV,YAAY,EAAE,mDAAmD,OAAO;AAAA,MACxE,WAAW,EAAE,kDAAkD,wCAAwC;AAAA,MACvG,iBAAiB,EAAE,mDAAmD,cAAc;AAAA,MACpF,WAAW,EAAE,kDAAkD,MAAM;AAAA,MACrE,iBAAiB,EAAE,wDAAwD,+CAA+C;AAAA,MAC1H,wBAAwB,EAAE,mDAAmD,yBAAyB;AAAA,MACtG,uBAAuB,EAAE,8DAA8D,8BAAyB;AAAA,MAChH,sBAAsB,EAAE,wDAAwD,6BAA6B;AAAA,MAC7G,sBAAsB,EAAE,wDAAwD,aAAa;AAAA,MAC7F,gBAAgB,EAAE,kDAAkD,aAAa;AAAA,MACjF,mBAAmB,EAAE,kDAAkD,MAAM;AAAA,IAC/E;AAAA,EACF,IAAI,CAAC,QAAQ,CAAC,CAAC;AAEf,SACE,qBAAC,aAAQ,WAAU,yDACjB;AAAA,yBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,QAAG,WAAU,uBAAuB,iBAAM;AAAA,MAC3C,oBAAC,OAAE,WAAU,iCAAiC,uBAAY;AAAA,OAC5D;AAAA,IACA,oBAAC,SAAI,WAAU,qBACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,WAAW;AAAA,QACX,cAAc;AAAA;AAAA,IAChB,GACF;AAAA,IACA,oBAAC,UAAO,MAAM,WAAW,MAAM,cAAc,CAAC,SAAS;AAAE,UAAI,CAAC,KAAM,aAAY;AAAA,IAAE,GAChF,+BAAC,iBAAc,WAAU,YACvB;AAAA,0BAAC,gBACC,8BAAC,eAAa,2BAAiB,OAAM,GACvC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,QAAQ,SAAS,SAAS,SAAS;AAAA,UACzC,eAAe;AAAA,UACf,UAAU;AAAA,UACV,UAAU;AAAA,UACV;AAAA,UACA,cAAc;AAAA,UACd,iBAAiB;AAAA;AAAA,MACnB;AAAA,OACF,GACF;AAAA,IACC;AAAA,KACH;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport type { CustomerDictionaryKind } from '../lib/dictionaries'\nimport { ICON_SUGGESTIONS } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport {\n  DictionaryForm,\n  type DictionaryFormValues,\n} from '@open-mercato/core/modules/dictionaries/components/DictionaryForm'\nimport {\n  DictionaryTable,\n  type DictionaryTableEntry,\n} from '@open-mercato/core/modules/dictionaries/components/DictionaryTable'\n\ntype SectionDefinition = {\n  kind: CustomerDictionaryKind\n  title: string\n  description: string\n}\n\ntype DictionaryDeleteError = Error & {\n  code?: string\n  usageCount?: number\n}\n\ntype DialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; entry: DictionaryTableEntry }\n\nconst DEFAULT_FORM_VALUES: DictionaryFormValues = {\n  value: '',\n  label: '',\n  color: null,\n  icon: null,\n}\n\nexport default function DictionarySettings() {\n  const t = useT()\n\n  const sections = React.useMemo<SectionDefinition[]>(() => [\n    {\n      kind: 'person-company-roles',\n      title: t('customers.config.dictionaries.sections.personCompanyRoles.title', 'Role types'),\n      description: t('customers.config.dictionaries.sections.personCompanyRoles.description', 'Manage the ownership roles available in People tab assignments.'),\n    },\n    {\n      kind: 'statuses',\n      title: t('customers.config.dictionaries.sections.statuses.title', 'Statuses'),\n      description: t('customers.config.dictionaries.sections.statuses.description', 'Define the statuses available for customer records.'),\n    },\n    {\n      kind: 'deal-statuses',\n      title: t('customers.config.dictionaries.sections.dealStatuses.title', 'Deal statuses'),\n      description: t('customers.config.dictionaries.sections.dealStatuses.description', 'Manage the statuses available for deals.'),\n    },\n    {\n      kind: 'job-titles',\n      title: t('customers.config.dictionaries.sections.jobTitles.title', 'Job titles'),\n      description: t('customers.config.dictionaries.sections.jobTitles.description', 'Configure job titles with their appearance.'),\n    },\n    {\n      kind: 'sources',\n      title: t('customers.config.dictionaries.sections.sources.title', 'Sources'),\n      description: t('customers.config.dictionaries.sections.sources.description', 'Capture how customers were acquired.'),\n    },\n    {\n      kind: 'industries',\n      title: t('customers.config.dictionaries.sections.industries.title', 'Industries'),\n      description: t('customers.config.dictionaries.sections.industries.description', 'Manage the industries used by companies.'),\n    },\n    {\n      kind: 'lifecycle-stages',\n      title: t('customers.config.dictionaries.sections.lifecycle.title', 'Lifecycle stages'),\n      description: t('customers.config.dictionaries.sections.lifecycle.description', 'Configure lifecycle stages to track customer progress.'),\n    },\n    {\n      kind: 'activity-types',\n      title: t('customers.config.dictionaries.sections.activityTypes.title', 'Activity types'),\n      description: t('customers.config.dictionaries.sections.activityTypes.description', 'Define the activity types used for customer interactions.'),\n    },\n    {\n      kind: 'address-types',\n      title: t('customers.config.dictionaries.sections.addressTypes.title', 'Address types'),\n      description: t('customers.config.dictionaries.sections.addressTypes.description', 'Define the available address types.'),\n    },\n  ], [t])\n\n  return (\n    <div className=\"space-y-8\">\n      <header className=\"space-y-2\">\n        <h1 className=\"text-2xl font-semibold\">\n          {t('customers.config.dictionaries.title', 'Customers dictionaries')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('customers.config.dictionaries.description', 'Manage the dictionaries used by the customers module.')}\n        </p>\n      </header>\n\n      <div className=\"space-y-6\">\n        {sections.map((section) => (\n          <CustomerDictionarySection key={section.kind} {...section} />\n        ))}\n      </div>\n    </div>\n  )\n}\n\ntype CustomerDictionarySectionProps = SectionDefinition\n\nfunction CustomerDictionarySection({ kind, title, description }: CustomerDictionarySectionProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [entries, setEntries] = React.useState<DictionaryTableEntry[]>([])\n  const [loading, setLoading] = React.useState<boolean>(true)\n  const [dialog, setDialog] = React.useState<DialogState | null>(null)\n  const [submitting, setSubmitting] = React.useState(false)\n\n  const inheritedActionBlocked = t('customers.config.dictionaries.inherited.blocked', 'Inherited entries can only be edited from the parent organization.')\n  const inheritedTooltip = t('customers.config.dictionaries.inherited.tooltip', 'Managed in parent organization')\n  const inheritedLabel = t('customers.config.dictionaries.inherited.label', 'Inherited')\n  const errorLoad = t('customers.config.dictionaries.error.load', 'Failed to load dictionary entries.')\n  const errorSave = t('customers.config.dictionaries.error.save', 'Failed to save dictionary entry.')\n  const errorDelete = t('customers.config.dictionaries.error.delete', 'Failed to delete dictionary entry.')\n  const successSave = t('customers.config.dictionaries.success.save', 'Dictionary entry saved.')\n  const successDelete = t('customers.config.dictionaries.success.delete', 'Dictionary entry deleted.')\n  const deleteConfirmTemplate = t('customers.config.dictionaries.deleteConfirm', 'Delete \"{{value}}\"?')\n  const roleTypeDeleteBlockedTitle = t('customers.config.dictionaries.roleTypes.deleteBlocked.title', 'Role type is in use')\n  const roleTypeDeleteBlockedText = t(\n    'customers.config.dictionaries.roleTypes.deleteBlocked.text',\n    'This role type is assigned to {{count}} records. Remove or replace those assignments before deleting it.',\n  )\n  const usageCountLabel = t('customers.config.dictionaries.roleTypes.usageCount', 'In use on {{count}} records')\n  const searchPlaceholder = t('customers.config.dictionaries.searchPlaceholder', 'Search entries\u2026')\n\n  const formatCountMessage = React.useCallback((template: string, count: number) => {\n    return template.replace('{{count}}', String(count))\n  }, [])\n\n  const loadEntries = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const data = await readApiResultOrThrow<{ items?: unknown[] }>(\n        `/api/customers/dictionaries/${kind}`,\n        undefined,\n        { errorMessage: errorLoad },\n      )\n      if (!Array.isArray(data?.items)) throw new Error(errorLoad)\n      const mapped: DictionaryTableEntry[] = data.items.map((item: any) => ({\n        id: String(item.id),\n        value: String(item.value ?? ''),\n        label: typeof item.label === 'string' ? item.label : '',\n        color: typeof item.color === 'string' ? item.color : null,\n        icon: typeof item.icon === 'string' ? item.icon : null,\n        usageCount: typeof item.usageCount === 'number' ? item.usageCount : undefined,\n        organizationId: typeof item.organizationId === 'string' ? item.organizationId : null,\n        tenantId: typeof item.tenantId === 'string' ? item.tenantId : null,\n        isInherited: item.isInherited === true,\n        createdAt: typeof item.createdAt === 'string' ? item.createdAt : null,\n        updatedAt: typeof item.updatedAt === 'string' ? item.updatedAt : null,\n      }))\n      setEntries(mapped)\n    } catch (err) {\n      console.error('customers.dictionaries.list failed', err)\n      flash(errorLoad, 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [errorLoad, kind, scopeVersion])\n\n  React.useEffect(() => {\n    loadEntries().catch(() => {})\n  }, [loadEntries])\n\n  const closeDialog = React.useCallback(() => {\n    setDialog(null)\n  }, [])\n\n  const handleCreate = React.useCallback(() => {\n    setDialog({ mode: 'create' })\n  }, [])\n\n  const handleEdit = React.useCallback((entry: DictionaryTableEntry) => {\n    if (entry.isInherited) {\n      flash(inheritedActionBlocked, 'info')\n      return\n    }\n    setDialog({ mode: 'edit', entry })\n  }, [inheritedActionBlocked])\n\n  const handleDelete = React.useCallback(async (entry: DictionaryTableEntry) => {\n    if (entry.isInherited) {\n      flash(inheritedActionBlocked, 'info')\n      return\n    }\n    if (kind === 'person-company-roles' && (entry.usageCount ?? 0) > 0) {\n      await confirm({\n        title: roleTypeDeleteBlockedTitle,\n        description: formatCountMessage(roleTypeDeleteBlockedText, entry.usageCount ?? 0),\n        confirmText: false,\n        cancelText: t('customers.config.dictionaries.dialog.cancel', 'Cancel'),\n      })\n      return\n    }\n    const message = deleteConfirmTemplate.replace('{{value}}', entry.label || entry.value)\n    const confirmed = await confirm({\n      title: message,\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await withScopedApiRequestHeaders(buildOptimisticLockHeader(entry.updatedAt), () =>\n        apiCallOrThrow(\n          `/api/customers/dictionaries/${kind}/${encodeURIComponent(entry.id)}`,\n          { method: 'DELETE' },\n          { errorMessage: errorDelete },\n        ),\n      )\n      flash(successDelete, 'success')\n      await loadEntries()\n    } catch (err) {\n      console.error('customers.dictionaries.delete failed', err)\n      if (kind === 'person-company-roles' && (err as DictionaryDeleteError)?.code === 'role_type_in_use') {\n        const usageCount = Number((err as DictionaryDeleteError).usageCount ?? 0)\n        await confirm({\n          title: roleTypeDeleteBlockedTitle,\n          description: formatCountMessage(roleTypeDeleteBlockedText, usageCount),\n          confirmText: false,\n          cancelText: t('customers.config.dictionaries.dialog.cancel', 'Cancel'),\n        })\n        return\n      }\n      const messageValue = err instanceof Error ? err.message : errorDelete\n      flash(messageValue, 'error')\n    }\n  }, [confirm, deleteConfirmTemplate, errorDelete, formatCountMessage, inheritedActionBlocked, kind, loadEntries, roleTypeDeleteBlockedText, roleTypeDeleteBlockedTitle, successDelete, t])\n\n  const submitForm = React.useCallback(async (values: DictionaryFormValues) => {\n    const payload = {\n      value: values.value,\n      label: values.label,\n      color: values.color,\n      icon: values.icon,\n    }\n    setSubmitting(true)\n    try {\n      if (!dialog || dialog.mode === 'create') {\n        await apiCallOrThrow(\n          `/api/customers/dictionaries/${kind}`,\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n          { errorMessage: errorSave },\n        )\n        flash(successSave, 'success')\n      } else if (dialog.mode === 'edit') {\n        const target = dialog.entry\n        if (target.isInherited) {\n          flash(inheritedActionBlocked, 'info')\n          return\n        }\n        const body: Record<string, unknown> = {}\n        if (values.value !== target.value) body.value = values.value\n        if (values.label !== target.label) body.label = values.label\n        const nextColor = values.color ?? null\n        if (nextColor !== (target.color ?? null)) body.color = nextColor\n        const nextIcon = values.icon ?? null\n        if (nextIcon !== (target.icon ?? null)) body.icon = nextIcon\n        if (Object.keys(body).length === 0) {\n          closeDialog()\n          return\n        }\n        await withScopedApiRequestHeaders(buildOptimisticLockHeader(target.updatedAt), () =>\n          apiCallOrThrow(\n            `/api/customers/dictionaries/${kind}/${encodeURIComponent(target.id)}`,\n            {\n              method: 'PATCH',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify(body),\n            },\n            { errorMessage: errorSave },\n          ),\n        )\n        flash(successSave, 'success')\n      }\n      closeDialog()\n      await loadEntries()\n    } catch (err) {\n      console.error('customers.dictionaries.submit failed', err)\n      throw err instanceof Error ? err : new Error(errorSave)\n    } finally {\n      setSubmitting(false)\n    }\n  }, [closeDialog, dialog, errorSave, inheritedActionBlocked, kind, loadEntries, successSave])\n\n  const currentValues = React.useMemo<DictionaryFormValues>(() => {\n    if (dialog && dialog.mode === 'edit') {\n      return {\n        value: dialog.entry.value,\n        label: dialog.entry.label,\n        color: dialog.entry.color,\n        icon: dialog.entry.icon,\n      }\n    }\n    return DEFAULT_FORM_VALUES\n  }, [dialog])\n\n  const tableTranslations = React.useMemo(() => ({\n    title,\n    valueColumn: t('customers.config.dictionaries.columns.value', 'Value'),\n    labelColumn: t('customers.config.dictionaries.columns.label', 'Label'),\n    appearanceColumn: t('customers.config.dictionaries.columns.appearance', 'Appearance'),\n    addLabel: t('customers.config.dictionaries.actions.add', 'Add entry'),\n    editLabel: t('customers.config.dictionaries.actions.edit', 'Edit'),\n    deleteLabel: t('customers.config.dictionaries.actions.delete', 'Delete'),\n    refreshLabel: t('customers.config.dictionaries.actions.refresh', 'Refresh'),\n    inheritedLabel,\n    inheritedTooltip,\n    emptyLabel: t('customers.config.dictionaries.empty', 'No entries yet.'),\n    usageCountLabel: kind === 'person-company-roles' ? usageCountLabel : undefined,\n    searchPlaceholder,\n  }), [inheritedLabel, inheritedTooltip, kind, searchPlaceholder, t, title, usageCountLabel])\n\n  const formTranslations = React.useMemo(() => ({\n    title: dialog?.mode === 'edit'\n      ? t('customers.config.dictionaries.dialog.editTitle', 'Edit entry')\n      : t('customers.config.dictionaries.dialog.addTitle', 'Add entry'),\n    valueLabel: t('customers.config.dictionaries.dialog.valueLabel', 'Value'),\n    labelLabel: t('customers.config.dictionaries.dialog.labelLabel', 'Label'),\n    saveLabel: t('customers.config.dictionaries.dialog.save', 'Save'),\n    cancelLabel: t('customers.config.dictionaries.dialog.cancel', 'Cancel'),\n    appearance: {\n      colorLabel: t('customers.config.dictionaries.dialog.colorLabel', 'Color'),\n      colorHelp: t('customers.config.dictionaries.dialog.colorHelp', 'Pick a highlight color for this entry.'),\n      colorClearLabel: t('customers.config.dictionaries.dialog.colorClear', 'Remove color'),\n      iconLabel: t('customers.config.dictionaries.dialog.iconLabel', 'Icon'),\n      iconPlaceholder: t('customers.config.dictionaries.dialog.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n      iconPickerTriggerLabel: t('customers.config.dictionaries.dialog.iconBrowse', 'Browse icons and emojis'),\n      iconSearchPlaceholder: t('customers.config.dictionaries.dialog.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n      iconSearchEmptyLabel: t('customers.config.dictionaries.dialog.iconSearchEmpty', 'No icons match your search.'),\n      iconSuggestionsLabel: t('customers.config.dictionaries.dialog.iconSuggestions', 'Suggestions'),\n      iconClearLabel: t('customers.config.dictionaries.dialog.iconClear', 'Remove icon'),\n      previewEmptyLabel: t('customers.config.dictionaries.appearance.empty', 'None'),\n    },\n  }), [dialog, t])\n\n  return (\n    <section className=\"rounded border bg-card text-card-foreground shadow-sm\">\n      <div className=\"border-b px-6 py-4 space-y-1\">\n        <h2 className=\"text-lg font-medium\">{title}</h2>\n        <p className=\"text-sm text-muted-foreground\">{description}</p>\n      </div>\n      <div className=\"px-2 py-4 sm:px-4\">\n        <DictionaryTable\n          entries={entries}\n          loading={loading}\n          canManage\n          onCreate={handleCreate}\n          onEdit={handleEdit}\n          onDelete={handleDelete}\n          onRefresh={loadEntries}\n          translations={tableTranslations}\n        />\n      </div>\n      <Dialog open={dialog !== null} onOpenChange={(open) => { if (!open) closeDialog() }}>\n        <DialogContent className=\"max-w-lg\">\n          <DialogHeader>\n            <DialogTitle>{formTranslations.title}</DialogTitle>\n          </DialogHeader>\n          <DictionaryForm\n            mode={dialog?.mode === 'edit' ? 'edit' : 'create'}\n            initialValues={currentValues}\n            onSubmit={submitForm}\n            onCancel={closeDialog}\n            submitting={submitting}\n            translations={formTranslations}\n            iconSuggestions={ICON_SUGGESTIONS}\n          />\n        </DialogContent>\n      </Dialog>\n      {ConfirmDialogElement}\n    </section>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/DictionarySortSettings.js

@@ -0,0 +1,214 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  DEFAULT_DICTIONARY_ENTRY_SORT_MODE,
+  dictionaryEntrySortModes
+} from "@open-mercato/core/modules/dictionaries/lib/entrySort";
+const SAVE_CONTEXT_ID = "customers-dictionary-sort-modes";
+function isDictionaryEntrySortMode(value) {
+  return dictionaryEntrySortModes.includes(value);
+}
+function DictionarySortSettings() {
+  const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const [sortModes, setSortModes] = React.useState({});
+  const [loading, setLoading] = React.useState(true);
+  const [savingKind, setSavingKind] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const sections = React.useMemo(() => [
+    {
+      kind: "statuses",
+      title: t("customers.config.dictionaries.sections.statuses.title", "Statuses"),
+      description: t("customers.config.dictionaries.sections.statuses.description", "Define the statuses available for customer records.")
+    },
+    {
+      kind: "sources",
+      title: t("customers.config.dictionaries.sections.sources.title", "Sources"),
+      description: t("customers.config.dictionaries.sections.sources.description", "Capture how customers were acquired.")
+    },
+    {
+      kind: "lifecycle-stages",
+      title: t("customers.config.dictionaries.sections.lifecycle.title", "Lifecycle stages"),
+      description: t("customers.config.dictionaries.sections.lifecycle.description", "Configure lifecycle stages to track customer progress.")
+    },
+    {
+      kind: "deal-statuses",
+      title: t("customers.config.dictionaries.sections.dealStatuses.title", "Deal statuses"),
+      description: t("customers.config.dictionaries.sections.dealStatuses.description", "Manage the statuses available for deals.")
+    },
+    {
+      kind: "pipeline-stages",
+      title: t("customers.config.dictionaries.sections.pipelineStages.title", "Pipeline stages"),
+      description: t("customers.config.dictionaries.sections.pipelineStages.description", "Define the stages used in your deal pipeline.")
+    },
+    {
+      kind: "person-company-roles",
+      title: t("customers.config.dictionaries.sections.personCompanyRoles.title", "Role types"),
+      description: t("customers.config.dictionaries.sections.personCompanyRoles.description", "Manage the ownership roles available in People tab assignments.")
+    },
+    {
+      kind: "job-titles",
+      title: t("customers.config.dictionaries.sections.jobTitles.title", "Job titles"),
+      description: t("customers.config.dictionaries.sections.jobTitles.description", "Configure job titles with their appearance.")
+    },
+    {
+      kind: "industries",
+      title: t("customers.config.dictionaries.sections.industries.title", "Industries"),
+      description: t("customers.config.dictionaries.sections.industries.description", "Manage the industries used by companies.")
+    },
+    {
+      kind: "activity-types",
+      title: t("customers.config.dictionaries.sections.activityTypes.title", "Activity types"),
+      description: t("customers.config.dictionaries.sections.activityTypes.description", "Define the activity types used for customer interactions.")
+    },
+    {
+      kind: "address-types",
+      title: t("customers.config.dictionaries.sections.addressTypes.title", "Address types"),
+      description: t("customers.config.dictionaries.sections.addressTypes.description", "Define the available address types.")
+    }
+  ], [t]);
+  const sortOptions = React.useMemo(
+    () => dictionaryEntrySortModes.map((mode) => ({
+      value: mode,
+      label: mode === "label_asc" ? t("dictionaries.config.sortModes.labelAsc", "A to Z") : mode === "label_desc" ? t("dictionaries.config.sortModes.labelDesc", "Z to A") : mode === "value_asc" ? t("dictionaries.config.sortModes.valueAsc", "Value A to Z") : mode === "value_desc" ? t("dictionaries.config.sortModes.valueDesc", "Value Z to A") : mode === "created_at_asc" ? t("dictionaries.config.sortModes.createdAtAsc", "Oldest first") : t("dictionaries.config.sortModes.createdAtDesc", "Newest first")
+    })),
+    [t]
+  );
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: SAVE_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setLoading(true);
+      setError(null);
+      try {
+        const data = await readApiResultOrThrow(
+          "/api/customers/settings/dictionary-sort-modes",
+          void 0,
+          { errorMessage: t("customers.config.dictionarySorting.errorLoad", "Failed to load dictionary sorting settings.") }
+        );
+        const next = {};
+        for (const section of sections) {
+          const value = data?.dictionarySortModes?.[section.kind];
+          next[section.kind] = value && isDictionaryEntrySortMode(value) ? value : DEFAULT_DICTIONARY_ENTRY_SORT_MODE;
+        }
+        if (!cancelled) setSortModes(next);
+      } catch (err) {
+        console.error("customers.dictionarySorting.load failed", err);
+        if (!cancelled) {
+          const message = err instanceof Error && err.message ? err.message : t("customers.config.dictionarySorting.errorLoad", "Failed to load dictionary sorting settings.");
+          setError(message);
+          flash(message, "error");
+        }
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load().catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [scopeVersion, sections, t]);
+  const handleChange = React.useCallback(async (kind, mode) => {
+    const previous = sortModes;
+    const next = { ...sortModes, [kind]: mode };
+    setSortModes(next);
+    setSavingKind(kind);
+    setError(null);
+    try {
+      await runMutation({
+        // optimistic-lock-exempt: tenant-scoped settings blob (dictionary sort
+        // modes), not a versioned per-record entity — there is no `updatedAt`
+        // round-trip to lock against, and concurrent writes converge on the
+        // last-selected preference. Mirrors other singleton settings PATCHes.
+        operation: async () => {
+          await apiCallOrThrow(
+            "/api/customers/settings/dictionary-sort-modes",
+            {
+              method: "PATCH",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ dictionarySortModes: next })
+            },
+            { errorMessage: t("customers.config.dictionarySorting.errorSave", "Failed to save dictionary sorting settings.") }
+          );
+        },
+        context: {
+          formId: SAVE_CONTEXT_ID,
+          resourceKind: "customers.settings",
+          retryLastMutation
+        }
+      });
+      flash(t("customers.config.dictionarySorting.success", "Dictionary sorting settings saved."), "success");
+    } catch (err) {
+      setSortModes(previous);
+      const message = err instanceof Error && err.message ? err.message : t("customers.config.dictionarySorting.errorSave", "Failed to save dictionary sorting settings.");
+      setError(message);
+      flash(message, "error");
+    } finally {
+      setSavingKind(null);
+    }
+  }, [retryLastMutation, runMutation, sortModes, t]);
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-4 rounded-lg border bg-background p-4", children: [
+    /* @__PURE__ */ jsxs("header", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("customers.config.dictionarySorting.title", "Dictionary sorting") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.config.dictionarySorting.description", "Choose how customer dictionary values are ordered in dropdowns and settings.") })
+    ] }),
+    loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, { className: "h-4 w-4" }),
+      t("customers.config.dictionarySorting.loading", "Loading dictionary sorting settings\u2026")
+    ] }) : /* @__PURE__ */ jsx("div", { className: "grid gap-3 lg:grid-cols-2", children: sections.map((section) => {
+      const value = sortModes[section.kind] ?? DEFAULT_DICTIONARY_ENTRY_SORT_MODE;
+      const saving = savingKind === section.kind;
+      return /* @__PURE__ */ jsxs("div", { className: "rounded border p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: section.title }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: section.description })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value,
+            onValueChange: (next) => {
+              if (!isDictionaryEntrySortMode(next) || next === value) return;
+              handleChange(section.kind, next).catch(() => {
+              });
+            },
+            disabled: savingKind !== null,
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+            ]
+          }
+        ),
+        saving ? /* @__PURE__ */ jsxs("div", { className: "mt-2 inline-flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Spinner, { className: "h-3 w-3" }),
+          t("customers.config.dictionarySorting.updating", "Saving\u2026")
+        ] }) : null
+      ] }, section.kind);
+    }) }),
+    error ? /* @__PURE__ */ jsx("p", { className: "text-sm text-status-error-text", children: error }) : null
+  ] });
+}
+var DictionarySortSettings_default = DictionarySortSettings;
+export {
+  DictionarySortSettings,
+  DictionarySortSettings_default as default
+};
+//# sourceMappingURL=DictionarySortSettings.js.map

package/dist/modules/customers/components/DictionarySortSettings.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customers/components/DictionarySortSettings.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  DEFAULT_DICTIONARY_ENTRY_SORT_MODE,\n  dictionaryEntrySortModes,\n  type DictionaryEntrySortMode,\n} from '@open-mercato/core/modules/dictionaries/lib/entrySort'\nimport type { CustomerDictionaryKind } from '../lib/dictionaries'\n\nconst SAVE_CONTEXT_ID = 'customers-dictionary-sort-modes'\n\ntype SortModeMap = Partial<Record<CustomerDictionaryKind, DictionaryEntrySortMode>>\n\ntype DictionarySortSection = {\n  kind: CustomerDictionaryKind\n  title: string\n  description: string\n}\n\nfunction isDictionaryEntrySortMode(value: string): value is DictionaryEntrySortMode {\n  return dictionaryEntrySortModes.includes(value as DictionaryEntrySortMode)\n}\n\nexport function DictionarySortSettings() {\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [sortModes, setSortModes] = React.useState<SortModeMap>({})\n  const [loading, setLoading] = React.useState(true)\n  const [savingKind, setSavingKind] = React.useState<CustomerDictionaryKind | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const sections = React.useMemo<DictionarySortSection[]>(() => [\n    {\n      kind: 'statuses',\n      title: t('customers.config.dictionaries.sections.statuses.title', 'Statuses'),\n      description: t('customers.config.dictionaries.sections.statuses.description', 'Define the statuses available for customer records.'),\n    },\n    {\n      kind: 'sources',\n      title: t('customers.config.dictionaries.sections.sources.title', 'Sources'),\n      description: t('customers.config.dictionaries.sections.sources.description', 'Capture how customers were acquired.'),\n    },\n    {\n      kind: 'lifecycle-stages',\n      title: t('customers.config.dictionaries.sections.lifecycle.title', 'Lifecycle stages'),\n      description: t('customers.config.dictionaries.sections.lifecycle.description', 'Configure lifecycle stages to track customer progress.'),\n    },\n    {\n      kind: 'deal-statuses',\n      title: t('customers.config.dictionaries.sections.dealStatuses.title', 'Deal statuses'),\n      description: t('customers.config.dictionaries.sections.dealStatuses.description', 'Manage the statuses available for deals.'),\n    },\n    {\n      kind: 'pipeline-stages',\n      title: t('customers.config.dictionaries.sections.pipelineStages.title', 'Pipeline stages'),\n      description: t('customers.config.dictionaries.sections.pipelineStages.description', 'Define the stages used in your deal pipeline.'),\n    },\n    {\n      kind: 'person-company-roles',\n      title: t('customers.config.dictionaries.sections.personCompanyRoles.title', 'Role types'),\n      description: t('customers.config.dictionaries.sections.personCompanyRoles.description', 'Manage the ownership roles available in People tab assignments.'),\n    },\n    {\n      kind: 'job-titles',\n      title: t('customers.config.dictionaries.sections.jobTitles.title', 'Job titles'),\n      description: t('customers.config.dictionaries.sections.jobTitles.description', 'Configure job titles with their appearance.'),\n    },\n    {\n      kind: 'industries',\n      title: t('customers.config.dictionaries.sections.industries.title', 'Industries'),\n      description: t('customers.config.dictionaries.sections.industries.description', 'Manage the industries used by companies.'),\n    },\n    {\n      kind: 'activity-types',\n      title: t('customers.config.dictionaries.sections.activityTypes.title', 'Activity types'),\n      description: t('customers.config.dictionaries.sections.activityTypes.description', 'Define the activity types used for customer interactions.'),\n    },\n    {\n      kind: 'address-types',\n      title: t('customers.config.dictionaries.sections.addressTypes.title', 'Address types'),\n      description: t('customers.config.dictionaries.sections.addressTypes.description', 'Define the available address types.'),\n    },\n  ], [t])\n\n  const sortOptions = React.useMemo(\n    () => dictionaryEntrySortModes.map((mode) => ({\n      value: mode,\n      label:\n        mode === 'label_asc'\n          ? t('dictionaries.config.sortModes.labelAsc', 'A to Z')\n          : mode === 'label_desc'\n            ? t('dictionaries.config.sortModes.labelDesc', 'Z to A')\n            : mode === 'value_asc'\n              ? t('dictionaries.config.sortModes.valueAsc', 'Value A to Z')\n              : mode === 'value_desc'\n                ? t('dictionaries.config.sortModes.valueDesc', 'Value Z to A')\n                : mode === 'created_at_asc'\n                  ? t('dictionaries.config.sortModes.createdAtAsc', 'Oldest first')\n                  : t('dictionaries.config.sortModes.createdAtDesc', 'Newest first'),\n    })),\n    [t],\n  )\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: SAVE_CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      try {\n        const data = await readApiResultOrThrow<{ dictionarySortModes?: Record<string, string> }>(\n          '/api/customers/settings/dictionary-sort-modes',\n          undefined,\n          { errorMessage: t('customers.config.dictionarySorting.errorLoad', 'Failed to load dictionary sorting settings.') },\n        )\n        const next: SortModeMap = {}\n        for (const section of sections) {\n          const value = data?.dictionarySortModes?.[section.kind]\n          next[section.kind] = value && isDictionaryEntrySortMode(value)\n            ? value\n            : DEFAULT_DICTIONARY_ENTRY_SORT_MODE\n        }\n        if (!cancelled) setSortModes(next)\n      } catch (err) {\n        console.error('customers.dictionarySorting.load failed', err)\n        if (!cancelled) {\n          const message = err instanceof Error && err.message\n            ? err.message\n            : t('customers.config.dictionarySorting.errorLoad', 'Failed to load dictionary sorting settings.')\n          setError(message)\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [scopeVersion, sections, t])\n\n  const handleChange = React.useCallback(async (kind: CustomerDictionaryKind, mode: DictionaryEntrySortMode) => {\n    const previous = sortModes\n    const next = { ...sortModes, [kind]: mode }\n    setSortModes(next)\n    setSavingKind(kind)\n    setError(null)\n    try {\n      await runMutation({\n        // optimistic-lock-exempt: tenant-scoped settings blob (dictionary sort\n        // modes), not a versioned per-record entity \u2014 there is no `updatedAt`\n        // round-trip to lock against, and concurrent writes converge on the\n        // last-selected preference. Mirrors other singleton settings PATCHes.\n        operation: async () => {\n          await apiCallOrThrow(\n            '/api/customers/settings/dictionary-sort-modes',\n            {\n              method: 'PATCH',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ dictionarySortModes: next }),\n            },\n            { errorMessage: t('customers.config.dictionarySorting.errorSave', 'Failed to save dictionary sorting settings.') },\n          )\n        },\n        context: {\n          formId: SAVE_CONTEXT_ID,\n          resourceKind: 'customers.settings',\n          retryLastMutation,\n        },\n      })\n      flash(t('customers.config.dictionarySorting.success', 'Dictionary sorting settings saved.'), 'success')\n    } catch (err) {\n      setSortModes(previous)\n      const message = err instanceof Error && err.message\n        ? err.message\n        : t('customers.config.dictionarySorting.errorSave', 'Failed to save dictionary sorting settings.')\n      setError(message)\n      flash(message, 'error')\n    } finally {\n      setSavingKind(null)\n    }\n  }, [retryLastMutation, runMutation, sortModes, t])\n\n  return (\n    <section className=\"space-y-4 rounded-lg border bg-background p-4\">\n      <header className=\"space-y-1\">\n        <h2 className=\"text-lg font-semibold\">\n          {t('customers.config.dictionarySorting.title', 'Dictionary sorting')}\n        </h2>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('customers.config.dictionarySorting.description', 'Choose how customer dictionary values are ordered in dropdowns and settings.')}\n        </p>\n      </header>\n      {loading ? (\n        <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <Spinner className=\"h-4 w-4\" />\n          {t('customers.config.dictionarySorting.loading', 'Loading dictionary sorting settings\u2026')}\n        </div>\n      ) : (\n        <div className=\"grid gap-3 lg:grid-cols-2\">\n          {sections.map((section) => {\n            const value = sortModes[section.kind] ?? DEFAULT_DICTIONARY_ENTRY_SORT_MODE\n            const saving = savingKind === section.kind\n            return (\n              <div key={section.kind} className=\"rounded border p-3\">\n                <div className=\"mb-3 space-y-1\">\n                  <div className=\"text-sm font-medium\">{section.title}</div>\n                  <div className=\"text-xs text-muted-foreground\">{section.description}</div>\n                </div>\n                <Select\n                  value={value}\n                  onValueChange={(next) => {\n                    if (!isDictionaryEntrySortMode(next) || next === value) return\n                    handleChange(section.kind, next).catch(() => {})\n                  }}\n                  disabled={savingKind !== null}\n                >\n                  <SelectTrigger>\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {sortOptions.map((option) => (\n                      <SelectItem key={option.value} value={option.value}>\n                        {option.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                {saving ? (\n                  <div className=\"mt-2 inline-flex items-center gap-2 text-xs text-muted-foreground\">\n                    <Spinner className=\"h-3 w-3\" />\n                    {t('customers.config.dictionarySorting.updating', 'Saving\u2026')}\n                  </div>\n                ) : null}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {error ? <p className=\"text-sm text-status-error-text\">{error}</p> : null}\n    </section>\n  )\n}\n\nexport default DictionarySortSettings\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/PipelineSettings.js

@@ -13,7 +13,8 @@ import {
   DialogTitle
 } from "@open-mercato/ui/primitives/dialog";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { raiseCrudError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
@@ -38,7 +39,8 @@ function normalizePipeline(raw) {
     name: typeof raw.name === "string" ? raw.name : "",
     isDefault: raw.isDefault === true || raw.is_default === true,
     organizationId: typeof raw.organizationId === "string" ? raw.organizationId : typeof raw.organization_id === "string" ? raw.organization_id : "",
-    tenantId: typeof raw.tenantId === "string" ? raw.tenantId : typeof raw.tenant_id === "string" ? raw.tenant_id : ""
+    tenantId: typeof raw.tenantId === "string" ? raw.tenantId : typeof raw.tenant_id === "string" ? raw.tenant_id : "",
+    updatedAt: typeof raw.updatedAt === "string" ? raw.updatedAt : typeof raw.updated_at === "string" ? raw.updated_at : null
   };
 }
 function normalizeStage(raw) {
@@ -48,7 +50,8 @@ function normalizeStage(raw) {
     label: typeof raw.label === "string" ? raw.label : "",
     order: typeof raw.order === "number" ? raw.order : 0,
     color: typeof raw.color === "string" && raw.color.trim().length ? raw.color.trim() : null,
-    icon: typeof raw.icon === "string" && raw.icon.trim().length ? raw.icon.trim() : null
+    icon: typeof raw.icon === "string" && raw.icon.trim().length ? raw.icon.trim() : null,
+    updatedAt: typeof raw.updatedAt === "string" ? raw.updatedAt : typeof raw.updated_at === "string" ? raw.updated_at : null
   };
 }
 function PipelineSettings() {
@@ -132,11 +135,14 @@ function PipelineSettings() {
         }
         flash(t("customers.pipelines.flash.created", "Pipeline created"), "success");
       } else if (pipelineDialog?.mode === "edit") {
-        const res = await apiCall("/api/customers/pipelines", {
-          method: "PUT",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({ id: pipelineDialog.entry.id, name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault })
-        });
+        const res = await withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(pipelineDialog.entry.updatedAt),
+          () => apiCall("/api/customers/pipelines", {
+            method: "PUT",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ id: pipelineDialog.entry.id, name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault })
+          })
+        );
         if (!res.ok) {
           await raiseCrudError(res.response, t("customers.pipelines.errors.updateFailed", "Failed to update pipeline"));
           return;
@@ -157,11 +163,14 @@ function PipelineSettings() {
       variant: "destructive"
     });
     if (!confirmed) return;
-    const res = await apiCall("/api/customers/pipelines", {
-      method: "DELETE",
-      headers: { "content-type": "application/json" },
-      body: JSON.stringify({ id: pipeline.id })
-    });
+    const res = await withScopedApiRequestHeaders(
+      buildOptimisticLockHeader(pipeline.updatedAt),
+      () => apiCall("/api/customers/pipelines", {
+        method: "DELETE",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ id: pipeline.id })
+      })
+    );
     if (!res.ok) {
       const body = res.result ?? {};
       const msg = typeof body.error === "string" ? body.error : t("customers.pipelines.errors.deleteFailed", "Failed to delete pipeline");
@@ -203,11 +212,14 @@ function PipelineSettings() {
         flash(t("customers.pipelines.flash.stageCreated", "Stage created"), "success");
         await loadStages(stageDialog.pipelineId);
       } else if (stageDialog?.mode === "edit") {
-        const res = await apiCall("/api/customers/pipeline-stages", {
-          method: "PUT",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({ id: stageDialog.entry.id, label: stageForm.label.trim(), ...appearance })
-        });
+        const res = await withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(stageDialog.entry.updatedAt),
+          () => apiCall("/api/customers/pipeline-stages", {
+            method: "PUT",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ id: stageDialog.entry.id, label: stageForm.label.trim(), ...appearance })
+          })
+        );
         if (!res.ok) {
           await raiseCrudError(res.response, t("customers.pipelines.errors.stageUpdateFailed", "Failed to update stage"));
           return;
@@ -228,11 +240,14 @@ function PipelineSettings() {
       variant: "destructive"
     });
     if (!confirmed) return;
-    const res = await apiCall("/api/customers/pipeline-stages", {
-      method: "DELETE",
-      headers: { "content-type": "application/json" },
-      body: JSON.stringify({ id: stage.id })
-    });
+    const res = await withScopedApiRequestHeaders(
+      buildOptimisticLockHeader(stage.updatedAt),
+      () => apiCall("/api/customers/pipeline-stages", {
+        method: "DELETE",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ id: stage.id })
+      })
+    );
     if (!res.ok) {
       const body = res.result ?? {};
       const msg = typeof body.error === "string" ? body.error : t("customers.pipelines.errors.stageDeleteFailed", "Failed to delete stage");