@open-mercato/core 0.4.7-develop-0a657b411f → 0.4.7-develop-e249d3e7d0

package/dist/modules/payment_gateways/api/webhook/[provider]/route.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/payment_gateways/api/webhook/%5Bprovider%5D/route.ts"],
+  "sourcesContent": ["import { NextResponse } from 'next/server'\nimport { createRequestContainer } from '@open-mercato/shared/lib/di/container'\nimport { findWithDecryption } from '@open-mercato/shared/lib/encryption/find'\nimport { readJsonSafe } from '@open-mercato/shared/lib/http/readJsonSafe'\nimport type { EntityManager } from '@mikro-orm/postgresql'\nimport { getWebhookHandler } from '@open-mercato/shared/modules/payment_gateways/types'\nimport type { IntegrationLogService } from '../../../../integrations/lib/log-service'\nimport type { PaymentGatewayService } from '../../../lib/gateway-service'\nimport type { CredentialsService } from '../../../../integrations/lib/credentials-service'\nimport { GatewayTransaction } from '../../../data/entities'\nimport { getPaymentGatewayQueue } from '../../../lib/queue'\nimport { processPaymentGatewayWebhookJob } from '../../../lib/webhook-processor'\nimport { paymentGatewaysTag } from '../../openapi'\n\nexport const metadata = {\n  path: '/payment_gateways/webhook/[provider]',\n  POST: { requireAuth: false },\n}\n\nfunction readScopeFromEventData(data: Record<string, unknown>): { organizationId: string; tenantId: string } | null {\n  const metadata = data.metadata\n  if (!metadata || typeof metadata !== 'object') return null\n\n  const metadataRecord = metadata as Record<string, unknown>\n  const organizationId = typeof metadataRecord.organizationId === 'string'\n    ? metadataRecord.organizationId.trim()\n    : ''\n  const tenantId = typeof metadataRecord.tenantId === 'string'\n    ? metadataRecord.tenantId.trim()\n    : ''\n\n  if (!organizationId || !tenantId) return null\n  return { organizationId, tenantId }\n}\n\nexport async function POST(req: Request, { params }: { params: Promise<{ provider: string }> | { provider: string } }) {\n  const resolvedParams = await params\n  const providerKey = resolvedParams.provider\n  const container = await createRequestContainer()\n  const registration = getWebhookHandler(providerKey)\n  if (!registration) {\n    return NextResponse.json({ error: `No webhook handler for provider: ${providerKey}` }, { status: 404 })\n  }\n\n  const rawBody = await req.text()\n  const headers: Record<string, string> = {}\n  req.headers.forEach((value, key) => {\n    headers[key] = value\n  })\n\n  const service = container.resolve('paymentGatewayService') as PaymentGatewayService\n  const em = container.resolve('em') as EntityManager\n  const integrationCredentialsService = container.resolve('integrationCredentialsService') as CredentialsService\n  const queue = getPaymentGatewayQueue(registration.queue ?? 'payment-gateways-webhook')\n  const payload = await readJsonSafe<Record<string, unknown>>(rawBody)\n  const sessionIdHint = registration.readSessionIdHint?.(payload) ?? null\n\n  try {\n    const candidates = sessionIdHint\n      ? await findWithDecryption(\n        em,\n        GatewayTransaction,\n        {\n          providerKey,\n          providerSessionId: sessionIdHint,\n          deletedAt: null,\n        },\n        { limit: 10, orderBy: { createdAt: 'desc' } },\n      )\n      : []\n\n    let transaction = null as GatewayTransaction | null\n    let matchedScope = null as { organizationId: string; tenantId: string } | null\n    let event = null as Awaited<ReturnType<typeof registration.handler>> | null\n    let lastVerificationError: unknown = null\n\n    for (const candidate of candidates) {\n      const candidateScope = { organizationId: candidate.organizationId, tenantId: candidate.tenantId }\n      const credentials = await integrationCredentialsService.resolve(`gateway_${providerKey}`, candidateScope) ?? {}\n      try {\n        event = await registration.handler({ rawBody, headers, credentials })\n        transaction = candidate\n        matchedScope = candidateScope\n        break\n      } catch (error: unknown) {\n        lastVerificationError = error\n      }\n    }\n\n    if (!event) {\n      try {\n        event = await registration.handler({ rawBody, headers, credentials: {} })\n      } catch (error: unknown) {\n        throw lastVerificationError ?? error\n      }\n    }\n    if (!event) {\n      throw new Error('Webhook verification failed')\n    }\n\n    if (!transaction && sessionIdHint) {\n      const derivedScope = readScopeFromEventData(event.data)\n      if (derivedScope) {\n        transaction = await service.findTransactionBySessionId(sessionIdHint, derivedScope, providerKey)\n        matchedScope = transaction\n          ? { organizationId: transaction.organizationId, tenantId: transaction.tenantId }\n          : derivedScope\n      }\n    }\n\n    const scope = transaction\n      ? { organizationId: transaction.organizationId, tenantId: transaction.tenantId }\n      : matchedScope ?? readScopeFromEventData(event.data)\n\n    const jobPayload = {\n      providerKey,\n      event,\n      transactionId: transaction?.id ?? null,\n      scope,\n    }\n\n    if (process.env.QUEUE_STRATEGY === 'async') {\n      await queue.enqueue({\n        name: 'payment-gateway-webhook',\n        payload: jobPayload,\n      })\n    } else {\n      await processPaymentGatewayWebhookJob(\n        {\n          em: container.resolve('em') as EntityManager,\n          paymentGatewayService: service,\n          integrationLogService: container.resolve('integrationLogService') as IntegrationLogService,\n        },\n        jobPayload,\n      )\n    }\n\n    return NextResponse.json({ received: true, queued: true }, { status: 202 })\n  } catch (err: unknown) {\n    const message = err instanceof Error ? err.message : 'Webhook verification failed'\n    return NextResponse.json({ error: message }, { status: 401 })\n  }\n}\n\nexport const openApi = {\n  tags: [paymentGatewaysTag],\n  summary: 'Receive payment gateway webhook',\n  methods: {\n    POST: {\n      summary: 'Process inbound webhook from payment provider',\n      tags: [paymentGatewaysTag],\n      responses: [\n        { status: 202, description: 'Webhook accepted for async processing' },\n        { status: 401, description: 'Signature verification failed' },\n        { status: 404, description: 'Unknown provider' },\n      ],\n    },\n  },\n}\n\nexport default POST\n"],
+  "mappings": "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",
+  "names": ["metadata"]
+}

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

