npm - @open-mercato/core - Versions diffs - 0.6.6-develop.6228.1.cf483c68b5 → 0.6.6-develop.6241.1.47c01ad4ed - Mend

@open-mercato/core 0.6.6-develop.6228.1.cf483c68b5 → 0.6.6-develop.6241.1.47c01ad4ed

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

Files changed (125) hide show

package/dist/modules/payment_gateways/backend/payment-gateways/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/payment_gateways/backend/payment-gateways/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useSearchParams } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageHeader, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { apiCall, apiCallOrThrow } 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 { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Card, CardContent, CardHeader, CardTitle } from '@open-mercato/ui/primitives/card'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { LogList, type LogListEntry } from '@open-mercato/ui/backend/LogList'\nimport { CreditCard, HandCoins, RefreshCw, Webhook } from 'lucide-react'\n\ntype TransactionRow = {\n  id: string\n  paymentId: string\n  providerKey: string\n  providerSessionId?: string | null\n  gatewayPaymentId?: string | null\n  gatewayRefundId?: string | null\n  unifiedStatus: string\n  gatewayStatus?: string | null\n  amount: string\n  currencyCode: string\n  redirectUrl?: string | null\n  lastWebhookAt?: string | null\n  lastPolledAt?: string | null\n  createdAt: string | null\n  updatedAt: string | null\n}\n\ntype TransactionLogEntry = {\n  id: string\n  integrationId: string\n  runId?: string | null\n  scopeEntityType?: string | null\n  scopeEntityId?: string | null\n  level: 'info' | 'warn' | 'error'\n  message: string\n  code?: string | null\n  payload?: Record<string, unknown> | null\n  createdAt: string | null\n}\n\ntype TransactionDetail = {\n  transaction: {\n    id: string\n    paymentId: string\n    providerKey: string\n    providerSessionId?: string | null\n    gatewayPaymentId?: string | null\n    gatewayRefundId?: string | null\n    unifiedStatus: string\n    gatewayStatus?: string | null\n    redirectUrl?: string | null\n    amount: string\n    currencyCode: string\n    gatewayMetadata?: Record<string, unknown> | null\n    webhookLog?: Array<{\n      eventType: string\n      receivedAt: string\n      idempotencyKey: string\n      unifiedStatus: string\n      processed: boolean\n    }> | null\n    lastWebhookAt?: string | null\n    lastPolledAt?: string | null\n    expiresAt?: string | null\n    createdAt: string | null\n    updatedAt: string | null\n  }\n  logs: TransactionLogEntry[]\n}\n\ntype TransactionsResponse = {\n  items: TransactionRow[]\n  total: number\n  page: number\n  pageSize: number\n  totalPages: number\n}\n\nconst STATUS_STYLES: Record<string, string> = {\n  pending: 'bg-slate-100 text-slate-800',\n  authorized: 'bg-blue-100 text-blue-800',\n  captured: 'bg-green-100 text-green-800',\n  partially_captured: 'bg-emerald-100 text-emerald-800',\n  refunded: 'bg-amber-100 text-amber-800',\n  partially_refunded: 'bg-orange-100 text-orange-800',\n  cancelled: 'bg-zinc-200 text-zinc-900',\n  failed: 'bg-red-100 text-red-800',\n  expired: 'bg-neutral-200 text-neutral-900',\n  unknown: 'bg-purple-100 text-purple-800',\n}\n\nfunction formatDateTime(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const parsed = new Date(value)\n  if (Number.isNaN(parsed.getTime())) return value\n  return parsed.toLocaleString()\n}\n\nfunction formatAmount(value: string, currencyCode: string): string {\n  const amount = Number(value)\n  if (Number.isNaN(amount)) return `${value} ${currencyCode}`\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency: currencyCode,\n    }).format(amount)\n  } catch {\n    return `${amount.toFixed(2)} ${currencyCode}`\n  }\n}\n\nfunction formatTypeLabel(value: string): string {\n  return value\n    .split('_')\n    .filter(Boolean)\n    .map((part) => part[0]?.toUpperCase() + part.slice(1))\n    .join(' ')\n}\n\nfunction formatLogDetailLabel(key: string): string {\n  return key\n    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')\n    .replace(/[_-]+/g, ' ')\n    .split(' ')\n    .filter(Boolean)\n    .map((part) => part[0]?.toUpperCase() + part.slice(1))\n    .join(' ')\n}\n\nfunction isPrimitiveLogValue(value: unknown): value is string | number | boolean | null {\n  return value === null || typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean'\n}\n\nfunction splitLogPayload(payload: Record<string, unknown> | null | undefined) {\n  if (!payload) {\n    return {\n      inlineEntries: [] as Array<[string, string | number | boolean | null]>,\n      nestedEntries: [] as Array<[string, unknown]>,\n    }\n  }\n\n  const inlineEntries: Array<[string, string | number | boolean | null]> = []\n  const nestedEntries: Array<[string, unknown]> = []\n  Object.entries(payload).forEach(([key, value]) => {\n    if (isPrimitiveLogValue(value)) {\n      inlineEntries.push([key, value])\n      return\n    }\n    nestedEntries.push([key, value])\n  })\n  return { inlineEntries, nestedEntries }\n}\n\nfunction DetailStat({ label, value }: { label: string; value: React.ReactNode }) {\n  return (\n    <div className=\"rounded-lg border bg-muted/30 px-4 py-3\">\n      <div className=\"text-overline font-medium uppercase tracking-wide text-muted-foreground\">{label}</div>\n      <div className=\"mt-1 text-sm font-medium\">{value}</div>\n    </div>\n  )\n}\n\nexport default function PaymentTransactionsPage() {\n  const t = useT()\n  const searchParams = useSearchParams()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [rows, setRows] = React.useState<TransactionRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [selectedId, setSelectedId] = React.useState<string | null>(null)\n  const [detail, setDetail] = React.useState<TransactionDetail | null>(null)\n  const [isLoadingDetail, setIsLoadingDetail] = React.useState(false)\n  const [detailError, setDetailError] = React.useState<string | null>(null)\n  const [isRefreshingStatus, setIsRefreshingStatus] = React.useState(false)\n  const [isCapturing, setIsCapturing] = React.useState(false)\n  const { runMutation } = useGuardedMutation<{\n    entityType: string\n    entityId?: string\n  }>({\n    contextId: 'payment_gateways:transactions-detail',\n  })\n  const noneLabel = t('common.none', 'None')\n  const requestedTransactionId = React.useMemo(() => {\n    const raw = searchParams.get('transactionId')\n    return raw && raw.trim().length > 0 ? raw.trim() : null\n  }, [searchParams])\n\n  const formatLogPrimitiveValue = React.useCallback((value: string | number | boolean | null): string => {\n    if (value === null) return noneLabel\n    if (typeof value === 'boolean') return value ? t('common.yes', 'Yes') : t('common.no', 'No')\n    return String(value)\n  }, [noneLabel, t])\n\n  const loadRows = React.useCallback(async () => {\n    setIsLoading(true)\n    const params = new URLSearchParams({\n      page: String(page),\n      pageSize: '20',\n    })\n    if (search.trim()) params.set('search', search.trim())\n    if (typeof filterValues.providerKey === 'string' && filterValues.providerKey) {\n      params.set('providerKey', filterValues.providerKey)\n    }\n    if (typeof filterValues.status === 'string' && filterValues.status) {\n      params.set('status', filterValues.status)\n    }\n    const fallback: TransactionsResponse = { items: [], total: 0, page, pageSize: 20, totalPages: 1 }\n    const call = await apiCall<TransactionsResponse>(`/api/payment_gateways/transactions?${params.toString()}`, undefined, { fallback })\n    if (call.ok && call.result) {\n      setRows(Array.isArray(call.result.items) ? call.result.items : [])\n      setTotal(call.result.total ?? 0)\n      setTotalPages(call.result.totalPages ?? 1)\n    } else {\n      flash(t('payment_gateways.transactions.error.load', 'Failed to load payment transactions'), 'error')\n      setRows([])\n      setTotal(0)\n      setTotalPages(1)\n    }\n    setIsLoading(false)\n  }, [filterValues.providerKey, filterValues.status, page, search, t])\n\n  const loadDetail = React.useCallback(async (transactionId: string) => {\n    setIsLoadingDetail(true)\n    setDetailError(null)\n    const call = await apiCall<TransactionDetail>(`/api/payment_gateways/transactions/${encodeURIComponent(transactionId)}`, undefined, { fallback: null })\n    if (call.ok && call.result) {\n      setDetail(call.result)\n    } else {\n      setDetail(null)\n      setDetailError(t('payment_gateways.transactions.error.loadDetail', 'Failed to load transaction details'))\n    }\n    setIsLoadingDetail(false)\n  }, [t])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows, scopeVersion])\n\n  React.useEffect(() => {\n    if (!selectedId) {\n      setDetail(null)\n      setDetailError(null)\n      return\n    }\n    void loadDetail(selectedId)\n  }, [loadDetail, selectedId])\n\n  React.useEffect(() => {\n    setSelectedId((current) => (current && rows.some((row) => row.id === current) ? current : null))\n  }, [rows])\n\n  React.useEffect(() => {\n    if (!requestedTransactionId) return\n    if (!rows.some((row) => row.id === requestedTransactionId)) return\n    setSelectedId(requestedTransactionId)\n  }, [requestedTransactionId, rows])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (typeof value === 'string' && value.trim()) next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const handleRefreshStatus = React.useCallback(async () => {\n    if (!selectedId) return\n    setIsRefreshingStatus(true)\n    const call = await apiCall(`/api/payment_gateways/status?transactionId=${encodeURIComponent(selectedId)}`, undefined, { fallback: null })\n    if (!call.ok) {\n      flash(t('payment_gateways.transactions.error.refreshStatus', 'Failed to refresh transaction status'), 'error')\n      setIsRefreshingStatus(false)\n      return\n    }\n    await Promise.all([\n      loadRows(),\n      loadDetail(selectedId),\n    ])\n    flash(t('payment_gateways.transactions.success.refreshStatus', 'Transaction status refreshed'), 'success')\n    setIsRefreshingStatus(false)\n  }, [loadDetail, loadRows, selectedId, t])\n\n  const handleCapturePayment = React.useCallback(async () => {\n    if (!selectedId) return\n    setIsCapturing(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          await apiCallOrThrow('/api/payment_gateways/capture', {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ transactionId: selectedId }),\n          })\n        },\n        context: {\n          entityType: 'payment_gateways:gateway_transaction',\n          entityId: selectedId,\n        },\n        mutationPayload: { transactionId: selectedId },\n      })\n      await Promise.all([\n        loadRows(),\n        loadDetail(selectedId),\n      ])\n      flash(t('payment_gateways.transactions.success.capture', 'Payment captured'), 'success')\n    } catch (error) {\n      const message = error instanceof Error && error.message\n        ? error.message\n        : t('payment_gateways.transactions.error.capture', 'Failed to capture payment')\n      flash(message, 'error')\n    } finally {\n      setIsCapturing(false)\n    }\n  }, [loadDetail, loadRows, runMutation, selectedId, t])\n\n  const providerOptions = React.useMemo(() => {\n    const values = Array.from(new Set(rows.map((row) => row.providerKey).filter(Boolean))).sort()\n    return values.map((value) => ({\n      label: formatTypeLabel(value),\n      value,\n    }))\n  }, [rows])\n\n  const filters = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'providerKey',\n      type: 'select',\n      label: t('payment_gateways.transactions.filters.provider', 'Provider'),\n      options: [\n        { label: t('payment_gateways.transactions.filters.allProviders', 'All providers'), value: '' },\n        ...providerOptions,\n      ],\n    },\n    {\n      id: 'status',\n      type: 'select',\n      label: t('payment_gateways.transactions.filters.status', 'Status'),\n      options: [\n        { label: t('payment_gateways.transactions.filters.allStatuses', 'All statuses'), value: '' },\n        { label: t('payment_gateways.status.pending', 'Pending'), value: 'pending' },\n        { label: t('payment_gateways.status.authorized', 'Authorized'), value: 'authorized' },\n        { label: t('payment_gateways.status.captured', 'Captured'), value: 'captured' },\n        { label: t('payment_gateways.status.partially_captured', 'Partially Captured'), value: 'partially_captured' },\n        { label: t('payment_gateways.status.refunded', 'Refunded'), value: 'refunded' },\n        { label: t('payment_gateways.status.partially_refunded', 'Partially Refunded'), value: 'partially_refunded' },\n        { label: t('payment_gateways.status.cancelled', 'Cancelled'), value: 'cancelled' },\n        { label: t('payment_gateways.status.failed', 'Failed'), value: 'failed' },\n        { label: t('payment_gateways.status.expired', 'Expired'), value: 'expired' },\n        { label: t('payment_gateways.status.unknown', 'Unknown'), value: 'unknown' },\n      ],\n    },\n  ], [providerOptions, t])\n\n  const columns = React.useMemo<ColumnDef<TransactionRow>[]>(() => [\n    {\n      accessorKey: 'paymentId',\n      header: t('payment_gateways.transactions.columns.paymentId', 'Payment'),\n      cell: ({ row }) => (\n        <div className=\"space-y-1\">\n          <div className=\"font-medium\">{row.original.paymentId}</div>\n          <div className=\"text-xs text-muted-foreground\">{row.original.id}</div>\n        </div>\n      ),\n      meta: { maxWidth: '20rem' },\n    },\n    {\n      accessorKey: 'providerKey',\n      header: t('payment_gateways.transactions.columns.provider', 'Provider'),\n      cell: ({ row }) => (\n        <div className=\"flex items-center gap-2\">\n          <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\n          <span>{formatTypeLabel(row.original.providerKey)}</span>\n        </div>\n      ),\n    },\n    {\n      accessorKey: 'unifiedStatus',\n      header: t('payment_gateways.transactions.columns.status', 'Status'),\n      cell: ({ row }) => (\n        <Badge variant=\"secondary\" className={STATUS_STYLES[row.original.unifiedStatus] ?? ''}>\n          {t(`payment_gateways.status.${row.original.unifiedStatus}`, formatTypeLabel(row.original.unifiedStatus))}\n        </Badge>\n      ),\n    },\n    {\n      accessorKey: 'amount',\n      header: t('payment_gateways.transactions.columns.amount', 'Amount'),\n      cell: ({ row }) => formatAmount(row.original.amount, row.original.currencyCode),\n    },\n    {\n      accessorKey: 'providerSessionId',\n      header: t('payment_gateways.transactions.columns.session', 'Session'),\n      cell: ({ row }) => (\n        <span className=\"font-mono text-xs text-muted-foreground\">\n          {row.original.providerSessionId ?? '\u2014'}\n        </span>\n      ),\n      meta: { maxWidth: '18rem', truncate: true },\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: t('payment_gateways.transactions.columns.updatedAt', 'Updated'),\n      cell: ({ row }) => formatDateTime(row.original.updatedAt),\n    },\n  ], [t])\n\n  const selectedSummary = React.useMemo(\n    () => rows.find((row) => row.id === selectedId) ?? null,\n    [rows, selectedId],\n  )\n  const canCaptureSelected = React.useMemo(() => {\n    const status = detail?.transaction.unifiedStatus ?? selectedSummary?.unifiedStatus ?? null\n    return status === 'authorized'\n  }, [detail?.transaction.unifiedStatus, selectedSummary?.unifiedStatus])\n\n  return (\n    <Page>\n      <PageHeader\n        title={t('payment_gateways.transactions.title', 'Payment Transactions')}\n        description={t('payment_gateways.transactions.description', 'Track all payment-gateway transactions, inspect webhook activity, and review provider logs from one place.')}\n      />\n      <PageBody className=\"space-y-6\">\n        <DataTable\n          stickyActionsColumn\n          title={t('payment_gateways.transactions.tableTitle', 'Transactions')}\n          columns={columns}\n          data={rows}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          searchPlaceholder={t('payment_gateways.transactions.searchPlaceholder', 'Search by payment, transaction, session, or gateway id')}\n          perspective={{ tableId: 'payment_gateways.transactions.list' }}\n          pagination={{ page, pageSize: 20, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n          onRowClick={(row) => setSelectedId((current) => current === row.id ? null : row.id)}\n          rowActions={(row) => (\n            <RowActions items={[\n              {\n                id: 'details',\n                label: selectedId === row.id\n                  ? t('payment_gateways.transactions.actions.hideDetails', 'Hide details')\n                  : t('payment_gateways.transactions.actions.showDetails', 'Show details'),\n                onSelect: () => setSelectedId((current) => current === row.id ? null : row.id),\n              },\n            ]} />\n          )}\n        />\n\n        {selectedId ? (\n          <Card>\n            <CardHeader className=\"gap-4 sm:flex-row sm:items-start sm:justify-between\">\n              <div className=\"space-y-1\">\n                <CardTitle>{t('payment_gateways.transactions.detail.title', 'Transaction details')}</CardTitle>\n                {selectedSummary ? (\n                  <div className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\">\n                    <span>{selectedSummary.paymentId}</span>\n                    <span>\u2022</span>\n                    <span>{formatTypeLabel(selectedSummary.providerKey)}</span>\n                    <Badge variant=\"secondary\" className={STATUS_STYLES[selectedSummary.unifiedStatus] ?? ''}>\n                      {t(`payment_gateways.status.${selectedSummary.unifiedStatus}`, formatTypeLabel(selectedSummary.unifiedStatus))}\n                    </Badge>\n                  </div>\n                ) : null}\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => void handleRefreshStatus()}\n                disabled={isRefreshingStatus || isLoadingDetail || isCapturing}\n              >\n                {isRefreshingStatus ? <Spinner className=\"mr-2 h-4 w-4\" /> : <RefreshCw className=\"mr-2 h-4 w-4\" />}\n                {t('payment_gateways.transactions.actions.refreshStatus', 'Refresh status')}\n              </Button>\n              {canCaptureSelected ? (\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  onClick={() => void handleCapturePayment()}\n                  disabled={isRefreshingStatus || isLoadingDetail || isCapturing}\n                >\n                  {isCapturing ? <Spinner className=\"mr-2 h-4 w-4\" /> : <HandCoins className=\"mr-2 h-4 w-4\" />}\n                  {t('payment_gateways.transactions.actions.capture', 'Capture payment')}\n                </Button>\n              ) : null}\n            </CardHeader>\n            <CardContent className=\"space-y-6\">\n              {isLoadingDetail ? <LoadingMessage label={t('payment_gateways.transactions.detail.loading', 'Loading transaction details')} /> : null}\n              {!isLoadingDetail && detailError ? <ErrorMessage label={detailError} /> : null}\n              {!isLoadingDetail && !detailError && detail ? (\n                <>\n                  <div className=\"grid gap-4 lg:grid-cols-4\">\n                    <DetailStat\n                      label={t('payment_gateways.transactions.detail.summary.status', 'Status')}\n                      value={(\n                        <Badge variant=\"secondary\" className={STATUS_STYLES[detail.transaction.unifiedStatus] ?? ''}>\n                          {t(`payment_gateways.status.${detail.transaction.unifiedStatus}`, formatTypeLabel(detail.transaction.unifiedStatus))}\n                        </Badge>\n                      )}\n                    />\n                    <DetailStat\n                      label={t('payment_gateways.transactions.detail.summary.gatewayStatus', 'Gateway status')}\n                      value={detail.transaction.gatewayStatus ?? noneLabel}\n                    />\n                    <DetailStat\n                      label={t('payment_gateways.transactions.detail.summary.amount', 'Amount')}\n                      value={formatAmount(detail.transaction.amount, detail.transaction.currencyCode)}\n                    />\n                    <DetailStat\n                      label={t('payment_gateways.transactions.detail.summary.provider', 'Provider')}\n                      value={formatTypeLabel(detail.transaction.providerKey)}\n                    />\n                  </div>\n\n                  <div className=\"grid gap-6 xl:grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)]\">\n                    <div className=\"space-y-6\">\n                      <section className=\"space-y-3\">\n                        <h3 className=\"text-sm font-semibold\">{t('payment_gateways.transactions.detail.identifiers', 'Identifiers')}</h3>\n                        <dl className=\"grid gap-3 md:grid-cols-2\">\n                          {[\n                            [t('payment_gateways.transactions.columns.transactionId', 'Transaction ID'), detail.transaction.id],\n                            [t('payment_gateways.transactions.columns.paymentId', 'Payment ID'), detail.transaction.paymentId],\n                            [t('payment_gateways.transactions.columns.session', 'Session ID'), detail.transaction.providerSessionId ?? '\u2014'],\n                            [t('payment_gateways.transactions.columns.gatewayPaymentId', 'Gateway payment ID'), detail.transaction.gatewayPaymentId ?? '\u2014'],\n                            [t('payment_gateways.transactions.columns.gatewayRefundId', 'Gateway refund ID'), detail.transaction.gatewayRefundId ?? '\u2014'],\n                            [t('payment_gateways.transactions.columns.redirectUrl', 'Redirect URL'), detail.transaction.redirectUrl ?? '\u2014'],\n                            [t('payment_gateways.transactions.columns.createdAt', 'Created at'), formatDateTime(detail.transaction.createdAt)],\n                            [t('payment_gateways.transactions.columns.updatedAt', 'Updated at'), formatDateTime(detail.transaction.updatedAt)],\n                            [t('payment_gateways.transactions.columns.lastWebhookAt', 'Last webhook'), formatDateTime(detail.transaction.lastWebhookAt)],\n                            [t('payment_gateways.transactions.columns.lastPolledAt', 'Last poll'), formatDateTime(detail.transaction.lastPolledAt)],\n                          ].map(([label, value]) => (\n                            <div key={label} className=\"rounded-lg border bg-muted/30 px-4 py-3\">\n                              <dt className=\"text-overline font-medium uppercase tracking-wide text-muted-foreground\">{label}</dt>\n                              <dd className=\"mt-1 break-all text-sm\">{value}</dd>\n                            </div>\n                          ))}\n                        </dl>\n                      </section>\n\n                      <section className=\"space-y-3\">\n                        <div className=\"flex items-center gap-2\">\n                          <Webhook className=\"h-4 w-4 text-muted-foreground\" />\n                          <h3 className=\"text-sm font-semibold\">{t('payment_gateways.transactions.detail.webhooks', 'Webhook activity')}</h3>\n                        </div>\n                        {detail.transaction.webhookLog && detail.transaction.webhookLog.length > 0 ? (\n                          <div className=\"overflow-hidden rounded-lg border\">\n                            <table className=\"w-full text-sm\">\n                              <thead>\n                                <tr className=\"border-b bg-muted/50\">\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.eventType', 'Event')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.status', 'Status')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.processed', 'Processed')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.receivedAt', 'Received')}</th>\n                                </tr>\n                              </thead>\n                              <tbody>\n                                {detail.transaction.webhookLog.map((entry) => (\n                                  <tr key={`${entry.idempotencyKey}:${entry.receivedAt}`} className=\"border-b last:border-0\">\n                                    <td className=\"px-4 py-2 font-medium\">{entry.eventType}</td>\n                                    <td className=\"px-4 py-2\">\n                                      <Badge variant=\"secondary\" className={STATUS_STYLES[entry.unifiedStatus] ?? ''}>\n                                        {t(`payment_gateways.status.${entry.unifiedStatus}`, formatTypeLabel(entry.unifiedStatus))}\n                                      </Badge>\n                                    </td>\n                                    <td className=\"px-4 py-2\">{entry.processed ? t('common.yes', 'Yes') : t('common.no', 'No')}</td>\n                                    <td className=\"px-4 py-2 text-muted-foreground\">{formatDateTime(entry.receivedAt)}</td>\n                                  </tr>\n                                ))}\n                              </tbody>\n                            </table>\n                          </div>\n                        ) : (\n                          <p className=\"text-sm text-muted-foreground\">{t('payment_gateways.transactions.detail.webhooksEmpty', 'No webhook events have been recorded for this transaction yet.')}</p>\n                        )}\n                      </section>\n\n                      <section className=\"space-y-3\">\n                        <h3 className=\"text-sm font-semibold\">{t('payment_gateways.transactions.detail.logs', 'Gateway logs')}</h3>\n                        <LogList\n                          entries={detail.logs.map<LogListEntry>((log) => {\n                            const metadataEntries = [\n                              [t('payment_gateways.transactions.log.time', 'Time'), formatDateTime(log.createdAt)],\n                              [t('payment_gateways.transactions.log.level', 'Level'), t(`payment_gateways.transactions.level.${log.level}`, log.level)],\n                              [t('payment_gateways.transactions.log.code', 'Code'), log.code ?? null],\n                              [t('payment_gateways.transactions.log.runId', 'Run ID'), log.runId ?? null],\n                              [t('payment_gateways.transactions.log.entityType', 'Entity Type'), log.scopeEntityType ?? null],\n                              [t('payment_gateways.transactions.log.entityId', 'Entity ID'), log.scopeEntityId ?? null],\n                            ].filter((entry): entry is [string, string] => typeof entry[1] === 'string' && entry[1].trim().length > 0)\n                            const { inlineEntries, nestedEntries } = splitLogPayload(log.payload)\n\n                            return {\n                              id: log.id,\n                              time: formatDateTime(log.createdAt),\n                              level: log.level,\n                              levelLabel: t(`payment_gateways.transactions.level.${log.level}`, log.level),\n                              message: log.message,\n                              body: (\n                                <div className=\"space-y-4\">\n                                  {metadataEntries.length > 0 ? (\n                                    <dl className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n                                      {metadataEntries.map(([label, value]) => (\n                                        <div key={label} className=\"rounded-md border bg-muted/30 px-3 py-2\">\n                                          <dt className=\"text-overline font-medium uppercase tracking-wide text-muted-foreground\">{label}</dt>\n                                          <dd className=\"mt-1 break-all text-sm\">{value}</dd>\n                                        </div>\n                                      ))}\n                                    </dl>\n                                  ) : null}\n                                  {inlineEntries.length > 0 ? (\n                                    <dl className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n                                      {inlineEntries.map(([key, value]) => (\n                                        <div key={key} className=\"rounded-md border bg-muted/30 px-3 py-2\">\n                                          <dt className=\"text-overline font-medium uppercase tracking-wide text-muted-foreground\">{formatLogDetailLabel(key)}</dt>\n                                          <dd className=\"mt-1 break-words text-sm\">{formatLogPrimitiveValue(value)}</dd>\n                                        </div>\n                                      ))}\n                                    </dl>\n                                  ) : null}\n                                  {nestedEntries.map(([key, value]) => (\n                                    <JsonDisplay\n                                      key={key}\n                                      data={value}\n                                      title={formatLogDetailLabel(key)}\n                                      defaultExpanded\n                                      maxInitialDepth={1}\n                                      theme=\"dark\"\n                                      maxHeight=\"16rem\"\n                                      className=\"p-4\"\n                                    />\n                                  ))}\n                                </div>\n                              ),\n                            }\n                          })}\n                          emptyMessage={t('payment_gateways.transactions.detail.logsEmpty', 'No transaction-scoped logs are available yet.')}\n                        />\n                      </section>\n                    </div>\n\n                    <div className=\"space-y-4\">\n                      <JsonDisplay\n                        data={detail.transaction.gatewayMetadata ?? {}}\n                        title={t('payment_gateways.transactions.detail.gatewayMetadata', 'Gateway metadata')}\n                        defaultExpanded\n                        maxInitialDepth={1}\n                        theme=\"dark\"\n                        maxHeight=\"24rem\"\n                        className=\"p-4\"\n                      />\n                      <InjectionSpot\n                        spotId=\"admin.page:payment-gateways/transactions:after\"\n                        context={{ selectedPaymentId: detail.transaction.paymentId }}\n                      />\n                    </div>\n                  </div>\n                </>\n              ) : null}\n            </CardContent>\n          </Card>\n        ) : null}\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useSearchParams } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageHeader, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { apiCall, apiCallOrThrow } 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 { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Card, CardContent, CardHeader, CardTitle } from '@open-mercato/ui/primitives/card'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { LogList, type LogListEntry } from '@open-mercato/ui/backend/LogList'\nimport { CreditCard, HandCoins, RefreshCw, Webhook } from 'lucide-react'\n\ntype TransactionRow = {\n  id: string\n  paymentId: string\n  providerKey: string\n  providerSessionId?: string | null\n  gatewayPaymentId?: string | null\n  gatewayRefundId?: string | null\n  unifiedStatus: string\n  gatewayStatus?: string | null\n  amount: string\n  currencyCode: string\n  redirectUrl?: string | null\n  lastWebhookAt?: string | null\n  lastPolledAt?: string | null\n  createdAt: string | null\n  updatedAt: string | null\n}\n\ntype TransactionLogEntry = {\n  id: string\n  integrationId: string\n  runId?: string | null\n  scopeEntityType?: string | null\n  scopeEntityId?: string | null\n  level: 'info' | 'warn' | 'error'\n  message: string\n  code?: string | null\n  payload?: Record<string, unknown> | null\n  createdAt: string | null\n}\n\ntype TransactionDetail = {\n  transaction: {\n    id: string\n    paymentId: string\n    providerKey: string\n    providerSessionId?: string | null\n    gatewayPaymentId?: string | null\n    gatewayRefundId?: string | null\n    unifiedStatus: string\n    gatewayStatus?: string | null\n    redirectUrl?: string | null\n    amount: string\n    currencyCode: string\n    gatewayMetadata?: Record<string, unknown> | null\n    webhookLog?: Array<{\n      eventType: string\n      receivedAt: string\n      idempotencyKey: string\n      unifiedStatus: string\n      processed: boolean\n    }> | null\n    lastWebhookAt?: string | null\n    lastPolledAt?: string | null\n    expiresAt?: string | null\n    createdAt: string | null\n    updatedAt: string | null\n  }\n  logs: TransactionLogEntry[]\n}\n\ntype TransactionsResponse = {\n  items: TransactionRow[]\n  total: number\n  page: number\n  pageSize: number\n  totalPages: number\n}\n\nconst STATUS_STYLES: Record<string, string> = {\n  pending: 'bg-slate-100 text-slate-800',\n  authorized: 'bg-blue-100 text-blue-800',\n  captured: 'bg-green-100 text-green-800',\n  partially_captured: 'bg-emerald-100 text-emerald-800',\n  refunded: 'bg-amber-100 text-amber-800',\n  partially_refunded: 'bg-orange-100 text-orange-800',\n  cancelled: 'bg-zinc-200 text-zinc-900',\n  failed: 'bg-red-100 text-red-800',\n  expired: 'bg-neutral-200 text-neutral-900',\n  unknown: 'bg-purple-100 text-purple-800',\n}\n\nfunction formatDateTime(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const parsed = new Date(value)\n  if (Number.isNaN(parsed.getTime())) return value\n  return parsed.toLocaleString()\n}\n\nfunction formatAmount(value: string, currencyCode: string): string {\n  const amount = Number(value)\n  if (Number.isNaN(amount)) return `${value} ${currencyCode}`\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency: currencyCode,\n    }).format(amount)\n  } catch {\n    return `${amount.toFixed(2)} ${currencyCode}`\n  }\n}\n\nfunction formatTypeLabel(value: string): string {\n  return value\n    .split('_')\n    .filter(Boolean)\n    .map((part) => part[0]?.toUpperCase() + part.slice(1))\n    .join(' ')\n}\n\nfunction formatLogDetailLabel(key: string): string {\n  return key\n    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')\n    .replace(/[_-]+/g, ' ')\n    .split(' ')\n    .filter(Boolean)\n    .map((part) => part[0]?.toUpperCase() + part.slice(1))\n    .join(' ')\n}\n\nfunction isPrimitiveLogValue(value: unknown): value is string | number | boolean | null {\n  return value === null || typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean'\n}\n\nfunction splitLogPayload(payload: Record<string, unknown> | null | undefined) {\n  if (!payload) {\n    return {\n      inlineEntries: [] as Array<[string, string | number | boolean | null]>,\n      nestedEntries: [] as Array<[string, unknown]>,\n    }\n  }\n\n  const inlineEntries: Array<[string, string | number | boolean | null]> = []\n  const nestedEntries: Array<[string, unknown]> = []\n  Object.entries(payload).forEach(([key, value]) => {\n    if (isPrimitiveLogValue(value)) {\n      inlineEntries.push([key, value])\n      return\n    }\n    nestedEntries.push([key, value])\n  })\n  return { inlineEntries, nestedEntries }\n}\n\nfunction DetailStat({ label, value }: { label: string; value: React.ReactNode }) {\n  return (\n    <div className=\"rounded-lg border bg-muted/30 px-4 py-3\">\n      <div className=\"text-overline font-medium uppercase tracking-wide text-muted-foreground\">{label}</div>\n      <div className=\"mt-1 text-sm font-medium\">{value}</div>\n    </div>\n  )\n}\n\nexport default function PaymentTransactionsPage() {\n  const t = useT()\n  const searchParams = useSearchParams()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [rows, setRows] = React.useState<TransactionRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [selectedId, setSelectedId] = React.useState<string | null>(null)\n  const [detail, setDetail] = React.useState<TransactionDetail | null>(null)\n  const [isLoadingDetail, setIsLoadingDetail] = React.useState(false)\n  const [detailError, setDetailError] = React.useState<string | null>(null)\n  const [isRefreshingStatus, setIsRefreshingStatus] = React.useState(false)\n  const [isCapturing, setIsCapturing] = React.useState(false)\n  const { runMutation } = useGuardedMutation<{\n    entityType: string\n    entityId?: string\n  }>({\n    contextId: 'payment_gateways:transactions-detail',\n  })\n  const noneLabel = t('common.none', 'None')\n  const requestedTransactionId = React.useMemo(() => {\n    const raw = searchParams.get('transactionId')\n    return raw && raw.trim().length > 0 ? raw.trim() : null\n  }, [searchParams])\n\n  const formatLogPrimitiveValue = React.useCallback((value: string | number | boolean | null): string => {\n    if (value === null) return noneLabel\n    if (typeof value === 'boolean') return value ? t('common.yes', 'Yes') : t('common.no', 'No')\n    return String(value)\n  }, [noneLabel, t])\n\n  const loadRows = React.useCallback(async () => {\n    setIsLoading(true)\n    const params = new URLSearchParams({\n      page: String(page),\n      pageSize: '20',\n    })\n    if (search.trim()) params.set('search', search.trim())\n    if (typeof filterValues.providerKey === 'string' && filterValues.providerKey) {\n      params.set('providerKey', filterValues.providerKey)\n    }\n    if (typeof filterValues.status === 'string' && filterValues.status) {\n      params.set('status', filterValues.status)\n    }\n    const fallback: TransactionsResponse = { items: [], total: 0, page, pageSize: 20, totalPages: 1 }\n    const call = await apiCall<TransactionsResponse>(`/api/payment_gateways/transactions?${params.toString()}`, undefined, { fallback })\n    if (call.ok && call.result) {\n      setRows(Array.isArray(call.result.items) ? call.result.items : [])\n      setTotal(call.result.total ?? 0)\n      setTotalPages(call.result.totalPages ?? 1)\n    } else {\n      flash(t('payment_gateways.transactions.error.load', 'Failed to load payment transactions'), 'error')\n      setRows([])\n      setTotal(0)\n      setTotalPages(1)\n    }\n    setIsLoading(false)\n  }, [filterValues.providerKey, filterValues.status, page, search, t])\n\n  const loadDetail = React.useCallback(async (transactionId: string) => {\n    setIsLoadingDetail(true)\n    setDetailError(null)\n    const call = await apiCall<TransactionDetail>(`/api/payment_gateways/transactions/${encodeURIComponent(transactionId)}`, undefined, { fallback: null })\n    if (call.ok && call.result) {\n      setDetail(call.result)\n    } else {\n      setDetail(null)\n      setDetailError(t('payment_gateways.transactions.error.loadDetail', 'Failed to load transaction details'))\n    }\n    setIsLoadingDetail(false)\n  }, [t])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows, scopeVersion])\n\n  React.useEffect(() => {\n    if (!selectedId) {\n      setDetail(null)\n      setDetailError(null)\n      return\n    }\n    void loadDetail(selectedId)\n  }, [loadDetail, selectedId])\n\n  React.useEffect(() => {\n    setSelectedId((current) => (current && rows.some((row) => row.id === current) ? current : null))\n  }, [rows])\n\n  React.useEffect(() => {\n    if (!requestedTransactionId) return\n    if (!rows.some((row) => row.id === requestedTransactionId)) return\n    setSelectedId(requestedTransactionId)\n  }, [requestedTransactionId, rows])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (typeof value === 'string' && value.trim()) next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const handleRefreshStatus = React.useCallback(async () => {\n    if (!selectedId) return\n    setIsRefreshingStatus(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          await apiCallOrThrow('/api/payment_gateways/status', {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ transactionId: selectedId }),\n          })\n        },\n        context: {\n          entityType: 'payment_gateways:gateway_transaction',\n          entityId: selectedId,\n        },\n        mutationPayload: { transactionId: selectedId },\n      })\n      await Promise.all([\n        loadRows(),\n        loadDetail(selectedId),\n      ])\n      flash(t('payment_gateways.transactions.success.refreshStatus', 'Transaction status refreshed'), 'success')\n    } catch (error) {\n      const message = error instanceof Error && error.message\n        ? error.message\n        : t('payment_gateways.transactions.error.refreshStatus', 'Failed to refresh transaction status')\n      flash(message, 'error')\n    } finally {\n      setIsRefreshingStatus(false)\n    }\n  }, [loadDetail, loadRows, runMutation, selectedId, t])\n\n  const handleCapturePayment = React.useCallback(async () => {\n    if (!selectedId) return\n    setIsCapturing(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          await apiCallOrThrow('/api/payment_gateways/capture', {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ transactionId: selectedId }),\n          })\n        },\n        context: {\n          entityType: 'payment_gateways:gateway_transaction',\n          entityId: selectedId,\n        },\n        mutationPayload: { transactionId: selectedId },\n      })\n      await Promise.all([\n        loadRows(),\n        loadDetail(selectedId),\n      ])\n      flash(t('payment_gateways.transactions.success.capture', 'Payment captured'), 'success')\n    } catch (error) {\n      const message = error instanceof Error && error.message\n        ? error.message\n        : t('payment_gateways.transactions.error.capture', 'Failed to capture payment')\n      flash(message, 'error')\n    } finally {\n      setIsCapturing(false)\n    }\n  }, [loadDetail, loadRows, runMutation, selectedId, t])\n\n  const providerOptions = React.useMemo(() => {\n    const values = Array.from(new Set(rows.map((row) => row.providerKey).filter(Boolean))).sort()\n    return values.map((value) => ({\n      label: formatTypeLabel(value),\n      value,\n    }))\n  }, [rows])\n\n  const filters = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'providerKey',\n      type: 'select',\n      label: t('payment_gateways.transactions.filters.provider', 'Provider'),\n      options: [\n        { label: t('payment_gateways.transactions.filters.allProviders', 'All providers'), value: '' },\n        ...providerOptions,\n      ],\n    },\n    {\n      id: 'status',\n      type: 'select',\n      label: t('payment_gateways.transactions.filters.status', 'Status'),\n      options: [\n        { label: t('payment_gateways.transactions.filters.allStatuses', 'All statuses'), value: '' },\n        { label: t('payment_gateways.status.pending', 'Pending'), value: 'pending' },\n        { label: t('payment_gateways.status.authorized', 'Authorized'), value: 'authorized' },\n        { label: t('payment_gateways.status.captured', 'Captured'), value: 'captured' },\n        { label: t('payment_gateways.status.partially_captured', 'Partially Captured'), value: 'partially_captured' },\n        { label: t('payment_gateways.status.refunded', 'Refunded'), value: 'refunded' },\n        { label: t('payment_gateways.status.partially_refunded', 'Partially Refunded'), value: 'partially_refunded' },\n        { label: t('payment_gateways.status.cancelled', 'Cancelled'), value: 'cancelled' },\n        { label: t('payment_gateways.status.failed', 'Failed'), value: 'failed' },\n        { label: t('payment_gateways.status.expired', 'Expired'), value: 'expired' },\n        { label: t('payment_gateways.status.unknown', 'Unknown'), value: 'unknown' },\n      ],\n    },\n  ], [providerOptions, t])\n\n  const columns = React.useMemo<ColumnDef<TransactionRow>[]>(() => [\n    {\n      accessorKey: 'paymentId',\n      header: t('payment_gateways.transactions.columns.paymentId', 'Payment'),\n      cell: ({ row }) => (\n        <div className=\"space-y-1\">\n          <div className=\"font-medium\">{row.original.paymentId}</div>\n          <div className=\"text-xs text-muted-foreground\">{row.original.id}</div>\n        </div>\n      ),\n      meta: { maxWidth: '20rem' },\n    },\n    {\n      accessorKey: 'providerKey',\n      header: t('payment_gateways.transactions.columns.provider', 'Provider'),\n      cell: ({ row }) => (\n        <div className=\"flex items-center gap-2\">\n          <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\n          <span>{formatTypeLabel(row.original.providerKey)}</span>\n        </div>\n      ),\n    },\n    {\n      accessorKey: 'unifiedStatus',\n      header: t('payment_gateways.transactions.columns.status', 'Status'),\n      cell: ({ row }) => (\n        <Badge variant=\"secondary\" className={STATUS_STYLES[row.original.unifiedStatus] ?? ''}>\n          {t(`payment_gateways.status.${row.original.unifiedStatus}`, formatTypeLabel(row.original.unifiedStatus))}\n        </Badge>\n      ),\n    },\n    {\n      accessorKey: 'amount',\n      header: t('payment_gateways.transactions.columns.amount', 'Amount'),\n      cell: ({ row }) => formatAmount(row.original.amount, row.original.currencyCode),\n    },\n    {\n      accessorKey: 'providerSessionId',\n      header: t('payment_gateways.transactions.columns.session', 'Session'),\n      cell: ({ row }) => (\n        <span className=\"font-mono text-xs text-muted-foreground\">\n          {row.original.providerSessionId ?? '\u2014'}\n        </span>\n      ),\n      meta: { maxWidth: '18rem', truncate: true },\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: t('payment_gateways.transactions.columns.updatedAt', 'Updated'),\n      cell: ({ row }) => formatDateTime(row.original.updatedAt),\n    },\n  ], [t])\n\n  const selectedSummary = React.useMemo(\n    () => rows.find((row) => row.id === selectedId) ?? null,\n    [rows, selectedId],\n  )\n  const canCaptureSelected = React.useMemo(() => {\n    const status = detail?.transaction.unifiedStatus ?? selectedSummary?.unifiedStatus ?? null\n    return status === 'authorized'\n  }, [detail?.transaction.unifiedStatus, selectedSummary?.unifiedStatus])\n\n  return (\n    <Page>\n      <PageHeader\n        title={t('payment_gateways.transactions.title', 'Payment Transactions')}\n        description={t('payment_gateways.transactions.description', 'Track all payment-gateway transactions, inspect webhook activity, and review provider logs from one place.')}\n      />\n      <PageBody className=\"space-y-6\">\n        <DataTable\n          stickyActionsColumn\n          title={t('payment_gateways.transactions.tableTitle', 'Transactions')}\n          columns={columns}\n          data={rows}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          searchPlaceholder={t('payment_gateways.transactions.searchPlaceholder', 'Search by payment, transaction, session, or gateway id')}\n          perspective={{ tableId: 'payment_gateways.transactions.list' }}\n          pagination={{ page, pageSize: 20, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n          onRowClick={(row) => setSelectedId((current) => current === row.id ? null : row.id)}\n          rowActions={(row) => (\n            <RowActions items={[\n              {\n                id: 'details',\n                label: selectedId === row.id\n                  ? t('payment_gateways.transactions.actions.hideDetails', 'Hide details')\n                  : t('payment_gateways.transactions.actions.showDetails', 'Show details'),\n                onSelect: () => setSelectedId((current) => current === row.id ? null : row.id),\n              },\n            ]} />\n          )}\n        />\n\n        {selectedId ? (\n          <Card>\n            <CardHeader className=\"gap-4 sm:flex-row sm:items-start sm:justify-between\">\n              <div className=\"space-y-1\">\n                <CardTitle>{t('payment_gateways.transactions.detail.title', 'Transaction details')}</CardTitle>\n                {selectedSummary ? (\n                  <div className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\">\n                    <span>{selectedSummary.paymentId}</span>\n                    <span>\u2022</span>\n                    <span>{formatTypeLabel(selectedSummary.providerKey)}</span>\n                    <Badge variant=\"secondary\" className={STATUS_STYLES[selectedSummary.unifiedStatus] ?? ''}>\n                      {t(`payment_gateways.status.${selectedSummary.unifiedStatus}`, formatTypeLabel(selectedSummary.unifiedStatus))}\n                    </Badge>\n                  </div>\n                ) : null}\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => void handleRefreshStatus()}\n                disabled={isRefreshingStatus || isLoadingDetail || isCapturing}\n              >\n                {isRefreshingStatus ? <Spinner className=\"mr-2 h-4 w-4\" /> : <RefreshCw className=\"mr-2 h-4 w-4\" />}\n                {t('payment_gateways.transactions.actions.refreshStatus', 'Refresh status')}\n              </Button>\n              {canCaptureSelected ? (\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  onClick={() => void handleCapturePayment()}\n                  disabled={isRefreshingStatus || isLoadingDetail || isCapturing}\n                >\n                  {isCapturing ? <Spinner className=\"mr-2 h-4 w-4\" /> : <HandCoins className=\"mr-2 h-4 w-4\" />}\n                  {t('payment_gateways.transactions.actions.capture', 'Capture payment')}\n                </Button>\n              ) : null}\n            </CardHeader>\n            <CardContent className=\"space-y-6\">\n              {isLoadingDetail ? <LoadingMessage label={t('payment_gateways.transactions.detail.loading', 'Loading transaction details')} /> : null}\n              {!isLoadingDetail && detailError ? <ErrorMessage label={detailError} /> : null}\n              {!isLoadingDetail && !detailError && detail ? (\n                <>\n                  <div className=\"grid gap-4 lg:grid-cols-4\">\n                    <DetailStat\n                      label={t('payment_gateways.transactions.detail.summary.status', 'Status')}\n                      value={(\n                        <Badge variant=\"secondary\" className={STATUS_STYLES[detail.transaction.unifiedStatus] ?? ''}>\n                          {t(`payment_gateways.status.${detail.transaction.unifiedStatus}`, formatTypeLabel(detail.transaction.unifiedStatus))}\n                        </Badge>\n                      )}\n                    />\n                    <DetailStat\n                      label={t('payment_gateways.transactions.detail.summary.gatewayStatus', 'Gateway status')}\n                      value={detail.transaction.gatewayStatus ?? noneLabel}\n                    />\n                    <DetailStat\n                      label={t('payment_gateways.transactions.detail.summary.amount', 'Amount')}\n                      value={formatAmount(detail.transaction.amount, detail.transaction.currencyCode)}\n                    />\n                    <DetailStat\n                      label={t('payment_gateways.transactions.detail.summary.provider', 'Provider')}\n                      value={formatTypeLabel(detail.transaction.providerKey)}\n                    />\n                  </div>\n\n                  <div className=\"grid gap-6 xl:grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)]\">\n                    <div className=\"space-y-6\">\n                      <section className=\"space-y-3\">\n                        <h3 className=\"text-sm font-semibold\">{t('payment_gateways.transactions.detail.identifiers', 'Identifiers')}</h3>\n                        <dl className=\"grid gap-3 md:grid-cols-2\">\n                          {[\n                            [t('payment_gateways.transactions.columns.transactionId', 'Transaction ID'), detail.transaction.id],\n                            [t('payment_gateways.transactions.columns.paymentId', 'Payment ID'), detail.transaction.paymentId],\n                            [t('payment_gateways.transactions.columns.session', 'Session ID'), detail.transaction.providerSessionId ?? '\u2014'],\n                            [t('payment_gateways.transactions.columns.gatewayPaymentId', 'Gateway payment ID'), detail.transaction.gatewayPaymentId ?? '\u2014'],\n                            [t('payment_gateways.transactions.columns.gatewayRefundId', 'Gateway refund ID'), detail.transaction.gatewayRefundId ?? '\u2014'],\n                            [t('payment_gateways.transactions.columns.redirectUrl', 'Redirect URL'), detail.transaction.redirectUrl ?? '\u2014'],\n                            [t('payment_gateways.transactions.columns.createdAt', 'Created at'), formatDateTime(detail.transaction.createdAt)],\n                            [t('payment_gateways.transactions.columns.updatedAt', 'Updated at'), formatDateTime(detail.transaction.updatedAt)],\n                            [t('payment_gateways.transactions.columns.lastWebhookAt', 'Last webhook'), formatDateTime(detail.transaction.lastWebhookAt)],\n                            [t('payment_gateways.transactions.columns.lastPolledAt', 'Last poll'), formatDateTime(detail.transaction.lastPolledAt)],\n                          ].map(([label, value]) => (\n                            <div key={label} className=\"rounded-lg border bg-muted/30 px-4 py-3\">\n                              <dt className=\"text-overline font-medium uppercase tracking-wide text-muted-foreground\">{label}</dt>\n                              <dd className=\"mt-1 break-all text-sm\">{value}</dd>\n                            </div>\n                          ))}\n                        </dl>\n                      </section>\n\n                      <section className=\"space-y-3\">\n                        <div className=\"flex items-center gap-2\">\n                          <Webhook className=\"h-4 w-4 text-muted-foreground\" />\n                          <h3 className=\"text-sm font-semibold\">{t('payment_gateways.transactions.detail.webhooks', 'Webhook activity')}</h3>\n                        </div>\n                        {detail.transaction.webhookLog && detail.transaction.webhookLog.length > 0 ? (\n                          <div className=\"overflow-hidden rounded-lg border\">\n                            <table className=\"w-full text-sm\">\n                              <thead>\n                                <tr className=\"border-b bg-muted/50\">\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.eventType', 'Event')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.status', 'Status')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.processed', 'Processed')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.receivedAt', 'Received')}</th>\n                                </tr>\n                              </thead>\n                              <tbody>\n                                {detail.transaction.webhookLog.map((entry) => (\n                                  <tr key={`${entry.idempotencyKey}:${entry.receivedAt}`} className=\"border-b last:border-0\">\n                                    <td className=\"px-4 py-2 font-medium\">{entry.eventType}</td>\n                                    <td className=\"px-4 py-2\">\n                                      <Badge variant=\"secondary\" className={STATUS_STYLES[entry.unifiedStatus] ?? ''}>\n                                        {t(`payment_gateways.status.${entry.unifiedStatus}`, formatTypeLabel(entry.unifiedStatus))}\n                                      </Badge>\n                                    </td>\n                                    <td className=\"px-4 py-2\">{entry.processed ? t('common.yes', 'Yes') : t('common.no', 'No')}</td>\n                                    <td className=\"px-4 py-2 text-muted-foreground\">{formatDateTime(entry.receivedAt)}</td>\n                                  </tr>\n                                ))}\n                              </tbody>\n                            </table>\n                          </div>\n                        ) : (\n                          <p className=\"text-sm text-muted-foreground\">{t('payment_gateways.transactions.detail.webhooksEmpty', 'No webhook events have been recorded for this transaction yet.')}</p>\n                        )}\n                      </section>\n\n                      <section className=\"space-y-3\">\n                        <h3 className=\"text-sm font-semibold\">{t('payment_gateways.transactions.detail.logs', 'Gateway logs')}</h3>\n                        <LogList\n                          entries={detail.logs.map<LogListEntry>((log) => {\n                            const metadataEntries = [\n                              [t('payment_gateways.transactions.log.time', 'Time'), formatDateTime(log.createdAt)],\n                              [t('payment_gateways.transactions.log.level', 'Level'), t(`payment_gateways.transactions.level.${log.level}`, log.level)],\n                              [t('payment_gateways.transactions.log.code', 'Code'), log.code ?? null],\n                              [t('payment_gateways.transactions.log.runId', 'Run ID'), log.runId ?? null],\n                              [t('payment_gateways.transactions.log.entityType', 'Entity Type'), log.scopeEntityType ?? null],\n                              [t('payment_gateways.transactions.log.entityId', 'Entity ID'), log.scopeEntityId ?? null],\n                            ].filter((entry): entry is [string, string] => typeof entry[1] === 'string' && entry[1].trim().length > 0)\n                            const { inlineEntries, nestedEntries } = splitLogPayload(log.payload)\n\n                            return {\n                              id: log.id,\n                              time: formatDateTime(log.createdAt),\n                              level: log.level,\n                              levelLabel: t(`payment_gateways.transactions.level.${log.level}`, log.level),\n                              message: log.message,\n                              body: (\n                                <div className=\"space-y-4\">\n                                  {metadataEntries.length > 0 ? (\n                                    <dl className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n                                      {metadataEntries.map(([label, value]) => (\n                                        <div key={label} className=\"rounded-md border bg-muted/30 px-3 py-2\">\n                                          <dt className=\"text-overline font-medium uppercase tracking-wide text-muted-foreground\">{label}</dt>\n                                          <dd className=\"mt-1 break-all text-sm\">{value}</dd>\n                                        </div>\n                                      ))}\n                                    </dl>\n                                  ) : null}\n                                  {inlineEntries.length > 0 ? (\n                                    <dl className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n                                      {inlineEntries.map(([key, value]) => (\n                                        <div key={key} className=\"rounded-md border bg-muted/30 px-3 py-2\">\n                                          <dt className=\"text-overline font-medium uppercase tracking-wide text-muted-foreground\">{formatLogDetailLabel(key)}</dt>\n                                          <dd className=\"mt-1 break-words text-sm\">{formatLogPrimitiveValue(value)}</dd>\n                                        </div>\n                                      ))}\n                                    </dl>\n                                  ) : null}\n                                  {nestedEntries.map(([key, value]) => (\n                                    <JsonDisplay\n                                      key={key}\n                                      data={value}\n                                      title={formatLogDetailLabel(key)}\n                                      defaultExpanded\n                                      maxInitialDepth={1}\n                                      theme=\"dark\"\n                                      maxHeight=\"16rem\"\n                                      className=\"p-4\"\n                                    />\n                                  ))}\n                                </div>\n                              ),\n                            }\n                          })}\n                          emptyMessage={t('payment_gateways.transactions.detail.logsEmpty', 'No transaction-scoped logs are available yet.')}\n                        />\n                      </section>\n                    </div>\n\n                    <div className=\"space-y-4\">\n                      <JsonDisplay\n                        data={detail.transaction.gatewayMetadata ?? {}}\n                        title={t('payment_gateways.transactions.detail.gatewayMetadata', 'Gateway metadata')}\n                        defaultExpanded\n                        maxInitialDepth={1}\n                        theme=\"dark\"\n                        maxHeight=\"24rem\"\n                        className=\"p-4\"\n                      />\n                      <InjectionSpot\n                        spotId=\"admin.page:payment-gateways/transactions:after\"\n                        context={{ selectedPaymentId: detail.transaction.paymentId }}\n                      />\n                    </div>\n                  </div>\n                </>\n              ) : null}\n            </CardContent>\n          </Card>\n        ) : null}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/sales/backend/sales/channels/offers/page.js CHANGED Viewed

@@ -11,13 +11,27 @@ import { readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato
 import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
 import { deleteCrud } from "@open-mercato/ui/backend/utils/crud";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { mapOfferRow, renderOfferPriceSummary } from "@open-mercato/core/modules/sales/components/channels/offerTableUtils";
 const PAGE_SIZE = 25;
+const SAVE_CONTEXT_ID = "sales-channel-offers-list";
 function SalesChannelOffersListPage() {
   const t = useT();
   const router = useRouter();
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: SAVE_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const mutationContext = React.useMemo(
+    () => ({
+      formId: SAVE_CONTEXT_ID,
+      resourceKind: "sales.channels.offers",
+      retryLastMutation
+    }),
+    [retryLastMutation]
+  );
   const scopeVersion = useOrganizationScopeVersion();
   const channelOptionsRef = React.useRef(/* @__PURE__ */ new Map());
   const [rows, setRows] = React.useState([]);
@@ -216,12 +230,16 @@ function SalesChannelOffersListPage() {
   }, []);
   const handleDelete = React.useCallback(async (row) => {
     try {
-      await withScopedApiRequestHeaders(
-        buildOptimisticLockHeader(row.updatedAt),
-        () => deleteCrud("catalog/offers", row.id, {
-          errorMessage: t("sales.channels.offers.errors.delete", "Failed to delete offer.")
-        })
-      );
+      await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(row.updatedAt),
+          () => deleteCrud("catalog/offers", row.id, {
+            errorMessage: t("sales.channels.offers.errors.delete", "Failed to delete offer.")
+          })
+        ),
+        context: mutationContext,
+        mutationPayload: { action: "delete", id: row.id }
+      });
       flash(t("sales.channels.offers.messages.deleted", "Offer deleted."), "success");
       handleRefresh();
     } catch (err) {
@@ -231,7 +249,7 @@ function SalesChannelOffersListPage() {
       }
       console.error("sales.channels.offers.delete", err);
     }
-  }, [handleRefresh, t]);
+  }, [handleRefresh, mutationContext, runMutation, t]);
   const tableTitle = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsx("span", { children: t("sales.channels.offers.listTitle", "Sales channel offers") }),
     /* @__PURE__ */ jsx("span", { className: "text-sm font-normal text-muted-foreground", children: t("sales.channels.offers.listSubtitle", "Review product overrides across every sales channel.") })

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

