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

package/dist/modules/catalog/components/PriceKindSettings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/catalog/components/PriceKindSettings.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { RadioGroup, Radio } from '@open-mercato/ui/primitives/radio'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { raiseCrudError } from '@open-mercato/ui/backend/utils/serverErrors'\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 { DictionaryEntrySelect } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport { useCurrencyDictionary } from '@open-mercato/core/modules/customers/components/detail/hooks/useCurrencyDictionary'\nimport type { DictionaryOption } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport type { CatalogPriceDisplayMode } from '../data/types'\n\ntype PriceKind = {\n  id: string\n  code: string\n  title: string\n  displayMode: CatalogPriceDisplayMode\n  currencyCode: string | null\n  isPromotion: boolean\n  isActive: boolean\n  createdAt: string\n  updatedAt: string\n}\n\ntype DialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; entry: PriceKind }\n\ntype PriceKindApiPayload = Partial<PriceKind> & {\n  display_mode?: PriceKind['displayMode']\n  currency_code?: string | null\n  is_promotion?: boolean\n  is_active?: boolean\n  created_at?: string\n  updated_at?: string\n}\n\nconst DISPLAY_MODES: Array<{ value: 'including-tax' | 'excluding-tax'; label: string }> = [\n  { value: 'excluding-tax', label: 'Excluding tax' },\n  { value: 'including-tax', label: 'Including tax' },\n]\n\nconst PAGE_SIZE = 100\n\ntype PriceKindFormState = {\n  code: string\n  title: string\n  displayMode: CatalogPriceDisplayMode\n  currencyCode: string\n  isPromotion: boolean\n  isActive: boolean\n}\n\nconst DEFAULT_FORM: PriceKindFormState = {\n  code: '',\n  title: '',\n  displayMode: 'excluding-tax' as const,\n  currencyCode: '',\n  isPromotion: false,\n  isActive: true,\n}\n\nconst normalizePriceKind = (input: PriceKindApiPayload | null | undefined): PriceKind => {\n  const raw = input ?? {}\n  const toStringValue = (value: unknown): string | null => {\n    if (typeof value === 'string') return value\n    if (typeof value === 'number' || typeof value === 'bigint') return String(value)\n    return null\n  }\n  const toBooleanValue = (value: unknown): boolean | null => (typeof value === 'boolean' ? value : null)\n  const resolveDisplayMode = (value: string | null): PriceKind['displayMode'] =>\n    value === 'including-tax' ? 'including-tax' : 'excluding-tax'\n\n  const displayMode = resolveDisplayMode(\n    toStringValue(raw.displayMode) ?? toStringValue(raw.display_mode),\n  )\n  const currencyCode = toStringValue(raw.currencyCode) ?? toStringValue(raw.currency_code)\n  const isPromotion = toBooleanValue(raw.isPromotion) ?? toBooleanValue(raw.is_promotion)\n  const isActive = toBooleanValue(raw.isActive) ?? toBooleanValue(raw.is_active)\n\n  return {\n    id: toStringValue(raw.id) ?? '',\n    code: toStringValue(raw.code) ?? '',\n    title: toStringValue(raw.title) ?? '',\n    displayMode,\n    currencyCode: currencyCode ?? null,\n    isPromotion: isPromotion ?? false,\n    isActive: isActive ?? true,\n    createdAt: toStringValue(raw.createdAt) ?? toStringValue(raw.created_at) ?? '',\n    updatedAt: toStringValue(raw.updatedAt) ?? toStringValue(raw.updated_at) ?? '',\n  }\n}\n\nexport function PriceKindSettings() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [items, setItems] = React.useState<PriceKind[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [search, setSearch] = React.useState('')\n  const [dialog, setDialog] = React.useState<DialogState | null>(null)\n  const [form, setForm] = React.useState<PriceKindFormState>(DEFAULT_FORM)\n  const [submitting, setSubmitting] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const { data: currencyDictionary, refetch: refetchCurrencyDictionary } = useCurrencyDictionary()\n\n  const currencyOptionsLoader = React.useCallback(async (): Promise<DictionaryOption[]> => {\n    if (currencyDictionary && Array.isArray(currencyDictionary.entries)) {\n      return currencyDictionary.entries.map((entry) => ({\n        value: entry.value,\n        label: entry.label,\n        color: entry.color ?? null,\n        icon: entry.icon ?? null,\n      }))\n    }\n    const payload = await refetchCurrencyDictionary()\n    return payload.entries.map((entry) => ({\n      value: entry.value,\n      label: entry.label,\n      color: entry.color ?? null,\n      icon: entry.icon ?? null,\n    }))\n  }, [currencyDictionary, refetchCurrencyDictionary])\n\n  const loadItems = React.useCallback(async () => {\n    setLoading(true)\n    const loadErrorMessage = t('catalog.priceKinds.errors.load', 'Failed to load price kinds.')\n    try {\n      const payload = await readApiResultOrThrow<{ items?: PriceKindApiPayload[] }>(\n        `/api/catalog/price-kinds?pageSize=${PAGE_SIZE}`,\n        undefined,\n        { errorMessage: loadErrorMessage },\n      )\n      const normalized = Array.isArray(payload.items) ? payload.items.map((item) => normalizePriceKind(item)) : []\n      setItems(normalized)\n    } catch (err) {\n      console.error('catalog.price-kinds.list failed', err)\n      flash(loadErrorMessage, 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    loadItems().catch(() => {})\n  }, [loadItems, scopeVersion])\n\n  const openDialog = React.useCallback((state: DialogState) => {\n    if (state.mode === 'edit') {\n      setForm({\n        code: state.entry.code,\n        title: state.entry.title,\n        displayMode: state.entry.displayMode,\n        currencyCode: state.entry.currencyCode ?? '',\n        isPromotion: state.entry.isPromotion,\n        isActive: state.entry.isActive,\n      })\n    } else {\n      setForm(DEFAULT_FORM)\n    }\n    setError(null)\n    setDialog(state)\n  }, [])\n\n  const closeDialog = React.useCallback(() => {\n    setDialog(null)\n    setError(null)\n    setSubmitting(false)\n    setForm(DEFAULT_FORM)\n  }, [])\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!dialog) return\n    const trimmedCode = form.code.trim().toLowerCase()\n    const trimmedTitle = form.title.trim()\n    if (!trimmedCode || !trimmedTitle) {\n      setError(t('catalog.priceKinds.errors.required', 'Code and title are required.'))\n      return\n    }\n    setSubmitting(true)\n    setError(null)\n    try {\n      const payload = {\n        code: trimmedCode,\n        title: trimmedTitle,\n        displayMode: form.displayMode,\n        currencyCode: form.currencyCode.trim() || undefined,\n        isPromotion: form.isPromotion,\n        isActive: form.isActive,\n      }\n      const path = '/api/catalog/price-kinds'\n      const method = dialog.mode === 'create' ? 'POST' : 'PUT'\n      const body =\n        dialog.mode === 'edit'\n          ? JSON.stringify({ id: dialog.entry.id, ...payload })\n          : JSON.stringify(payload)\n      const call = await apiCall(path, {\n        method,\n        headers: { 'content-type': 'application/json' },\n        body,\n      })\n      if (!call.ok) {\n        await raiseCrudError(call.response, t('catalog.priceKinds.errors.save', 'Failed to save price kind.'))\n      }\n      flash(\n        dialog.mode === 'create'\n          ? t('catalog.priceKinds.messages.created', 'Price kind created.')\n          : t('catalog.priceKinds.messages.updated', 'Price kind updated.'),\n        'success',\n      )\n      closeDialog()\n      await loadItems()\n    } catch (err) {\n      console.error('catalog.price-kinds.save failed', err)\n      const message =\n        err instanceof Error ? err.message : t('catalog.priceKinds.errors.save', 'Failed to save price kind.')\n      setError(message)\n    } finally {\n      setSubmitting(false)\n    }\n  }, [dialog, form, t, closeDialog, loadItems])\n\n  const handleDelete = React.useCallback(\n    async (entry: PriceKind) => {\n      const confirmMessage = t('catalog.priceKinds.confirm.delete', 'Delete price kind \"{{code}}\"?').replace('{{code}}', entry.code)\n      const confirmed = await confirm({\n        title: confirmMessage,\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n      try {\n        const call = await apiCall('/api/catalog/price-kinds', {\n          method: 'DELETE',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ id: entry.id }),\n        })\n        if (!call.ok) {\n          await raiseCrudError(call.response, t('catalog.priceKinds.errors.delete', 'Failed to delete price kind.'))\n        }\n        flash(t('catalog.priceKinds.messages.deleted', 'Price kind deleted.'), 'success')\n        await loadItems()\n      } catch (err) {\n        console.error('catalog.price-kinds.delete failed', err)\n        const message =\n          err instanceof Error ? err.message : t('catalog.priceKinds.errors.delete', 'Failed to delete price kind.')\n        flash(message, 'error')\n      }\n    },\n    [confirm, loadItems, t],\n  )\n\n  const formKeyHandler = React.useCallback(\n    (event: React.KeyboardEvent<HTMLFormElement>) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        void handleSubmit()\n      }\n    },\n    [handleSubmit],\n  )\n\n  const displayModeLabels = React.useMemo(() => ({\n    'including-tax': t('catalog.priceKinds.form.displayMode.include', 'Including tax'),\n    'excluding-tax': t('catalog.priceKinds.form.displayMode.exclude', 'Excluding tax'),\n  }), [t])\n\n  const displayModeOptions = React.useMemo(\n    () =>\n      DISPLAY_MODES.map((mode) => ({\n        ...mode,\n        label: displayModeLabels[mode.value],\n      })),\n    [displayModeLabels],\n  )\n\n  const currencyLabels = React.useMemo(() => ({\n    placeholder: t('catalog.priceKinds.form.currency.placeholder', 'Select currency\u2026'),\n    addLabel: t('catalog.priceKinds.form.currency.add', 'Add currency'),\n    addPrompt: t('catalog.priceKinds.form.currency.addPrompt', 'Provide a currency code.'),\n    dialogTitle: t('catalog.priceKinds.form.currency.dialogTitle', 'Add currency'),\n    valueLabel: t('catalog.priceKinds.form.currency.valueLabel', 'Currency code'),\n    valuePlaceholder: t('catalog.priceKinds.form.currency.valuePlaceholder', 'e.g. USD'),\n    labelLabel: t('catalog.priceKinds.form.currency.labelLabel', 'Display label (optional)'),\n    labelPlaceholder: t('catalog.priceKinds.form.currency.labelPlaceholder', 'e.g. US Dollar'),\n    emptyError: t('catalog.priceKinds.form.currency.required', 'Currency code is required.'),\n    cancelLabel: t('catalog.priceKinds.form.currency.cancel', 'Cancel'),\n    saveLabel: t('catalog.priceKinds.form.currency.save', 'Save'),\n    saveShortcutHint: t('catalog.priceKinds.form.currency.saveShortcut', 'Press Enter to save'),\n    successCreateLabel: t('catalog.priceKinds.form.currency.success', 'Currency added.'),\n    errorLoad: t('catalog.priceKinds.form.currency.loadError', 'Unable to load currencies.'),\n    errorSave: t('catalog.priceKinds.form.currency.createError', 'Unable to add currency.'),\n    loadingLabel: t('catalog.priceKinds.form.currency.loading', 'Loading currencies\u2026'),\n    manageTitle: t('catalog.priceKinds.form.currency.manage', 'Manage currencies'),\n  }), [t])\n\n  const tableLabels = React.useMemo(() => ({\n    code: t('catalog.priceKinds.table.code', 'Code'),\n    title: t('catalog.priceKinds.table.title', 'Title'),\n    displayMode: t('catalog.priceKinds.table.displayMode', 'Display mode'),\n    currency: t('catalog.priceKinds.table.currency', 'Currency'),\n    promotion: t('catalog.priceKinds.table.promotion', 'Promotion'),\n    promotionYes: t('catalog.priceKinds.table.promotionYes', 'Yes'),\n    promotionNo: t('catalog.priceKinds.table.promotionNo', 'No'),\n    active: t('catalog.priceKinds.table.active', 'Active'),\n    activeYes: t('catalog.priceKinds.table.activeYes', 'Active'),\n    activeNo: t('catalog.priceKinds.table.activeNo', 'Inactive'),\n    search: t('catalog.priceKinds.search.placeholder', 'Search by code or title\u2026'),\n    empty: t('catalog.priceKinds.table.empty', 'No price kinds yet.'),\n  }), [t])\n\n  const columns = React.useMemo<ColumnDef<PriceKind>[]>(() => [\n    {\n      accessorKey: 'code',\n      header: tableLabels.code,\n      cell: ({ row }) => <span className=\"font-mono uppercase\">{row.original.code}</span>,\n    },\n    {\n      accessorKey: 'title',\n      header: tableLabels.title,\n      cell: ({ row }) => <span className=\"font-medium\">{row.original.title}</span>,\n    },\n    {\n      accessorKey: 'displayMode',\n      header: tableLabels.displayMode,\n      cell: ({ row }) => displayModeLabels[row.original.displayMode] ?? row.original.displayMode,\n    },\n    {\n      accessorKey: 'currencyCode',\n      header: tableLabels.currency,\n      cell: ({ row }) => (row.original.currencyCode ? row.original.currencyCode.toUpperCase() : '\u2014'),\n    },\n    {\n      id: 'promotion',\n      header: tableLabels.promotion,\n      cell: ({ row }) =>\n        row.original.isPromotion ? (\n          <span className=\"inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-xs font-medium text-amber-900 dark:border-amber-500/50 dark:bg-amber-500/10 dark:text-amber-100\">\n            {tableLabels.promotionYes}\n          </span>\n        ) : (\n          <span className=\"inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium\">\n            {tableLabels.promotionNo}\n          </span>\n        ),\n    },\n    {\n      id: 'active',\n      header: tableLabels.active,\n      cell: ({ row }) =>\n        row.original.isActive ? (\n          <span className=\"inline-flex items-center rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 text-xs font-medium text-emerald-900 dark:border-emerald-500/50 dark:bg-emerald-500/10 dark:text-emerald-100\">\n            {tableLabels.activeYes}\n          </span>\n        ) : (\n          <span className=\"inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium\">\n            {tableLabels.activeNo}\n          </span>\n        ),\n    },\n  ], [displayModeLabels, tableLabels])\n\n  const filteredItems = React.useMemo(() => {\n    const term = search.trim().toLowerCase()\n    if (!term) return items\n    return items.filter((item) => {\n      const currency = (item.currencyCode ?? '').toLowerCase()\n      const modeLabel = (displayModeLabels[item.displayMode] ?? item.displayMode).toLowerCase()\n      return (\n        item.code.toLowerCase().includes(term) ||\n        item.title.toLowerCase().includes(term) ||\n        currency.includes(term) ||\n        modeLabel.includes(term)\n      )\n    })\n  }, [displayModeLabels, items, search])\n\n  const handleRowClick = React.useCallback((entry: PriceKind) => {\n    openDialog({ mode: 'edit', entry })\n  }, [openDialog])\n\n  return (\n    <>\n      <section className=\"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-semibold\">{t('catalog.priceKinds.title', 'Price kinds')}</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('catalog.priceKinds.description', 'Configure reusable price kinds that control pricing columns and tax display.')}\n          </p>\n        </div>\n        <div className=\"px-2 py-4 sm:px-4\">\n          <DataTable<PriceKind>\n            data={filteredItems}\n            columns={columns}\n            embedded\n            isLoading={loading}\n            searchValue={search}\n            onSearchChange={setSearch}\n            searchPlaceholder={tableLabels.search}\n            emptyState={<p className=\"py-8 text-center text-sm text-muted-foreground\">{tableLabels.empty}</p>}\n            actions={(\n              <Button size=\"sm\" onClick={() => openDialog({ mode: 'create' })}>\n                {t('catalog.priceKinds.actions.add', 'Add price kind')}\n              </Button>\n            )}\n            refreshButton={{\n              label: t('catalog.priceKinds.actions.refresh', 'Refresh'),\n              onRefresh: () => { void loadItems() },\n              isRefreshing: loading,\n            }}\n            rowActions={(entry) => (\n              <RowActions\n                items={[\n                  {\n                    id: 'edit',\n                    label: t('catalog.priceKinds.actions.edit', 'Edit'),\n                    onSelect: () => openDialog({ mode: 'edit', entry }),\n                  },\n                  {\n                    id: 'delete',\n                    label: t('catalog.priceKinds.actions.delete', 'Delete'),\n                    destructive: true,\n                    onSelect: () => { void handleDelete(entry) },\n                  },\n                ]}\n              />\n            )}\n            onRowClick={handleRowClick}\n          />\n        </div>\n        <Dialog open={dialog !== null} onOpenChange={(open) => { if (!open) closeDialog(); }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {dialog?.mode === 'edit'\n                  ? t('catalog.priceKinds.dialog.editTitle', 'Edit price kind')\n                  : t('catalog.priceKinds.dialog.createTitle', 'Create price kind')}\n              </DialogTitle>\n              <DialogDescription>\n                {dialog?.mode === 'edit'\n                  ? t('catalog.priceKinds.dialog.editDescription', 'Update labels or tax behavior for this price kind.')\n                  : t('catalog.priceKinds.dialog.createDescription', 'Define a reusable price kind for product pricing.')}\n              </DialogDescription>\n            </DialogHeader>\n            <form className=\"space-y-4\" onKeyDown={formKeyHandler} onSubmit={(event) => { event.preventDefault(); void handleSubmit() }}>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"price-kind-code\">{t('catalog.priceKinds.form.codeLabel', 'Code')}</Label>\n                <Input\n                  id=\"price-kind-code\"\n                  value={form.code}\n                  onChange={(event) => setForm((prev) => ({ ...prev, code: event.target.value }))}\n                  placeholder={t('catalog.priceKinds.form.codePlaceholder', 'e.g. regular')}\n                  className=\"font-mono uppercase\"\n                  disabled={dialog?.mode === 'edit'}\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"price-kind-title\">{t('catalog.priceKinds.form.titleLabel', 'Title')}</Label>\n                <Input\n                  id=\"price-kind-title\"\n                  value={form.title}\n                  onChange={(event) => setForm((prev) => ({ ...prev, title: event.target.value }))}\n                  placeholder={t('catalog.priceKinds.form.titlePlaceholder', 'e.g. Regular price')}\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label>{t('catalog.priceKinds.form.displayModeLabel', 'Display mode')}</Label>\n                <RadioGroup\n                  className=\"grid gap-2 md:grid-cols-2\"\n                  name=\"displayMode\"\n                  value={form.displayMode}\n                  onValueChange={(next) => setForm((prev) => ({ ...prev, displayMode: next as CatalogPriceDisplayMode }))}\n                >\n                  {displayModeOptions.map((mode) => (\n                    <label\n                      key={mode.value}\n                      className={`flex cursor-pointer items-center gap-2 rounded-md border p-3 text-sm ${\n                        form.displayMode === mode.value ? 'border-primary bg-primary/5' : 'border-border'\n                      }`}\n                    >\n                      <Radio value={mode.value} />\n                      <span>{mode.label}</span>\n                    </label>\n                  ))}\n                </RadioGroup>\n              </div>\n              <div className=\"space-y-2\">\n                <Label>{t('catalog.priceKinds.form.currencyLabel', 'Currency (optional)')}</Label>\n                <DictionaryEntrySelect\n                  value={form.currencyCode || undefined}\n                  onChange={(value) => setForm((prev) => ({ ...prev, currencyCode: value ?? '' }))}\n                  fetchOptions={currencyOptionsLoader}\n                  labels={currencyLabels}\n                  allowInlineCreate={false}\n                />\n              </div>\n              <div className=\"flex flex-col gap-2\">\n                <label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <input\n                    type=\"checkbox\"\n                    className=\"h-4 w-4 rounded border\"\n                    checked={form.isPromotion}\n                    onChange={(event) => setForm((prev) => ({ ...prev, isPromotion: event.target.checked }))}\n                  />\n                  {t('catalog.priceKinds.form.promotionLabel', 'Mark as promotion')}\n                </label>\n                <label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <input\n                    type=\"checkbox\"\n                    className=\"h-4 w-4 rounded border\"\n                    checked={form.isActive}\n                    onChange={(event) => setForm((prev) => ({ ...prev, isActive: event.target.checked }))}\n                  />\n                  {t('catalog.priceKinds.form.activeLabel', 'Active')}\n                </label>\n              </div>\n              {error ? <p className=\"text-sm text-red-600\">{error}</p> : null}\n            </form>\n            <DialogFooter>\n              <Button variant=\"ghost\" onClick={closeDialog}>\n                {t('catalog.priceKinds.actions.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void handleSubmit()} disabled={submitting}>\n                {dialog?.mode === 'edit'\n                  ? t('catalog.priceKinds.actions.saveChanges', 'Save changes')\n                  : t('catalog.priceKinds.actions.create', 'Create')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      </section>\n      {ConfirmDialogElement}\n    </>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { RadioGroup, Radio } from '@open-mercato/ui/primitives/radio'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader, extractOptimisticLockConflict } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { raiseCrudError } from '@open-mercato/ui/backend/utils/serverErrors'\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 { DictionaryEntrySelect } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport { useCurrencyDictionary } from '@open-mercato/core/modules/customers/components/detail/hooks/useCurrencyDictionary'\nimport type { DictionaryOption } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport type { CatalogPriceDisplayMode } from '../data/types'\n\ntype PriceKind = {\n  id: string\n  code: string\n  title: string\n  displayMode: CatalogPriceDisplayMode\n  currencyCode: string | null\n  isPromotion: boolean\n  isActive: boolean\n  createdAt: string\n  updatedAt: string\n}\n\ntype DialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; entry: PriceKind }\n\ntype PriceKindApiPayload = Partial<PriceKind> & {\n  display_mode?: PriceKind['displayMode']\n  currency_code?: string | null\n  is_promotion?: boolean\n  is_active?: boolean\n  created_at?: string\n  updated_at?: string\n}\n\nconst DISPLAY_MODES: Array<{ value: 'including-tax' | 'excluding-tax'; label: string }> = [\n  { value: 'excluding-tax', label: 'Excluding tax' },\n  { value: 'including-tax', label: 'Including tax' },\n]\n\nconst PAGE_SIZE = 100\n\ntype PriceKindFormState = {\n  code: string\n  title: string\n  displayMode: CatalogPriceDisplayMode\n  currencyCode: string\n  isPromotion: boolean\n  isActive: boolean\n}\n\nconst DEFAULT_FORM: PriceKindFormState = {\n  code: '',\n  title: '',\n  displayMode: 'excluding-tax' as const,\n  currencyCode: '',\n  isPromotion: false,\n  isActive: true,\n}\n\nconst normalizePriceKind = (input: PriceKindApiPayload | null | undefined): PriceKind => {\n  const raw = input ?? {}\n  const toStringValue = (value: unknown): string | null => {\n    if (typeof value === 'string') return value\n    if (typeof value === 'number' || typeof value === 'bigint') return String(value)\n    return null\n  }\n  const toBooleanValue = (value: unknown): boolean | null => (typeof value === 'boolean' ? value : null)\n  const resolveDisplayMode = (value: string | null): PriceKind['displayMode'] =>\n    value === 'including-tax' ? 'including-tax' : 'excluding-tax'\n\n  const displayMode = resolveDisplayMode(\n    toStringValue(raw.displayMode) ?? toStringValue(raw.display_mode),\n  )\n  const currencyCode = toStringValue(raw.currencyCode) ?? toStringValue(raw.currency_code)\n  const isPromotion = toBooleanValue(raw.isPromotion) ?? toBooleanValue(raw.is_promotion)\n  const isActive = toBooleanValue(raw.isActive) ?? toBooleanValue(raw.is_active)\n\n  return {\n    id: toStringValue(raw.id) ?? '',\n    code: toStringValue(raw.code) ?? '',\n    title: toStringValue(raw.title) ?? '',\n    displayMode,\n    currencyCode: currencyCode ?? null,\n    isPromotion: isPromotion ?? false,\n    isActive: isActive ?? true,\n    createdAt: toStringValue(raw.createdAt) ?? toStringValue(raw.created_at) ?? '',\n    updatedAt: toStringValue(raw.updatedAt) ?? toStringValue(raw.updated_at) ?? '',\n  }\n}\n\nexport function PriceKindSettings() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [items, setItems] = React.useState<PriceKind[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [search, setSearch] = React.useState('')\n  const [dialog, setDialog] = React.useState<DialogState | null>(null)\n  const [form, setForm] = React.useState<PriceKindFormState>(DEFAULT_FORM)\n  const [submitting, setSubmitting] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const { data: currencyDictionary, refetch: refetchCurrencyDictionary } = useCurrencyDictionary()\n\n  const currencyOptionsLoader = React.useCallback(async (): Promise<DictionaryOption[]> => {\n    if (currencyDictionary && Array.isArray(currencyDictionary.entries)) {\n      return currencyDictionary.entries.map((entry) => ({\n        value: entry.value,\n        label: entry.label,\n        color: entry.color ?? null,\n        icon: entry.icon ?? null,\n      }))\n    }\n    const payload = await refetchCurrencyDictionary()\n    return payload.entries.map((entry) => ({\n      value: entry.value,\n      label: entry.label,\n      color: entry.color ?? null,\n      icon: entry.icon ?? null,\n    }))\n  }, [currencyDictionary, refetchCurrencyDictionary])\n\n  const loadItems = React.useCallback(async () => {\n    setLoading(true)\n    const loadErrorMessage = t('catalog.priceKinds.errors.load', 'Failed to load price kinds.')\n    try {\n      const payload = await readApiResultOrThrow<{ items?: PriceKindApiPayload[] }>(\n        `/api/catalog/price-kinds?pageSize=${PAGE_SIZE}`,\n        undefined,\n        { errorMessage: loadErrorMessage },\n      )\n      const normalized = Array.isArray(payload.items) ? payload.items.map((item) => normalizePriceKind(item)) : []\n      setItems(normalized)\n    } catch (err) {\n      console.error('catalog.price-kinds.list failed', err)\n      flash(loadErrorMessage, 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    loadItems().catch(() => {})\n  }, [loadItems, scopeVersion])\n\n  const openDialog = React.useCallback((state: DialogState) => {\n    if (state.mode === 'edit') {\n      setForm({\n        code: state.entry.code,\n        title: state.entry.title,\n        displayMode: state.entry.displayMode,\n        currencyCode: state.entry.currencyCode ?? '',\n        isPromotion: state.entry.isPromotion,\n        isActive: state.entry.isActive,\n      })\n    } else {\n      setForm(DEFAULT_FORM)\n    }\n    setError(null)\n    setDialog(state)\n  }, [])\n\n  const closeDialog = React.useCallback(() => {\n    setDialog(null)\n    setError(null)\n    setSubmitting(false)\n    setForm(DEFAULT_FORM)\n  }, [])\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!dialog) return\n    const trimmedCode = form.code.trim().toLowerCase()\n    const trimmedTitle = form.title.trim()\n    if (!trimmedCode || !trimmedTitle) {\n      setError(t('catalog.priceKinds.errors.required', 'Code and title are required.'))\n      return\n    }\n    setSubmitting(true)\n    setError(null)\n    try {\n      const payload = {\n        code: trimmedCode,\n        title: trimmedTitle,\n        displayMode: form.displayMode,\n        currencyCode: form.currencyCode.trim() || undefined,\n        isPromotion: form.isPromotion,\n        isActive: form.isActive,\n      }\n      const path = '/api/catalog/price-kinds'\n      const method = dialog.mode === 'create' ? 'POST' : 'PUT'\n      const body =\n        dialog.mode === 'edit'\n          ? JSON.stringify({ id: dialog.entry.id, ...payload })\n          : JSON.stringify(payload)\n      const savePriceKind = () => apiCall(path, {\n        method,\n        headers: { 'content-type': 'application/json' },\n        body,\n      })\n      const optimisticLockHeader = buildOptimisticLockHeader(\n        dialog.mode === 'edit' ? dialog.entry.updatedAt : null,\n      )\n      const call = Object.keys(optimisticLockHeader).length > 0\n        ? await withScopedApiRequestHeaders(optimisticLockHeader, savePriceKind)\n        : await savePriceKind()\n      if (!call.ok) {\n        await raiseCrudError(call.response, t('catalog.priceKinds.errors.save', 'Failed to save price kind.'))\n      }\n      flash(\n        dialog.mode === 'create'\n          ? t('catalog.priceKinds.messages.created', 'Price kind created.')\n          : t('catalog.priceKinds.messages.updated', 'Price kind updated.'),\n        'success',\n      )\n      closeDialog()\n      await loadItems()\n    } catch (err) {\n      console.error('catalog.price-kinds.save failed', err)\n      const message = extractOptimisticLockConflict(err)\n        ? t('ui.forms.flash.recordModified', 'This record was modified by someone else. Refresh and try again.')\n        : err instanceof Error ? err.message : t('catalog.priceKinds.errors.save', 'Failed to save price kind.')\n      setError(message)\n    } finally {\n      setSubmitting(false)\n    }\n  }, [dialog, form, t, closeDialog, loadItems])\n\n  const handleDelete = React.useCallback(\n    async (entry: PriceKind) => {\n      const confirmMessage = t('catalog.priceKinds.confirm.delete', 'Delete price kind \"{{code}}\"?').replace('{{code}}', entry.code)\n      const confirmed = await confirm({\n        title: confirmMessage,\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n      try {\n        const deletePriceKind = () => apiCall('/api/catalog/price-kinds', {\n          method: 'DELETE',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ id: entry.id }),\n        })\n        const optimisticLockHeader = buildOptimisticLockHeader(entry.updatedAt)\n        const call = Object.keys(optimisticLockHeader).length > 0\n          ? await withScopedApiRequestHeaders(optimisticLockHeader, deletePriceKind)\n          : await deletePriceKind()\n        if (!call.ok) {\n          await raiseCrudError(call.response, t('catalog.priceKinds.errors.delete', 'Failed to delete price kind.'))\n        }\n        flash(t('catalog.priceKinds.messages.deleted', 'Price kind deleted.'), 'success')\n        await loadItems()\n      } catch (err) {\n        console.error('catalog.price-kinds.delete failed', err)\n        const message = extractOptimisticLockConflict(err)\n          ? t('ui.forms.flash.recordModified', 'This record was modified by someone else. Refresh and try again.')\n          : err instanceof Error ? err.message : t('catalog.priceKinds.errors.delete', 'Failed to delete price kind.')\n        flash(message, 'error')\n      }\n    },\n    [confirm, loadItems, t],\n  )\n\n  const formKeyHandler = React.useCallback(\n    (event: React.KeyboardEvent<HTMLFormElement>) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        void handleSubmit()\n      }\n    },\n    [handleSubmit],\n  )\n\n  const displayModeLabels = React.useMemo(() => ({\n    'including-tax': t('catalog.priceKinds.form.displayMode.include', 'Including tax'),\n    'excluding-tax': t('catalog.priceKinds.form.displayMode.exclude', 'Excluding tax'),\n  }), [t])\n\n  const displayModeOptions = React.useMemo(\n    () =>\n      DISPLAY_MODES.map((mode) => ({\n        ...mode,\n        label: displayModeLabels[mode.value],\n      })),\n    [displayModeLabels],\n  )\n\n  const currencyLabels = React.useMemo(() => ({\n    placeholder: t('catalog.priceKinds.form.currency.placeholder', 'Select currency\u2026'),\n    addLabel: t('catalog.priceKinds.form.currency.add', 'Add currency'),\n    addPrompt: t('catalog.priceKinds.form.currency.addPrompt', 'Provide a currency code.'),\n    dialogTitle: t('catalog.priceKinds.form.currency.dialogTitle', 'Add currency'),\n    valueLabel: t('catalog.priceKinds.form.currency.valueLabel', 'Currency code'),\n    valuePlaceholder: t('catalog.priceKinds.form.currency.valuePlaceholder', 'e.g. USD'),\n    labelLabel: t('catalog.priceKinds.form.currency.labelLabel', 'Display label (optional)'),\n    labelPlaceholder: t('catalog.priceKinds.form.currency.labelPlaceholder', 'e.g. US Dollar'),\n    emptyError: t('catalog.priceKinds.form.currency.required', 'Currency code is required.'),\n    cancelLabel: t('catalog.priceKinds.form.currency.cancel', 'Cancel'),\n    saveLabel: t('catalog.priceKinds.form.currency.save', 'Save'),\n    saveShortcutHint: t('catalog.priceKinds.form.currency.saveShortcut', 'Press Enter to save'),\n    successCreateLabel: t('catalog.priceKinds.form.currency.success', 'Currency added.'),\n    errorLoad: t('catalog.priceKinds.form.currency.loadError', 'Unable to load currencies.'),\n    errorSave: t('catalog.priceKinds.form.currency.createError', 'Unable to add currency.'),\n    loadingLabel: t('catalog.priceKinds.form.currency.loading', 'Loading currencies\u2026'),\n    manageTitle: t('catalog.priceKinds.form.currency.manage', 'Manage currencies'),\n  }), [t])\n\n  const tableLabels = React.useMemo(() => ({\n    code: t('catalog.priceKinds.table.code', 'Code'),\n    title: t('catalog.priceKinds.table.title', 'Title'),\n    displayMode: t('catalog.priceKinds.table.displayMode', 'Display mode'),\n    currency: t('catalog.priceKinds.table.currency', 'Currency'),\n    promotion: t('catalog.priceKinds.table.promotion', 'Promotion'),\n    promotionYes: t('catalog.priceKinds.table.promotionYes', 'Yes'),\n    promotionNo: t('catalog.priceKinds.table.promotionNo', 'No'),\n    active: t('catalog.priceKinds.table.active', 'Active'),\n    activeYes: t('catalog.priceKinds.table.activeYes', 'Active'),\n    activeNo: t('catalog.priceKinds.table.activeNo', 'Inactive'),\n    search: t('catalog.priceKinds.search.placeholder', 'Search by code or title\u2026'),\n    empty: t('catalog.priceKinds.table.empty', 'No price kinds yet.'),\n  }), [t])\n\n  const columns = React.useMemo<ColumnDef<PriceKind>[]>(() => [\n    {\n      accessorKey: 'code',\n      header: tableLabels.code,\n      cell: ({ row }) => <span className=\"font-mono uppercase\">{row.original.code}</span>,\n    },\n    {\n      accessorKey: 'title',\n      header: tableLabels.title,\n      cell: ({ row }) => <span className=\"font-medium\">{row.original.title}</span>,\n    },\n    {\n      accessorKey: 'displayMode',\n      header: tableLabels.displayMode,\n      cell: ({ row }) => displayModeLabels[row.original.displayMode] ?? row.original.displayMode,\n    },\n    {\n      accessorKey: 'currencyCode',\n      header: tableLabels.currency,\n      cell: ({ row }) => (row.original.currencyCode ? row.original.currencyCode.toUpperCase() : '\u2014'),\n    },\n    {\n      id: 'promotion',\n      header: tableLabels.promotion,\n      cell: ({ row }) =>\n        row.original.isPromotion ? (\n          <span className=\"inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-xs font-medium text-amber-900 dark:border-amber-500/50 dark:bg-amber-500/10 dark:text-amber-100\">\n            {tableLabels.promotionYes}\n          </span>\n        ) : (\n          <span className=\"inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium\">\n            {tableLabels.promotionNo}\n          </span>\n        ),\n    },\n    {\n      id: 'active',\n      header: tableLabels.active,\n      cell: ({ row }) =>\n        row.original.isActive ? (\n          <span className=\"inline-flex items-center rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 text-xs font-medium text-emerald-900 dark:border-emerald-500/50 dark:bg-emerald-500/10 dark:text-emerald-100\">\n            {tableLabels.activeYes}\n          </span>\n        ) : (\n          <span className=\"inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium\">\n            {tableLabels.activeNo}\n          </span>\n        ),\n    },\n  ], [displayModeLabels, tableLabels])\n\n  const filteredItems = React.useMemo(() => {\n    const term = search.trim().toLowerCase()\n    if (!term) return items\n    return items.filter((item) => {\n      const currency = (item.currencyCode ?? '').toLowerCase()\n      const modeLabel = (displayModeLabels[item.displayMode] ?? item.displayMode).toLowerCase()\n      return (\n        item.code.toLowerCase().includes(term) ||\n        item.title.toLowerCase().includes(term) ||\n        currency.includes(term) ||\n        modeLabel.includes(term)\n      )\n    })\n  }, [displayModeLabels, items, search])\n\n  const handleRowClick = React.useCallback((entry: PriceKind) => {\n    openDialog({ mode: 'edit', entry })\n  }, [openDialog])\n\n  return (\n    <>\n      <section className=\"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-semibold\">{t('catalog.priceKinds.title', 'Price kinds')}</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('catalog.priceKinds.description', 'Configure reusable price kinds that control pricing columns and tax display.')}\n          </p>\n        </div>\n        <div className=\"px-2 py-4 sm:px-4\">\n          <DataTable<PriceKind>\n            data={filteredItems}\n            columns={columns}\n            embedded\n            isLoading={loading}\n            searchValue={search}\n            onSearchChange={setSearch}\n            searchPlaceholder={tableLabels.search}\n            emptyState={<p className=\"py-8 text-center text-sm text-muted-foreground\">{tableLabels.empty}</p>}\n            actions={(\n              <Button size=\"sm\" onClick={() => openDialog({ mode: 'create' })}>\n                {t('catalog.priceKinds.actions.add', 'Add price kind')}\n              </Button>\n            )}\n            refreshButton={{\n              label: t('catalog.priceKinds.actions.refresh', 'Refresh'),\n              onRefresh: () => { void loadItems() },\n              isRefreshing: loading,\n            }}\n            rowActions={(entry) => (\n              <RowActions\n                items={[\n                  {\n                    id: 'edit',\n                    label: t('catalog.priceKinds.actions.edit', 'Edit'),\n                    onSelect: () => openDialog({ mode: 'edit', entry }),\n                  },\n                  {\n                    id: 'delete',\n                    label: t('catalog.priceKinds.actions.delete', 'Delete'),\n                    destructive: true,\n                    onSelect: () => { void handleDelete(entry) },\n                  },\n                ]}\n              />\n            )}\n            onRowClick={handleRowClick}\n          />\n        </div>\n        <Dialog open={dialog !== null} onOpenChange={(open) => { if (!open) closeDialog(); }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {dialog?.mode === 'edit'\n                  ? t('catalog.priceKinds.dialog.editTitle', 'Edit price kind')\n                  : t('catalog.priceKinds.dialog.createTitle', 'Create price kind')}\n              </DialogTitle>\n              <DialogDescription>\n                {dialog?.mode === 'edit'\n                  ? t('catalog.priceKinds.dialog.editDescription', 'Update labels or tax behavior for this price kind.')\n                  : t('catalog.priceKinds.dialog.createDescription', 'Define a reusable price kind for product pricing.')}\n              </DialogDescription>\n            </DialogHeader>\n            <form className=\"space-y-4\" onKeyDown={formKeyHandler} onSubmit={(event) => { event.preventDefault(); void handleSubmit() }}>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"price-kind-code\">{t('catalog.priceKinds.form.codeLabel', 'Code')}</Label>\n                <Input\n                  id=\"price-kind-code\"\n                  value={form.code}\n                  onChange={(event) => setForm((prev) => ({ ...prev, code: event.target.value }))}\n                  placeholder={t('catalog.priceKinds.form.codePlaceholder', 'e.g. regular')}\n                  className=\"font-mono uppercase\"\n                  disabled={dialog?.mode === 'edit'}\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"price-kind-title\">{t('catalog.priceKinds.form.titleLabel', 'Title')}</Label>\n                <Input\n                  id=\"price-kind-title\"\n                  value={form.title}\n                  onChange={(event) => setForm((prev) => ({ ...prev, title: event.target.value }))}\n                  placeholder={t('catalog.priceKinds.form.titlePlaceholder', 'e.g. Regular price')}\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label>{t('catalog.priceKinds.form.displayModeLabel', 'Display mode')}</Label>\n                <RadioGroup\n                  className=\"grid gap-2 md:grid-cols-2\"\n                  name=\"displayMode\"\n                  value={form.displayMode}\n                  onValueChange={(next) => setForm((prev) => ({ ...prev, displayMode: next as CatalogPriceDisplayMode }))}\n                >\n                  {displayModeOptions.map((mode) => (\n                    <label\n                      key={mode.value}\n                      className={`flex cursor-pointer items-center gap-2 rounded-md border p-3 text-sm ${\n                        form.displayMode === mode.value ? 'border-primary bg-primary/5' : 'border-border'\n                      }`}\n                    >\n                      <Radio value={mode.value} />\n                      <span>{mode.label}</span>\n                    </label>\n                  ))}\n                </RadioGroup>\n              </div>\n              <div className=\"space-y-2\">\n                <Label>{t('catalog.priceKinds.form.currencyLabel', 'Currency (optional)')}</Label>\n                <DictionaryEntrySelect\n                  value={form.currencyCode || undefined}\n                  onChange={(value) => setForm((prev) => ({ ...prev, currencyCode: value ?? '' }))}\n                  fetchOptions={currencyOptionsLoader}\n                  labels={currencyLabels}\n                  allowInlineCreate={false}\n                  sortOptions=\"none\"\n                />\n              </div>\n              <div className=\"flex flex-col gap-2\">\n                <label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <input\n                    type=\"checkbox\"\n                    className=\"h-4 w-4 rounded border\"\n                    checked={form.isPromotion}\n                    onChange={(event) => setForm((prev) => ({ ...prev, isPromotion: event.target.checked }))}\n                  />\n                  {t('catalog.priceKinds.form.promotionLabel', 'Mark as promotion')}\n                </label>\n                <label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <input\n                    type=\"checkbox\"\n                    className=\"h-4 w-4 rounded border\"\n                    checked={form.isActive}\n                    onChange={(event) => setForm((prev) => ({ ...prev, isActive: event.target.checked }))}\n                  />\n                  {t('catalog.priceKinds.form.activeLabel', 'Active')}\n                </label>\n              </div>\n              {error ? <p className=\"text-sm text-red-600\">{error}</p> : null}\n            </form>\n            <DialogFooter>\n              <Button variant=\"ghost\" onClick={closeDialog}>\n                {t('catalog.priceKinds.actions.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void handleSubmit()} disabled={submitting}>\n                {dialog?.mode === 'edit'\n                  ? t('catalog.priceKinds.actions.saveChanges', 'Save changes')\n                  : t('catalog.priceKinds.actions.create', 'Create')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      </section>\n      {ConfirmDialogElement}\n    </>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/catalog/components/categories/CategoriesDataTable.js

@@ -4,6 +4,7 @@ import * as React from "react";
 import Link from "next/link";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { ListEmptyState } from "@open-mercato/ui/backend/filters/ListEmptyState";
 import { RowActions } from "@open-mercato/ui/backend/RowActions";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { BooleanIcon } from "@open-mercato/ui/backend/ValueIcons";
@@ -151,6 +152,14 @@ function CategoriesDataTable() {
         actions: canManage ? /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/backend/catalog/categories/create", children: t("catalog.categories.list.actions.create", "Create") }) }) : void 0,
         columns,
         data: rows,
+        emptyState: /* @__PURE__ */ jsx(
+          ListEmptyState,
+          {
+            entityName: t("catalog.categories.list.title", "Categories"),
+            createHref: canManage ? "/backend/catalog/categories/create" : void 0,
+            createLabel: canManage ? t("catalog.categories.list.actions.create", "Create") : void 0
+          }
+        ),
         searchValue: search,
         searchPlaceholder: t("catalog.categories.list.searchPlaceholder", "Search categories"),
         onSearchChange: (value) => {

package/dist/modules/catalog/components/categories/CategoriesDataTable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/catalog/components/categories/CategoriesDataTable.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { apiCall, apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\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 { formatCategoryTreeLabel } from '../../lib/categoryTree'\n\ntype CategoryRow = {\n  id: string\n  name: string\n  slug: string | null\n  description: string | null\n  parentId: string | null\n  parentName: string | null\n  depth: number\n  treePath: string\n  pathLabel: string\n  childCount: number\n  descendantCount: number\n  isActive: boolean\n}\n\ntype CategoriesResponse = {\n  items: CategoryRow[]\n  total: number\n  page: number\n  pageSize: number\n  totalPages: number\n}\n\nconst PAGE_SIZE = 50\nconst TREE_BASE_INDENT = 18\nconst TREE_STEP_INDENT = 14\n\nfunction computeIndent(depth: number): number {\n  if (depth <= 0) return 0\n  return TREE_BASE_INDENT + (depth - 1) * TREE_STEP_INDENT\n}\n\nexport default function CategoriesDataTable() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const queryClient = useQueryClient()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [page, setPage] = React.useState(1)\n  const [status, setStatus] = React.useState<'all' | 'active' | 'inactive'>('all')\n  const [search, setSearch] = React.useState('')\n  const [canManage, setCanManage] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      try {\n        const call = await apiCall<{ granted?: string[]; ok?: boolean }>('/api/auth/feature-check', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ features: ['catalog.categories.manage'] }),\n        })\n        if (!cancelled) {\n          const granted = Array.isArray(call.result?.granted) ? call.result.granted : []\n          setCanManage(call.result?.ok === true || granted.includes('catalog.categories.manage'))\n        }\n      } catch {\n        if (!cancelled) setCanManage(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('view', 'manage')\n    params.set('page', String(page))\n    params.set('pageSize', String(PAGE_SIZE))\n    params.set('status', status)\n    if (search) params.set('search', search)\n    return params.toString()\n  }, [page, status, search])\n\n  const { data, isLoading } = useQuery<CategoriesResponse>({\n    queryKey: ['catalog-categories', queryParams, scopeVersion],\n    queryFn: async () => {\n      const payload = await readApiResultOrThrow<CategoriesResponse>(\n        `/api/catalog/categories?${queryParams}`,\n        undefined,\n        { errorMessage: t('catalog.categories.list.error.load', 'Failed to load categories') },\n      )\n      return {\n        items: Array.isArray(payload.items) ? payload.items : [],\n        total: typeof payload.total === 'number' ? payload.total : 0,\n        page: typeof payload.page === 'number' ? payload.page : 1,\n        pageSize: typeof payload.pageSize === 'number' ? payload.pageSize : PAGE_SIZE,\n        totalPages: typeof payload.totalPages === 'number' ? payload.totalPages : 1,\n      }\n    },\n  })\n\n  const rows = data?.items ?? []\n  const total = data?.total ?? 0\n  const totalPages = data?.totalPages ?? 0\n\n  const columns = React.useMemo<ColumnDef<CategoryRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: t('catalog.categories.list.columns.category', 'Category'),\n      meta: { priority: 1 },\n      cell: ({ row }) => {\n        const depth = row.original.depth ?? 0\n        return (\n          <div className=\"flex items-center text-sm font-medium leading-none text-foreground\">\n            <span style={{ marginLeft: computeIndent(depth), whiteSpace: 'pre' }}>\n              {formatCategoryTreeLabel(row.original.name, depth)}\n            </span>\n          </div>\n        )\n      },\n    },\n    {\n      accessorKey: 'pathLabel',\n      header: t('catalog.categories.list.columns.path', 'Path'),\n      meta: { priority: 3 },\n      cell: ({ getValue }) => {\n        const value = getValue<string>()\n        return <span className=\"text-xs text-muted-foreground\">{value || '\u2014'}</span>\n      },\n    },\n    {\n      accessorKey: 'parentName',\n      header: t('catalog.categories.list.columns.parent', 'Parent'),\n      meta: { priority: 4 },\n      cell: ({ getValue }) => getValue<string>() || t('catalog.categories.list.none', '\u2014'),\n    },\n    {\n      accessorKey: 'childCount',\n      header: t('catalog.categories.list.columns.children', 'Children'),\n      meta: { priority: 5 },\n    },\n    {\n      accessorKey: 'isActive',\n      header: t('catalog.categories.list.columns.active', 'Active'),\n      enableSorting: false,\n      meta: { priority: 2 },\n      cell: ({ getValue }) => <BooleanIcon value={Boolean(getValue())} />,\n    },\n  ], [t])\n\n  const handleDelete = React.useCallback(async (category: CategoryRow) => {\n    const confirmLabel = t(\n      'catalog.categories.list.confirmDelete',\n      'Archive category \"{{name}}\"?',\n      { name: category.name },\n    )\n    const confirmed = await confirm({\n      title: confirmLabel,\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await apiCallOrThrow(\n        `/api/catalog/categories?id=${encodeURIComponent(category.id)}`,\n        { method: 'DELETE' },\n        { errorMessage: t('catalog.categories.list.error.delete', 'Failed to delete category') },\n      )\n      await queryClient.invalidateQueries({ queryKey: ['catalog-categories'] })\n      flash(t('catalog.categories.flash.deleted', 'Category archived'), 'success')\n    } catch (err: unknown) {\n      const fallback = t('catalog.categories.list.error.delete', 'Failed to delete category')\n      const message = err instanceof Error ? err.message : fallback\n      flash(message, 'error')\n    }\n  }, [confirm, queryClient, t])\n\n  return (\n    <>\n      <DataTable\n        title={t('catalog.categories.list.title', 'Categories')}\n        actions={canManage ? (\n          <Button asChild>\n            <Link href=\"/backend/catalog/categories/create\">\n              {t('catalog.categories.list.actions.create', 'Create')}\n            </Link>\n          </Button>\n        ) : undefined}\n        columns={columns}\n        data={rows}\n        searchValue={search}\n        searchPlaceholder={t('catalog.categories.list.searchPlaceholder', 'Search categories')}\n        onSearchChange={(value) => { setSearch(value); setPage(1) }}\n        filters={[\n          {\n            id: 'status',\n            label: t('catalog.categories.list.filters.status', 'Status'),\n            type: 'select',\n            options: [\n              { value: 'all', label: t('catalog.categories.list.filters.all', 'All') },\n              { value: 'active', label: t('catalog.categories.list.filters.active', 'Active') },\n              { value: 'inactive', label: t('catalog.categories.list.filters.inactive', 'Inactive') },\n            ],\n          },\n        ]}\n        filterValues={status === 'all' ? {} : { status }}\n        onFiltersApply={(values: FilterValues) => {\n          const nextStatus = (values.status as 'all' | 'active' | 'inactive' | undefined) ?? 'all'\n          setStatus(nextStatus)\n          setPage(1)\n        }}\n        onFiltersClear={() => {\n          setStatus('all')\n          setPage(1)\n        }}\n        sortable={false}\n        perspective={{ tableId: 'catalog.categories.list' }}\n        rowActions={(row) => (\n          canManage ? (\n            <RowActions\n              items={[\n                { id: 'edit', label: t('catalog.categories.list.actions.edit', 'Edit'), href: `/backend/catalog/categories/${row.id}/edit` },\n                { id: 'delete', label: t('catalog.categories.list.actions.delete', 'Delete'), destructive: true, onSelect: () => handleDelete(row) },\n              ]}\n            />\n          ) : null\n        )}\n        pagination={{\n          page,\n          pageSize: PAGE_SIZE,\n          total,\n          totalPages,\n          onPageChange: setPage,\n        }}\n        isLoading={isLoading}\n      />\n      {ConfirmDialogElement}\n    </>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport type { FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { apiCall, apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\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 { formatCategoryTreeLabel } from '../../lib/categoryTree'\n\ntype CategoryRow = {\n  id: string\n  name: string\n  slug: string | null\n  description: string | null\n  parentId: string | null\n  parentName: string | null\n  depth: number\n  treePath: string\n  pathLabel: string\n  childCount: number\n  descendantCount: number\n  isActive: boolean\n}\n\ntype CategoriesResponse = {\n  items: CategoryRow[]\n  total: number\n  page: number\n  pageSize: number\n  totalPages: number\n}\n\nconst PAGE_SIZE = 50\nconst TREE_BASE_INDENT = 18\nconst TREE_STEP_INDENT = 14\n\nfunction computeIndent(depth: number): number {\n  if (depth <= 0) return 0\n  return TREE_BASE_INDENT + (depth - 1) * TREE_STEP_INDENT\n}\n\nexport default function CategoriesDataTable() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const queryClient = useQueryClient()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [page, setPage] = React.useState(1)\n  const [status, setStatus] = React.useState<'all' | 'active' | 'inactive'>('all')\n  const [search, setSearch] = React.useState('')\n  const [canManage, setCanManage] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      try {\n        const call = await apiCall<{ granted?: string[]; ok?: boolean }>('/api/auth/feature-check', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ features: ['catalog.categories.manage'] }),\n        })\n        if (!cancelled) {\n          const granted = Array.isArray(call.result?.granted) ? call.result.granted : []\n          setCanManage(call.result?.ok === true || granted.includes('catalog.categories.manage'))\n        }\n      } catch {\n        if (!cancelled) setCanManage(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('view', 'manage')\n    params.set('page', String(page))\n    params.set('pageSize', String(PAGE_SIZE))\n    params.set('status', status)\n    if (search) params.set('search', search)\n    return params.toString()\n  }, [page, status, search])\n\n  const { data, isLoading } = useQuery<CategoriesResponse>({\n    queryKey: ['catalog-categories', queryParams, scopeVersion],\n    queryFn: async () => {\n      const payload = await readApiResultOrThrow<CategoriesResponse>(\n        `/api/catalog/categories?${queryParams}`,\n        undefined,\n        { errorMessage: t('catalog.categories.list.error.load', 'Failed to load categories') },\n      )\n      return {\n        items: Array.isArray(payload.items) ? payload.items : [],\n        total: typeof payload.total === 'number' ? payload.total : 0,\n        page: typeof payload.page === 'number' ? payload.page : 1,\n        pageSize: typeof payload.pageSize === 'number' ? payload.pageSize : PAGE_SIZE,\n        totalPages: typeof payload.totalPages === 'number' ? payload.totalPages : 1,\n      }\n    },\n  })\n\n  const rows = data?.items ?? []\n  const total = data?.total ?? 0\n  const totalPages = data?.totalPages ?? 0\n\n  const columns = React.useMemo<ColumnDef<CategoryRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: t('catalog.categories.list.columns.category', 'Category'),\n      meta: { priority: 1 },\n      cell: ({ row }) => {\n        const depth = row.original.depth ?? 0\n        return (\n          <div className=\"flex items-center text-sm font-medium leading-none text-foreground\">\n            <span style={{ marginLeft: computeIndent(depth), whiteSpace: 'pre' }}>\n              {formatCategoryTreeLabel(row.original.name, depth)}\n            </span>\n          </div>\n        )\n      },\n    },\n    {\n      accessorKey: 'pathLabel',\n      header: t('catalog.categories.list.columns.path', 'Path'),\n      meta: { priority: 3 },\n      cell: ({ getValue }) => {\n        const value = getValue<string>()\n        return <span className=\"text-xs text-muted-foreground\">{value || '\u2014'}</span>\n      },\n    },\n    {\n      accessorKey: 'parentName',\n      header: t('catalog.categories.list.columns.parent', 'Parent'),\n      meta: { priority: 4 },\n      cell: ({ getValue }) => getValue<string>() || t('catalog.categories.list.none', '\u2014'),\n    },\n    {\n      accessorKey: 'childCount',\n      header: t('catalog.categories.list.columns.children', 'Children'),\n      meta: { priority: 5 },\n    },\n    {\n      accessorKey: 'isActive',\n      header: t('catalog.categories.list.columns.active', 'Active'),\n      enableSorting: false,\n      meta: { priority: 2 },\n      cell: ({ getValue }) => <BooleanIcon value={Boolean(getValue())} />,\n    },\n  ], [t])\n\n  const handleDelete = React.useCallback(async (category: CategoryRow) => {\n    const confirmLabel = t(\n      'catalog.categories.list.confirmDelete',\n      'Archive category \"{{name}}\"?',\n      { name: category.name },\n    )\n    const confirmed = await confirm({\n      title: confirmLabel,\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      // optimistic-lock-exempt: delete-only mutation \u2014 no field-level lost-update\n      await apiCallOrThrow(\n        `/api/catalog/categories?id=${encodeURIComponent(category.id)}`,\n        { method: 'DELETE' },\n        { errorMessage: t('catalog.categories.list.error.delete', 'Failed to delete category') },\n      )\n      await queryClient.invalidateQueries({ queryKey: ['catalog-categories'] })\n      flash(t('catalog.categories.flash.deleted', 'Category archived'), 'success')\n    } catch (err: unknown) {\n      const fallback = t('catalog.categories.list.error.delete', 'Failed to delete category')\n      const message = err instanceof Error ? err.message : fallback\n      flash(message, 'error')\n    }\n  }, [confirm, queryClient, t])\n\n  return (\n    <>\n      <DataTable\n        title={t('catalog.categories.list.title', 'Categories')}\n        actions={canManage ? (\n          <Button asChild>\n            <Link href=\"/backend/catalog/categories/create\">\n              {t('catalog.categories.list.actions.create', 'Create')}\n            </Link>\n          </Button>\n        ) : undefined}\n        columns={columns}\n        data={rows}\n        emptyState={(\n          <ListEmptyState\n            entityName={t('catalog.categories.list.title', 'Categories')}\n            createHref={canManage ? '/backend/catalog/categories/create' : undefined}\n            createLabel={canManage ? t('catalog.categories.list.actions.create', 'Create') : undefined}\n          />\n        )}\n        searchValue={search}\n        searchPlaceholder={t('catalog.categories.list.searchPlaceholder', 'Search categories')}\n        onSearchChange={(value) => { setSearch(value); setPage(1) }}\n        filters={[\n          {\n            id: 'status',\n            label: t('catalog.categories.list.filters.status', 'Status'),\n            type: 'select',\n            options: [\n              { value: 'all', label: t('catalog.categories.list.filters.all', 'All') },\n              { value: 'active', label: t('catalog.categories.list.filters.active', 'Active') },\n              { value: 'inactive', label: t('catalog.categories.list.filters.inactive', 'Inactive') },\n            ],\n          },\n        ]}\n        filterValues={status === 'all' ? {} : { status }}\n        onFiltersApply={(values: FilterValues) => {\n          const nextStatus = (values.status as 'all' | 'active' | 'inactive' | undefined) ?? 'all'\n          setStatus(nextStatus)\n          setPage(1)\n        }}\n        onFiltersClear={() => {\n          setStatus('all')\n          setPage(1)\n        }}\n        sortable={false}\n        perspective={{ tableId: 'catalog.categories.list' }}\n        rowActions={(row) => (\n          canManage ? (\n            <RowActions\n              items={[\n                { id: 'edit', label: t('catalog.categories.list.actions.edit', 'Edit'), href: `/backend/catalog/categories/${row.id}/edit` },\n                { id: 'delete', label: t('catalog.categories.list.actions.delete', 'Delete'), destructive: true, onSelect: () => handleDelete(row) },\n              ]}\n            />\n          ) : null\n        )}\n        pagination={{\n          page,\n          pageSize: PAGE_SIZE,\n          total,\n          totalPages,\n          onPageChange: setPage,\n        }}\n        isLoading={isLoading}\n      />\n      {ConfirmDialogElement}\n    </>\n  )\n}\n"],
+  "mappings": ";AA6HY,SAgER,UAhEQ,KAgER,YAhEQ;AA3HZ,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,UAAU,sBAAsB;AAEzC,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,SAAS,gBAAgB,4BAA4B;AAC9D,SAAS,aAAa;AACtB,SAAS,mCAAmC;AAC5C,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AAyBxC,MAAM,YAAY;AAClB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AAEzB,SAAS,cAAc,OAAuB;AAC5C,MAAI,SAAS,EAAG,QAAO;AACvB,SAAO,oBAAoB,QAAQ,KAAK;AAC1C;AAEe,SAAR,sBAAuC;AAC5C,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAC3D,QAAM,cAAc,eAAe;AACnC,QAAM,eAAe,4BAA4B;AACjD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC;AACxC,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAwC,KAAK;AAC/E,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE;AAC7C,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,UAAI;AACF,cAAM,OAAO,MAAM,QAA8C,2BAA2B;AAAA,UAC1F,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,EAAE,UAAU,CAAC,2BAA2B,EAAE,CAAC;AAAA,QAClE,CAAC;AACD,YAAI,CAAC,WAAW;AACd,gBAAM,UAAU,MAAM,QAAQ,KAAK,QAAQ,OAAO,IAAI,KAAK,OAAO,UAAU,CAAC;AAC7E,uBAAa,KAAK,QAAQ,OAAO,QAAQ,QAAQ,SAAS,2BAA2B,CAAC;AAAA,QACxF;AAAA,MACF,QAAQ;AACN,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK;AACL,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM,QAAQ,MAAM;AACtC,UAAM,SAAS,IAAI,gBAAgB;AACnC,WAAO,IAAI,QAAQ,QAAQ;AAC3B,WAAO,IAAI,QAAQ,OAAO,IAAI,CAAC;AAC/B,WAAO,IAAI,YAAY,OAAO,SAAS,CAAC;AACxC,WAAO,IAAI,UAAU,MAAM;AAC3B,QAAI,OAAQ,QAAO,IAAI,UAAU,MAAM;AACvC,WAAO,OAAO,SAAS;AAAA,EACzB,GAAG,CAAC,MAAM,QAAQ,MAAM,CAAC;AAEzB,QAAM,EAAE,MAAM,UAAU,IAAI,SAA6B;AAAA,IACvD,UAAU,CAAC,sBAAsB,aAAa,YAAY;AAAA,IAC1D,SAAS,YAAY;AACnB,YAAM,UAAU,MAAM;AAAA,QACpB,2BAA2B,WAAW;AAAA,QACtC;AAAA,QACA,EAAE,cAAc,EAAE,sCAAsC,2BAA2B,EAAE;AAAA,MACvF;AACA,aAAO;AAAA,QACL,OAAO,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,QAAQ,CAAC;AAAA,QACvD,OAAO,OAAO,QAAQ,UAAU,WAAW,QAAQ,QAAQ;AAAA,QAC3D,MAAM,OAAO,QAAQ,SAAS,WAAW,QAAQ,OAAO;AAAA,QACxD,UAAU,OAAO,QAAQ,aAAa,WAAW,QAAQ,WAAW;AAAA,QACpE,YAAY,OAAO,QAAQ,eAAe,WAAW,QAAQ,aAAa;AAAA,MAC5E;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,OAAO,MAAM,SAAS,CAAC;AAC7B,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,aAAa,MAAM,cAAc;AAEvC,QAAM,UAAU,MAAM,QAAkC,MAAM;AAAA,IAC5D;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,4CAA4C,UAAU;AAAA,MAChE,MAAM,EAAE,UAAU,EAAE;AAAA,MACpB,MAAM,CAAC,EAAE,IAAI,MAAM;AACjB,cAAM,QAAQ,IAAI,SAAS,SAAS;AACpC,eACE,oBAAC,SAAI,WAAU,sEACb,8BAAC,UAAK,OAAO,EAAE,YAAY,cAAc,KAAK,GAAG,YAAY,MAAM,GAChE,kCAAwB,IAAI,SAAS,MAAM,KAAK,GACnD,GACF;AAAA,MAEJ;AAAA,IACF;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,wCAAwC,MAAM;AAAA,MACxD,MAAM,EAAE,UAAU,EAAE;AAAA,MACpB,MAAM,CAAC,EAAE,SAAS,MAAM;AACtB,cAAM,QAAQ,SAAiB;AAC/B,eAAO,oBAAC,UAAK,WAAU,iCAAiC,mBAAS,UAAI;AAAA,MACvE;AAAA,IACF;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,0CAA0C,QAAQ;AAAA,MAC5D,MAAM,EAAE,UAAU,EAAE;AAAA,MACpB,MAAM,CAAC,EAAE,SAAS,MAAM,SAAiB,KAAK,EAAE,gCAAgC,QAAG;AAAA,IACrF;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,4CAA4C,UAAU;AAAA,MAChE,MAAM,EAAE,UAAU,EAAE;AAAA,IACtB;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,0CAA0C,QAAQ;AAAA,MAC5D,eAAe;AAAA,MACf,MAAM,EAAE,UAAU,EAAE;AAAA,MACpB,MAAM,CAAC,EAAE,SAAS,MAAM,oBAAC,eAAY,OAAO,QAAQ,SAAS,CAAC,GAAG;AAAA,IACnE;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,eAAe,MAAM,YAAY,OAAO,aAA0B;AACtE,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA,EAAE,MAAM,SAAS,KAAK;AAAA,IACxB;AACA,UAAM,YAAY,MAAM,QAAQ;AAAA,MAC9B,OAAO;AAAA,MACP,SAAS;AAAA,IACX,CAAC;AACD,QAAI,CAAC,UAAW;AAChB,QAAI;AAEF,YAAM;AAAA,QACJ,8BAA8B,mBAAmB,SAAS,EAAE,CAAC;AAAA,QAC7D,EAAE,QAAQ,SAAS;AAAA,QACnB,EAAE,cAAc,EAAE,wCAAwC,2BAA2B,EAAE;AAAA,MACzF;AACA,YAAM,YAAY,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAC;AACxE,YAAM,EAAE,oCAAoC,mBAAmB,GAAG,SAAS;AAAA,IAC7E,SAAS,KAAc;AACrB,YAAM,WAAW,EAAE,wCAAwC,2BAA2B;AACtF,YAAM,UAAU,eAAe,QAAQ,IAAI,UAAU;AACrD,YAAM,SAAS,OAAO;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,SAAS,aAAa,CAAC,CAAC;AAE5B,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,iCAAiC,YAAY;AAAA,QACtD,SAAS,YACP,oBAAC,UAAO,SAAO,MACb,8BAAC,QAAK,MAAK,sCACR,YAAE,0CAA0C,QAAQ,GACvD,GACF,IACE;AAAA,QACJ;AAAA,QACA,MAAM;AAAA,QACN,YACE;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,EAAE,iCAAiC,YAAY;AAAA,YAC3D,YAAY,YAAY,uCAAuC;AAAA,YAC/D,aAAa,YAAY,EAAE,0CAA0C,QAAQ,IAAI;AAAA;AAAA,QACnF;AAAA,QAEF,aAAa;AAAA,QACb,mBAAmB,EAAE,6CAA6C,mBAAmB;AAAA,QACrF,gBAAgB,CAAC,UAAU;AAAE,oBAAU,KAAK;AAAG,kBAAQ,CAAC;AAAA,QAAE;AAAA,QAC1D,SAAS;AAAA,UACP;AAAA,YACE,IAAI;AAAA,YACJ,OAAO,EAAE,0CAA0C,QAAQ;AAAA,YAC3D,MAAM;AAAA,YACN,SAAS;AAAA,cACP,EAAE,OAAO,OAAO,OAAO,EAAE,uCAAuC,KAAK,EAAE;AAAA,cACvE,EAAE,OAAO,UAAU,OAAO,EAAE,0CAA0C,QAAQ,EAAE;AAAA,cAChF,EAAE,OAAO,YAAY,OAAO,EAAE,4CAA4C,UAAU,EAAE;AAAA,YACxF;AAAA,UACF;AAAA,QACF;AAAA,QACA,cAAc,WAAW,QAAQ,CAAC,IAAI,EAAE,OAAO;AAAA,QAC/C,gBAAgB,CAAC,WAAyB;AACxC,gBAAM,aAAc,OAAO,UAAwD;AACnF,oBAAU,UAAU;AACpB,kBAAQ,CAAC;AAAA,QACX;AAAA,QACA,gBAAgB,MAAM;AACpB,oBAAU,KAAK;AACf,kBAAQ,CAAC;AAAA,QACX;AAAA,QACA,UAAU;AAAA,QACV,aAAa,EAAE,SAAS,0BAA0B;AAAA,QAClD,YAAY,CAAC,QACX,YACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,EAAE,IAAI,QAAQ,OAAO,EAAE,wCAAwC,MAAM,GAAG,MAAM,+BAA+B,IAAI,EAAE,QAAQ;AAAA,cAC3H,EAAE,IAAI,UAAU,OAAO,EAAE,0CAA0C,QAAQ,GAAG,aAAa,MAAM,UAAU,MAAM,aAAa,GAAG,EAAE;AAAA,YACrI;AAAA;AAAA,QACF,IACE;AAAA,QAEN,YAAY;AAAA,UACV;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,cAAc;AAAA,QAChB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ;",
   "names": []
 }

package/dist/modules/catalog/components/products/ProductMediaManager.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/catalog/components/products/ProductMediaManager.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Upload, Image as ImageIcon, Trash2, Star } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { buildAttachmentImageUrl, slugifyAttachmentFileName } from '@open-mercato/core/modules/attachments/lib/imageUrls'\n\nexport type ProductMediaItem = {\n  id: string\n  url: string\n  fileName: string\n  fileSize: number\n  thumbnailUrl?: string | null\n}\n\ntype Props = {\n  entityId: string\n  draftRecordId: string\n  items: ProductMediaItem[]\n  defaultMediaId: string | null\n  onItemsChange: (items: ProductMediaItem[]) => void\n  onDefaultChange: (attachmentId: string | null) => void\n}\n\nfunction humanFileSize(size: number): string {\n  if (!Number.isFinite(size)) return `${size}`\n  const units = ['B', 'KB', 'MB', 'GB']\n  let idx = 0\n  let value = size\n  while (value >= 1024 && idx < units.length - 1) {\n    value /= 1024\n    idx++\n  }\n  return `${value.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`\n}\n\nexport function ProductMediaManager({\n  entityId,\n  draftRecordId,\n  items,\n  defaultMediaId,\n  onItemsChange,\n  onDefaultChange,\n}: Props) {\n  const t = useT()\n  const fileInputRef = React.useRef<HTMLInputElement | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isUploading, setUploading] = React.useState(false)\n  const [isDragOver, setDragOver] = React.useState(false)\n\n  const acceptFiles = React.useCallback(\n    async (files: FileList | null) => {\n      if (!files || !files.length || !draftRecordId) return\n      setError(null)\n      setUploading(true)\n      let nextItems = items\n      let defaultId = defaultMediaId\n      try {\n        for (const file of Array.from(files)) {\n          if (!file.type.startsWith('image/')) {\n            setError(t('catalog.products.media.errors.imagesOnly', 'Only image files are supported.'))\n            continue\n          }\n          const fd = new FormData()\n          fd.set('entityId', entityId)\n          fd.set('recordId', draftRecordId)\n          fd.set('file', file)\n          const call = await apiCall<{ ok?: boolean; item?: ProductMediaItem; error?: string }>(\n            '/api/attachments',\n            { method: 'POST', body: fd },\n            { fallback: null },\n          )\n          if (!call.ok || !call.result?.item) {\n            const message = call.result?.error ?? t('catalog.products.media.errors.uploadFailed', 'Upload failed.')\n            setError(message)\n            break\n          }\n          const existingIds = new Set(nextItems.map((entry) => entry.id))\n          if (existingIds.has(call.result.item.id)) continue\n          const slug = slugifyAttachmentFileName(call.result.item.fileName)\n          const uploaded = {\n            ...call.result.item,\n            thumbnailUrl:\n              call.result.item.thumbnailUrl ??\n              buildAttachmentImageUrl(call.result.item.id, { width: 360, height: 360, slug }),\n          }\n          nextItems = [...nextItems, uploaded]\n          if (!defaultId) {\n            defaultId = uploaded.id\n          }\n        }\n        if (nextItems !== items) {\n          onItemsChange(nextItems)\n        }\n        if (!defaultMediaId && defaultId) {\n          onDefaultChange(defaultId)\n        }\n      } finally {\n        setUploading(false)\n        if (fileInputRef.current) {\n          fileInputRef.current.value = ''\n        }\n      }\n    },\n    [defaultMediaId, draftRecordId, entityId, items, onDefaultChange, onItemsChange, t],\n  )\n\n  const handleRemove = React.useCallback(\n    async (attachmentId: string) => {\n      setError(null)\n      const call = await apiCall<{ ok?: boolean; error?: string }>(\n        `/api/attachments?id=${encodeURIComponent(attachmentId)}`,\n        { method: 'DELETE' },\n        { fallback: null },\n      )\n      if (!call.ok) {\n        setError(call.result?.error ?? t('catalog.products.media.errors.deleteFailed', 'Failed to delete media.'))\n        return\n      }\n      const next = items.filter((item) => item.id !== attachmentId)\n      onItemsChange(next)\n      if (defaultMediaId === attachmentId) {\n        onDefaultChange(next[0]?.id ?? null)\n      }\n    },\n    [defaultMediaId, items, onDefaultChange, onItemsChange, t],\n  )\n\n  const onDrop = React.useCallback(\n    (event: React.DragEvent<HTMLDivElement>) => {\n      event.preventDefault()\n      event.stopPropagation()\n      setDragOver(false)\n      void acceptFiles(event.dataTransfer?.files ?? null)\n    },\n    [acceptFiles],\n  )\n\n  const onDragOver = React.useCallback((event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setDragOver(true)\n  }, [])\n\n  const onDragLeave = React.useCallback((event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setDragOver(false)\n  }, [])\n\n  const pickFiles = React.useCallback(() => {\n    fileInputRef.current?.click()\n  }, [])\n\n  return (\n    <div className=\"space-y-3\">\n      <label className=\"text-sm font-medium\">{t('catalog.products.media.label', 'Media')}</label>\n      <div\n        className={cn(\n          'flex flex-col items-center justify-center rounded-lg border border-dashed p-6 text-center transition-colors',\n          isDragOver ? 'border-primary bg-primary/5' : 'border-muted-foreground/30',\n        )}\n        onDrop={onDrop}\n        onDragOver={onDragOver}\n        onDragLeave={onDragLeave}\n        role=\"presentation\"\n      >\n        <Upload className=\"mx-auto h-6 w-6 text-muted-foreground\" />\n        <p className=\"mt-2 text-sm text-muted-foreground\">\n          {t('catalog.products.media.dropHint', 'Drag and drop images here or click to upload.')}\n        </p>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"mt-4\" onClick={pickFiles} disabled={isUploading}>\n          {isUploading ? t('catalog.products.media.uploading', 'Uploading\u2026') : t('catalog.products.media.choose', 'Choose files')}\n        </Button>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          accept=\"image/*\"\n          multiple\n          className=\"hidden\"\n          onChange={(event) => void acceptFiles(event.target.files)}\n        />\n      </div>\n      {error ? <p className=\"text-xs font-medium text-red-600\">{error}</p> : null}\n      {items.length ? (\n        <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n          {items.map((item) => {\n            const isDefault = defaultMediaId === item.id\n            const slug = slugifyAttachmentFileName(item.fileName)\n            const thumbnail =\n              item.thumbnailUrl ||\n              buildAttachmentImageUrl(item.id, { width: 360, height: 360, slug })\n            return (\n              <div key={item.id} className=\"flex flex-col rounded-md border bg-card\">\n                <div className=\"relative aspect-square overflow-hidden rounded-t-md bg-muted\">\n                  {thumbnail ? (\n                    <img src={thumbnail} alt={item.fileName} className=\"h-full w-full object-cover\" />\n                  ) : (\n                    <div className=\"flex h-full items-center justify-center text-muted-foreground\">\n                      <ImageIcon className=\"h-8 w-8\" />\n                    </div>\n                  )}\n                  <div className=\"absolute right-1 top-1 flex gap-1\">\n                    <Button\n                      type=\"button\"\n                      variant={isDefault ? 'default' : 'secondary'}\n                      size=\"icon\"\n                      className={cn('h-7 w-7', isDefault ? '' : 'opacity-80')}\n                      onClick={() => onDefaultChange(item.id)}\n                    >\n                      <Star className=\"h-3.5 w-3.5\" />\n                    </Button>\n                    <Button type=\"button\" variant=\"secondary\" size=\"icon\" className=\"h-7 w-7\" onClick={() => void handleRemove(item.id)}>\n                      <Trash2 className=\"h-3.5 w-3.5\" />\n                    </Button>\n                  </div>\n                </div>\n                <div className=\"p-2\">\n                  <p className=\"line-clamp-1 text-sm font-medium\">{item.fileName}</p>\n                  <p className=\"text-xs text-muted-foreground\">{humanFileSize(item.fileSize)}</p>\n                  {isDefault ? (\n                    <p className=\"text-xs font-semibold text-primary\">\n                      {t('catalog.products.media.default', 'Default preview')}\n                    </p>\n                  ) : null}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('catalog.products.media.empty', 'No media uploaded yet.')}\n        </p>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": ";AA+JM,cACA,YADA;AA7JN,YAAY,WAAW;AACvB,SAAS,QAAQ,SAAS,WAAW,QAAQ,YAAY;AACzD,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,yBAAyB,iCAAiC;AAmBnE,SAAS,cAAc,MAAsB;AAC3C,MAAI,CAAC,OAAO,SAAS,IAAI,EAAG,QAAO,GAAG,IAAI;AAC1C,QAAM,QAAQ,CAAC,KAAK,MAAM,MAAM,IAAI;AACpC,MAAI,MAAM;AACV,MAAI,QAAQ;AACZ,SAAO,SAAS,QAAQ,MAAM,MAAM,SAAS,GAAG;AAC9C,aAAS;AACT;AAAA,EACF;AACA,SAAO,GAAG,MAAM,QAAQ,QAAQ,IAAI,IAAI,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC;AAC1D;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,IAAI,KAAK;AACf,QAAM,eAAe,MAAM,OAAgC,IAAI;AAC/D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,aAAa,YAAY,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,YAAY,WAAW,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,cAAc,MAAM;AAAA,IACxB,OAAO,UAA2B;AAChC,UAAI,CAAC,SAAS,CAAC,MAAM,UAAU,CAAC,cAAe;AAC/C,eAAS,IAAI;AACb,mBAAa,IAAI;AACjB,UAAI,YAAY;AAChB,UAAI,YAAY;AAChB,UAAI;AACF,mBAAW,QAAQ,MAAM,KAAK,KAAK,GAAG;AACpC,cAAI,CAAC,KAAK,KAAK,WAAW,QAAQ,GAAG;AACnC,qBAAS,EAAE,4CAA4C,iCAAiC,CAAC;AACzF;AAAA,UACF;AACA,gBAAM,KAAK,IAAI,SAAS;AACxB,aAAG,IAAI,YAAY,QAAQ;AAC3B,aAAG,IAAI,YAAY,aAAa;AAChC,aAAG,IAAI,QAAQ,IAAI;AACnB,gBAAM,OAAO,MAAM;AAAA,YACjB;AAAA,YACA,EAAE,QAAQ,QAAQ,MAAM,GAAG;AAAA,YAC3B,EAAE,UAAU,KAAK;AAAA,UACnB;AACA,cAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ,MAAM;AAClC,kBAAM,UAAU,KAAK,QAAQ,SAAS,EAAE,8CAA8C,gBAAgB;AACtG,qBAAS,OAAO;AAChB;AAAA,UACF;AACA,gBAAM,cAAc,IAAI,IAAI,UAAU,IAAI,CAAC,UAAU,MAAM,EAAE,CAAC;AAC9D,cAAI,YAAY,IAAI,KAAK,OAAO,KAAK,EAAE,EAAG;AAC1C,gBAAM,OAAO,0BAA0B,KAAK,OAAO,KAAK,QAAQ;AAChE,gBAAM,WAAW;AAAA,YACf,GAAG,KAAK,OAAO;AAAA,YACf,cACE,KAAK,OAAO,KAAK,gBACjB,wBAAwB,KAAK,OAAO,KAAK,IAAI,EAAE,OAAO,KAAK,QAAQ,KAAK,KAAK,CAAC;AAAA,UAClF;AACA,sBAAY,CAAC,GAAG,WAAW,QAAQ;AACnC,cAAI,CAAC,WAAW;AACd,wBAAY,SAAS;AAAA,UACvB;AAAA,QACF;AACA,YAAI,cAAc,OAAO;AACvB,wBAAc,SAAS;AAAA,QACzB;AACA,YAAI,CAAC,kBAAkB,WAAW;AAChC,0BAAgB,SAAS;AAAA,QAC3B;AAAA,MACF,UAAE;AACA,qBAAa,KAAK;AAClB,YAAI,aAAa,SAAS;AACxB,uBAAa,QAAQ,QAAQ;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,eAAe,UAAU,OAAO,iBAAiB,eAAe,CAAC;AAAA,EACpF;AAEA,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,iBAAyB;AAC9B,eAAS,IAAI;AACb,YAAM,OAAO,MAAM;AAAA,QACjB,uBAAuB,mBAAmB,YAAY,CAAC;AAAA,QACvD,EAAE,QAAQ,SAAS;AAAA,QACnB,EAAE,UAAU,KAAK;AAAA,MACnB;AACA,UAAI,CAAC,KAAK,IAAI;AACZ,iBAAS,KAAK,QAAQ,SAAS,EAAE,8CAA8C,yBAAyB,CAAC;AACzG;AAAA,MACF;AACA,YAAM,OAAO,MAAM,OAAO,CAAC,SAAS,KAAK,OAAO,YAAY;AAC5D,oBAAc,IAAI;AAClB,UAAI,mBAAmB,cAAc;AACnC,wBAAgB,KAAK,CAAC,GAAG,MAAM,IAAI;AAAA,MACrC;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,OAAO,iBAAiB,eAAe,CAAC;AAAA,EAC3D;AAEA,QAAM,SAAS,MAAM;AAAA,IACnB,CAAC,UAA2C;AAC1C,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,kBAAY,KAAK;AACjB,WAAK,YAAY,MAAM,cAAc,SAAS,IAAI;AAAA,IACpD;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,aAAa,MAAM,YAAY,CAAC,UAA2C;AAC/E,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM,YAAY,CAAC,UAA2C;AAChF,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,MAAM,YAAY,MAAM;AACxC,iBAAa,SAAS,MAAM;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAM,WAAU,uBAAuB,YAAE,gCAAgC,OAAO,GAAE;AAAA,IACnF;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,aAAa,gCAAgC;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QAEL;AAAA,8BAAC,UAAO,WAAU,yCAAwC;AAAA,UAC1D,oBAAC,OAAE,WAAU,sCACV,YAAE,mCAAmC,+CAA+C,GACvF;AAAA,UACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,WAAU,QAAO,SAAS,WAAW,UAAU,aAC9F,wBAAc,EAAE,oCAAoC,iBAAY,IAAI,EAAE,iCAAiC,cAAc,GACxH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL,QAAO;AAAA,cACP,UAAQ;AAAA,cACR,WAAU;AAAA,cACV,UAAU,CAAC,UAAU,KAAK,YAAY,MAAM,OAAO,KAAK;AAAA;AAAA,UAC1D;AAAA;AAAA;AAAA,IACF;AAAA,IACC,QAAQ,oBAAC,OAAE,WAAU,oCAAoC,iBAAM,IAAO;AAAA,IACtE,MAAM,SACL,oBAAC,SAAI,WAAU,yCACZ,gBAAM,IAAI,CAAC,SAAS;AACnB,YAAM,YAAY,mBAAmB,KAAK;AAC1C,YAAM,OAAO,0BAA0B,KAAK,QAAQ;AACpD,YAAM,YACJ,KAAK,gBACL,wBAAwB,KAAK,IAAI,EAAE,OAAO,KAAK,QAAQ,KAAK,KAAK,CAAC;AACpE,aACE,qBAAC,SAAkB,WAAU,2CAC3B;AAAA,6BAAC,SAAI,WAAU,gEACZ;AAAA,sBACC,oBAAC,SAAI,KAAK,WAAW,KAAK,KAAK,UAAU,WAAU,8BAA6B,IAEhF,oBAAC,SAAI,WAAU,iEACb,8BAAC,aAAU,WAAU,WAAU,GACjC;AAAA,UAEF,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,YAAY,YAAY;AAAA,gBACjC,MAAK;AAAA,gBACL,WAAW,GAAG,WAAW,YAAY,KAAK,YAAY;AAAA,gBACtD,SAAS,MAAM,gBAAgB,KAAK,EAAE;AAAA,gBAEtC,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,YAChC;AAAA,YACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,MAAK,QAAO,WAAU,WAAU,SAAS,MAAM,KAAK,aAAa,KAAK,EAAE,GAChH,8BAAC,UAAO,WAAU,eAAc,GAClC;AAAA,aACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,OACb;AAAA,8BAAC,OAAE,WAAU,oCAAoC,eAAK,UAAS;AAAA,UAC/D,oBAAC,OAAE,WAAU,iCAAiC,wBAAc,KAAK,QAAQ,GAAE;AAAA,UAC1E,YACC,oBAAC,OAAE,WAAU,sCACV,YAAE,kCAAkC,iBAAiB,GACxD,IACE;AAAA,WACN;AAAA,WAhCQ,KAAK,EAiCf;AAAA,IAEJ,CAAC,GACH,IAEA,oBAAC,OAAE,WAAU,iCACV,YAAE,gCAAgC,wBAAwB,GAC7D;AAAA,KAEJ;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Upload, Image as ImageIcon, Trash2, Star } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { buildAttachmentImageUrl, slugifyAttachmentFileName } from '@open-mercato/core/modules/attachments/lib/imageUrls'\n\nexport type ProductMediaItem = {\n  id: string\n  url: string\n  fileName: string\n  fileSize: number\n  thumbnailUrl?: string | null\n}\n\ntype Props = {\n  entityId: string\n  draftRecordId: string\n  items: ProductMediaItem[]\n  defaultMediaId: string | null\n  onItemsChange: (items: ProductMediaItem[]) => void\n  onDefaultChange: (attachmentId: string | null) => void\n}\n\nfunction humanFileSize(size: number): string {\n  if (!Number.isFinite(size)) return `${size}`\n  const units = ['B', 'KB', 'MB', 'GB']\n  let idx = 0\n  let value = size\n  while (value >= 1024 && idx < units.length - 1) {\n    value /= 1024\n    idx++\n  }\n  return `${value.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`\n}\n\nexport function ProductMediaManager({\n  entityId,\n  draftRecordId,\n  items,\n  defaultMediaId,\n  onItemsChange,\n  onDefaultChange,\n}: Props) {\n  const t = useT()\n  const fileInputRef = React.useRef<HTMLInputElement | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isUploading, setUploading] = React.useState(false)\n  const [isDragOver, setDragOver] = React.useState(false)\n\n  const acceptFiles = React.useCallback(\n    async (files: FileList | null) => {\n      if (!files || !files.length || !draftRecordId) return\n      setError(null)\n      setUploading(true)\n      let nextItems = items\n      let defaultId = defaultMediaId\n      try {\n        for (const file of Array.from(files)) {\n          if (!file.type.startsWith('image/')) {\n            setError(t('catalog.products.media.errors.imagesOnly', 'Only image files are supported.'))\n            continue\n          }\n          const fd = new FormData()\n          fd.set('entityId', entityId)\n          fd.set('recordId', draftRecordId)\n          fd.set('file', file)\n          // optimistic-lock-exempt: media attach/detach/reorder\n          const call = await apiCall<{ ok?: boolean; item?: ProductMediaItem; error?: string }>(\n            '/api/attachments',\n            { method: 'POST', body: fd },\n            { fallback: null },\n          )\n          if (!call.ok || !call.result?.item) {\n            const message = call.result?.error ?? t('catalog.products.media.errors.uploadFailed', 'Upload failed.')\n            setError(message)\n            break\n          }\n          const existingIds = new Set(nextItems.map((entry) => entry.id))\n          if (existingIds.has(call.result.item.id)) continue\n          const slug = slugifyAttachmentFileName(call.result.item.fileName)\n          const uploaded = {\n            ...call.result.item,\n            thumbnailUrl:\n              call.result.item.thumbnailUrl ??\n              buildAttachmentImageUrl(call.result.item.id, { width: 360, height: 360, slug }),\n          }\n          nextItems = [...nextItems, uploaded]\n          if (!defaultId) {\n            defaultId = uploaded.id\n          }\n        }\n        if (nextItems !== items) {\n          onItemsChange(nextItems)\n        }\n        if (!defaultMediaId && defaultId) {\n          onDefaultChange(defaultId)\n        }\n      } finally {\n        setUploading(false)\n        if (fileInputRef.current) {\n          fileInputRef.current.value = ''\n        }\n      }\n    },\n    [defaultMediaId, draftRecordId, entityId, items, onDefaultChange, onItemsChange, t],\n  )\n\n  const handleRemove = React.useCallback(\n    async (attachmentId: string) => {\n      setError(null)\n      // optimistic-lock-exempt: media attach/detach/reorder\n      const call = await apiCall<{ ok?: boolean; error?: string }>(\n        `/api/attachments?id=${encodeURIComponent(attachmentId)}`,\n        { method: 'DELETE' },\n        { fallback: null },\n      )\n      if (!call.ok) {\n        setError(call.result?.error ?? t('catalog.products.media.errors.deleteFailed', 'Failed to delete media.'))\n        return\n      }\n      const next = items.filter((item) => item.id !== attachmentId)\n      onItemsChange(next)\n      if (defaultMediaId === attachmentId) {\n        onDefaultChange(next[0]?.id ?? null)\n      }\n    },\n    [defaultMediaId, items, onDefaultChange, onItemsChange, t],\n  )\n\n  const onDrop = React.useCallback(\n    (event: React.DragEvent<HTMLDivElement>) => {\n      event.preventDefault()\n      event.stopPropagation()\n      setDragOver(false)\n      void acceptFiles(event.dataTransfer?.files ?? null)\n    },\n    [acceptFiles],\n  )\n\n  const onDragOver = React.useCallback((event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setDragOver(true)\n  }, [])\n\n  const onDragLeave = React.useCallback((event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setDragOver(false)\n  }, [])\n\n  const pickFiles = React.useCallback(() => {\n    fileInputRef.current?.click()\n  }, [])\n\n  return (\n    <div className=\"space-y-3\">\n      <label className=\"text-sm font-medium\">{t('catalog.products.media.label', 'Media')}</label>\n      <div\n        className={cn(\n          'flex flex-col items-center justify-center rounded-lg border border-dashed p-6 text-center transition-colors',\n          isDragOver ? 'border-primary bg-primary/5' : 'border-muted-foreground/30',\n        )}\n        onDrop={onDrop}\n        onDragOver={onDragOver}\n        onDragLeave={onDragLeave}\n        role=\"presentation\"\n      >\n        <Upload className=\"mx-auto h-6 w-6 text-muted-foreground\" />\n        <p className=\"mt-2 text-sm text-muted-foreground\">\n          {t('catalog.products.media.dropHint', 'Drag and drop images here or click to upload.')}\n        </p>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"mt-4\" onClick={pickFiles} disabled={isUploading}>\n          {isUploading ? t('catalog.products.media.uploading', 'Uploading\u2026') : t('catalog.products.media.choose', 'Choose files')}\n        </Button>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          accept=\"image/*\"\n          multiple\n          className=\"hidden\"\n          onChange={(event) => void acceptFiles(event.target.files)}\n        />\n      </div>\n      {error ? <p className=\"text-xs font-medium text-red-600\">{error}</p> : null}\n      {items.length ? (\n        <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n          {items.map((item) => {\n            const isDefault = defaultMediaId === item.id\n            const slug = slugifyAttachmentFileName(item.fileName)\n            const thumbnail =\n              item.thumbnailUrl ||\n              buildAttachmentImageUrl(item.id, { width: 360, height: 360, slug })\n            return (\n              <div key={item.id} className=\"flex flex-col rounded-md border bg-card\">\n                <div className=\"relative aspect-square overflow-hidden rounded-t-md bg-muted\">\n                  {thumbnail ? (\n                    <img src={thumbnail} alt={item.fileName} className=\"h-full w-full object-cover\" />\n                  ) : (\n                    <div className=\"flex h-full items-center justify-center text-muted-foreground\">\n                      <ImageIcon className=\"h-8 w-8\" />\n                    </div>\n                  )}\n                  <div className=\"absolute right-1 top-1 flex gap-1\">\n                    <Button\n                      type=\"button\"\n                      variant={isDefault ? 'default' : 'secondary'}\n                      size=\"icon\"\n                      className={cn('h-7 w-7', isDefault ? '' : 'opacity-80')}\n                      onClick={() => onDefaultChange(item.id)}\n                    >\n                      <Star className=\"h-3.5 w-3.5\" />\n                    </Button>\n                    <Button type=\"button\" variant=\"secondary\" size=\"icon\" className=\"h-7 w-7\" onClick={() => void handleRemove(item.id)}>\n                      <Trash2 className=\"h-3.5 w-3.5\" />\n                    </Button>\n                  </div>\n                </div>\n                <div className=\"p-2\">\n                  <p className=\"line-clamp-1 text-sm font-medium\">{item.fileName}</p>\n                  <p className=\"text-xs text-muted-foreground\">{humanFileSize(item.fileSize)}</p>\n                  {isDefault ? (\n                    <p className=\"text-xs font-semibold text-primary\">\n                      {t('catalog.products.media.default', 'Default preview')}\n                    </p>\n                  ) : null}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('catalog.products.media.empty', 'No media uploaded yet.')}\n        </p>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiKM,cACA,YADA;AA/JN,YAAY,WAAW;AACvB,SAAS,QAAQ,SAAS,WAAW,QAAQ,YAAY;AACzD,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,yBAAyB,iCAAiC;AAmBnE,SAAS,cAAc,MAAsB;AAC3C,MAAI,CAAC,OAAO,SAAS,IAAI,EAAG,QAAO,GAAG,IAAI;AAC1C,QAAM,QAAQ,CAAC,KAAK,MAAM,MAAM,IAAI;AACpC,MAAI,MAAM;AACV,MAAI,QAAQ;AACZ,SAAO,SAAS,QAAQ,MAAM,MAAM,SAAS,GAAG;AAC9C,aAAS;AACT;AAAA,EACF;AACA,SAAO,GAAG,MAAM,QAAQ,QAAQ,IAAI,IAAI,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC;AAC1D;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,IAAI,KAAK;AACf,QAAM,eAAe,MAAM,OAAgC,IAAI;AAC/D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,aAAa,YAAY,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,YAAY,WAAW,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,cAAc,MAAM;AAAA,IACxB,OAAO,UAA2B;AAChC,UAAI,CAAC,SAAS,CAAC,MAAM,UAAU,CAAC,cAAe;AAC/C,eAAS,IAAI;AACb,mBAAa,IAAI;AACjB,UAAI,YAAY;AAChB,UAAI,YAAY;AAChB,UAAI;AACF,mBAAW,QAAQ,MAAM,KAAK,KAAK,GAAG;AACpC,cAAI,CAAC,KAAK,KAAK,WAAW,QAAQ,GAAG;AACnC,qBAAS,EAAE,4CAA4C,iCAAiC,CAAC;AACzF;AAAA,UACF;AACA,gBAAM,KAAK,IAAI,SAAS;AACxB,aAAG,IAAI,YAAY,QAAQ;AAC3B,aAAG,IAAI,YAAY,aAAa;AAChC,aAAG,IAAI,QAAQ,IAAI;AAEnB,gBAAM,OAAO,MAAM;AAAA,YACjB;AAAA,YACA,EAAE,QAAQ,QAAQ,MAAM,GAAG;AAAA,YAC3B,EAAE,UAAU,KAAK;AAAA,UACnB;AACA,cAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ,MAAM;AAClC,kBAAM,UAAU,KAAK,QAAQ,SAAS,EAAE,8CAA8C,gBAAgB;AACtG,qBAAS,OAAO;AAChB;AAAA,UACF;AACA,gBAAM,cAAc,IAAI,IAAI,UAAU,IAAI,CAAC,UAAU,MAAM,EAAE,CAAC;AAC9D,cAAI,YAAY,IAAI,KAAK,OAAO,KAAK,EAAE,EAAG;AAC1C,gBAAM,OAAO,0BAA0B,KAAK,OAAO,KAAK,QAAQ;AAChE,gBAAM,WAAW;AAAA,YACf,GAAG,KAAK,OAAO;AAAA,YACf,cACE,KAAK,OAAO,KAAK,gBACjB,wBAAwB,KAAK,OAAO,KAAK,IAAI,EAAE,OAAO,KAAK,QAAQ,KAAK,KAAK,CAAC;AAAA,UAClF;AACA,sBAAY,CAAC,GAAG,WAAW,QAAQ;AACnC,cAAI,CAAC,WAAW;AACd,wBAAY,SAAS;AAAA,UACvB;AAAA,QACF;AACA,YAAI,cAAc,OAAO;AACvB,wBAAc,SAAS;AAAA,QACzB;AACA,YAAI,CAAC,kBAAkB,WAAW;AAChC,0BAAgB,SAAS;AAAA,QAC3B;AAAA,MACF,UAAE;AACA,qBAAa,KAAK;AAClB,YAAI,aAAa,SAAS;AACxB,uBAAa,QAAQ,QAAQ;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,eAAe,UAAU,OAAO,iBAAiB,eAAe,CAAC;AAAA,EACpF;AAEA,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,iBAAyB;AAC9B,eAAS,IAAI;AAEb,YAAM,OAAO,MAAM;AAAA,QACjB,uBAAuB,mBAAmB,YAAY,CAAC;AAAA,QACvD,EAAE,QAAQ,SAAS;AAAA,QACnB,EAAE,UAAU,KAAK;AAAA,MACnB;AACA,UAAI,CAAC,KAAK,IAAI;AACZ,iBAAS,KAAK,QAAQ,SAAS,EAAE,8CAA8C,yBAAyB,CAAC;AACzG;AAAA,MACF;AACA,YAAM,OAAO,MAAM,OAAO,CAAC,SAAS,KAAK,OAAO,YAAY;AAC5D,oBAAc,IAAI;AAClB,UAAI,mBAAmB,cAAc;AACnC,wBAAgB,KAAK,CAAC,GAAG,MAAM,IAAI;AAAA,MACrC;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,OAAO,iBAAiB,eAAe,CAAC;AAAA,EAC3D;AAEA,QAAM,SAAS,MAAM;AAAA,IACnB,CAAC,UAA2C;AAC1C,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,kBAAY,KAAK;AACjB,WAAK,YAAY,MAAM,cAAc,SAAS,IAAI;AAAA,IACpD;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,aAAa,MAAM,YAAY,CAAC,UAA2C;AAC/E,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM,YAAY,CAAC,UAA2C;AAChF,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,MAAM,YAAY,MAAM;AACxC,iBAAa,SAAS,MAAM;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAM,WAAU,uBAAuB,YAAE,gCAAgC,OAAO,GAAE;AAAA,IACnF;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,aAAa,gCAAgC;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QAEL;AAAA,8BAAC,UAAO,WAAU,yCAAwC;AAAA,UAC1D,oBAAC,OAAE,WAAU,sCACV,YAAE,mCAAmC,+CAA+C,GACvF;AAAA,UACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,WAAU,QAAO,SAAS,WAAW,UAAU,aAC9F,wBAAc,EAAE,oCAAoC,iBAAY,IAAI,EAAE,iCAAiC,cAAc,GACxH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL,QAAO;AAAA,cACP,UAAQ;AAAA,cACR,WAAU;AAAA,cACV,UAAU,CAAC,UAAU,KAAK,YAAY,MAAM,OAAO,KAAK;AAAA;AAAA,UAC1D;AAAA;AAAA;AAAA,IACF;AAAA,IACC,QAAQ,oBAAC,OAAE,WAAU,oCAAoC,iBAAM,IAAO;AAAA,IACtE,MAAM,SACL,oBAAC,SAAI,WAAU,yCACZ,gBAAM,IAAI,CAAC,SAAS;AACnB,YAAM,YAAY,mBAAmB,KAAK;AAC1C,YAAM,OAAO,0BAA0B,KAAK,QAAQ;AACpD,YAAM,YACJ,KAAK,gBACL,wBAAwB,KAAK,IAAI,EAAE,OAAO,KAAK,QAAQ,KAAK,KAAK,CAAC;AACpE,aACE,qBAAC,SAAkB,WAAU,2CAC3B;AAAA,6BAAC,SAAI,WAAU,gEACZ;AAAA,sBACC,oBAAC,SAAI,KAAK,WAAW,KAAK,KAAK,UAAU,WAAU,8BAA6B,IAEhF,oBAAC,SAAI,WAAU,iEACb,8BAAC,aAAU,WAAU,WAAU,GACjC;AAAA,UAEF,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,YAAY,YAAY;AAAA,gBACjC,MAAK;AAAA,gBACL,WAAW,GAAG,WAAW,YAAY,KAAK,YAAY;AAAA,gBACtD,SAAS,MAAM,gBAAgB,KAAK,EAAE;AAAA,gBAEtC,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,YAChC;AAAA,YACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,MAAK,QAAO,WAAU,WAAU,SAAS,MAAM,KAAK,aAAa,KAAK,EAAE,GAChH,8BAAC,UAAO,WAAU,eAAc,GAClC;AAAA,aACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,OACb;AAAA,8BAAC,OAAE,WAAU,oCAAoC,eAAK,UAAS;AAAA,UAC/D,oBAAC,OAAE,WAAU,iCAAiC,wBAAc,KAAK,QAAQ,GAAE;AAAA,UAC1E,YACC,oBAAC,OAAE,WAAU,sCACV,YAAE,kCAAkC,iBAAiB,GACxD,IACE;AAAA,WACN;AAAA,WAhCQ,KAAK,EAiCf;AAAA,IAEJ,CAAC,GACH,IAEA,oBAAC,OAAE,WAAU,iCACV,YAAE,gCAAgC,wBAAwB,GAC7D;AAAA,KAEJ;AAEJ;",
   "names": []
 }

package/dist/modules/catalog/components/products/ProductsDataTable.js

@@ -3,11 +3,13 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Link from "next/link";
 import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { ListEmptyState } from "@open-mercato/ui/backend/filters/ListEmptyState";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { RowActions } from "@open-mercato/ui/backend/RowActions";
-import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { deleteCrud, buildCrudExportUrl } from "@open-mercato/ui/backend/utils/crud";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { useCustomFieldDefs } from "@open-mercato/ui/backend/utils/customFieldDefs";
 import { applyCustomFieldVisibility } from "@open-mercato/ui/backend/utils/customFieldColumns";
 import { BooleanIcon } from "@open-mercato/ui/backend/ValueIcons";
@@ -463,9 +465,10 @@ function ProductsDataTable({
     });
     if (!confirmed) return;
     try {
-      await deleteCrud("catalog/products", row.id, {
+      const headers = buildOptimisticLockHeader(typeof row.updated_at === "string" ? row.updated_at : null);
+      await withScopedApiRequestHeaders(headers, () => deleteCrud("catalog/products", row.id, {
         errorMessage: t("catalog.products.list.error.delete", "Failed to delete product")
-      });
+      }));
       flash(t("catalog.products.flash.deleted", "Product deleted"), "success");
       setReloadToken((token) => token + 1);
     } catch (error) {
@@ -504,6 +507,14 @@ function ProductsDataTable({
         ] }),
         columns,
         data: rows,
+        emptyState: /* @__PURE__ */ jsx(
+          ListEmptyState,
+          {
+            entityName: t("catalog.products.page.title", "Products & services"),
+            createHref: "/backend/catalog/products/create",
+            createLabel: t("catalog.products.actions.create", "Create")
+          }
+        ),
         searchValue: search,
         onSearchChange: handleSearchChange,
         filters,