npm - @open-mercato/core - Versions diffs - 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd - Mend

@open-mercato/core 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd

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 (349) 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 { ChevronDown, ChevronRight, 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\nconst LOG_LEVEL_STYLES: Record<string, string> = {\n  info: 'bg-blue-100 text-blue-800',\n  warn: 'bg-yellow-100 text-yellow-800',\n  error: 'bg-red-100 text-red-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/20 px-4 py-3\">\n      <div className=\"text-[11px] 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 [expandedLogId, setExpandedLogId] = 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      setExpandedLogId((current) => (current && call.result?.logs.some((log) => log.id === current) ? current : null))\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/20 px-4 py-3\">\n                              <dt className=\"text-[11px] 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/40\">\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                        {detail.logs.length === 0 ? (\n                          <p className=\"text-sm text-muted-foreground\">{t('payment_gateways.transactions.detail.logsEmpty', 'No transaction-scoped logs are available yet.')}</p>\n                        ) : (\n                          <div className=\"overflow-hidden rounded-lg border\">\n                            <table className=\"w-full text-sm\">\n                              <thead>\n                                <tr className=\"border-b bg-muted/40\">\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.time', 'Time')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.level', 'Level')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.message', 'Message')}</th>\n                                </tr>\n                              </thead>\n                              <tbody>\n                                {detail.logs.map((log) => {\n                                  const isExpanded = expandedLogId === log.id\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                                    <React.Fragment key={log.id}>\n                                      <tr className=\"border-b last:border-0\">\n                                        <td className=\"whitespace-nowrap px-4 py-2 text-muted-foreground\">{formatDateTime(log.createdAt)}</td>\n                                        <td className=\"px-4 py-2\">\n                                          <Badge variant=\"secondary\" className={LOG_LEVEL_STYLES[log.level] ?? ''}>\n                                            {t(`payment_gateways.transactions.level.${log.level}`, log.level)}\n                                          </Badge>\n                                        </td>\n                                        <td className=\"px-4 py-2\">\n                                          <Button\n                                            type=\"button\"\n                                            variant=\"ghost\"\n                                            size=\"sm\"\n                                            className=\"h-auto w-full justify-start gap-2 px-0 py-0 text-left hover:bg-transparent\"\n                                            onClick={() => setExpandedLogId((current) => current === log.id ? null : log.id)}\n                                          >\n                                            {isExpanded ? <ChevronDown className=\"h-4 w-4 shrink-0\" /> : <ChevronRight className=\"h-4 w-4 shrink-0\" />}\n                                            <span className=\"truncate\">{log.message}</span>\n                                          </Button>\n                                        </td>\n                                      </tr>\n                                      {isExpanded ? (\n                                        <tr className=\"border-b bg-muted/15 last:border-0\">\n                                          <td colSpan={3} className=\"px-4 py-4\">\n                                            <div className=\"space-y-4 rounded-lg border bg-card p-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/20 px-3 py-2\">\n                                                      <dt className=\"text-[11px] 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/20 px-3 py-2\">\n                                                      <dt className=\"text-[11px] 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                                          </td>\n                                        </tr>\n                                      ) : null}\n                                    </React.Fragment>\n                                  )\n                                })}\n                              </tbody>\n                            </table>\n                          </div>\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 { ChevronDown, ChevronRight, 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\nconst LOG_LEVEL_STYLES: Record<string, string> = {\n  info: 'bg-blue-100 text-blue-800',\n  warn: 'bg-yellow-100 text-yellow-800',\n  error: 'bg-red-100 text-red-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 [expandedLogId, setExpandedLogId] = 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      setExpandedLogId((current) => (current && call.result?.logs.some((log) => log.id === current) ? current : null))\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                        {detail.logs.length === 0 ? (\n                          <p className=\"text-sm text-muted-foreground\">{t('payment_gateways.transactions.detail.logsEmpty', 'No transaction-scoped logs are available yet.')}</p>\n                        ) : (\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.time', 'Time')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.level', 'Level')}</th>\n                                  <th className=\"px-4 py-2 text-left font-medium\">{t('payment_gateways.transactions.columns.message', 'Message')}</th>\n                                </tr>\n                              </thead>\n                              <tbody>\n                                {detail.logs.map((log) => {\n                                  const isExpanded = expandedLogId === log.id\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                                    <React.Fragment key={log.id}>\n                                      <tr className=\"border-b last:border-0\">\n                                        <td className=\"whitespace-nowrap px-4 py-2 text-muted-foreground\">{formatDateTime(log.createdAt)}</td>\n                                        <td className=\"px-4 py-2\">\n                                          <Badge variant=\"secondary\" className={LOG_LEVEL_STYLES[log.level] ?? ''}>\n                                            {t(`payment_gateways.transactions.level.${log.level}`, log.level)}\n                                          </Badge>\n                                        </td>\n                                        <td className=\"px-4 py-2\">\n                                          <Button\n                                            type=\"button\"\n                                            variant=\"ghost\"\n                                            size=\"sm\"\n                                            className=\"h-auto w-full justify-start gap-2 px-0 py-0 text-left hover:bg-transparent\"\n                                            onClick={() => setExpandedLogId((current) => current === log.id ? null : log.id)}\n                                          >\n                                            {isExpanded ? <ChevronDown className=\"h-4 w-4 shrink-0\" /> : <ChevronRight className=\"h-4 w-4 shrink-0\" />}\n                                            <span className=\"truncate\">{log.message}</span>\n                                          </Button>\n                                        </td>\n                                      </tr>\n                                      {isExpanded ? (\n                                        <tr className=\"border-b bg-muted/30 last:border-0\">\n                                          <td colSpan={3} className=\"px-4 py-4\">\n                                            <div className=\"space-y-4 rounded-lg border bg-card p-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                                          </td>\n                                        </tr>\n                                      ) : null}\n                                    </React.Fragment>\n                                  )\n                                })}\n                              </tbody>\n                            </table>\n                          </div>\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/planner/components/AvailabilityRulesEditor.js CHANGED Viewed

@@ -1224,7 +1224,7 @@ function AvailabilityRulesEditor({
               /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
                 windows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: listLabels.noHours }) : windows.map((window2, windowIndex) => {
                   const windowError = weeklyWindowErrors[index]?.[windowIndex] ?? null;
-                  const errorClass = windowError ? "border-red-500 focus-visible:ring-red-400" : "";
+                  const errorClass = windowError ? "border-red-500 aria-invalid:ring-destructive" : "";
                   return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
                       /* @__PURE__ */ jsx(
@@ -1536,7 +1536,7 @@ function AvailabilityRulesEditor({
                           /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: listLabels.windowsLabel }),
                           editorWindows.map((window2, index) => {
                             const windowError = editorWindowErrors[index] ?? null;
-                            const errorClass = windowError ? "border-red-500 focus-visible:ring-red-400" : "";
+                            const errorClass = windowError ? "border-red-500 aria-invalid:ring-destructive" : "";
                             return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
                               /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
                                 /* @__PURE__ */ jsx(