npm - @open-mercato/core - Versions diffs - 0.4.5-develop-0f0e676c72 → 0.4.5-develop-e694581d9f - Mend

@open-mercato/core 0.4.5-develop-0f0e676c72 → 0.4.5-develop-e694581d9f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

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

@@ -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: '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: '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": "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",
+  "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": "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",
   "names": []
 }

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

@@ -0,0 +1,474 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  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 { 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";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import {
+  AppearanceSelector
+} from "@open-mercato/core/modules/dictionaries/components/AppearanceSelector";
+import {
+  renderDictionaryColor,
+  renderDictionaryIcon
+} from "@open-mercato/core/modules/dictionaries/components/dictionaryAppearance";
+function normalizePipeline(raw) {
+  return {
+    id: typeof raw.id === "string" ? raw.id : "",
+    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 : ""
+  };
+}
+function normalizeStage(raw) {
+  return {
+    id: typeof raw.id === "string" ? raw.id : "",
+    pipelineId: typeof raw.pipelineId === "string" ? raw.pipelineId : typeof raw.pipeline_id === "string" ? raw.pipeline_id : "",
+    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
+  };
+}
+function PipelineSettings() {
+  const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [pipelines, setPipelines] = React.useState([]);
+  const [loadingPipelines, setLoadingPipelines] = React.useState(false);
+  const [pipelineDialog, setPipelineDialog] = React.useState(null);
+  const [pipelineForm, setPipelineForm] = React.useState({ name: "", isDefault: false });
+  const [submittingPipeline, setSubmittingPipeline] = React.useState(false);
+  const [expandedPipelineId, setExpandedPipelineId] = React.useState(null);
+  const [stages, setStages] = React.useState({});
+  const [loadingStages, setLoadingStages] = React.useState({});
+  const [stageDialog, setStageDialog] = React.useState(null);
+  const [stageForm, setStageForm] = React.useState({ label: "", color: null, icon: null });
+  const [submittingStage, setSubmittingStage] = React.useState(false);
+  const loadPipelines = React.useCallback(async () => {
+    setLoadingPipelines(true);
+    try {
+      const data = await readApiResultOrThrow(
+        "/api/customers/pipelines",
+        void 0,
+        { errorMessage: t("customers.pipelines.errors.loadFailed", "Failed to load pipelines"), fallback: { items: [] } }
+      );
+      const items = Array.isArray(data?.items) ? data.items : [];
+      setPipelines(items.map((item) => normalizePipeline(item)));
+    } finally {
+      setLoadingPipelines(false);
+    }
+  }, [t]);
+  const loadStages = React.useCallback(async (pipelineId) => {
+    setLoadingStages((prev) => ({ ...prev, [pipelineId]: true }));
+    try {
+      const data = await readApiResultOrThrow(
+        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`,
+        void 0,
+        { errorMessage: t("customers.pipelines.errors.stagesLoadFailed", "Failed to load stages"), fallback: { items: [] } }
+      );
+      const items = Array.isArray(data?.items) ? data.items : [];
+      setStages((prev) => ({
+        ...prev,
+        [pipelineId]: items.map((item) => normalizeStage(item))
+      }));
+    } finally {
+      setLoadingStages((prev) => ({ ...prev, [pipelineId]: false }));
+    }
+  }, [t]);
+  React.useEffect(() => {
+    void loadPipelines();
+  }, [loadPipelines, scopeVersion]);
+  React.useEffect(() => {
+    if (expandedPipelineId) {
+      void loadStages(expandedPipelineId);
+    }
+  }, [expandedPipelineId, loadStages]);
+  const openCreatePipeline = React.useCallback(() => {
+    setPipelineForm({ name: "", isDefault: false });
+    setPipelineDialog({ mode: "create" });
+  }, []);
+  const openEditPipeline = React.useCallback((pipeline) => {
+    setPipelineForm({ name: pipeline.name, isDefault: pipeline.isDefault });
+    setPipelineDialog({ mode: "edit", entry: pipeline });
+  }, []);
+  const closePipelineDialog = React.useCallback(() => {
+    setPipelineDialog(null);
+  }, []);
+  const handlePipelineSubmit = React.useCallback(async () => {
+    if (!pipelineForm.name.trim()) return;
+    setSubmittingPipeline(true);
+    try {
+      if (pipelineDialog?.mode === "create") {
+        const res = await apiCall("/api/customers/pipelines", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault })
+        });
+        if (!res.ok) {
+          await raiseCrudError(res.response, t("customers.pipelines.errors.createFailed", "Failed to create pipeline"));
+          return;
+        }
+        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 })
+        });
+        if (!res.ok) {
+          await raiseCrudError(res.response, t("customers.pipelines.errors.updateFailed", "Failed to update pipeline"));
+          return;
+        }
+        flash(t("customers.pipelines.flash.updated", "Pipeline updated"), "success");
+      }
+      setPipelineDialog(null);
+      await loadPipelines();
+    } finally {
+      setSubmittingPipeline(false);
+    }
+  }, [pipelineDialog, pipelineForm, loadPipelines, t]);
+  const handleDeletePipeline = React.useCallback(async (pipeline) => {
+    const confirmed = await confirm({
+      title: t("customers.pipelines.confirm.deleteTitle", "Delete pipeline"),
+      text: t("customers.pipelines.confirm.deleteDesc", "Are you sure you want to delete this pipeline? This cannot be undone."),
+      confirmText: t("customers.pipelines.confirm.deleteConfirm", "Delete"),
+      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 })
+    });
+    if (!res.ok) {
+      const body = res.result ?? {};
+      const msg = typeof body.error === "string" ? body.error : t("customers.pipelines.errors.deleteFailed", "Failed to delete pipeline");
+      flash(msg, "error");
+      return;
+    }
+    flash(t("customers.pipelines.flash.deleted", "Pipeline deleted"), "success");
+    if (expandedPipelineId === pipeline.id) setExpandedPipelineId(null);
+    await loadPipelines();
+  }, [confirm, expandedPipelineId, loadPipelines, t]);
+  const toggleExpand = React.useCallback((pipelineId) => {
+    setExpandedPipelineId((prev) => prev === pipelineId ? null : pipelineId);
+  }, []);
+  const openCreateStage = React.useCallback((pipelineId) => {
+    setStageForm({ label: "", color: null, icon: null });
+    setStageDialog({ mode: "create", pipelineId });
+  }, []);
+  const openEditStage = React.useCallback((stage) => {
+    setStageForm({ label: stage.label, color: stage.color, icon: stage.icon });
+    setStageDialog({ mode: "edit", entry: stage });
+  }, []);
+  const closeStageDialog = React.useCallback(() => {
+    setStageDialog(null);
+  }, []);
+  const handleStageSubmit = React.useCallback(async () => {
+    if (!stageForm.label.trim()) return;
+    setSubmittingStage(true);
+    try {
+      const appearance = {};
+      if (stageForm.color) appearance.color = stageForm.color;
+      if (stageForm.icon) appearance.icon = stageForm.icon;
+      if (stageDialog?.mode === "create") {
+        const res = await apiCall("/api/customers/pipeline-stages", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ pipelineId: stageDialog.pipelineId, label: stageForm.label.trim(), ...appearance })
+        });
+        if (!res.ok) {
+          await raiseCrudError(res.response, t("customers.pipelines.errors.stageCreateFailed", "Failed to create stage"));
+          return;
+        }
+        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 })
+        });
+        if (!res.ok) {
+          await raiseCrudError(res.response, t("customers.pipelines.errors.stageUpdateFailed", "Failed to update stage"));
+          return;
+        }
+        flash(t("customers.pipelines.flash.stageUpdated", "Stage updated"), "success");
+        await loadStages(stageDialog.entry.pipelineId);
+      }
+      setStageDialog(null);
+    } finally {
+      setSubmittingStage(false);
+    }
+  }, [stageDialog, stageForm, loadStages, t]);
+  const handleDeleteStage = React.useCallback(async (stage) => {
+    const confirmed = await confirm({
+      title: t("customers.pipelines.confirm.stageDeleteTitle", "Delete stage"),
+      text: t("customers.pipelines.confirm.stageDeleteDesc", "Are you sure you want to delete this stage?"),
+      confirmText: t("customers.pipelines.confirm.stageDeleteConfirm", "Delete"),
+      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 })
+    });
+    if (!res.ok) {
+      const body = res.result ?? {};
+      const msg = typeof body.error === "string" ? body.error : t("customers.pipelines.errors.stageDeleteFailed", "Failed to delete stage");
+      flash(msg, "error");
+      return;
+    }
+    flash(t("customers.pipelines.flash.stageDeleted", "Stage deleted"), "success");
+    await loadStages(stage.pipelineId);
+  }, [confirm, loadStages, t]);
+  const handleMoveStage = React.useCallback(async (stage, direction) => {
+    const pipelineStages = stages[stage.pipelineId] ?? [];
+    const idx = pipelineStages.findIndex((s) => s.id === stage.id);
+    if (idx < 0) return;
+    const swapIdx = direction === "up" ? idx - 1 : idx + 1;
+    if (swapIdx < 0 || swapIdx >= pipelineStages.length) return;
+    const reordered = [...pipelineStages];
+    const temp = reordered[idx];
+    reordered[idx] = reordered[swapIdx];
+    reordered[swapIdx] = temp;
+    const orderedStages = reordered.map((s, i) => ({ id: s.id, order: i }));
+    const res = await apiCall("/api/customers/pipeline-stages/reorder", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ stages: orderedStages })
+    });
+    if (!res.ok) {
+      flash(t("customers.pipelines.errors.reorderFailed", "Failed to reorder stages"), "error");
+      return;
+    }
+    await loadStages(stage.pipelineId);
+  }, [stages, loadStages, t]);
+  const handleKeyDown = React.useCallback(
+    (handler) => (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+        e.preventDefault();
+        handler();
+      }
+    },
+    []
+  );
+  const appearanceLabels = React.useMemo(() => ({
+    colorLabel: t("customers.pipelines.stageForm.color", "Color"),
+    colorClearLabel: t("customers.pipelines.stageForm.colorClear", "Remove color"),
+    iconLabel: t("customers.pipelines.stageForm.icon", "Icon"),
+    iconPlaceholder: t("customers.pipelines.stageForm.iconPlaceholder", "e.g. lucide:star"),
+    iconPickerTriggerLabel: t("customers.pipelines.stageForm.iconPicker", "Pick icon"),
+    iconSearchPlaceholder: t("customers.pipelines.stageForm.iconSearch", "Search icons\u2026"),
+    iconSearchEmptyLabel: t("customers.pipelines.stageForm.iconSearchEmpty", "No icons found"),
+    iconSuggestionsLabel: t("customers.pipelines.stageForm.iconSuggestions", "Suggestions"),
+    iconClearLabel: t("customers.pipelines.stageForm.iconClear", "Remove icon"),
+    previewEmptyLabel: t("customers.pipelines.stageForm.previewEmpty", "No appearance set")
+  }), [t]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: t("customers.pipelines.title", "Sales Pipelines") }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.pipelines.description", "Manage sales pipelines and their stages.") })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { size: "sm", onClick: openCreatePipeline, children: t("customers.pipelines.actions.create", "Add pipeline") })
+    ] }),
+    loadingPipelines ? /* @__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.pipelines.loading", "Loading pipelines\u2026")
+    ] }) : pipelines.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.pipelines.empty", "No pipelines yet. Create one to get started.") }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-md border", children: pipelines.map((pipeline) => {
+      const isExpanded = expandedPipelineId === pipeline.id;
+      const pipelineStages = stages[pipeline.id] ?? [];
+      const isLoadingStages = loadingStages[pipeline.id] ?? false;
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-4 py-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: pipeline.name }),
+            pipeline.isDefault ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary", children: t("customers.pipelines.defaultBadge", "Default") }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => toggleExpand(pipeline.id),
+                children: isExpanded ? t("customers.pipelines.actions.hideStages", "Hide stages") : t("customers.pipelines.actions.manageStages", "Manage stages")
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => openEditPipeline(pipeline), children: t("customers.pipelines.actions.edit", "Edit") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "text-destructive hover:text-destructive",
+                onClick: () => void handleDeletePipeline(pipeline),
+                children: t("customers.pipelines.actions.delete", "Delete")
+              }
+            )
+          ] })
+        ] }),
+        isExpanded ? /* @__PURE__ */ jsxs("div", { className: "border-t border-border bg-muted/30 px-4 py-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: t("customers.pipelines.stages.title", "Stages") }),
+            /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: () => openCreateStage(pipeline.id), children: t("customers.pipelines.stages.add", "Add stage") })
+          ] }),
+          isLoadingStages ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "h-3 w-3" }),
+            t("customers.pipelines.stages.loading", "Loading\u2026")
+          ] }) : pipelineStages.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.pipelines.stages.empty", "No stages yet.") }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-md border bg-background", children: pipelineStages.map((stage, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-3 py-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "w-5 text-center text-xs text-muted-foreground", children: idx + 1 }),
+              stage.color ? renderDictionaryColor(stage.color, "h-3 w-3 rounded-full") : null,
+              stage.icon ? renderDictionaryIcon(stage.icon, "h-4 w-4") : null,
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: stage.label })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-7 w-7",
+                  disabled: idx === 0,
+                  onClick: () => void handleMoveStage(stage, "up"),
+                  title: t("customers.pipelines.stages.moveUp", "Move up"),
+                  children: "\u2191"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-7 w-7",
+                  disabled: idx === pipelineStages.length - 1,
+                  onClick: () => void handleMoveStage(stage, "down"),
+                  title: t("customers.pipelines.stages.moveDown", "Move down"),
+                  children: "\u2193"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => openEditStage(stage),
+                  children: t("customers.pipelines.stages.edit", "Edit")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "text-destructive hover:text-destructive",
+                  onClick: () => void handleDeleteStage(stage),
+                  children: t("customers.pipelines.stages.delete", "Delete")
+                }
+              )
+            ] })
+          ] }, stage.id)) })
+        ] }) : null
+      ] }, pipeline.id);
+    }) }),
+    /* @__PURE__ */ jsx(Dialog, { open: pipelineDialog !== null, onOpenChange: (open) => {
+      if (!open) closePipelineDialog();
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown: handleKeyDown(handlePipelineSubmit), children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: pipelineDialog?.mode === "create" ? t("customers.pipelines.dialog.createTitle", "Create pipeline") : t("customers.pipelines.dialog.editTitle", "Edit pipeline") }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "pipeline-name", children: t("customers.pipelines.form.name", "Name") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "pipeline-name",
+              value: pipelineForm.name,
+              onChange: (e) => setPipelineForm((prev) => ({ ...prev, name: e.target.value })),
+              placeholder: t("customers.pipelines.form.namePlaceholder", "e.g. New Business"),
+              autoFocus: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: "pipeline-default",
+              checked: pipelineForm.isDefault,
+              onCheckedChange: (checked) => setPipelineForm((prev) => ({ ...prev, isDefault: checked === true }))
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "pipeline-default", className: "cursor-pointer", children: t("customers.pipelines.form.isDefault", "Set as default pipeline") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: closePipelineDialog, disabled: submittingPipeline, children: t("customers.pipelines.dialog.cancel", "Cancel") }),
+        /* @__PURE__ */ jsxs(Button, { onClick: () => void handlePipelineSubmit(), disabled: submittingPipeline || !pipelineForm.name.trim(), children: [
+          submittingPipeline ? /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }) : null,
+          t("customers.pipelines.dialog.save", "Save")
+        ] })
+      ] })
+    ] }) }),
+    ConfirmDialogElement,
+    /* @__PURE__ */ jsx(Dialog, { open: stageDialog !== null, onOpenChange: (open) => {
+      if (!open) closeStageDialog();
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown: handleKeyDown(handleStageSubmit), children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: stageDialog?.mode === "create" ? t("customers.pipelines.stageDialog.createTitle", "Add stage") : t("customers.pipelines.stageDialog.editTitle", "Edit stage") }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "stage-label", children: t("customers.pipelines.stageForm.label", "Label") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "stage-label",
+              value: stageForm.label,
+              onChange: (e) => setStageForm((prev) => ({ ...prev, label: e.target.value })),
+              placeholder: t("customers.pipelines.stageForm.labelPlaceholder", "e.g. Discovery"),
+              autoFocus: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          AppearanceSelector,
+          {
+            color: stageForm.color,
+            icon: stageForm.icon,
+            onColorChange: (next) => setStageForm((prev) => ({ ...prev, color: next })),
+            onIconChange: (next) => setStageForm((prev) => ({ ...prev, icon: next })),
+            labels: appearanceLabels
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: closeStageDialog, disabled: submittingStage, children: t("customers.pipelines.stageDialog.cancel", "Cancel") }),
+        /* @__PURE__ */ jsxs(Button, { onClick: () => void handleStageSubmit(), disabled: submittingStage || !stageForm.label.trim(), children: [
+          submittingStage ? /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }) : null,
+          t("customers.pipelines.stageDialog.save", "Save")
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  PipelineSettings as default
+};
+//# sourceMappingURL=PipelineSettings.js.map