order-management 0.0.88 → 0.0.90

package/.medusa/server/src/admin/index.mjs

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
 import { useState, useEffect, useRef, useCallback, useMemo } from "react";
 import { Container, Text, Heading, Badge, Button, Label, Select, Textarea, Input } from "@medusajs/ui";
-import { CashSolid, PencilSquareSolid, Trash, Receipt, ArrowPath, CreditCard, ArrowLeft, CheckCircle } from "@medusajs/icons";
+import { CashSolid, PencilSquareSolid, Trash, Receipt, ArrowPath, CheckCircle, ArrowLeft, CreditCard } from "@medusajs/icons";
 import { useNavigate, useParams } from "react-router-dom";
 function roundRectPath(ctx, x, y, w, h, r) {
   ctx.beginPath();
@@ -1392,206 +1392,6 @@ const useDebounce$1 = (value, delay) => {
   return debouncedValue;
 };
 const getStatusBadgeClass$5 = (status) => {
-  const s2 = status.toLowerCase();
-  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
-};
-const PaymentsPage = () => {
-  const navigate = useNavigate();
-  const [items, setItems] = useState([]);
-  const [statusFilter, setStatusFilter] = useState("all");
-  const [orderIdSearch, setOrderIdSearch] = useState("");
-  const debouncedOrderId = useDebounce$1(orderIdSearch, 300);
-  const [isLoading, setIsLoading] = useState(true);
-  const [isFetchingMore, setIsFetchingMore] = useState(false);
-  const [error, setError] = useState(null);
-  const [offset, setOffset] = useState(0);
-  const [count, setCount] = useState(0);
-  const limit = 50;
-  const loadTransactions = useCallback(
-    async (nextOffset, replace) => {
-      try {
-        if (replace) setIsLoading(true);
-        else setIsFetchingMore(true);
-        setError(null);
-        const params = new URLSearchParams();
-        params.set("limit", String(limit));
-        params.set("offset", String(nextOffset));
-        if (statusFilter !== "all") params.set("status", statusFilter);
-        if (debouncedOrderId.trim()) params.set("order_id", debouncedOrderId.trim());
-        const response = await fetch(
-          `/admin/payment-transactions?${params.toString()}`,
-          { credentials: "include" }
-        );
-        if (!response.ok) {
-          const text = await response.text();
-          throw new Error(text || "Failed to load payment transactions");
-        }
-        const payload = await response.json();
-        const list = payload.transactions ?? [];
-        setCount(payload.count ?? 0);
-        setOffset(nextOffset + list.length);
-        setItems((prev) => replace ? list : [...prev, ...list]);
-      } catch (e) {
-        setError(e instanceof Error ? e.message : "Failed to load");
-      } finally {
-        setIsLoading(false);
-        setIsFetchingMore(false);
-      }
-    },
-    [statusFilter, debouncedOrderId]
-  );
-  useEffect(() => {
-    void loadTransactions(0, true);
-  }, [loadTransactions]);
-  const hasMore = useMemo(() => offset < count, [offset, count]);
-  const displayStatus = (t) => {
-    const s2 = t.payment_id != null && t.payment_status != null && t.payment_status !== "" ? t.payment_status : t.session_status ?? "";
-    return s2 !== "" ? s2 : "—";
-  };
-  const displayAmount = (t) => {
-    const code = (t.currency_code ?? "USD").toUpperCase();
-    return `${code} ${Number(t.amount)}`;
-  };
-  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Payments" }),
-        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "All payment attempts — completed, pending, failed, requires action" })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadTransactions(0, true), children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          placeholder: "Search by Order ID",
-          value: orderIdSearch,
-          onChange: (e) => setOrderIdSearch(e.target.value),
-          className: "md:max-w-sm",
-          "aria-label": "Search by order ID"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxs(
-        "select",
-        {
-          value: statusFilter,
-          onChange: (e) => setStatusFilter(e.target.value),
-          className: "h-9 rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive md:max-w-xs",
-          "aria-label": "Filter by status",
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "all", children: "All statuses" }),
-            /* @__PURE__ */ jsx("option", { value: "pending", children: "Pending" }),
-            /* @__PURE__ */ jsx("option", { value: "requires_more", children: "Requires more" }),
-            /* @__PURE__ */ jsx("option", { value: "error", children: "Error" }),
-            /* @__PURE__ */ jsx("option", { value: "canceled", children: "Canceled" }),
-            /* @__PURE__ */ jsx("option", { value: "authorized", children: "Authorized" }),
-            /* @__PURE__ */ jsx("option", { value: "captured", children: "Captured" })
-          ]
-        }
-      ) })
-    ] }),
-    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => loadTransactions(0, true), children: "Try again" }) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading payments…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No payment transactions yet" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Payment attempts will appear here." })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Amount" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Provider" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Finalized" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((t) => /* @__PURE__ */ jsxs(
-        "tr",
-        {
-          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/payments/${t.payment_session_id}`),
-          children: [
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: t.order_id ?? "—" }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: displayAmount(t) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.provider_id }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$5(displayStatus(t))}`,
-                children: displayStatus(t) !== "—" ? displayStatus(t).replace(/_/g, " ") : "—"
-              }
-            ) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.payment_id != null ? "Yes" : "No" }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(t.created_at).toLocaleDateString("en-US", {
-              year: "numeric",
-              month: "short",
-              day: "numeric",
-              hour: "numeric",
-              minute: "2-digit",
-              hour12: true
-            }) }),
-            /* @__PURE__ */ jsxs("td", { className: "px-4 py-4", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/payments/${t.payment_session_id}`);
-                  },
-                  children: "View details"
-                }
-              ),
-              t.order_id ? /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/orders/${t.order_id}`);
-                  },
-                  children: "Order"
-                }
-              ) : null
-            ] })
-          ]
-        },
-        t.payment_session_id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "secondary",
-        isLoading: isFetchingMore,
-        onClick: () => loadTransactions(offset, false),
-        children: "Load more"
-      }
-    ) }) : null
-  ] }) });
-};
-const config$5 = defineRouteConfig({
-  label: "Payments",
-  icon: CreditCard
-});
-const useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const handler = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(handler);
-  }, [value, delay]);
-  return debouncedValue;
-};
-const getStatusBadgeClass$4 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -1616,7 +1416,7 @@ const SwapsPage = () => {
   const [statusFilter, setStatusFilter] = useState("all");
   const [createdByFilter, setCreatedByFilter] = useState("all");
   const [searchQuery, setSearchQuery] = useState("");
-  const debouncedSearchQuery = useDebounce(searchQuery, 300);
+  const debouncedSearchQuery = useDebounce$1(searchQuery, 300);
   const [isLoading, setIsLoading] = useState(true);
   const [isFetchingMore, setIsFetchingMore] = useState(false);
   const [error, setError] = useState(null);
@@ -1759,7 +1559,7 @@ const SwapsPage = () => {
               Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$4(swap.status)}`,
+                className: `uppercase ${getStatusBadgeClass$5(swap.status)}`,
                 children: swap.status.replace(/_/g, " ")
               }
             ) }),
@@ -1809,11 +1609,11 @@ const SwapsPage = () => {
     ) }) : null
   ] }) });
 };
-const config$4 = defineRouteConfig({
+const config$5 = defineRouteConfig({
   label: "Exchanges",
   icon: ArrowPath
 });
-const getStatusBadgeClass$3 = (status) => {
+const getStatusBadgeClass$4 = (status) => {
   const s2 = status.toLowerCase();
   if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
   if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
@@ -1924,7 +1724,7 @@ const RefundDetailPage = () => {
               Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$3(paymentStatus)}`,
+                className: `uppercase ${getStatusBadgeClass$4(paymentStatus)}`,
                 children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
               }
             ) })
