@open-mercato/core 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

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 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: '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 searchPlaceholder = t('customers.config.dictionaries.searchPlaceholder', 'Search entries\u2026')\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        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    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      const messageValue = err instanceof Error ? err.message : errorDelete\n      flash(messageValue, 'error')\n    }\n  }, [confirm, deleteConfirmTemplate, errorDelete, inheritedActionBlocked, kind, loadEntries, successDelete])\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    searchPlaceholder,\n  }), [inheritedLabel, inheritedTooltip, searchPlaceholder, t, title])\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": ";AA0FM,SACE,KADF;AAxFN,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;AAYP,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,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,oBAAoB,EAAE,mDAAmD,sBAAiB;AAEhG,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,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,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,YAAM,eAAe,eAAe,QAAQ,IAAI,UAAU;AAC1D,YAAM,cAAc,OAAO;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,SAAS,uBAAuB,aAAa,wBAAwB,MAAM,aAAa,aAAa,CAAC;AAE1G,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;AAAA,EACF,IAAI,CAAC,gBAAgB,kBAAkB,mBAAmB,GAAG,KAAK,CAAC;AAEnE,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 } 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": "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",
   "names": []
 }

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

@@ -0,0 +1,121 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowUpRight, EyeOff, Handshake } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { formatCurrency } from "./utils.js";
+function ActiveDealCard({ deals, onHide }) {
+  const t = useT();
+  const [pipelineStages, setPipelineStages] = React.useState([]);
+  const activeDeals = React.useMemo(
+    () => deals.filter((d) => d.status !== "won" && d.status !== "lost" && d.status !== "closed"),
+    [deals]
+  );
+  const topDeal = React.useMemo(() => {
+    if (activeDeals.length === 0) return null;
+    return [...activeDeals].sort((a, b) => {
+      const va = typeof a.valueAmount === "number" ? a.valueAmount : parseFloat(String(a.valueAmount ?? "0"));
+      const vb = typeof b.valueAmount === "number" ? b.valueAmount : parseFloat(String(b.valueAmount ?? "0"));
+      return vb - va;
+    })[0];
+  }, [activeDeals]);
+  React.useEffect(() => {
+    let active = true;
+    if (!topDeal?.pipelineId) {
+      setPipelineStages([]);
+      return () => {
+        active = false;
+      };
+    }
+    readApiResultOrThrow(
+      `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(topDeal.pipelineId)}`
+    ).then((payload) => {
+      if (!active) return;
+      const nextStages = (Array.isArray(payload?.items) ? payload.items : []).map((item) => {
+        const id = typeof item.id === "string" ? item.id : null;
+        const label = typeof item.label === "string" ? item.label.trim() : "";
+        if (!id || label.length === 0) return null;
+        return { id, label };
+      }).filter((stage) => stage !== null);
+      setPipelineStages(nextStages);
+    }).catch(() => {
+      if (!active) return;
+      setPipelineStages([]);
+    });
+    return () => {
+      active = false;
+    };
+  }, [topDeal?.pipelineId]);
+  if (!topDeal) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-5", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+        /* @__PURE__ */ jsx(Handshake, { className: "size-4" }),
+        t("customers.companies.dashboard.activeDeal", "Active deal")
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: t("customers.companies.dashboard.noDeals", "No active deals") })
+    ] });
+  }
+  const amount = typeof topDeal.valueAmount === "number" ? topDeal.valueAmount : parseFloat(String(topDeal.valueAmount ?? "0"));
+  const currentStage = topDeal.pipelineStage ?? null;
+  const stageIndex = topDeal.pipelineStageId && pipelineStages.length > 0 ? pipelineStages.findIndex((stage) => stage.id === topDeal.pipelineStageId) : currentStage ? pipelineStages.findIndex((stage) => stage.label.toLowerCase() === currentStage.toLowerCase()) : -1;
+  const hasPipelineProgress = pipelineStages.length > 0 && stageIndex >= 0;
+  return /* @__PURE__ */ jsxs("div", { className: "group relative rounded-lg border bg-card p-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+        /* @__PURE__ */ jsx(Handshake, { className: "size-4" }),
+        t("customers.companies.dashboard.activeDeal", "Active deal")
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        onHide && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "xs",
+            onClick: onHide,
+            className: "opacity-0 transition-opacity group-hover:opacity-60",
+            "aria-label": t("customers.companies.dashboard.hideTile", "Hide tile"),
+            children: /* @__PURE__ */ jsx(EyeOff, { className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-4 text-muted-foreground" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground", children: topDeal.title }),
+      topDeal.createdAt && /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [
+        t("customers.companies.dashboard.created", "Created"),
+        " ",
+        new Date(topDeal.createdAt).toLocaleDateString()
+      ] }),
+      currentStage && hasPipelineProgress && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: pipelineStages.map((stage, idx) => /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-1.5 rounded-full",
+              idx <= stageIndex ? "bg-primary" : "bg-muted"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: cn(
+          "mt-1 text-xs",
+          idx <= stageIndex ? "font-medium text-foreground" : "text-muted-foreground"
+        ), children: stage.label })
+      ] }, stage.id)) }) }),
+      currentStage && !hasPipelineProgress && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: currentStage }) }),
+      Number.isFinite(amount) && amount > 0 && /* @__PURE__ */ jsxs("p", { className: "mt-2 text-lg font-bold text-foreground", children: [
+        formatCurrency(amount, topDeal.valueCurrency),
+        /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-xs font-normal text-muted-foreground", children: t("customers.companies.dashboard.potentialValue", "potential value") })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ActiveDealCard
+};
+//# sourceMappingURL=ActiveDealCard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActiveDealCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ArrowUpRight, EyeOff, Handshake } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { DealSummary } from '../formConfig'\nimport { formatCurrency } from './utils'\n\ntype ActiveDealCardProps = {\n  deals: DealSummary[]\n  onHide?: () => void\n}\n\ntype PipelineStageOption = {\n  id: string\n  label: string\n}\n\nexport function ActiveDealCard({ deals, onHide }: ActiveDealCardProps) {\n  const t = useT()\n  const [pipelineStages, setPipelineStages] = React.useState<PipelineStageOption[]>([])\n\n  const activeDeals = React.useMemo(\n    () => deals.filter((d) => d.status !== 'won' && d.status !== 'lost' && d.status !== 'closed'),\n    [deals],\n  )\n\n  const topDeal = React.useMemo(() => {\n    if (activeDeals.length === 0) return null\n    return [...activeDeals].sort((a, b) => {\n      const va = typeof a.valueAmount === 'number' ? a.valueAmount : parseFloat(String(a.valueAmount ?? '0'))\n      const vb = typeof b.valueAmount === 'number' ? b.valueAmount : parseFloat(String(b.valueAmount ?? '0'))\n      return vb - va\n    })[0]\n  }, [activeDeals])\n\n  React.useEffect(() => {\n    let active = true\n\n    if (!topDeal?.pipelineId) {\n      setPipelineStages([])\n      return () => {\n        active = false\n      }\n    }\n\n    readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n      `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(topDeal.pipelineId)}`,\n    )\n      .then((payload) => {\n        if (!active) return\n        const nextStages = (Array.isArray(payload?.items) ? payload.items : [])\n          .map((item) => {\n            const id = typeof item.id === 'string' ? item.id : null\n            const label = typeof item.label === 'string' ? item.label.trim() : ''\n            if (!id || label.length === 0) return null\n            return { id, label }\n          })\n          .filter((stage): stage is PipelineStageOption => stage !== null)\n        setPipelineStages(nextStages)\n      })\n      .catch(() => {\n        if (!active) return\n        setPipelineStages([])\n      })\n\n    return () => {\n      active = false\n    }\n  }, [topDeal?.pipelineId])\n\n  if (!topDeal) {\n    return (\n      <div className=\"rounded-lg border bg-card p-5\">\n        <h3 className=\"flex items-center gap-2 text-sm font-semibold text-foreground\">\n          <Handshake className=\"size-4\" />\n          {t('customers.companies.dashboard.activeDeal', 'Active deal')}\n        </h3>\n        <p className=\"mt-3 text-sm text-muted-foreground\">\n          {t('customers.companies.dashboard.noDeals', 'No active deals')}\n        </p>\n      </div>\n    )\n  }\n\n  const amount = typeof topDeal.valueAmount === 'number'\n    ? topDeal.valueAmount\n    : parseFloat(String(topDeal.valueAmount ?? '0'))\n\n  const currentStage = topDeal.pipelineStage ?? null\n  const stageIndex =\n    topDeal.pipelineStageId && pipelineStages.length > 0\n      ? pipelineStages.findIndex((stage) => stage.id === topDeal.pipelineStageId)\n      : currentStage\n        ? pipelineStages.findIndex((stage) => stage.label.toLowerCase() === currentStage.toLowerCase())\n        : -1\n  const hasPipelineProgress = pipelineStages.length > 0 && stageIndex >= 0\n\n  return (\n    <div className=\"group relative rounded-lg border bg-card p-5\">\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"flex items-center gap-2 text-sm font-semibold text-foreground\">\n          <Handshake className=\"size-4\" />\n          {t('customers.companies.dashboard.activeDeal', 'Active deal')}\n        </h3>\n        <div className=\"flex items-center gap-1\">\n          {onHide && (\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"xs\"\n              onClick={onHide}\n              className=\"opacity-0 transition-opacity group-hover:opacity-60\"\n              aria-label={t('customers.companies.dashboard.hideTile', 'Hide tile')}\n            >\n              <EyeOff className=\"size-3.5\" />\n            </IconButton>\n          )}\n          <ArrowUpRight className=\"size-4 text-muted-foreground\" />\n        </div>\n      </div>\n\n      <div className=\"mt-3\">\n        <p className=\"font-semibold text-foreground\">{topDeal.title}</p>\n        {topDeal.createdAt && (\n          <p className=\"mt-0.5 text-xs text-muted-foreground\">\n            {t('customers.companies.dashboard.created', 'Created')} {new Date(topDeal.createdAt).toLocaleDateString()}\n          </p>\n        )}\n\n        {/* Pipeline stage progress bar */}\n        {currentStage && hasPipelineProgress && (\n          <div className=\"mt-3\">\n            <div className=\"flex gap-1\">\n              {pipelineStages.map((stage, idx) => (\n                <div key={stage.id} className=\"flex-1\">\n                  <div\n                    className={cn(\n                      'h-1.5 rounded-full',\n                      idx <= stageIndex ? 'bg-primary' : 'bg-muted',\n                    )}\n                  />\n                  <p className={cn(\n                    'mt-1 text-xs',\n                    idx <= stageIndex ? 'font-medium text-foreground' : 'text-muted-foreground',\n                  )}>\n                    {stage.label}\n                  </p>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n        {currentStage && !hasPipelineProgress && (\n          <div className=\"mt-2\">\n            <Badge variant=\"outline\" className=\"text-xs\">{currentStage}</Badge>\n          </div>\n        )}\n\n        {Number.isFinite(amount) && amount > 0 && (\n          <p className=\"mt-2 text-lg font-bold text-foreground\">\n            {formatCurrency(amount, topDeal.valueCurrency)}\n            <span className=\"ml-1.5 text-xs font-normal text-muted-foreground\">\n              {t('customers.companies.dashboard.potentialValue', 'potential value')}\n            </span>\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}