@open-mercato/core 0.6.4-develop.4371.1.8f3030407e → 0.6.4

package/dist/modules/sales/backend/sales/channels/offers/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/sales/backend/sales/channels/offers/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport type { FilterOption } from '@open-mercato/ui/backend/FilterOverlay'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { mapOfferRow, renderOfferPriceSummary, type OfferRow } from '@open-mercato/core/modules/sales/components/channels/offerTableUtils'\n\ntype OffersResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n}\n\nconst PAGE_SIZE = 25\n\nexport default function SalesChannelOffersListPage() {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const channelOptionsRef = React.useRef<Map<string, FilterOption>>(new Map())\n  const [rows, setRows] = React.useState<OfferRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'updatedAt', desc: true }])\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [channelOptions, setChannelOptions] = React.useState<Map<string, FilterOption>>(channelOptionsRef.current)\n\n  const selectedChannelIds = React.useMemo(() => {\n    if (!Array.isArray(filterValues.channelIds)) return []\n    return filterValues.channelIds\n      .map((value) => (typeof value === 'string' ? value.trim() : ''))\n      .filter((value): value is string => value.length > 0)\n  }, [filterValues])\n\n  const upsertChannelOptions = React.useCallback((options: FilterOption[]) => {\n    if (!options.length) return\n    setChannelOptions((prev) => {\n      const next = new Map(prev)\n      options.forEach((option) => {\n        if (!option.value) return\n        next.set(option.value, option)\n      })\n      channelOptionsRef.current = next\n      return next\n    })\n  }, [])\n\n  const loadChannelOptions = React.useCallback(async (term?: string): Promise<FilterOption[]> => {\n    try {\n      const params = new URLSearchParams({ pageSize: '100', isActive: 'true' })\n      if (term && term.trim().length) params.set('search', term.trim())\n      const payload = await readApiResultOrThrow<{ items?: Array<{ id?: string; name?: string; code?: string; description?: string | null }> }>(\n        `/api/sales/channels?${params.toString()}`,\n        undefined,\n        { errorMessage: t('sales.channels.offers.filters.channelsLoadError', 'Failed to load channels') },\n      )\n      const items = Array.isArray(payload?.items) ? payload.items : []\n      const options = items\n        .map((entry) => {\n          const value = typeof entry.id === 'string' ? entry.id : null\n          if (!value) return null\n          const label =\n            typeof entry.name === 'string'\n              ? entry.name\n              : typeof entry.code === 'string'\n                ? entry.code\n                : value\n          const description =\n            typeof entry.code === 'string' && entry.code !== label\n              ? entry.code\n              : typeof entry.description === 'string' && entry.description.trim().length\n                ? entry.description\n                : null\n          return { value, label, description }\n        })\n        .filter((option) => !!option) as FilterOption[]\n      upsertChannelOptions(options)\n      return options\n    } catch (err) {\n      console.warn('[sales.channels.offers] failed to load channel options', err)\n      return []\n    }\n  }, [t, upsertChannelOptions])\n\n  const ensureChannelMetadata = React.useCallback(async (ids: string[]) => {\n    const missing = ids.filter((id) => !channelOptionsRef.current.has(id))\n    if (!missing.length) return\n    try {\n      const params = new URLSearchParams({\n        ids: missing.join(','),\n        pageSize: String(Math.min(Math.max(missing.length, 1), 100)),\n      })\n      const payload = await readApiResultOrThrow<{ items?: Array<{ id?: string; name?: string; code?: string; description?: string | null }> }>(\n        `/api/sales/channels?${params.toString()}`,\n        undefined,\n        { errorMessage: t('sales.channels.offers.filters.channelsLoadError', 'Failed to load channels') },\n      )\n      const items = Array.isArray(payload?.items) ? payload.items : []\n      const options = items\n        .map((entry) => {\n          const value = typeof entry.id === 'string' ? entry.id : null\n          if (!value) return null\n          const label =\n            typeof entry.name === 'string'\n              ? entry.name\n              : typeof entry.code === 'string'\n                ? entry.code\n                : value\n          const description =\n            typeof entry.code === 'string' && entry.code !== label\n              ? entry.code\n              : typeof entry.description === 'string' && entry.description.trim().length\n                ? entry.description\n                : null\n          return { value, label, description }\n        })\n        .filter((option) => !!option) as FilterOption[]\n      upsertChannelOptions(options)\n    } catch (err) {\n      console.warn('[sales.channels.offers] failed to hydrate channel metadata', err)\n    }\n  }, [t, upsertChannelOptions])\n\n  const columns = React.useMemo<ColumnDef<OfferRow>[]>(() => [\n    {\n      accessorKey: 'title',\n      header: t('sales.channels.offers.table.offer', 'Offer'),\n      cell: ({ row }) => (\n        <div className=\"flex items-center gap-3\">\n          {row.original.productMediaUrl ? (\n            <img\n              src={row.original.productMediaUrl}\n              alt={row.original.productTitle ?? row.original.title}\n              className=\"h-12 w-12 rounded border object-cover\"\n            />\n          ) : (\n            <div className=\"h-12 w-12 rounded border bg-muted\" />\n          )}\n          <div className=\"flex flex-col gap-1\">\n            <div className=\"flex flex-col\">\n              <span className=\"font-medium\">{row.original.title}</span>\n              <div className=\"text-xs text-muted-foreground\">\n                {row.original.productTitle ?? t('sales.channels.offers.table.emptyProduct', 'Unlinked product')}\n              </div>\n            </div>\n          </div>\n        </div>\n      ),\n      meta: { sticky: true },\n    },\n    {\n      accessorKey: 'pricing',\n      header: t('sales.channels.offers.table.pricing', 'Prices'),\n      cell: ({ row }) => (\n        <div className=\"text-sm\">{renderOfferPriceSummary(row.original, t as any)}</div>\n      ),\n    },\n    {\n      accessorKey: 'channelId',\n      header: t('sales.channels.offers.table.channel', 'Channel'),\n      cell: ({ row }) => {\n        const channelId = row.original.channelId\n        if (!channelId) {\n          return <span className=\"text-xs text-muted-foreground\">{t('sales.channels.offers.table.channelUnassigned', 'Unassigned')}</span>\n        }\n        const label = channelOptions.get(channelId)?.label ?? channelId\n        const description = channelOptions.get(channelId)?.description ?? null\n        return (\n          <div className=\"flex flex-col\">\n            <span className=\"text-sm font-medium\">{label}</span>\n            {description ? <span className=\"text-xs text-muted-foreground\">{description}</span> : null}\n          </div>\n        )\n      },\n    },\n    {\n      accessorKey: 'isActive',\n      header: t('sales.channels.offers.table.active', 'Active'),\n      cell: ({ row }) => <BooleanIcon value={row.original.isActive} />,\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: t('sales.channels.offers.table.updated', 'Updated'),\n      cell: ({ row }) =>\n        row.original.updatedAt\n          ? <span className=\"text-xs text-muted-foreground\">{new Date(row.original.updatedAt).toLocaleDateString()}</span>\n          : <span className=\"text-xs text-muted-foreground\">\u2014</span>,\n    },\n  ], [channelOptions, t])\n\n  const filters = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'channelIds',\n      label: t('sales.channels.offers.filters.channels', 'Sales channels'),\n      type: 'tags',\n      placeholder: t('sales.channels.offers.filters.channelsPlaceholder', 'Filter by channels\u2026'),\n      loadOptions: loadChannelOptions,\n      formatValue: (value: string) => channelOptions.get(value)?.label ?? value,\n      formatDescription: (value: string) => channelOptions.get(value)?.description ?? null,\n    },\n  ], [channelOptions, loadChannelOptions, t])\n\n  const loadOffers = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n      })\n      if (search.trim().length) {\n        params.set('search', search.trim())\n      }\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (selectedChannelIds.length) {\n        params.set('channelIds', selectedChannelIds.join(','))\n      }\n      const payload = await readApiResultOrThrow<OffersResponse>(\n        `/api/catalog/offers?${params.toString()}`,\n        undefined,\n        { errorMessage: t('sales.channels.offers.errors.load', 'Failed to load offers.') },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      const mapped = items.map(mapOfferRow)\n      setRows(mapped)\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n      const ids = mapped\n        .map((row) => row.channelId)\n        .filter((value): value is string => typeof value === 'string' && value.length > 0)\n      if (ids.length) void ensureChannelMetadata(Array.from(new Set(ids)))\n    } catch (err) {\n      console.error('sales.channels.offers.list', err)\n      flash(t('sales.channels.offers.errors.load', 'Failed to load offers.'), 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [ensureChannelMetadata, page, search, selectedChannelIds, sorting, t])\n\n  React.useEffect(() => {\n    void loadOffers()\n  }, [loadOffers, scopeVersion, reloadToken])\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    setFilterValues(values)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(async (row: OfferRow) => {\n    try {\n      await deleteCrud('catalog/offers', row.id, {\n        errorMessage: t('sales.channels.offers.errors.delete', 'Failed to delete offer.'),\n      })\n      flash(t('sales.channels.offers.messages.deleted', 'Offer deleted.'), 'success')\n      handleRefresh()\n    } catch (err) {\n      console.error('sales.channels.offers.delete', err)\n    }\n  }, [handleRefresh, t])\n\n  const tableTitle = (\n    <div className=\"flex flex-col gap-1\">\n      <span>{t('sales.channels.offers.listTitle', 'Sales channel offers')}</span>\n      <span className=\"text-sm font-normal text-muted-foreground\">\n        {t('sales.channels.offers.listSubtitle', 'Review product overrides across every sales channel.')}\n      </span>\n    </div>\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<OfferRow>\n          title={tableTitle}\n          columns={columns}\n          data={rows}\n          isLoading={isLoading}\n          sorting={sorting}\n          onSortingChange={setSorting}\n          searchValue={search}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={t('sales.channels.offers.table.search', 'Search offers\u2026')}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          pagination={{\n            page,\n            pageSize: PAGE_SIZE,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\n          refreshButton={{\n            label: t('sales.channels.offers.table.refresh', 'Refresh'),\n            onRefresh: handleRefresh,\n            isRefreshing: isLoading,\n          }}\n          rowActions={(row) => {\n            if (!row.channelId) return null\n            return (\n              <RowActions\n                items={[\n                  {\n                    id: 'edit',\n                    label: t('sales.channels.offers.actions.edit', 'Edit'),\n                    href: `/backend/sales/channels/${row.channelId}/offers/${row.id}/edit`,\n                  },\n                  {\n                    id: 'delete',\n                    label: t('sales.channels.offers.actions.delete', 'Delete'),\n                    onSelect: () => handleDelete(row),\n                    destructive: true,\n                  },\n                ]}\n              />\n            )\n          }}\n          onRowClick={(row) => {\n            if (!row.channelId) return\n            router.push(`/backend/sales/channels/${row.channelId}/offers/${row.id}/edit`)\n          }}\n          emptyState={\n            <div className=\"py-10 text-center text-sm text-muted-foreground\">\n              {t('sales.channels.offers.table.emptyAll', 'No offers available yet.')}\n            </div>\n          }\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport type { FilterOption } from '@open-mercato/ui/backend/FilterOverlay'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { mapOfferRow, renderOfferPriceSummary, type OfferRow } from '@open-mercato/core/modules/sales/components/channels/offerTableUtils'\n\ntype OffersResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n}\n\nconst PAGE_SIZE = 25\n\nexport default function SalesChannelOffersListPage() {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const channelOptionsRef = React.useRef<Map<string, FilterOption>>(new Map())\n  const [rows, setRows] = React.useState<OfferRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'updatedAt', desc: true }])\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [channelOptions, setChannelOptions] = React.useState<Map<string, FilterOption>>(channelOptionsRef.current)\n\n  const selectedChannelIds = React.useMemo(() => {\n    if (!Array.isArray(filterValues.channelIds)) return []\n    return filterValues.channelIds\n      .map((value) => (typeof value === 'string' ? value.trim() : ''))\n      .filter((value): value is string => value.length > 0)\n  }, [filterValues])\n\n  const upsertChannelOptions = React.useCallback((options: FilterOption[]) => {\n    if (!options.length) return\n    setChannelOptions((prev) => {\n      const next = new Map(prev)\n      options.forEach((option) => {\n        if (!option.value) return\n        next.set(option.value, option)\n      })\n      channelOptionsRef.current = next\n      return next\n    })\n  }, [])\n\n  const loadChannelOptions = React.useCallback(async (term?: string): Promise<FilterOption[]> => {\n    try {\n      const params = new URLSearchParams({ pageSize: '100', isActive: 'true' })\n      if (term && term.trim().length) params.set('search', term.trim())\n      const payload = await readApiResultOrThrow<{ items?: Array<{ id?: string; name?: string; code?: string; description?: string | null }> }>(\n        `/api/sales/channels?${params.toString()}`,\n        undefined,\n        { errorMessage: t('sales.channels.offers.filters.channelsLoadError', 'Failed to load channels') },\n      )\n      const items = Array.isArray(payload?.items) ? payload.items : []\n      const options = items\n        .map((entry) => {\n          const value = typeof entry.id === 'string' ? entry.id : null\n          if (!value) return null\n          const label =\n            typeof entry.name === 'string'\n              ? entry.name\n              : typeof entry.code === 'string'\n                ? entry.code\n                : value\n          const description =\n            typeof entry.code === 'string' && entry.code !== label\n              ? entry.code\n              : typeof entry.description === 'string' && entry.description.trim().length\n                ? entry.description\n                : null\n          return { value, label, description }\n        })\n        .filter((option) => !!option) as FilterOption[]\n      upsertChannelOptions(options)\n      return options\n    } catch (err) {\n      console.warn('[sales.channels.offers] failed to load channel options', err)\n      return []\n    }\n  }, [t, upsertChannelOptions])\n\n  const ensureChannelMetadata = React.useCallback(async (ids: string[]) => {\n    const missing = ids.filter((id) => !channelOptionsRef.current.has(id))\n    if (!missing.length) return\n    try {\n      const params = new URLSearchParams({\n        ids: missing.join(','),\n        pageSize: String(Math.min(Math.max(missing.length, 1), 100)),\n      })\n      const payload = await readApiResultOrThrow<{ items?: Array<{ id?: string; name?: string; code?: string; description?: string | null }> }>(\n        `/api/sales/channels?${params.toString()}`,\n        undefined,\n        { errorMessage: t('sales.channels.offers.filters.channelsLoadError', 'Failed to load channels') },\n      )\n      const items = Array.isArray(payload?.items) ? payload.items : []\n      const options = items\n        .map((entry) => {\n          const value = typeof entry.id === 'string' ? entry.id : null\n          if (!value) return null\n          const label =\n            typeof entry.name === 'string'\n              ? entry.name\n              : typeof entry.code === 'string'\n                ? entry.code\n                : value\n          const description =\n            typeof entry.code === 'string' && entry.code !== label\n              ? entry.code\n              : typeof entry.description === 'string' && entry.description.trim().length\n                ? entry.description\n                : null\n          return { value, label, description }\n        })\n        .filter((option) => !!option) as FilterOption[]\n      upsertChannelOptions(options)\n    } catch (err) {\n      console.warn('[sales.channels.offers] failed to hydrate channel metadata', err)\n    }\n  }, [t, upsertChannelOptions])\n\n  const columns = React.useMemo<ColumnDef<OfferRow>[]>(() => [\n    {\n      accessorKey: 'title',\n      header: t('sales.channels.offers.table.offer', 'Offer'),\n      cell: ({ row }) => (\n        <div className=\"flex items-center gap-3\">\n          {row.original.productMediaUrl ? (\n            <img\n              src={row.original.productMediaUrl}\n              alt={row.original.productTitle ?? row.original.title}\n              className=\"h-12 w-12 rounded border object-cover\"\n            />\n          ) : (\n            <div className=\"h-12 w-12 rounded border bg-muted\" />\n          )}\n          <div className=\"flex flex-col gap-1\">\n            <div className=\"flex flex-col\">\n              <span className=\"font-medium\">{row.original.title}</span>\n              <div className=\"text-xs text-muted-foreground\">\n                {row.original.productTitle ?? t('sales.channels.offers.table.emptyProduct', 'Unlinked product')}\n              </div>\n            </div>\n          </div>\n        </div>\n      ),\n      meta: { sticky: true },\n    },\n    {\n      accessorKey: 'pricing',\n      header: t('sales.channels.offers.table.pricing', 'Prices'),\n      cell: ({ row }) => (\n        <div className=\"text-sm\">{renderOfferPriceSummary(row.original, t as any)}</div>\n      ),\n    },\n    {\n      accessorKey: 'channelId',\n      header: t('sales.channels.offers.table.channel', 'Channel'),\n      cell: ({ row }) => {\n        const channelId = row.original.channelId\n        if (!channelId) {\n          return <span className=\"text-xs text-muted-foreground\">{t('sales.channels.offers.table.channelUnassigned', 'Unassigned')}</span>\n        }\n        const label = channelOptions.get(channelId)?.label ?? channelId\n        const description = channelOptions.get(channelId)?.description ?? null\n        return (\n          <div className=\"flex flex-col\">\n            <span className=\"text-sm font-medium\">{label}</span>\n            {description ? <span className=\"text-xs text-muted-foreground\">{description}</span> : null}\n          </div>\n        )\n      },\n    },\n    {\n      accessorKey: 'isActive',\n      header: t('sales.channels.offers.table.active', 'Active'),\n      cell: ({ row }) => <BooleanIcon value={row.original.isActive} />,\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: t('sales.channels.offers.table.updated', 'Updated'),\n      cell: ({ row }) =>\n        row.original.updatedAt\n          ? <span className=\"text-xs text-muted-foreground\">{new Date(row.original.updatedAt).toLocaleDateString()}</span>\n          : <span className=\"text-xs text-muted-foreground\">\u2014</span>,\n    },\n  ], [channelOptions, t])\n\n  const filters = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'channelIds',\n      label: t('sales.channels.offers.filters.channels', 'Sales channels'),\n      type: 'tags',\n      placeholder: t('sales.channels.offers.filters.channelsPlaceholder', 'Filter by channels\u2026'),\n      loadOptions: loadChannelOptions,\n      formatValue: (value: string) => channelOptions.get(value)?.label ?? value,\n      formatDescription: (value: string) => channelOptions.get(value)?.description ?? null,\n    },\n  ], [channelOptions, loadChannelOptions, t])\n\n  const loadOffers = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n      })\n      if (search.trim().length) {\n        params.set('search', search.trim())\n      }\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (selectedChannelIds.length) {\n        params.set('channelIds', selectedChannelIds.join(','))\n      }\n      const payload = await readApiResultOrThrow<OffersResponse>(\n        `/api/catalog/offers?${params.toString()}`,\n        undefined,\n        { errorMessage: t('sales.channels.offers.errors.load', 'Failed to load offers.') },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      const mapped = items.map(mapOfferRow)\n      setRows(mapped)\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n      const ids = mapped\n        .map((row) => row.channelId)\n        .filter((value): value is string => typeof value === 'string' && value.length > 0)\n      if (ids.length) void ensureChannelMetadata(Array.from(new Set(ids)))\n    } catch (err) {\n      console.error('sales.channels.offers.list', err)\n      flash(t('sales.channels.offers.errors.load', 'Failed to load offers.'), 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [ensureChannelMetadata, page, search, selectedChannelIds, sorting, t])\n\n  React.useEffect(() => {\n    void loadOffers()\n  }, [loadOffers, scopeVersion, reloadToken])\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    setFilterValues(values)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(async (row: OfferRow) => {\n    try {\n      await withScopedApiRequestHeaders(\n        buildOptimisticLockHeader(row.updatedAt),\n        () => deleteCrud('catalog/offers', row.id, {\n          errorMessage: t('sales.channels.offers.errors.delete', 'Failed to delete offer.'),\n        }),\n      )\n      flash(t('sales.channels.offers.messages.deleted', 'Offer deleted.'), 'success')\n      handleRefresh()\n    } catch (err) {\n      if (surfaceRecordConflict(err, t)) { handleRefresh(); return }\n      console.error('sales.channels.offers.delete', err)\n    }\n  }, [handleRefresh, t])\n\n  const tableTitle = (\n    <div className=\"flex flex-col gap-1\">\n      <span>{t('sales.channels.offers.listTitle', 'Sales channel offers')}</span>\n      <span className=\"text-sm font-normal text-muted-foreground\">\n        {t('sales.channels.offers.listSubtitle', 'Review product overrides across every sales channel.')}\n      </span>\n    </div>\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<OfferRow>\n          title={tableTitle}\n          columns={columns}\n          data={rows}\n          isLoading={isLoading}\n          sorting={sorting}\n          onSortingChange={setSorting}\n          searchValue={search}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={t('sales.channels.offers.table.search', 'Search offers\u2026')}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          pagination={{\n            page,\n            pageSize: PAGE_SIZE,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\n          refreshButton={{\n            label: t('sales.channels.offers.table.refresh', 'Refresh'),\n            onRefresh: handleRefresh,\n            isRefreshing: isLoading,\n          }}\n          rowActions={(row) => {\n            if (!row.channelId) return null\n            return (\n              <RowActions\n                items={[\n                  {\n                    id: 'edit',\n                    label: t('sales.channels.offers.actions.edit', 'Edit'),\n                    href: `/backend/sales/channels/${row.channelId}/offers/${row.id}/edit`,\n                  },\n                  {\n                    id: 'delete',\n                    label: t('sales.channels.offers.actions.delete', 'Delete'),\n                    onSelect: () => handleDelete(row),\n                    destructive: true,\n                  },\n                ]}\n              />\n            )\n          }}\n          onRowClick={(row) => {\n            if (!row.channelId) return\n            router.push(`/backend/sales/channels/${row.channelId}/offers/${row.id}/edit`)\n          }}\n          emptyState={\n            <div className=\"py-10 text-center text-sm text-muted-foreground\">\n              {t('sales.channels.offers.table.emptyAll', 'No offers available yet.')}\n            </div>\n          }\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/sales/backend/sales/channels/page.js

@@ -9,8 +9,9 @@ import { Button } from "@open-mercato/ui/primitives/button";
 import { RowActions } from "@open-mercato/ui/backend/RowActions";
 import { BooleanIcon } from "@open-mercato/ui/backend/ValueIcons";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
 import { deleteCrud } from "@open-mercato/ui/backend/utils/crud";
+import { buildOptimisticLockHeader, extractOptimisticLockConflict } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 const PAGE_SIZE = 25;
@@ -100,12 +101,23 @@ function SalesChannelsPage() {
   }, []);
   const handleDelete = React.useCallback(async (row) => {
     try {
-      await deleteCrud("sales/channels", row.id, {
-        errorMessage: t("sales.channels.table.errors.delete", "Failed to delete channel.")
-      });
+      await withScopedApiRequestHeaders(
+        buildOptimisticLockHeader(row.updatedAt),
+        () => deleteCrud("sales/channels", row.id, {
+          errorMessage: t("sales.channels.table.errors.delete", "Failed to delete channel.")
+        })
+      );
       flash(t("sales.channels.table.messages.deleted", "Channel deleted."), "success");
       handleRefresh();
     } catch (err) {
+      if (extractOptimisticLockConflict(err)) {
+        flash(
+          t("ui.forms.flash.recordModified", "This record was modified by someone else. Refresh and try again."),
+          "error"
+        );
+        handleRefresh();
+        return;
+      }
       console.error("sales.channels.delete", err);
     }
   }, [handleRefresh, t]);

package/dist/modules/sales/backend/sales/channels/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/sales/backend/sales/channels/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport Link from 'next/link'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype ChannelRow = {\n  id: string\n  name: string\n  code: string | null\n  description: string | null\n  offerCount: number\n  isActive: boolean\n  updatedAt: string | null\n}\n\ntype ChannelsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n}\n\nconst PAGE_SIZE = 25\n\nexport default function SalesChannelsPage() {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [rows, setRows] = React.useState<ChannelRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [sorting, setSorting] = React.useState<SortingState>([])\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n\n  const columns = React.useMemo<ColumnDef<ChannelRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: t('sales.channels.table.name', 'Name'),\n      cell: ({ row }) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium\">{row.original.name}</span>\n          {row.original.description ? (\n            <span className=\"text-xs text-muted-foreground\">{row.original.description}</span>\n          ) : null}\n        </div>\n      ),\n      meta: { sticky: true },\n    },\n    {\n      accessorKey: 'code',\n      header: t('sales.channels.table.code', 'Code'),\n      cell: ({ row }) => row.original.code ? (\n        <span className=\"font-mono text-xs\">{row.original.code}</span>\n      ) : (\n        <span className=\"text-xs text-muted-foreground\">\u2014</span>\n      ),\n    },\n    {\n      accessorKey: 'offerCount',\n      header: t('sales.channels.table.offers', 'Product offers'),\n      cell: ({ row }) => (\n        <span className=\"text-sm font-semibold\">{row.original.offerCount}</span>\n      ),\n    },\n    {\n      accessorKey: 'isActive',\n      header: t('sales.channels.table.active', 'Active'),\n      cell: ({ row }) => <BooleanIcon value={row.original.isActive} />,\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: t('sales.channels.table.updated', 'Updated'),\n      cell: ({ row }) =>\n        row.original.updatedAt\n          ? <span className=\"text-xs text-muted-foreground\">{new Date(row.original.updatedAt).toLocaleDateString()}</span>\n          : <span className=\"text-xs text-muted-foreground\">\u2014</span>,\n    },\n  ], [t])\n\n  const loadChannels = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n      })\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (search.trim().length) {\n        params.set('search', search.trim())\n      }\n      const payload = await readApiResultOrThrow<ChannelsResponse>(\n        `/api/sales/channels?${params.toString()}`,\n        undefined,\n        { errorMessage: t('sales.channels.table.errors.load', 'Failed to load channels.') },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapApiChannel))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n    } catch (err) {\n      console.error('sales.channels.list', err)\n      flash(t('sales.channels.table.errors.load', 'Failed to load channels.'), 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [page, search, sorting, t])\n\n  React.useEffect(() => {\n    void loadChannels()\n  }, [loadChannels, scopeVersion, reloadToken])\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(async (row: ChannelRow) => {\n    try {\n      await deleteCrud('sales/channels', row.id, {\n        errorMessage: t('sales.channels.table.errors.delete', 'Failed to delete channel.'),\n      })\n      flash(t('sales.channels.table.messages.deleted', 'Channel deleted.'), 'success')\n      handleRefresh()\n    } catch (err) {\n      console.error('sales.channels.delete', err)\n    }\n  }, [handleRefresh, t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<ChannelRow>\n          title={(\n            <div className=\"flex flex-col\">\n              <span>{t('sales.channels.nav.title', 'Sales channels')}</span>\n              <span className=\"text-sm font-normal text-muted-foreground\">\n                {t('sales.channels.table.subtitle', 'Organize catalog offers per marketplace or storefront.')}\n              </span>\n            </div>\n          )}\n          actions={(\n            <Button asChild>\n              <Link href=\"/backend/sales/channels/create\">\n                {t('sales.channels.actions.create', 'Add channel')}\n              </Link>\n            </Button>\n          )}\n          columns={columns}\n          data={rows}\n          sorting={sorting}\n          onSortingChange={setSorting}\n          isLoading={isLoading}\n          searchValue={search}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={t('sales.channels.table.search', 'Search channels\u2026')}\n          pagination={{\n            page,\n            pageSize: PAGE_SIZE,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\n          refreshButton={{\n            label: t('sales.channels.table.refresh', 'Refresh'),\n            onRefresh: handleRefresh,\n            isRefreshing: isLoading,\n          }}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('sales.channels.table.actions.edit', 'Edit'),\n                  href: `/backend/sales/channels/${row.id}/edit`,\n                },\n                {\n                  id: 'delete',\n                  label: t('sales.channels.table.actions.delete', 'Delete'),\n                  onSelect: () => handleDelete(row),\n                },\n              ]}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/sales/channels/${row.id}/edit`)}\n          emptyState={\n            <div className=\"py-10 text-center text-sm text-muted-foreground\">\n              {t('sales.channels.table.empty', 'No channels yet.')}\n            </div>\n          }\n        />\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction mapApiChannel(item: Record<string, unknown>): ChannelRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  return withDataTableNamespaces({\n    id,\n    name: typeof item.name === 'string' ? item.name : id,\n    code: typeof item.code === 'string' && item.code.length ? item.code : null,\n    description: typeof item.description === 'string' && item.description.length ? item.description : null,\n    offerCount: typeof item.offerCount === 'number'\n      ? item.offerCount\n      : typeof item.offer_count === 'number'\n        ? item.offer_count\n        : 0,\n    isActive: item.isActive === true || item.is_active === true,\n    updatedAt: typeof item.updatedAt === 'string'\n      ? item.updatedAt\n      : typeof item.updated_at === 'string'\n        ? item.updated_at\n        : null,\n  }, item)\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport Link from 'next/link'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { buildOptimisticLockHeader, extractOptimisticLockConflict } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype ChannelRow = {\n  id: string\n  name: string\n  code: string | null\n  description: string | null\n  offerCount: number\n  isActive: boolean\n  updatedAt: string | null\n}\n\ntype ChannelsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n}\n\nconst PAGE_SIZE = 25\n\nexport default function SalesChannelsPage() {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [rows, setRows] = React.useState<ChannelRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [sorting, setSorting] = React.useState<SortingState>([])\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n\n  const columns = React.useMemo<ColumnDef<ChannelRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: t('sales.channels.table.name', 'Name'),\n      cell: ({ row }) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium\">{row.original.name}</span>\n          {row.original.description ? (\n            <span className=\"text-xs text-muted-foreground\">{row.original.description}</span>\n          ) : null}\n        </div>\n      ),\n      meta: { sticky: true },\n    },\n    {\n      accessorKey: 'code',\n      header: t('sales.channels.table.code', 'Code'),\n      cell: ({ row }) => row.original.code ? (\n        <span className=\"font-mono text-xs\">{row.original.code}</span>\n      ) : (\n        <span className=\"text-xs text-muted-foreground\">\u2014</span>\n      ),\n    },\n    {\n      accessorKey: 'offerCount',\n      header: t('sales.channels.table.offers', 'Product offers'),\n      cell: ({ row }) => (\n        <span className=\"text-sm font-semibold\">{row.original.offerCount}</span>\n      ),\n    },\n    {\n      accessorKey: 'isActive',\n      header: t('sales.channels.table.active', 'Active'),\n      cell: ({ row }) => <BooleanIcon value={row.original.isActive} />,\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: t('sales.channels.table.updated', 'Updated'),\n      cell: ({ row }) =>\n        row.original.updatedAt\n          ? <span className=\"text-xs text-muted-foreground\">{new Date(row.original.updatedAt).toLocaleDateString()}</span>\n          : <span className=\"text-xs text-muted-foreground\">\u2014</span>,\n    },\n  ], [t])\n\n  const loadChannels = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n      })\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (search.trim().length) {\n        params.set('search', search.trim())\n      }\n      const payload = await readApiResultOrThrow<ChannelsResponse>(\n        `/api/sales/channels?${params.toString()}`,\n        undefined,\n        { errorMessage: t('sales.channels.table.errors.load', 'Failed to load channels.') },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapApiChannel))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n    } catch (err) {\n      console.error('sales.channels.list', err)\n      flash(t('sales.channels.table.errors.load', 'Failed to load channels.'), 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [page, search, sorting, t])\n\n  React.useEffect(() => {\n    void loadChannels()\n  }, [loadChannels, scopeVersion, reloadToken])\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(async (row: ChannelRow) => {\n    try {\n      await withScopedApiRequestHeaders(\n        buildOptimisticLockHeader(row.updatedAt),\n        () => deleteCrud('sales/channels', row.id, {\n          errorMessage: t('sales.channels.table.errors.delete', 'Failed to delete channel.'),\n        }),\n      )\n      flash(t('sales.channels.table.messages.deleted', 'Channel deleted.'), 'success')\n      handleRefresh()\n    } catch (err) {\n      if (extractOptimisticLockConflict(err)) {\n        // Someone edited the channel after this list loaded \u2014 refuse the\n        // stale delete, surface the conflict, and reload so the row reflects\n        // the latest server state (QA #2055 channel edit/delete broken state).\n        flash(\n          t('ui.forms.flash.recordModified', 'This record was modified by someone else. Refresh and try again.'),\n          'error',\n        )\n        handleRefresh()\n        return\n      }\n      console.error('sales.channels.delete', err)\n    }\n  }, [handleRefresh, t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<ChannelRow>\n          title={(\n            <div className=\"flex flex-col\">\n              <span>{t('sales.channels.nav.title', 'Sales channels')}</span>\n              <span className=\"text-sm font-normal text-muted-foreground\">\n                {t('sales.channels.table.subtitle', 'Organize catalog offers per marketplace or storefront.')}\n              </span>\n            </div>\n          )}\n          actions={(\n            <Button asChild>\n              <Link href=\"/backend/sales/channels/create\">\n                {t('sales.channels.actions.create', 'Add channel')}\n              </Link>\n            </Button>\n          )}\n          columns={columns}\n          data={rows}\n          sorting={sorting}\n          onSortingChange={setSorting}\n          isLoading={isLoading}\n          searchValue={search}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={t('sales.channels.table.search', 'Search channels\u2026')}\n          pagination={{\n            page,\n            pageSize: PAGE_SIZE,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\n          refreshButton={{\n            label: t('sales.channels.table.refresh', 'Refresh'),\n            onRefresh: handleRefresh,\n            isRefreshing: isLoading,\n          }}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('sales.channels.table.actions.edit', 'Edit'),\n                  href: `/backend/sales/channels/${row.id}/edit`,\n                },\n                {\n                  id: 'delete',\n                  label: t('sales.channels.table.actions.delete', 'Delete'),\n                  onSelect: () => handleDelete(row),\n                },\n              ]}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/sales/channels/${row.id}/edit`)}\n          emptyState={\n            <div className=\"py-10 text-center text-sm text-muted-foreground\">\n              {t('sales.channels.table.empty', 'No channels yet.')}\n            </div>\n          }\n        />\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction mapApiChannel(item: Record<string, unknown>): ChannelRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  return withDataTableNamespaces({\n    id,\n    name: typeof item.name === 'string' ? item.name : id,\n    code: typeof item.code === 'string' && item.code.length ? item.code : null,\n    description: typeof item.description === 'string' && item.description.length ? item.description : null,\n    offerCount: typeof item.offerCount === 'number'\n      ? item.offerCount\n      : typeof item.offer_count === 'number'\n        ? item.offer_count\n        : 0,\n    isActive: item.isActive === true || item.is_active === true,\n    updatedAt: typeof item.updatedAt === 'string'\n      ? item.updatedAt\n      : typeof item.updated_at === 'string'\n        ? item.updated_at\n        : null,\n  }, item)\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/sales/backend/sales/documents/[id]/page.js

@@ -26,7 +26,9 @@ import { VersionHistoryAction } from "@open-mercato/ui/backend/version-history";
 import { SendObjectMessageDialog } from "@open-mercato/ui/backend/messages";
 import Link from "next/link";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { apiCall, apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCall, apiCallOrThrow, readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
 import { collectCustomFieldValues } from "@open-mercato/ui/backend/utils/customFieldValues";
 import { mapCrudServerErrorToFormErrors } from "@open-mercato/ui/backend/utils/serverErrors";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
@@ -179,6 +181,7 @@ function CurrencyInlineEditor({
                     allowInlineCreate: false,
                     manageHref: "/backend/config/dictionaries?key=currency",
                     selectClassName: "w-full",
+                    sortOptions: "none",
                     labels
                   }
                 ),
@@ -670,6 +673,13 @@ const normalizeCustomFieldSubmitValue = (value) => {
   if (value === void 0) return null;
   return value;
 };
+function handleDocumentMutationError(err, t, refresh) {
+  if (surfaceRecordConflict(err, t, { onRefresh: refresh })) {
+    refresh();
+    return true;
+  }
+  return false;
+}
 const prefixCustomFieldValues = (input) => {
   if (!input || typeof input !== "object") return {};
   return Object.entries(input).reduce((acc, [key, value]) => {
@@ -1408,6 +1418,7 @@ function StatusInlineEditor({
                     allowInlineCreate: false,
                     allowAppearance: true,
                     manageHref,
+                    sortOptions: "none",
                     labels
                   }
                 ),
@@ -2460,18 +2471,26 @@ function SalesDocumentDetailPage({
       }
       const endpoint = kind === "order" ? "/api/sales/orders" : "/api/sales/quotes";
       const mutation = { id: record.id, ...patch };
-      return runMutationWithContext(
-        () => apiCallOrThrow(
-          endpoint,
-          {
-            method: "PUT",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(mutation)
-          },
-          { errorMessage: t("sales.documents.detail.updateError", "Failed to update document.") }
+      const call = await runMutationWithContext(
+        () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(record.updatedAt),
+          () => apiCallOrThrow(
+            endpoint,
+            {
+              method: "PUT",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify(mutation)
+            },
+            { errorMessage: t("sales.documents.detail.updateError", "Failed to update document.") }
+          )
         ),
         mutation
       );
+      const freshUpdatedAt = call?.result?.updatedAt;
+      if (typeof freshUpdatedAt === "string" && freshUpdatedAt.length > 0) {
+        setRecord((prev) => prev ? { ...prev, updatedAt: freshUpdatedAt } : prev);
+      }
+      return call;
     },
     [kind, record, runMutationWithContext, t]
   );
@@ -2496,6 +2515,7 @@ function SalesDocumentDetailPage({
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
         return savedCode;
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2522,6 +2542,7 @@ function SalesDocumentDetailPage({
         setRecord((prev) => prev ? { ...prev, placedAt: savedPlacedAt } : prev);
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2548,6 +2569,7 @@ function SalesDocumentDetailPage({
         setRecord((prev) => prev ? { ...prev, expectedDeliveryAt: savedExpectedDelivery } : prev);
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2565,6 +2587,7 @@ function SalesDocumentDetailPage({
         setRecord((prev) => prev ? { ...prev, comment: savedComment } : prev);
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2582,6 +2605,7 @@ function SalesDocumentDetailPage({
         setRecord((prev) => prev ? { ...prev, externalReference: savedExternalReference } : prev);
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2599,6 +2623,7 @@ function SalesDocumentDetailPage({
         setRecord((prev) => prev ? { ...prev, customerReference: savedCustomerReference } : prev);
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2645,6 +2670,7 @@ function SalesDocumentDetailPage({
         });
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw new Error(message);
@@ -2664,6 +2690,7 @@ function SalesDocumentDetailPage({
         }
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2697,6 +2724,7 @@ function SalesDocumentDetailPage({
         emitSalesDocumentTotalsRefresh({ documentId: record.id, kind });
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2738,6 +2766,7 @@ function SalesDocumentDetailPage({
         emitSalesDocumentTotalsRefresh({ documentId: record.id, kind });
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2766,6 +2795,7 @@ function SalesDocumentDetailPage({
         }
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2823,6 +2853,7 @@ function SalesDocumentDetailPage({
         );
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         setCustomerError(message);
         flash(message, "error");
@@ -2862,6 +2893,7 @@ function SalesDocumentDetailPage({
         );
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         setCustomerError(message);
         flash(message, "error");
@@ -2902,6 +2934,7 @@ function SalesDocumentDetailPage({
       setNumberEditing(false);
       flash(t("sales.documents.detail.numberGenerated", "New number generated."), "success");
     } catch (err) {
+      if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
       const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.numberGenerateError", "Could not generate number.");
       flash(message, "error");
       throw err;
@@ -2936,6 +2969,7 @@ function SalesDocumentDetailPage({
         );
         flash(t("sales.documents.detail.updatedMessage", "Document updated."), "success");
       } catch (err) {
+        if (handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) return;
         const message = err instanceof Error && err.message ? err.message : t("sales.documents.detail.updateError", "Failed to update document.");
         flash(message, "error");
         throw err;
@@ -2952,7 +2986,10 @@ function SalesDocumentDetailPage({
           "/api/sales/quotes/convert",
           {
             method: "POST",
-            headers: { "Content-Type": "application/json" },
+            headers: {
+              "Content-Type": "application/json",
+              ...buildOptimisticLockHeader(record.updatedAt)
+            },
             body: JSON.stringify({ quoteId: record.id })
           },
           { errorMessage: t("sales.documents.detail.convertError", "Failed to convert quote.") }
@@ -2963,7 +3000,9 @@ function SalesDocumentDetailPage({
       }, { quoteId: record.id });
     } catch (err) {
       console.error("sales.documents.convert", err);
-      flash(t("sales.documents.detail.convertError", "Failed to convert quote."), "error");
+      if (!handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) {
+        flash(t("sales.documents.detail.convertError", "Failed to convert quote."), "error");
+      }
     } finally {
       setConverting(false);
     }
@@ -3001,20 +3040,25 @@ function SalesDocumentDetailPage({
     const endpoint = kind === "order" ? "/api/sales/orders" : "/api/sales/quotes";
     try {
       await runMutationWithContext(async () => {
-        await apiCallOrThrow(endpoint, {
-          method: "DELETE",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ id: record.id })
-        }, {
-          errorMessage: t("sales.documents.detail.deleteFailed", "Could not delete document.")
-        });
+        await withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(record.updatedAt),
+          () => apiCallOrThrow(endpoint, {
+            method: "DELETE",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ id: record.id })
+          }, {
+            errorMessage: t("sales.documents.detail.deleteFailed", "Could not delete document.")
+          })
+        );
       }, { id: record.id });
       flash(t("sales.documents.detail.deleted", "Document deleted."), "success");
       const listPath = kind === "order" ? "/backend/sales/orders" : "/backend/sales/quotes";
       router.push(listPath);
     } catch (err) {
       console.error("sales.documents.delete", err);
-      flash(t("sales.documents.detail.deleteFailed", "Could not delete document."), "error");
+      if (!handleDocumentMutationError(err, t, () => setReloadKey((prev) => prev + 1))) {
+        flash(t("sales.documents.detail.deleteFailed", "Could not delete document."), "error");
+      }
     }
     setDeleting(false);
   }, [kind, record, router, runMutationWithContext, t]);
@@ -3444,6 +3488,7 @@ function SalesDocumentDetailPage({
           documentId: record.id,
           kind,
           currencyCode: record.currencyCode ?? null,
+          documentUpdatedAt: record.updatedAt,
           organizationId: record?.organizationId ?? record?.organization_id ?? null,
           tenantId: record?.tenantId ?? record?.tenant_id ?? null,
           onActionChange: handleSectionActionChange,
@@ -3495,7 +3540,8 @@ function SalesDocumentDetailPage({
         SalesReturnsSection,
         {
           orderId: record.id,
-          currencyCode: record.currencyCode ?? null
+          currencyCode: record.currencyCode ?? null,
+          documentUpdatedAt: record.updatedAt
         }
       );
     }
@@ -3506,6 +3552,7 @@ function SalesDocumentDetailPage({
           documentId: record.id,
           kind,
           currencyCode: record.currencyCode ?? null,
+          documentUpdatedAt: record.updatedAt,
           organizationId: record?.organizationId ?? record?.organization_id ?? null,
           tenantId: record?.tenantId ?? record?.tenant_id ?? null,
           onActionChange: handleSectionActionChange,
@@ -4099,6 +4146,7 @@ function SalesDocumentDetailPage({
   ] });
 }
 export {
-  SalesDocumentDetailPage as default
+  SalesDocumentDetailPage as default,
+  handleDocumentMutationError
 };
 //# sourceMappingURL=page.js.map