@@ -2001,11 +1801,11 @@ const RefundDetailPage = () => {
     ] }) : null
   ] }) });
 };
-const config$3 = defineRouteConfig({
+const config$4 = defineRouteConfig({
   label: "Refund details",
   icon: Receipt
 });
-const getStatusBadgeClass$2 = (status) => {
+const getStatusBadgeClass$3 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -2016,109 +1816,105 @@ const getStatusBadgeClass$2 = (status) => {
   if (statusLower === "rejected") {
     return "bg-ui-tag-red-bg text-ui-tag-red-text";
   }
+  if (statusLower === "received") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  }
+  if (statusLower === "refunded") {
+    return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  }
   if (statusLower === "completed") {
     return "bg-ui-tag-green-bg text-ui-tag-green-text";
   }
-  if (statusLower === "cancelled" || statusLower === "canceled") {
+  if (statusLower === "cancelled") {
     return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
   }
-  if (statusLower === "pending") {
-    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  }
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const SwapDetailPage = () => {
-  var _a, _b, _c;
+const ReturnDetailPage = () => {
+  var _a, _b;
   const navigate = useNavigate();
   const { id } = useParams();
-  const [swap, setSwap] = useState(null);
-  const [order, setOrder] = useState(null);
+  const [returnOrder, setReturnOrder] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  useState(false);
-  const [isCancelling, setIsCancelling] = useState(false);
+  const [isRejecting, setIsRejecting] = useState(false);
   const [error, setError] = useState(null);
   const [updateError, setUpdateError] = useState(null);
   const [updateSuccess, setUpdateSuccess] = useState(false);
   useEffect(() => {
     if (!id) {
-      navigate("/swaps");
+      navigate("/returns");
       return;
     }
-    const loadSwap = async () => {
+    const loadReturn = async () => {
       try {
         setIsLoading(true);
         setError(null);
-        const response = await fetch(`/admin/swaps/${id}`, {
+        const response = await fetch(`/admin/returns/${id}`, {
           credentials: "include"
         });
         if (!response.ok) {
           const message = await response.text();
-          throw new Error(message || "Unable to load swap");
+          throw new Error(message || "Unable to load return order");
         }
         const payload = await response.json();
-        setSwap(payload.swap);
-        setOrder(payload.order || null);
+        setReturnOrder(payload.return);
       } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load swap";
+        const message = loadError instanceof Error ? loadError.message : "Unable to load return order";
         setError(message);
       } finally {
         setIsLoading(false);
       }
     };
-    void loadSwap();
+    void loadReturn();
   }, [id, navigate]);
-  const handleCancelExchange = async () => {
+  const handleReject = async () => {
     if (!id) {
       return;
     }
     try {
-      setIsCancelling(true);
+      setIsRejecting(true);
       setUpdateError(null);
       setUpdateSuccess(false);
-      const response = await fetch(`/admin/swaps/${id}/cancel`, {
+      const response = await fetch(`/admin/returns/${id}/reject`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        credentials: "include"
+        credentials: "include",
+        body: JSON.stringify({ reason: "Rejected by admin" })
       });
       if (!response.ok) {
         const message = await response.text();
-        throw new Error(message || "Unable to cancel exchange");
+        throw new Error(message || "Unable to reject return");
       }
       const payload = await response.json();
-      setSwap(payload.swap);
+      setReturnOrder(payload.return);
       setUpdateSuccess(true);
       setTimeout(() => setUpdateSuccess(false), 3e3);
-      const detailResponse = await fetch(`/admin/swaps/${id}`, {
+      const detailResponse = await fetch(`/admin/returns/${id}`, {
         credentials: "include"
       });
       if (detailResponse.ok) {
         const detailPayload = await detailResponse.json();
-        setSwap(detailPayload.swap);
-        setOrder(detailPayload.order || null);
+        setReturnOrder(detailPayload.return);
       }
-    } catch (cancelErr) {
-      const message = cancelErr instanceof Error ? cancelErr.message : "Unable to cancel exchange";
+    } catch (updateErr) {
+      const message = updateErr instanceof Error ? updateErr.message : "Unable to reject return";
       setUpdateError(message);
     } finally {
-      setIsCancelling(false);
+      setIsRejecting(false);
     }
   };
-  const isOrderExchange = Boolean(swap == null ? void 0 : swap.exchange_id);
-  const canCancelExchange = isOrderExchange && swap && !["cancelled", "canceled", "completed", "declined"].includes(
-    ((_a = swap.status) == null ? void 0 : _a.toLowerCase()) ?? ""
-  );
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading swap..." }) }) }) });
+    return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading return order..." }) }) }) });
   }
-  if (error || !swap) {
+  if (error || !returnOrder) {
     return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Swap not found" }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Return order not found" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/returns"), children: "Back to list" }) })
     ] }) }) });
   }
-  const statusHistory = ((_b = swap.metadata) == null ? void 0 : _b.status_history) || [];
+  const statusHistory = ((_a = returnOrder.metadata) == null ? void 0 : _a.status_history) || [];
   return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxs(
@@ -2126,7 +1922,7 @@ const SwapDetailPage = () => {
         {
           variant: "transparent",
           size: "small",
-          onClick: () => navigate("/swaps"),
+          onClick: () => navigate("/returns"),
           className: "w-fit",
           children: [
             /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2" }),
@@ -2136,67 +1932,81 @@ const SwapDetailPage = () => {
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Exchange Details" }),
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
+          /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Return Order Details" }),
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: returnOrder.id })
         ] }),
         /* @__PURE__ */ jsx(
           Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass$2(swap.status)}`,
-            children: swap.status.replace(/_/g, " ")
+            className: `uppercase ${getStatusBadgeClass$3(returnOrder.status)}`,
+            children: returnOrder.status.replace(/_/g, " ")
           }
         )
       ] })
     ] }),
-    canCancelExchange && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    returnOrder.status === "requested" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsx(
         Button,
         {
           variant: "danger",
-          onClick: handleCancelExchange,
-          disabled: isCancelling,
-          isLoading: isCancelling,
-          children: "Cancel Exchange"
+          onClick: handleReject,
+          disabled: isRejecting,
+          isLoading: isRejecting,
+          children: "Reject (Cancel) Return"
         }
       ) }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "This will cancel the exchange request. The order will remain unchanged." })
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: 'Cancel this return request. Use "Mark as received" when items are received.' })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Information" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.id })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            onClick: () => {
+              window.open(
+                `/app/orders/${returnOrder.order_id}`,
+                "_blank"
+              );
+            },
+            children: "View order"
+          }
+        ) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Exchange Information" }),
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Details" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.id })
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.id })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.status })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.status })
           ] }),
-          swap.reason && /* @__PURE__ */ jsxs("div", { children: [
+          returnOrder.reason && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.reason })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.reason })
           ] }),
-          swap.note && /* @__PURE__ */ jsxs("div", { children: [
+          returnOrder.note && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.note })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.note })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(returnOrder.created_at).toLocaleString() })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
-          ] }),
-          swap.exchange_id && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.exchange_id })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(returnOrder.updated_at).toLocaleString() })
           ] })
         ] })
       ] }),
@@ -2211,7 +2021,7 @@ const SwapDetailPage = () => {
                 Badge,
                 {
                   size: "2xsmall",
-                  className: `uppercase ${getStatusBadgeClass$2(entry.status)}`,
+                  className: `uppercase ${getStatusBadgeClass$3(entry.status)}`,
                   children: entry.status.replace(/_/g, " ")
                 }
               ) }),
@@ -2226,31 +2036,31 @@ const SwapDetailPage = () => {
         )) }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
       ] })
     ] }),
-    order && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    returnOrder.order && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: order.id })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.order.id })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: order.status || "—" })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.order.status || "—" })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: ((_c = order.customer) == null ? void 0 : _c.email) || order.email || "—" })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: ((_b = returnOrder.order.customer) == null ? void 0 : _b.email) || returnOrder.order.email || "—" })
         ] }),
-        order.total && /* @__PURE__ */ jsxs("div", { children: [
+        returnOrder.order.total && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
           /* @__PURE__ */ jsxs(Text, { className: "font-medium", children: [
-            order.currency_code || "$",
-            (Number(order.total) / 100).toFixed(2)
+            returnOrder.order.currency_code || "$",
+            (Number(returnOrder.order.total) / 100).toFixed(2)
           ] })
         ] })
       ] })
     ] }),
-    swap.return_items && swap.return_items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    returnOrder.return_items && returnOrder.return_items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
       /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
         /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
@@ -2258,152 +2068,22 @@ const SwapDetailPage = () => {
           /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
           /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
         ] }) }),
-        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: returnOrder.return_items.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.reason || "—" })
         ] }, item.id || index)) })
       ] }) })
     ] }),
-    swap.new_items && swap.new_items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
-      /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-        /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Variant ID" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
-        ] }, item.variant_id || index)) })
-      ] }) })
-    ] })
-  ] }) });
-};
-const config$2 = defineRouteConfig({
-  label: "Swap Details",
-  icon: ArrowPath
-});
-const getStatusBadgeClass$1 = (status) => {
-  const s2 = status.toLowerCase();
-  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
-};
-const PaymentDetailPage = () => {
-  var _a;
-  const navigate = useNavigate();
-  const params = useParams();
-  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
-  const [detail, setDetail] = useState(null);
-  const [loading, setLoading] = useState(!!id);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    if (!id) {
-      setLoading(false);
-      return;
-    }
-    let cancelled = false;
-    setLoading(true);
-    setError(null);
-    fetch(`/admin/payment-transactions/${id}`, { credentials: "include" }).then((res) => {
-      if (!res.ok) throw new Error(res.statusText || "Failed to load");
-      return res.json();
-    }).then((data) => {
-      if (!cancelled) setDetail(data);
-    }).catch((e) => {
-      if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load");
-    }).finally(() => {
-      if (!cancelled) setLoading(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [id]);
-  const displayStatus = detail ? (detail.payment_id != null && detail.payment_status != null && detail.payment_status !== "" ? detail.payment_status : detail.session_status ?? "") || "—" : "";
-  const sessionStatusRaw = (detail == null ? void 0 : detail.session_status) ?? "—";
-  const paymentStatusRaw = (detail == null ? void 0 : detail.payment_id) != null ? (detail == null ? void 0 : detail.payment_status) ?? "—" : "—";
-  const displayAmount = detail ? `${(detail.currency_code ?? "USD").toUpperCase()} ${Number(detail.amount)}` : "";
-  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx(Button, { variant: "transparent", size: "small", onClick: () => navigate("/payments"), children: "← Payments" }),
-      /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Payment session" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: id ?? "—" })
-    ] }) }),
-    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/payments"), children: "Back to list" })
-    ] }) : loading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-ui-border-base p-6 flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Order ID" }),
-          /* @__PURE__ */ jsx("div", { className: "mt-1", children: detail.order_id ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "transparent",
-              size: "small",
-              onClick: () => navigate(`/orders/${detail.order_id}`),
-              children: detail.order_id
-            }
-          ) : /* @__PURE__ */ jsx(Text, { children: "—" }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: displayAmount })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.provider_id })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
-          /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(
-            Badge,
-            {
-              size: "2xsmall",
-              className: `uppercase ${getStatusBadgeClass$1(displayStatus)}`,
-              children: displayStatus !== "—" ? displayStatus.replace(/_/g, " ") : "—"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Session status (DB)" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: sessionStatusRaw })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Payment status (DB)" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: paymentStatusRaw })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Finalized" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.payment_id != null ? "Yes" : "No" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Created" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: new Date(detail.created_at).toLocaleDateString("en-US", {
-            year: "numeric",
-            month: "short",
-            day: "numeric",
-            hour: "numeric",
-            minute: "2-digit",
-            hour12: true
-          }) })
-        ] })
-      ] }) }),
-      Object.keys(detail.data ?? {}).length > 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Provider data" }),
-        /* @__PURE__ */ jsx("pre", { className: "text-xs bg-ui-bg-subtle p-4 rounded-lg overflow-auto max-h-96", children: JSON.stringify(detail.data, null, 2) })
-      ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-ui-border-base p-6", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "No provider data for this session." }) })
-    ] }) : null
+    updateError && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-ui-border-error bg-ui-bg-error-subtle p-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", children: updateError }) }),
+    updateSuccess && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-ui-border-success bg-ui-bg-success-subtle p-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-success", children: "Action completed successfully" }) })
   ] }) });
 };
-const config$1 = defineRouteConfig({
-  label: "Payment details",
-  icon: CreditCard
+const config$3 = defineRouteConfig({
+  label: "Return Order Details",
+  icon: CheckCircle
 });
-const getStatusBadgeClass = (status) => {
+const getStatusBadgeClass$2 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -2414,105 +2094,109 @@ const getStatusBadgeClass = (status) => {
   if (statusLower === "rejected") {
     return "bg-ui-tag-red-bg text-ui-tag-red-text";
   }
-  if (statusLower === "received") {
-    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  }
-  if (statusLower === "refunded") {
-    return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  }
   if (statusLower === "completed") {
     return "bg-ui-tag-green-bg text-ui-tag-green-text";
   }
-  if (statusLower === "cancelled") {
+  if (statusLower === "cancelled" || statusLower === "canceled") {
     return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
   }
+  if (statusLower === "pending") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  }
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const ReturnDetailPage = () => {
-  var _a, _b;
+const SwapDetailPage = () => {
+  var _a, _b, _c;
   const navigate = useNavigate();
   const { id } = useParams();
-  const [returnOrder, setReturnOrder] = useState(null);
+  const [swap, setSwap] = useState(null);
+  const [order, setOrder] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  const [isRejecting, setIsRejecting] = useState(false);
+  useState(false);
+  const [isCancelling, setIsCancelling] = useState(false);
   const [error, setError] = useState(null);
   const [updateError, setUpdateError] = useState(null);
   const [updateSuccess, setUpdateSuccess] = useState(false);
   useEffect(() => {
     if (!id) {
-      navigate("/returns");
+      navigate("/swaps");
       return;
     }
-    const loadReturn = async () => {
+    const loadSwap = async () => {
       try {
         setIsLoading(true);
         setError(null);
-        const response = await fetch(`/admin/returns/${id}`, {
+        const response = await fetch(`/admin/swaps/${id}`, {
           credentials: "include"
         });
         if (!response.ok) {
           const message = await response.text();
-          throw new Error(message || "Unable to load return order");
+          throw new Error(message || "Unable to load swap");
         }
         const payload = await response.json();
-        setReturnOrder(payload.return);
+        setSwap(payload.swap);
+        setOrder(payload.order || null);
       } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load return order";
+        const message = loadError instanceof Error ? loadError.message : "Unable to load swap";
         setError(message);
       } finally {
         setIsLoading(false);
       }
     };
-    void loadReturn();
+    void loadSwap();
   }, [id, navigate]);
-  const handleReject = async () => {
+  const handleCancelExchange = async () => {
     if (!id) {
       return;
     }
     try {
-      setIsRejecting(true);
+      setIsCancelling(true);
       setUpdateError(null);
       setUpdateSuccess(false);
-      const response = await fetch(`/admin/returns/${id}/reject`, {
+      const response = await fetch(`/admin/swaps/${id}/cancel`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        credentials: "include",
-        body: JSON.stringify({ reason: "Rejected by admin" })
+        credentials: "include"
       });
       if (!response.ok) {
         const message = await response.text();
-        throw new Error(message || "Unable to reject return");
+        throw new Error(message || "Unable to cancel exchange");
       }
       const payload = await response.json();
-      setReturnOrder(payload.return);
+      setSwap(payload.swap);
       setUpdateSuccess(true);
       setTimeout(() => setUpdateSuccess(false), 3e3);
-      const detailResponse = await fetch(`/admin/returns/${id}`, {
+      const detailResponse = await fetch(`/admin/swaps/${id}`, {
         credentials: "include"
       });
       if (detailResponse.ok) {
         const detailPayload = await detailResponse.json();
-        setReturnOrder(detailPayload.return);
+        setSwap(detailPayload.swap);
+        setOrder(detailPayload.order || null);
       }
-    } catch (updateErr) {
-      const message = updateErr instanceof Error ? updateErr.message : "Unable to reject return";
+    } catch (cancelErr) {
+      const message = cancelErr instanceof Error ? cancelErr.message : "Unable to cancel exchange";
       setUpdateError(message);
     } finally {
-      setIsRejecting(false);
+      setIsCancelling(false);
     }
   };
+  const isOrderExchange = Boolean(swap == null ? void 0 : swap.exchange_id);
+  const canCancelExchange = isOrderExchange && swap && !["cancelled", "canceled", "completed", "declined"].includes(
+    ((_a = swap.status) == null ? void 0 : _a.toLowerCase()) ?? ""
+  );
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading return order..." }) }) }) });
+    return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading swap..." }) }) }) });
   }
-  if (error || !returnOrder) {
+  if (error || !swap) {
     return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Return order not found" }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/returns"), children: "Back to list" }) })
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Swap not found" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
     ] }) }) });
   }
-  const statusHistory = ((_a = returnOrder.metadata) == null ? void 0 : _a.status_history) || [];
+  const statusHistory = ((_b = swap.metadata) == null ? void 0 : _b.status_history) || [];
   return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxs(
@@ -2520,7 +2204,7 @@ const ReturnDetailPage = () => {
         {
           variant: "transparent",
           size: "small",
-          onClick: () => navigate("/returns"),
+          onClick: () => navigate("/swaps"),
           className: "w-fit",
           children: [
             /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2" }),
@@ -2530,81 +2214,67 @@ const ReturnDetailPage = () => {
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Return Order Details" }),
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: returnOrder.id })
+          /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Exchange Details" }),
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
         ] }),
         /* @__PURE__ */ jsx(
           Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass(returnOrder.status)}`,
-            children: returnOrder.status.replace(/_/g, " ")
+            className: `uppercase ${getStatusBadgeClass$2(swap.status)}`,
+            children: swap.status.replace(/_/g, " ")
           }
         )
       ] })
     ] }),