@@ -0,0 +1,496 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Page, PageHeader, PageBody } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { JsonDisplay } from "@open-mercato/ui/backend/JsonDisplay";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@open-mercato/ui/primitives/card";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { ChevronDown, ChevronRight, CreditCard, RefreshCw, Webhook } from "lucide-react";
+const STATUS_STYLES = {
+  pending: "bg-slate-100 text-slate-800",
+  authorized: "bg-blue-100 text-blue-800",
+  captured: "bg-green-100 text-green-800",
+  partially_captured: "bg-emerald-100 text-emerald-800",
+  refunded: "bg-amber-100 text-amber-800",
+  partially_refunded: "bg-orange-100 text-orange-800",
+  cancelled: "bg-zinc-200 text-zinc-900",
+  failed: "bg-red-100 text-red-800",
+  expired: "bg-neutral-200 text-neutral-900",
+  unknown: "bg-purple-100 text-purple-800"
+};
+const LOG_LEVEL_STYLES = {
+  info: "bg-blue-100 text-blue-800",
+  warn: "bg-yellow-100 text-yellow-800",
+  error: "bg-red-100 text-red-800"
+};
+function formatDateTime(value) {
+  if (!value) return "\u2014";
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) return value;
+  return parsed.toLocaleString();
+}
+function formatAmount(value, currencyCode) {
+  const amount = Number(value);
+  if (Number.isNaN(amount)) return `${value} ${currencyCode}`;
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: currencyCode
+    }).format(amount);
+  } catch {
+    return `${amount.toFixed(2)} ${currencyCode}`;
+  }
+}
+function formatTypeLabel(value) {
+  return value.split("_").filter(Boolean).map((part) => part[0]?.toUpperCase() + part.slice(1)).join(" ");
+}
+function formatLogDetailLabel(key) {
+  return key.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").split(" ").filter(Boolean).map((part) => part[0]?.toUpperCase() + part.slice(1)).join(" ");
+}
+function isPrimitiveLogValue(value) {
+  return value === null || typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+function splitLogPayload(payload) {
+  if (!payload) {
+    return {
+      inlineEntries: [],
+      nestedEntries: []
+    };
+  }
+  const inlineEntries = [];
+  const nestedEntries = [];
+  Object.entries(payload).forEach(([key, value]) => {
+    if (isPrimitiveLogValue(value)) {
+      inlineEntries.push([key, value]);
+      return;
+    }
+    nestedEntries.push([key, value]);
+  });
+  return { inlineEntries, nestedEntries };
+}
+function DetailStat({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/20 px-4 py-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm font-medium", children: value })
+  ] });
+}
+function PaymentTransactionsPage() {
+  const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [search, setSearch] = React.useState("");
+  const [filterValues, setFilterValues] = React.useState({});
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [selectedId, setSelectedId] = React.useState(null);
+  const [detail, setDetail] = React.useState(null);
+  const [isLoadingDetail, setIsLoadingDetail] = React.useState(false);
+  const [detailError, setDetailError] = React.useState(null);
+  const [expandedLogId, setExpandedLogId] = React.useState(null);
+  const [isRefreshingStatus, setIsRefreshingStatus] = React.useState(false);
+  const noneLabel = t("common.none", "None");
+  const formatLogPrimitiveValue = React.useCallback((value) => {
+    if (value === null) return noneLabel;
+    if (typeof value === "boolean") return value ? t("common.yes", "Yes") : t("common.no", "No");
+    return String(value);
+  }, [noneLabel, t]);
+  const loadRows = React.useCallback(async () => {
+    setIsLoading(true);
+    const params = new URLSearchParams({
+      page: String(page),
+      pageSize: "20"
+    });
+    if (search.trim()) params.set("search", search.trim());
+    if (typeof filterValues.providerKey === "string" && filterValues.providerKey) {
+      params.set("providerKey", filterValues.providerKey);
+    }
+    if (typeof filterValues.status === "string" && filterValues.status) {
+      params.set("status", filterValues.status);
+    }
+    const fallback = { items: [], total: 0, page, pageSize: 20, totalPages: 1 };
+    const call = await apiCall(`/api/payment_gateways/transactions?${params.toString()}`, void 0, { fallback });
+    if (call.ok && call.result) {
+      setRows(Array.isArray(call.result.items) ? call.result.items : []);
+      setTotal(call.result.total ?? 0);
+      setTotalPages(call.result.totalPages ?? 1);
+    } else {
+      flash(t("payment_gateways.transactions.error.load", "Failed to load payment transactions"), "error");
+      setRows([]);
+      setTotal(0);
+      setTotalPages(1);
+    }
+    setIsLoading(false);
+  }, [filterValues.providerKey, filterValues.status, page, search, t]);
+  const loadDetail = React.useCallback(async (transactionId) => {
+    setIsLoadingDetail(true);
+    setDetailError(null);
+    const call = await apiCall(`/api/payment_gateways/transactions/${encodeURIComponent(transactionId)}`, void 0, { fallback: null });
+    if (call.ok && call.result) {
+      setDetail(call.result);
+      setExpandedLogId((current) => current && call.result?.logs.some((log) => log.id === current) ? current : null);
+    } else {
+      setDetail(null);
+      setDetailError(t("payment_gateways.transactions.error.loadDetail", "Failed to load transaction details"));
+    }
+    setIsLoadingDetail(false);
+  }, [t]);
+  React.useEffect(() => {
+    void loadRows();
+  }, [loadRows, scopeVersion]);
+  React.useEffect(() => {
+    if (!selectedId) {
+      setDetail(null);
+      setDetailError(null);
+      return;
+    }
+    void loadDetail(selectedId);
+  }, [loadDetail, selectedId]);
+  React.useEffect(() => {
+    setSelectedId((current) => current && rows.some((row) => row.id === current) ? current : null);
+  }, [rows]);
+  const handleFiltersApply = React.useCallback((values) => {
+    const next = {};
+    Object.entries(values).forEach(([key, value]) => {
+      if (typeof value === "string" && value.trim()) next[key] = value;
+    });
+    setFilterValues(next);
+    setPage(1);
+  }, []);
+  const handleFiltersClear = React.useCallback(() => {
+    setFilterValues({});
+    setPage(1);
+  }, []);
+  const handleRefreshStatus = React.useCallback(async () => {
+    if (!selectedId) return;
+    setIsRefreshingStatus(true);
+    const call = await apiCall(`/api/payment_gateways/status?transactionId=${encodeURIComponent(selectedId)}`, void 0, { fallback: null });
+    if (!call.ok) {
+      flash(t("payment_gateways.transactions.error.refreshStatus", "Failed to refresh transaction status"), "error");
+      setIsRefreshingStatus(false);
+      return;
+    }
+    await Promise.all([
+      loadRows(),
+      loadDetail(selectedId)
+    ]);
+    flash(t("payment_gateways.transactions.success.refreshStatus", "Transaction status refreshed"), "success");
+    setIsRefreshingStatus(false);
+  }, [loadDetail, loadRows, selectedId, t]);
+  const providerOptions = React.useMemo(() => {
+    const values = Array.from(new Set(rows.map((row) => row.providerKey).filter(Boolean))).sort();
+    return values.map((value) => ({
+      label: formatTypeLabel(value),
+      value
+    }));
+  }, [rows]);
+  const filters = React.useMemo(() => [
+    {
+      id: "providerKey",
+      type: "select",
+      label: t("payment_gateways.transactions.filters.provider", "Provider"),
+      options: [
+        { label: t("payment_gateways.transactions.filters.allProviders", "All providers"), value: "" },
+        ...providerOptions
+      ]
+    },
+    {
+      id: "status",
+      type: "select",
+      label: t("payment_gateways.transactions.filters.status", "Status"),
+      options: [
+        { label: t("payment_gateways.transactions.filters.allStatuses", "All statuses"), value: "" },
+        { label: t("payment_gateways.status.pending", "Pending"), value: "pending" },
+        { label: t("payment_gateways.status.authorized", "Authorized"), value: "authorized" },
+        { label: t("payment_gateways.status.captured", "Captured"), value: "captured" },
+        { label: t("payment_gateways.status.partially_captured", "Partially Captured"), value: "partially_captured" },
+        { label: t("payment_gateways.status.refunded", "Refunded"), value: "refunded" },
+        { label: t("payment_gateways.status.partially_refunded", "Partially Refunded"), value: "partially_refunded" },
+        { label: t("payment_gateways.status.cancelled", "Cancelled"), value: "cancelled" },
+        { label: t("payment_gateways.status.failed", "Failed"), value: "failed" },
+        { label: t("payment_gateways.status.expired", "Expired"), value: "expired" },
+        { label: t("payment_gateways.status.unknown", "Unknown"), value: "unknown" }
+      ]
+    }
+  ], [providerOptions, t]);
+  const columns = React.useMemo(() => [
+    {
+      accessorKey: "paymentId",
+      header: t("payment_gateways.transactions.columns.paymentId", "Payment"),
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium", children: row.original.paymentId }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: row.original.id })
+      ] }),
+      meta: { maxWidth: "20rem" }
+    },
+    {
+      accessorKey: "providerKey",
+      header: t("payment_gateways.transactions.columns.provider", "Provider"),
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(CreditCard, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { children: formatTypeLabel(row.original.providerKey) })
+      ] })
+    },
+    {
+      accessorKey: "unifiedStatus",
+      header: t("payment_gateways.transactions.columns.status", "Status"),
+      cell: ({ row }) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: STATUS_STYLES[row.original.unifiedStatus] ?? "", children: t(`payment_gateways.status.${row.original.unifiedStatus}`, formatTypeLabel(row.original.unifiedStatus)) })
+    },
+    {
+      accessorKey: "amount",
+      header: t("payment_gateways.transactions.columns.amount", "Amount"),
+      cell: ({ row }) => formatAmount(row.original.amount, row.original.currencyCode)
+    },
+    {
+      accessorKey: "providerSessionId",
+      header: t("payment_gateways.transactions.columns.session", "Session"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: row.original.providerSessionId ?? "\u2014" }),
+      meta: { maxWidth: "18rem", truncate: true }
+    },
+    {
+      accessorKey: "updatedAt",
+      header: t("payment_gateways.transactions.columns.updatedAt", "Updated"),
+      cell: ({ row }) => formatDateTime(row.original.updatedAt)
+    }
+  ], [t]);
+  const selectedSummary = React.useMemo(
+    () => rows.find((row) => row.id === selectedId) ?? null,
+    [rows, selectedId]
+  );
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: t("payment_gateways.transactions.title", "Payment Transactions"),
+        description: t("payment_gateways.transactions.description", "Track all payment-gateway transactions, inspect webhook activity, and review provider logs from one place.")
+      }
+    ),
+    /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          title: t("payment_gateways.transactions.tableTitle", "Transactions"),
+          columns,
+          data: rows,
+          filters,
+          filterValues,
+          onFiltersApply: handleFiltersApply,
+          onFiltersClear: handleFiltersClear,
+          searchValue: search,
+          onSearchChange: (value) => {
+            setSearch(value);
+            setPage(1);
+          },
+          searchPlaceholder: t("payment_gateways.transactions.searchPlaceholder", "Search by payment, transaction, session, or gateway id"),
+          perspective: { tableId: "payment_gateways.transactions.list" },
+          pagination: { page, pageSize: 20, total, totalPages, onPageChange: setPage },
+          isLoading,
+          onRowClick: (row) => setSelectedId((current) => current === row.id ? null : row.id),
+          rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: [
+            {
+              id: "details",
+              label: selectedId === row.id ? t("payment_gateways.transactions.actions.hideDetails", "Hide details") : t("payment_gateways.transactions.actions.showDetails", "Show details"),
+              onSelect: () => setSelectedId((current) => current === row.id ? null : row.id)
+            }
+          ] })
+        }
+      ),
+      selectedId ? /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "gap-4 sm:flex-row sm:items-start sm:justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx(CardTitle, { children: t("payment_gateways.transactions.detail.title", "Transaction details") }),
+            selectedSummary ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { children: selectedSummary.paymentId }),
+              /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+              /* @__PURE__ */ jsx("span", { children: formatTypeLabel(selectedSummary.providerKey) }),
+              /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: STATUS_STYLES[selectedSummary.unifiedStatus] ?? "", children: t(`payment_gateways.status.${selectedSummary.unifiedStatus}`, formatTypeLabel(selectedSummary.unifiedStatus)) })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => void handleRefreshStatus(),
+              disabled: isRefreshingStatus || isLoadingDetail,
+              children: [
+                isRefreshingStatus ? /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-4 w-4" }),
+                t("payment_gateways.transactions.actions.refreshStatus", "Refresh status")
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
+          isLoadingDetail ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("payment_gateways.transactions.detail.loading", "Loading transaction details") }) : null,
+          !isLoadingDetail && detailError ? /* @__PURE__ */ jsx(ErrorMessage, { label: detailError }) : null,
+          !isLoadingDetail && !detailError && detail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-4", children: [
+              /* @__PURE__ */ jsx(
+                DetailStat,
+                {
+                  label: t("payment_gateways.transactions.detail.summary.status", "Status"),
+                  value: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: STATUS_STYLES[detail.transaction.unifiedStatus] ?? "", children: t(`payment_gateways.status.${detail.transaction.unifiedStatus}`, formatTypeLabel(detail.transaction.unifiedStatus)) })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                DetailStat,
+                {
+                  label: t("payment_gateways.transactions.detail.summary.gatewayStatus", "Gateway status"),
+                  value: detail.transaction.gatewayStatus ?? noneLabel
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                DetailStat,
+                {
+                  label: t("payment_gateways.transactions.detail.summary.amount", "Amount"),
+                  value: formatAmount(detail.transaction.amount, detail.transaction.currencyCode)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                DetailStat,
+                {
+                  label: t("payment_gateways.transactions.detail.summary.provider", "Provider"),
+                  value: formatTypeLabel(detail.transaction.providerKey)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-6 xl:grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)]", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+                /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("payment_gateways.transactions.detail.identifiers", "Identifiers") }),
+                  /* @__PURE__ */ jsx("dl", { className: "grid gap-3 md:grid-cols-2", children: [
+                    [t("payment_gateways.transactions.columns.transactionId", "Transaction ID"), detail.transaction.id],
+                    [t("payment_gateways.transactions.columns.paymentId", "Payment ID"), detail.transaction.paymentId],
+                    [t("payment_gateways.transactions.columns.session", "Session ID"), detail.transaction.providerSessionId ?? "\u2014"],
+                    [t("payment_gateways.transactions.columns.gatewayPaymentId", "Gateway payment ID"), detail.transaction.gatewayPaymentId ?? "\u2014"],
+                    [t("payment_gateways.transactions.columns.gatewayRefundId", "Gateway refund ID"), detail.transaction.gatewayRefundId ?? "\u2014"],
+                    [t("payment_gateways.transactions.columns.redirectUrl", "Redirect URL"), detail.transaction.redirectUrl ?? "\u2014"],
+                    [t("payment_gateways.transactions.columns.createdAt", "Created at"), formatDateTime(detail.transaction.createdAt)],
+                    [t("payment_gateways.transactions.columns.updatedAt", "Updated at"), formatDateTime(detail.transaction.updatedAt)],
+                    [t("payment_gateways.transactions.columns.lastWebhookAt", "Last webhook"), formatDateTime(detail.transaction.lastWebhookAt)],
+                    [t("payment_gateways.transactions.columns.lastPolledAt", "Last poll"), formatDateTime(detail.transaction.lastPolledAt)]
+                  ].map(([label, value]) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/20 px-4 py-3", children: [
+                    /* @__PURE__ */ jsx("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }),
+                    /* @__PURE__ */ jsx("dd", { className: "mt-1 break-all text-sm", children: value })
+                  ] }, label)) })
+                ] }),
+                /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(Webhook, { className: "h-4 w-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("payment_gateways.transactions.detail.webhooks", "Webhook activity") })
+                  ] }),
+                  detail.transaction.webhookLog && detail.transaction.webhookLog.length > 0 ? /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+                    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/40", children: [
+                      /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("payment_gateways.transactions.columns.eventType", "Event") }),
+                      /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("payment_gateways.transactions.columns.status", "Status") }),
+                      /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("payment_gateways.transactions.columns.processed", "Processed") }),
+                      /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("payment_gateways.transactions.columns.receivedAt", "Received") })
+                    ] }) }),
+                    /* @__PURE__ */ jsx("tbody", { children: detail.transaction.webhookLog.map((entry) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+                      /* @__PURE__ */ jsx("td", { className: "px-4 py-2 font-medium", children: entry.eventType }),
+                      /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: STATUS_STYLES[entry.unifiedStatus] ?? "", children: t(`payment_gateways.status.${entry.unifiedStatus}`, formatTypeLabel(entry.unifiedStatus)) }) }),
+                      /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: entry.processed ? t("common.yes", "Yes") : t("common.no", "No") }),
+                      /* @__PURE__ */ jsx("td", { className: "px-4 py-2 text-muted-foreground", children: formatDateTime(entry.receivedAt) })
+                    ] }, `${entry.idempotencyKey}:${entry.receivedAt}`)) })
+                  ] }) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("payment_gateways.transactions.detail.webhooksEmpty", "No webhook events have been recorded for this transaction yet.") })
+                ] }),
+                /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("payment_gateways.transactions.detail.logs", "Gateway logs") }),
+                  detail.logs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("payment_gateways.transactions.detail.logsEmpty", "No transaction-scoped logs are available yet.") }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+                    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/40", children: [
+                      /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("payment_gateways.transactions.columns.time", "Time") }),
+                      /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("payment_gateways.transactions.columns.level", "Level") }),
+                      /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("payment_gateways.transactions.columns.message", "Message") })
+                    ] }) }),
+                    /* @__PURE__ */ jsx("tbody", { children: detail.logs.map((log) => {
+                      const isExpanded = expandedLogId === log.id;
+                      const metadataEntries = [
+                        [t("payment_gateways.transactions.log.time", "Time"), formatDateTime(log.createdAt)],
+                        [t("payment_gateways.transactions.log.level", "Level"), t(`payment_gateways.transactions.level.${log.level}`, log.level)],
+                        [t("payment_gateways.transactions.log.code", "Code"), log.code ?? null],
+                        [t("payment_gateways.transactions.log.runId", "Run ID"), log.runId ?? null],
+                        [t("payment_gateways.transactions.log.entityType", "Entity Type"), log.scopeEntityType ?? null],
+                        [t("payment_gateways.transactions.log.entityId", "Entity ID"), log.scopeEntityId ?? null]
+                      ].filter((entry) => typeof entry[1] === "string" && entry[1].trim().length > 0);
+                      const { inlineEntries, nestedEntries } = splitLogPayload(log.payload);
+                      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                        /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+                          /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-4 py-2 text-muted-foreground", children: formatDateTime(log.createdAt) }),
+                          /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: LOG_LEVEL_STYLES[log.level] ?? "", children: t(`payment_gateways.transactions.level.${log.level}`, log.level) }) }),
+                          /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsxs(
+                            Button,
+                            {
+                              type: "button",
+                              variant: "ghost",
+                              size: "sm",
+                              className: "h-auto w-full justify-start gap-2 px-0 py-0 text-left hover:bg-transparent",
+                              onClick: () => setExpandedLogId((current) => current === log.id ? null : log.id),
+                              children: [
+                                isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 shrink-0" }),
+                                /* @__PURE__ */ jsx("span", { className: "truncate", children: log.message })
+                              ]
+                            }
+                          ) })
+                        ] }),
+                        isExpanded ? /* @__PURE__ */ jsx("tr", { className: "border-b bg-muted/15 last:border-0", children: /* @__PURE__ */ jsx("td", { colSpan: 3, className: "px-4 py-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 rounded-lg border bg-card p-4", children: [
+                          metadataEntries.length > 0 ? /* @__PURE__ */ jsx("dl", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: metadataEntries.map(([label, value]) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-muted/20 px-3 py-2", children: [
+                            /* @__PURE__ */ jsx("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }),
+                            /* @__PURE__ */ jsx("dd", { className: "mt-1 break-all text-sm", children: value })
+                          ] }, label)) }) : null,
+                          inlineEntries.length > 0 ? /* @__PURE__ */ jsx("dl", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: inlineEntries.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-muted/20 px-3 py-2", children: [
+                            /* @__PURE__ */ jsx("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: formatLogDetailLabel(key) }),
+                            /* @__PURE__ */ jsx("dd", { className: "mt-1 break-words text-sm", children: formatLogPrimitiveValue(value) })
+                          ] }, key)) }) : null,
+                          nestedEntries.map(([key, value]) => /* @__PURE__ */ jsx(
+                            JsonDisplay,
+                            {
+                              data: value,
+                              title: formatLogDetailLabel(key),
+                              defaultExpanded: true,
+                              maxInitialDepth: 1,
+                              theme: "dark",
+                              maxHeight: "16rem",
+                              className: "p-4"
+                            },
+                            key
+                          ))
+                        ] }) }) }) : null
+                      ] }, log.id);
+                    }) })
+                  ] }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(
+                JsonDisplay,
+                {
+                  data: detail.transaction.gatewayMetadata ?? {},
+                  title: t("payment_gateways.transactions.detail.gatewayMetadata", "Gateway metadata"),
+                  defaultExpanded: true,
+                  maxInitialDepth: 1,
+                  theme: "dark",
+                  maxHeight: "24rem",
+                  className: "p-4"
+                }
+              ) })
+            ] })
+          ] }) : null
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
+export {
+  PaymentTransactionsPage as default
+};
+//# sourceMappingURL=page.js.map