@@ -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, 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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",
+  "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 { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { 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\nconst SAVE_CONTEXT_ID = 'sales-channel-offers-list'\n\nexport default function SalesChannelOffersListPage() {\n  const t = useT()\n  const router = useRouter()\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: SAVE_CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const mutationContext = React.useMemo(\n    () => ({\n      formId: SAVE_CONTEXT_ID,\n      resourceKind: 'sales.channels.offers',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\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 runMutation({\n        operation: () =>\n          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        context: mutationContext,\n        mutationPayload: { action: 'delete', id: row.id },\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, mutationContext, runMutation, 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 CHANGED Viewed

@@ -12,12 +12,26 @@ import { flash } from "@open-mercato/ui/backend/FlashMessages";
 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 { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 const PAGE_SIZE = 25;
+const SAVE_CONTEXT_ID = "sales-channels-list";
 function SalesChannelsPage() {
   const t = useT();
   const router = useRouter();
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: SAVE_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const mutationContext = React.useMemo(
+    () => ({
+      formId: SAVE_CONTEXT_ID,
+      resourceKind: "sales.channels",
+      retryLastMutation
+    }),
+    [retryLastMutation]
+  );
   const scopeVersion = useOrganizationScopeVersion();
   const [rows, setRows] = React.useState([]);
   const [page, setPage] = React.useState(1);
@@ -101,12 +115,16 @@ function SalesChannelsPage() {
   }, []);
   const handleDelete = React.useCallback(async (row) => {
     try {
-      await withScopedApiRequestHeaders(
-        buildOptimisticLockHeader(row.updatedAt),
-        () => deleteCrud("sales/channels", row.id, {
-          errorMessage: t("sales.channels.table.errors.delete", "Failed to delete channel.")
-        })
-      );
+      await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(row.updatedAt),
+          () => deleteCrud("sales/channels", row.id, {
+            errorMessage: t("sales.channels.table.errors.delete", "Failed to delete channel.")
+          })
+        ),
+        context: mutationContext,
+        mutationPayload: { action: "delete", id: row.id }
+      });
       flash(t("sales.channels.table.messages.deleted", "Channel deleted."), "success");
       handleRefresh();
     } catch (err) {
@@ -120,7 +138,7 @@ function SalesChannelsPage() {
       }
       console.error("sales.channels.delete", err);
     }
-  }, [handleRefresh, t]);
+  }, [handleRefresh, mutationContext, runMutation, t]);
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
     DataTable,
     {

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

@@ -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, 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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",
+  "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 { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\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\nconst SAVE_CONTEXT_ID = 'sales-channels-list'\n\nexport default function SalesChannelsPage() {\n  const t = useT()\n  const router = useRouter()\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: SAVE_CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const mutationContext = React.useMemo(\n    () => ({\n      formId: SAVE_CONTEXT_ID,\n      resourceKind: 'sales.channels',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\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 runMutation({\n        operation: () =>\n          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        context: mutationContext,\n        mutationPayload: { action: 'delete', id: row.id },\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, mutationContext, runMutation, 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": []
 }