-    returnOrder.status === "requested" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    canCancelExchange && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsx(
         Button,
         {
           variant: "danger",
-          onClick: handleReject,
-          disabled: isRejecting,
-          isLoading: isRejecting,
-          children: "Reject (Cancel) Return"
+          onClick: handleCancelExchange,
+          disabled: isCancelling,
+          isLoading: isCancelling,
+          children: "Cancel Exchange"
         }
       ) }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: 'Cancel this return request. Use "Mark as received" when items are received.' })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Information" }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.id })
-        ] }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            onClick: () => {
-              window.open(
-                `/app/orders/${returnOrder.order_id}`,
-                "_blank"
-              );
-            },
-            children: "View order"
-          }
-        ) })
-      ] })
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "This will cancel the exchange request. The order will remain unchanged." })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Details" }),
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Exchange Information" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.id })
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.id })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.status })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.status })
           ] }),
-          returnOrder.reason && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
+          ] }),
+          swap.reason && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.reason })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.reason })
           ] }),
-          returnOrder.note && /* @__PURE__ */ jsxs("div", { children: [
+          swap.note && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.note })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.note })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(returnOrder.created_at).toLocaleString() })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
-            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(returnOrder.updated_at).toLocaleString() })
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
+          ] }),
+          swap.exchange_id && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.exchange_id })
           ] })
         ] })
       ] }),
@@ -2619,7 +2289,7 @@ const ReturnDetailPage = () => {
                 Badge,
                 {
                   size: "2xsmall",
-                  className: `uppercase ${getStatusBadgeClass(entry.status)}`,
+                  className: `uppercase ${getStatusBadgeClass$2(entry.status)}`,
                   children: entry.status.replace(/_/g, " ")
                 }
               ) }),
@@ -2634,31 +2304,31 @@ const ReturnDetailPage = () => {
         )) }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
       ] })
     ] }),
-    returnOrder.order && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    order && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.order.id })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: order.id })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.order.status || "—" })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: order.status || "—" })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: ((_b = returnOrder.order.customer) == null ? void 0 : _b.email) || returnOrder.order.email || "—" })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: ((_c = order.customer) == null ? void 0 : _c.email) || order.email || "—" })
         ] }),
-        returnOrder.order.total && /* @__PURE__ */ jsxs("div", { children: [
+        order.total && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
           /* @__PURE__ */ jsxs(Text, { className: "font-medium", children: [
-            returnOrder.order.currency_code || "$",
-            (Number(returnOrder.order.total) / 100).toFixed(2)
+            order.currency_code || "$",
+            (Number(order.total) / 100).toFixed(2)
           ] })
         ] })
       ] })
     ] }),
-    returnOrder.return_items && returnOrder.return_items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    swap.return_items && swap.return_items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
       /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
         /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
@@ -2666,117 +2336,447 @@ const ReturnDetailPage = () => {
           /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
           /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
         ] }) }),
-        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: returnOrder.return_items.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.reason || "—" })
         ] }, item.id || index)) })
       ] }) })
     ] }),
-    updateError && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-ui-border-error bg-ui-bg-error-subtle p-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", children: updateError }) }),
-    updateSuccess && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-ui-border-success bg-ui-bg-success-subtle p-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-success", children: "Action completed successfully" }) })
+    swap.new_items && swap.new_items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
+      /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+        /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Variant ID" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
+        ] }, item.variant_id || index)) })
+      ] }) })
+    ] })
   ] }) });
 };
-const config = defineRouteConfig({
-  label: "Return Order Details",
-  icon: CheckCircle
+const config$2 = defineRouteConfig({
+  label: "Swap Details",
+  icon: ArrowPath
 });
-const i18nTranslations0 = {};
-const widgetModule = { widgets: [
-  {
-    Component: OrderGiftItemsWidget,
-    zone: ["order.details.side.after"]
-  },
-  {
-    Component: OrderRefundContextWidget,
-    zone: ["order.details.after"]
-  }
-] };
-const routeModule = {
-  routes: [
-    {
-      Component: RefundsPage,
-      path: "/refunds"
-    },
-    {
-      Component: ReturnsPage,
-      path: "/returns"
-    },
-    {
-      Component: PaymentsPage,
-      path: "/payments"
-    },
-    {
-      Component: SwapsPage,
-      path: "/swaps"
-    },
-    {
-      Component: RefundDetailPage,
-      path: "/refunds/:id"
-    },
-    {
-      Component: SwapDetailPage,
-      path: "/swaps/:id"
-    },
-    {
-      Component: PaymentDetailPage,
-      path: "/payments/:id"
-    },
-    {
-      Component: ReturnDetailPage,
-      path: "/returns/:id"
-    }
-  ]
+const useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
 };
-const menuItemModule = {
-  menuItems: [
-    {
-      label: config$5.label,
-      icon: config$5.icon,
-      path: "/payments",
-      nested: void 0
-    },
-    {
-      label: config$6.label,
-      icon: config$6.icon,
-      path: "/returns",
-      nested: void 0
-    },
-    {
-      label: config$7.label,
-      icon: config$7.icon,
-      path: "/refunds",
-      nested: void 0
+const getStatusBadgeClass$1 = (status) => {
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const PaymentsPage = () => {
+  const navigate = useNavigate();
+  const [items, setItems] = useState([]);
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [orderIdSearch, setOrderIdSearch] = useState("");
+  const debouncedOrderId = useDebounce(orderIdSearch, 300);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetchingMore, setIsFetchingMore] = useState(false);
+  const [error, setError] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const [count, setCount] = useState(0);
+  const limit = 50;
+  const loadTransactions = useCallback(
+    async (nextOffset, replace) => {
+      try {
+        if (replace) setIsLoading(true);
+        else setIsFetchingMore(true);
+        setError(null);
+        const params = new URLSearchParams();
+        params.set("limit", String(limit));
+        params.set("offset", String(nextOffset));
+        if (statusFilter !== "all") params.set("status", statusFilter);
+        if (debouncedOrderId.trim()) params.set("order_id", debouncedOrderId.trim());
+        const response = await fetch(
+          `/admin/payment-transactions?${params.toString()}`,
+          { credentials: "include" }
+        );
+        if (!response.ok) {
+          const text = await response.text();
+          throw new Error(text || "Failed to load payment transactions");
+        }
+        const payload = await response.json();
+        const list = payload.transactions ?? [];
+        setCount(payload.count ?? 0);
+        setOffset(nextOffset + list.length);
+        setItems((prev) => replace ? list : [...prev, ...list]);
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Failed to load");
+      } finally {
+        setIsLoading(false);
+        setIsFetchingMore(false);
+      }
+    },
+    [statusFilter, debouncedOrderId]
+  );
+  useEffect(() => {
+    void loadTransactions(0, true);
+  }, [loadTransactions]);
+  const hasMore = useMemo(() => offset < count, [offset, count]);
+  const displayStatus = (t) => {
+    const s2 = t.payment_id != null && t.payment_status != null && t.payment_status !== "" ? t.payment_status : t.session_status ?? "";
+    return s2 !== "" ? s2 : "—";
+  };
+  const displayAmount = (t) => {
+    const code = (t.currency_code ?? "USD").toUpperCase();
+    return `${code} ${Number(t.amount)}`;
+  };
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Payments" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "All payment attempts — completed, pending, failed, requires action" })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadTransactions(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search by Order ID",
+          value: orderIdSearch,
+          onChange: (e) => setOrderIdSearch(e.target.value),
+          className: "md:max-w-sm",
+          "aria-label": "Search by order ID"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: statusFilter,
+          onChange: (e) => setStatusFilter(e.target.value),
+          className: "h-9 rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive md:max-w-xs",
+          "aria-label": "Filter by status",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "all", children: "All statuses" }),
+            /* @__PURE__ */ jsx("option", { value: "pending", children: "Pending" }),
+            /* @__PURE__ */ jsx("option", { value: "requires_more", children: "Requires more" }),
+            /* @__PURE__ */ jsx("option", { value: "error", children: "Error" }),
+            /* @__PURE__ */ jsx("option", { value: "canceled", children: "Canceled" }),
+            /* @__PURE__ */ jsx("option", { value: "authorized", children: "Authorized" }),
+            /* @__PURE__ */ jsx("option", { value: "captured", children: "Captured" })
+          ]
+        }
+      ) })
+    ] }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => loadTransactions(0, true), children: "Try again" }) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading payments…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No payment transactions yet" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Payment attempts will appear here." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Amount" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Provider" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Finalized" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((t) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/payments/${t.payment_session_id}`),
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: t.order_id ?? "—" }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: displayAmount(t) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.provider_id }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$1(displayStatus(t))}`,
+                children: displayStatus(t) !== "—" ? displayStatus(t).replace(/_/g, " ") : "—"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.payment_id != null ? "Yes" : "No" }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(t.created_at).toLocaleDateString("en-US", {
+              year: "numeric",
+              month: "short",
+              day: "numeric",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) }),
+            /* @__PURE__ */ jsxs("td", { className: "px-4 py-4", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/payments/${t.payment_session_id}`);
+                  },
+                  children: "View details"
+                }
+              ),
+              t.order_id ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/orders/${t.order_id}`);
+                  },
+                  children: "Order"
+                }
+              ) : null
+            ] })
+          ]
+        },
+        t.payment_session_id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadTransactions(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$1 = defineRouteConfig({
+  label: "Payments",
+  icon: CreditCard
+});
+const getStatusBadgeClass = (status) => {
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const PaymentDetailPage = () => {
+  var _a;
+  const navigate = useNavigate();
+  const params = useParams();
+  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
+  const [detail, setDetail] = useState(null);
+  const [loading, setLoading] = useState(!!id);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!id) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    fetch(`/admin/payment-transactions/${id}`, { credentials: "include" }).then((res) => {
+      if (!res.ok) throw new Error(res.statusText || "Failed to load");
+      return res.json();
+    }).then((data) => {
+      if (!cancelled) setDetail(data);
+    }).catch((e) => {
+      if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load");
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [id]);
+  const displayStatus = detail ? (detail.payment_id != null && detail.payment_status != null && detail.payment_status !== "" ? detail.payment_status : detail.session_status ?? "") || "—" : "";
+  const sessionStatusRaw = (detail == null ? void 0 : detail.session_status) ?? "—";
+  const paymentStatusRaw = (detail == null ? void 0 : detail.payment_id) != null ? (detail == null ? void 0 : detail.payment_status) ?? "—" : "—";
+  const displayAmount = detail ? `${(detail.currency_code ?? "USD").toUpperCase()} ${Number(detail.amount)}` : "";
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "transparent", size: "small", onClick: () => navigate("/payments"), children: "← Payments" }),
+      /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Payment session" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: id ?? "—" })
+    ] }) }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/payments"), children: "Back to list" })
+    ] }) : loading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-ui-border-base p-6 flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Order ID" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1", children: detail.order_id ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "transparent",
+              size: "small",
+              onClick: () => navigate(`/orders/${detail.order_id}`),
+              children: detail.order_id
+            }
+          ) : /* @__PURE__ */ jsx(Text, { children: "—" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: displayAmount })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.provider_id })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "2xsmall",
+              className: `uppercase ${getStatusBadgeClass(displayStatus)}`,
+              children: displayStatus !== "—" ? displayStatus.replace(/_/g, " ") : "—"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Session status (DB)" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: sessionStatusRaw })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Payment status (DB)" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: paymentStatusRaw })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Finalized" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.payment_id != null ? "Yes" : "No" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Created" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: new Date(detail.created_at).toLocaleDateString("en-US", {
+            year: "numeric",
+            month: "short",
+            day: "numeric",
+            hour: "numeric",
+            minute: "2-digit",
+            hour12: true
+          }) })
+        ] })
+      ] }) }),
+      Object.keys(detail.data ?? {}).length > 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Provider data" }),
+        /* @__PURE__ */ jsx("pre", { className: "text-xs bg-ui-bg-subtle p-4 rounded-lg overflow-auto max-h-96", children: JSON.stringify(detail.data, null, 2) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-ui-border-base p-6", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "No provider data for this session." }) })
+    ] }) : null
+  ] }) });
+};
+const config = defineRouteConfig({
+  label: "Payment details",
+  icon: CreditCard
+});
+const i18nTranslations0 = {};
+const widgetModule = { widgets: [
+  {
+    Component: OrderGiftItemsWidget,
+    zone: ["order.details.side.after"]
+  },
+  {
+    Component: OrderRefundContextWidget,
+    zone: ["order.details.after"]
+  }
+] };
+const routeModule = {
+  routes: [
+    {
+      Component: RefundsPage,
+      path: "/refunds"
     },
     {
-      label: config$4.label,
-      icon: config$4.icon,
-      path: "/swaps",
-      nested: void 0
+      Component: ReturnsPage,
+      path: "/returns"
     },
     {
-      label: config.label,
-      icon: config.icon,
-      path: "/returns/:id",
+      Component: SwapsPage,
+      path: "/swaps"
+    },
+    {
+      Component: RefundDetailPage,
+      path: "/refunds/:id"
+    },
+    {
+      Component: ReturnDetailPage,
+      path: "/returns/:id"
+    },
+    {
+      Component: SwapDetailPage,
+      path: "/swaps/:id"
+    },
+    {
+      Component: PaymentsPage,
+      path: "/payments"
+    },
+    {
+      Component: PaymentDetailPage,
+      path: "/payments/:id"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config$6.label,
+      icon: config$6.icon,
+      path: "/returns",
       nested: void 0
     },
     {
       label: config$1.label,
       icon: config$1.icon,
-      path: "/payments/:id",
+      path: "/payments",
       nested: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
-      path: "/swaps/:id",
+      label: config$7.label,
+      icon: config$7.icon,
+      path: "/refunds",
+      nested: void 0
+    },
+    {
+      label: config$5.label,
+      icon: config$5.icon,
+      path: "/swaps",
       nested: void 0
     },
     {
       label: config$3.label,
       icon: config$3.icon,
+      path: "/returns/:id",
+      nested: void 0
+    },
+    {
+      label: config$4.label,
+      icon: config$4.icon,
       path: "/refunds/:id",
       nested: void 0
+    },
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/payments/:id",
+      nested: void 0
+    },
+    {
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/swaps/:id",
+      nested: void 0
     }
   ]
 };