order-management 0.0.61 → 0.0.62

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

@@ -470,13 +470,28 @@ const OrderGiftItemsWidget = ({ data }) => {
 adminSdk.defineWidgetConfig({
   zone: "order.details.side.after"
 });
+const FIELD_LABELS = {
+  // UPI
+  upi_id: "UPI ID",
+  // Bank
+  account_holder_name: "Account Holder",
+  bank_name: "Bank Name",
+  account_number: "Account Number",
+  ifsc: "IFSC Code",
+  branch_name: "Branch Name",
+  // Card
+  card_holder_name: "Card Holder",
+  card_number: "Card Number",
+  expiry_date: "Expiry Date",
+  cvv: "CVV"
+};
 function getOrderIdFromPath() {
   if (typeof window === "undefined") return void 0;
   const m = window.location.pathname.match(/\/orders\/([^/]+)/);
   return m ? m[1] : void 0;
 }
 const OrderRefundContextWidget = (props) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   const orderId = ((_a = props.order) == null ? void 0 : _a.id) ?? ((_c = (_b = props.data) == null ? void 0 : _b.order) == null ? void 0 : _c.id) ?? getOrderIdFromPath();
   const [context, setContext] = react.useState(null);
   const [loading, setLoading] = react.useState(!!orderId);
@@ -643,19 +658,22 @@ const OrderRefundContextWidget = (props) => {
         /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: context.return_id }),
         ((_d = context.refund_mapping) == null ? void 0 : _d.is_refunded) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "green", children: "Refunded" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "Not refunded" })
       ] }),
-      paymentDetail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-1 border-t border-ui-border-base pt-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Payment method (refund destination)" }),
+      paymentDetail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-2 border-t border-ui-border-base pt-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Payment method (refund destination)" }),
+          paymentDetail.source === "specified" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "green", children: "Customer specified" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "Customer default" })
+        ] }),
+        paymentDetail.source === "default" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "The customer did not specify a payment method for this return. Showing their default payment method." }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: paymentDetail.type }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: paymentDetail.type.toUpperCase() }),
           paymentDetail.is_default && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "blue", children: "Default" })
         ] }),
-        Object.keys(paymentDetail.detail_json).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap gap-x-4 gap-y-1 text-ui-fg-subtle", children: Object.entries(paymentDetail.detail_json).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs", children: [
-          k,
-          ": ",
-          String(v)
+        Object.keys(paymentDetail.detail_json).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 grid grid-cols-2 gap-x-6 gap-y-2", children: Object.entries(paymentDetail.detail_json).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-muted", children: FIELD_LABELS[k] ?? k }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "block", children: String(v) })
         ] }, k)) })
       ] }),
-      !paymentDetail && ((_e = context.refund_mapping) == null ? void 0 : _e.payment_id) && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-muted", children: "Payment detail not found or not accessible." }),
+      !paymentDetail && context.return_id && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "No payment method found for this customer." }) }),
       (context == null ? void 0 : context.refund_mapping) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-3 border-t border-ui-border-base pt-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Refund mode, details & images" }),
@@ -798,7 +816,7 @@ const OrderRefundContextWidget = (props) => {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-muted", children: "Images" }),
-            ((_f = context.refund_mapping.images) == null ? void 0 : _f.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: context.refund_mapping.images.map((url, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+            ((_e = context.refund_mapping.images) == null ? void 0 : _e.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: context.refund_mapping.images.map((url, i) => /* @__PURE__ */ jsxRuntime.jsxs(
               "a",
               {
                 href: url,
@@ -1044,238 +1062,6 @@ const useDebounce$2 = (value, delay) => {
   return debouncedValue;
 };
 const getStatusBadgeClass$6 = (status) => {
-  const statusLower = status.toLowerCase();
-  if (statusLower === "requested") {
-    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  }
-  if (statusLower === "received") {
-    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  }
-  if (statusLower === "requires_action") {
-    return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  }
-  if (statusLower === "completed") {
-    return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  }
-  if (statusLower === "canceled") {
-    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
-  }
-  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
-};
-const ReturnsPage = () => {
-  const navigate = reactRouterDom.useNavigate();
-  const [items, setItems] = react.useState([]);
-  const [statusFilter, setStatusFilter] = react.useState("all");
-  const [createdByFilter, setCreatedByFilter] = react.useState("all");
-  const [searchQuery, setSearchQuery] = react.useState("");
-  const debouncedSearchQuery = useDebounce$2(searchQuery, 300);
-  const [isLoading, setIsLoading] = react.useState(true);
-  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [offset, setOffset] = react.useState(0);
-  const [count, setCount] = react.useState(0);
-  const limit = 50;
-  const loadReturns = react.useCallback(
-    async (nextOffset, replace = false) => {
-      var _a;
-      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 (debouncedSearchQuery.trim()) {
-          params.set("q", debouncedSearchQuery.trim());
-        }
-        if (createdByFilter !== "all") {
-          params.set("created_by", createdByFilter);
-        }
-        params.set("order", "created_at");
-        const response = await fetch(
-          `/admin/return?${params.toString()}`,
-          { credentials: "include" }
-        );
-        if (!response.ok) {
-          const message = await response.text();
-          throw new Error(message || "Unable to load return orders");
-        }
-        const payload = await response.json();
-        setCount(payload.count ?? 0);
-        setOffset(nextOffset + (((_a = payload.returns) == null ? void 0 : _a.length) ?? 0));
-        setItems(
-          (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
-        );
-      } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load return orders";
-        setError(message);
-      } finally {
-        setIsLoading(false);
-        setIsFetchingMore(false);
-      }
-    },
-    [statusFilter, createdByFilter, debouncedSearchQuery]
-  );
-  react.useEffect(() => {
-    void loadReturns(0, true);
-  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadReturns]);
-  const hasMore = react.useMemo(() => offset < count, [offset, count]);
-  const availableStatuses = react.useMemo(() => {
-    const statuses = /* @__PURE__ */ new Set();
-    items.forEach((item) => statuses.add(item.status));
-    return Array.from(statuses).sort();
-  }, [items]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Return Orders" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer return orders" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadReturns(0, true), children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          placeholder: "Search by return ID, order ID, or customer email",
-          value: searchQuery,
-          onChange: (event) => setSearchQuery(event.target.value),
-          className: "md:max-w-sm"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "select",
-          {
-            value: createdByFilter,
-            onChange: (event) => setCreatedByFilter(event.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",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All (Created by)" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "customer", children: "Customer" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "admin", children: "Admin" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "select",
-          {
-            value: statusFilter,
-            onChange: (event) => setStatusFilter(event.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",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All Statuses" }),
-              availableStatuses.map((status) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
-            ]
-          }
-        )
-      ] })
-    ] }),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          variant: "secondary",
-          onClick: () => loadReturns(0, true),
-          children: "Try again"
-        }
-      ) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return orders..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No return orders yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Return orders created by customers will appear here." })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Return ID" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Customer" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund Amount" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((returnOrder) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "tr",
-        {
-          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/returns/${returnOrder.id}`),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: returnOrder.id }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.order_id }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.customer_email || returnOrder.order_email || "—" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$6(returnOrder.status)}`,
-                children: returnOrder.status.replace(/_/g, " ")
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
-              const amount = returnOrder.refund_amount;
-              if (amount == null || amount === void 0) {
-                return "—";
-              }
-              const displayAmount = Number(amount) / 100;
-              const currency = returnOrder.currency_code || "$";
-              return `${currency}${displayAmount.toFixed(2)}`;
-            })() }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(returnOrder.created_at).toLocaleDateString("en-US", {
-              year: "numeric",
-              month: "short",
-              day: "numeric",
-              hour: "numeric",
-              minute: "2-digit",
-              hour12: true
-            }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  navigate(`/app/orders/${returnOrder.order_id}`);
-                },
-                children: "Go to order"
-              }
-            ) })
-          ]
-        },
-        returnOrder.id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        variant: "secondary",
-        isLoading: isFetchingMore,
-        onClick: () => loadReturns(offset, false),
-        children: "Load more"
-      }
-    ) }) : null
-  ] }) });
-};
-const config$6 = adminSdk.defineRouteConfig({
-  label: "Return Orders",
-  icon: icons.ArrowPath
-});
-const useDebounce$1 = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = react.useState(value);
-  react.useEffect(() => {
-    const handler = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(handler);
-  }, [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";
@@ -1287,12 +1073,12 @@ const RefundsPage = () => {
   const navigate = reactRouterDom.useNavigate();
   const [items, setItems] = react.useState([]);
   const [orderIdSearch, setOrderIdSearch] = react.useState("");
-  const debouncedOrderId = useDebounce$1(orderIdSearch, 300);
+  const debouncedOrderId = useDebounce$2(orderIdSearch, 300);
   const [paymentStatusFilter, setPaymentStatusFilter] = react.useState("all");
   const [providerSearch, setProviderSearch] = react.useState("");
-  const debouncedProvider = useDebounce$1(providerSearch, 300);
+  const debouncedProvider = useDebounce$2(providerSearch, 300);
   const [currencySearch, setCurrencySearch] = react.useState("");
-  const debouncedCurrency = useDebounce$1(currencySearch, 300);
+  const debouncedCurrency = useDebounce$2(currencySearch, 300);
   const [dateFrom, setDateFrom] = react.useState("");
   const [dateTo, setDateTo] = react.useState("");
   const [amountMin, setAmountMin] = react.useState("");
@@ -1504,7 +1290,7 @@ const RefundsPage = () => {
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$5(displayStatus(r))}`,
+                className: `uppercase ${getStatusBadgeClass$6(displayStatus(r))}`,
                 children: displayStatus(r) !== "—" ? displayStatus(r).replace(/_/g, " ") : "—"
               }
             ) }),
@@ -1558,11 +1344,11 @@ const RefundsPage = () => {
     ) }) : null
   ] }) });
 };
-const config$5 = adminSdk.defineRouteConfig({
+const config$6 = adminSdk.defineRouteConfig({
   label: "Refunds",
   icon: icons.Receipt
 });
-const useDebounce = (value, delay) => {
+const useDebounce$1 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = react.useState(value);
   react.useEffect(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
@@ -1570,39 +1356,39 @@ const useDebounce = (value, delay) => {
   }, [value, delay]);
   return debouncedValue;
 };
-const getStatusBadgeClass$4 = (status) => {
+const getStatusBadgeClass$5 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   }
-  if (statusLower === "approved") {
+  if (statusLower === "received") {
     return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
   }
-  if (statusLower === "rejected") {
+  if (statusLower === "requires_action") {
     return "bg-ui-tag-red-bg text-ui-tag-red-text";
   }
   if (statusLower === "completed") {
     return "bg-ui-tag-green-bg text-ui-tag-green-text";
   }
-  if (statusLower === "cancelled") {
+  if (statusLower === "canceled") {
     return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
   }
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const SwapsPage = () => {
+const ReturnsPage = () => {
   const navigate = reactRouterDom.useNavigate();
   const [items, setItems] = react.useState([]);
   const [statusFilter, setStatusFilter] = react.useState("all");
   const [createdByFilter, setCreatedByFilter] = react.useState("all");
   const [searchQuery, setSearchQuery] = react.useState("");
-  const debouncedSearchQuery = useDebounce(searchQuery, 300);
+  const debouncedSearchQuery = useDebounce$1(searchQuery, 300);
   const [isLoading, setIsLoading] = react.useState(true);
   const [isFetchingMore, setIsFetchingMore] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [offset, setOffset] = react.useState(0);
   const [count, setCount] = react.useState(0);
   const limit = 50;
-  const loadSwaps = react.useCallback(
+  const loadReturns = react.useCallback(
     async (nextOffset, replace = false) => {
       var _a;
       try {
@@ -1619,18 +1405,250 @@ const SwapsPage = () => {
           params.set("status", statusFilter);
         }
         if (debouncedSearchQuery.trim()) {
-          params.set("order_id", debouncedSearchQuery.trim());
+          params.set("q", debouncedSearchQuery.trim());
         }
         if (createdByFilter !== "all") {
           params.set("created_by", createdByFilter);
         }
+        params.set("order", "created_at");
         const response = await fetch(
-          `/admin/swaps?${params.toString()}`,
+          `/admin/return?${params.toString()}`,
           { credentials: "include" }
         );
         if (!response.ok) {
           const message = await response.text();
-          throw new Error(message || "Unable to load swaps");
+          throw new Error(message || "Unable to load return orders");
+        }
+        const payload = await response.json();
+        setCount(payload.count ?? 0);
+        setOffset(nextOffset + (((_a = payload.returns) == null ? void 0 : _a.length) ?? 0));
+        setItems(
+          (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
+        );
+      } catch (loadError) {
+        const message = loadError instanceof Error ? loadError.message : "Unable to load return orders";
+        setError(message);
+      } finally {
+        setIsLoading(false);
+        setIsFetchingMore(false);
+      }
+    },
+    [statusFilter, createdByFilter, debouncedSearchQuery]
+  );
+  react.useEffect(() => {
+    void loadReturns(0, true);
+  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadReturns]);
+  const hasMore = react.useMemo(() => offset < count, [offset, count]);
+  const availableStatuses = react.useMemo(() => {
+    const statuses = /* @__PURE__ */ new Set();
+    items.forEach((item) => statuses.add(item.status));
+    return Array.from(statuses).sort();
+  }, [items]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Return Orders" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer return orders" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadReturns(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          placeholder: "Search by return ID, order ID, or customer email",
+          value: searchQuery,
+          onChange: (event) => setSearchQuery(event.target.value),
+          className: "md:max-w-sm"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: createdByFilter,
+            onChange: (event) => setCreatedByFilter(event.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",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All (Created by)" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "customer", children: "Customer" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "admin", children: "Admin" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: statusFilter,
+            onChange: (event) => setStatusFilter(event.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",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All Statuses" }),
+              availableStatuses.map((status) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
+            ]
+          }
+        )
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "secondary",
+          onClick: () => loadReturns(0, true),
+          children: "Try again"
+        }
+      ) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return orders..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No return orders yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Return orders created by customers will appear here." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Return ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Customer" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund Amount" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((returnOrder) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/returns/${returnOrder.id}`),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: returnOrder.id }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.order_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.customer_email || returnOrder.order_email || "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$5(returnOrder.status)}`,
+                children: returnOrder.status.replace(/_/g, " ")
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
+              const amount = returnOrder.refund_amount;
+              if (amount == null || amount === void 0) {
+                return "—";
+              }
+              const displayAmount = Number(amount) / 100;
+              const currency = returnOrder.currency_code || "$";
+              return `${currency}${displayAmount.toFixed(2)}`;
+            })() }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(returnOrder.created_at).toLocaleDateString("en-US", {
+              year: "numeric",
+              month: "short",
+              day: "numeric",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  navigate(`/app/orders/${returnOrder.order_id}`);
+                },
+                children: "Go to order"
+              }
+            ) })
+          ]
+        },
+        returnOrder.id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadReturns(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$5 = adminSdk.defineRouteConfig({
+  label: "Return Orders",
+  icon: icons.ArrowPath
+});
+const useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = react.useState(value);
+  react.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";
+  }
+  if (statusLower === "approved") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  }
+  if (statusLower === "rejected") {
+    return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  }
+  if (statusLower === "completed") {
+    return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  }
+  if (statusLower === "cancelled") {
+    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
+  }
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const SwapsPage = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const [items, setItems] = react.useState([]);
+  const [statusFilter, setStatusFilter] = react.useState("all");
+  const [createdByFilter, setCreatedByFilter] = react.useState("all");
+  const [searchQuery, setSearchQuery] = react.useState("");
+  const debouncedSearchQuery = useDebounce(searchQuery, 300);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [offset, setOffset] = react.useState(0);
+  const [count, setCount] = react.useState(0);
+  const limit = 50;
+  const loadSwaps = react.useCallback(
+    async (nextOffset, replace = false) => {
+      var _a;
+      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 (debouncedSearchQuery.trim()) {
+          params.set("order_id", debouncedSearchQuery.trim());
+        }
+        if (createdByFilter !== "all") {
+          params.set("created_by", createdByFilter);
+        }
+        const response = await fetch(
+          `/admin/swaps?${params.toString()}`,
+          { credentials: "include" }
+        );
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "Unable to load swaps");
         }
         const payload = await response.json();
         setCount(payload.count ?? 0);
@@ -1907,11 +1925,203 @@ const PaymentDetailPage = () => {
     ] }) : null
   ] }) });
 };
-const config$3 = adminSdk.defineRouteConfig({
-  label: "Payment details",
-  icon: icons.CreditCard
+const config$3 = adminSdk.defineRouteConfig({
+  label: "Payment details",
+  icon: icons.CreditCard
+});
+const getStatusBadgeClass$2 = (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 formatAmount = (value) => {
+  return String(value);
+};
+const RefundDetailPage = () => {
+  var _a, _b, _c;
+  const navigate = reactRouterDom.useNavigate();
+  const params = reactRouterDom.useParams();
+  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
+  const [detail, setDetail] = react.useState(null);
+  const [loading, setLoading] = react.useState(!!id);
+  const [error, setError] = react.useState(null);
+  const [gatewayExpanded, setGatewayExpanded] = react.useState(false);
+  react.useEffect(() => {
+    if (!id) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    fetch(`/admin/refunds/${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 paymentStatus = ((_b = detail == null ? void 0 : detail.payment) == null ? void 0 : _b.status) ?? "—";
+  const hasGatewayData = ((_c = detail == null ? void 0 : detail.payment) == null ? void 0 : _c.payment_data) && typeof detail.payment.payment_data === "object" && Object.keys(detail.payment.payment_data).length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => navigate("/refunds"), children: "← Refunds" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Refund details" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle font-mono", children: id ?? "—" })
+    ] }) }),
+    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/refunds"), children: "Back to list" })
+    ] }) : loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Refund summary" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refund ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.id })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.refund.amount) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Note" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.refund.note ?? "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created at" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: new Date(detail.refund.created_at).toLocaleDateString("en-US", {
+              year: "numeric",
+              month: "short",
+              day: "numeric",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) })
+          ] }),
+          detail.refund.created_by ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created by" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.created_by })
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Payment summary" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Payment amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.payment_amount) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Captured amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.captured_amount) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refunded amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.refunded_amount) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.payment.provider_id || "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$2(paymentStatus)}`,
+                children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
+              }
+            ) })
+          ] }),
+          detail.computed ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Full refund" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.computed.is_full_refund ? "Yes" : "No" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Remaining refundable" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.computed.remaining_refundable_amount) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refund %" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "mt-1 block", children: [
+                detail.computed.refund_percentage.toFixed(1),
+                "%"
+              ] })
+            ] })
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Order summary" }),
+        detail.order ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Order" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: () => navigate(`/orders/${detail.order.order_id}`),
+                children: detail.order.order_number ?? detail.order.order_id
+              }
+            ) })
+          ] }),
+          detail.order.total != null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Total" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.order.total) })
+          ] }) : null,
+          detail.order.customer_id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Customer ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.order.customer_id })
+          ] }) : null,
+          detail.order.region ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Region" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.order.region })
+          ] }) : null,
+          detail.order.fulfillment_status ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Fulfillment status" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.order.fulfillment_status })
+          ] }) : null
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No order linked to this refund." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "flex w-full items-center justify-between text-left",
+            onClick: () => setGatewayExpanded((prev) => !prev),
+            "aria-expanded": gatewayExpanded,
+            "aria-label": gatewayExpanded ? "Collapse gateway data" : "Expand gateway data",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg", children: "Gateway data" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: gatewayExpanded ? "Collapse" : "Expand" })
+            ]
+          }
+        ),
+        gatewayExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: hasGatewayData ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-xs bg-ui-bg-subtle p-4 rounded-lg overflow-auto max-h-96", children: JSON.stringify(detail.payment.payment_data, null, 2) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No gateway payload for this payment." }) })
+      ] })
+    ] }) : null
+  ] }) });
+};
+const config$2 = adminSdk.defineRouteConfig({
+  label: "Refund details",
+  icon: icons.Receipt
 });
-const getStatusBadgeClass$2 = (status) => {
+const getStatusBadgeClass$1 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -2045,7 +2255,7 @@ const ReturnDetailPage = () => {
           ui.Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass$2(returnOrder.status)}`,
+            className: `uppercase ${getStatusBadgeClass$1(returnOrder.status)}`,
             children: returnOrder.status.replace(/_/g, " ")
           }
         )
@@ -2127,7 +2337,7 @@ const ReturnDetailPage = () => {
                 ui.Badge,
                 {
                   size: "2xsmall",
-                  className: `uppercase ${getStatusBadgeClass$2(entry.status)}`,
+                  className: `uppercase ${getStatusBadgeClass$1(entry.status)}`,
                   children: entry.status.replace(/_/g, " ")
                 }
               ) }),
@@ -2185,202 +2395,10 @@ const ReturnDetailPage = () => {
     updateSuccess && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-ui-border-success bg-ui-bg-success-subtle p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-success", children: "Action completed successfully" }) })
   ] }) });
 };
-const config$2 = adminSdk.defineRouteConfig({
+const config$1 = adminSdk.defineRouteConfig({
   label: "Return Order Details",
   icon: icons.CheckCircle
 });
-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 formatAmount = (value) => {
-  return String(value);
-};
-const RefundDetailPage = () => {
-  var _a, _b, _c;
-  const navigate = reactRouterDom.useNavigate();
-  const params = reactRouterDom.useParams();
-  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
-  const [detail, setDetail] = react.useState(null);
-  const [loading, setLoading] = react.useState(!!id);
-  const [error, setError] = react.useState(null);
-  const [gatewayExpanded, setGatewayExpanded] = react.useState(false);
-  react.useEffect(() => {
-    if (!id) {
-      setLoading(false);
-      return;
-    }
-    let cancelled = false;
-    setLoading(true);
-    setError(null);
-    fetch(`/admin/refunds/${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 paymentStatus = ((_b = detail == null ? void 0 : detail.payment) == null ? void 0 : _b.status) ?? "—";
-  const hasGatewayData = ((_c = detail == null ? void 0 : detail.payment) == null ? void 0 : _c.payment_data) && typeof detail.payment.payment_data === "object" && Object.keys(detail.payment.payment_data).length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => navigate("/refunds"), children: "← Refunds" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Refund details" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle font-mono", children: id ?? "—" })
-    ] }) }),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/refunds"), children: "Back to list" })
-    ] }) : loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Refund summary" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refund ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.id })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.refund.amount) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Note" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.refund.note ?? "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created at" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: new Date(detail.refund.created_at).toLocaleDateString("en-US", {
-              year: "numeric",
-              month: "short",
-              day: "numeric",
-              hour: "numeric",
-              minute: "2-digit",
-              hour12: true
-            }) })
-          ] }),
-          detail.refund.created_by ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created by" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.created_by })
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Payment summary" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Payment amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.payment_amount) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Captured amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.captured_amount) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refunded amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.refunded_amount) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.payment.provider_id || "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$1(paymentStatus)}`,
-                children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
-              }
-            ) })
-          ] }),
-          detail.computed ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Full refund" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.computed.is_full_refund ? "Yes" : "No" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Remaining refundable" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.computed.remaining_refundable_amount) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refund %" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "mt-1 block", children: [
-                detail.computed.refund_percentage.toFixed(1),
-                "%"
-              ] })
-            ] })
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Order summary" }),
-        detail.order ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Order" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: () => navigate(`/orders/${detail.order.order_id}`),
-                children: detail.order.order_number ?? detail.order.order_id
-              }
-            ) })
-          ] }),
-          detail.order.total != null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Total" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.order.total) })
-          ] }) : null,
-          detail.order.customer_id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Customer ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.order.customer_id })
-          ] }) : null,
-          detail.order.region ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Region" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.order.region })
-          ] }) : null,
-          detail.order.fulfillment_status ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Fulfillment status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.order.fulfillment_status })
-          ] }) : null
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No order linked to this refund." })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            className: "flex w-full items-center justify-between text-left",
-            onClick: () => setGatewayExpanded((prev) => !prev),
-            "aria-expanded": gatewayExpanded,
-            "aria-label": gatewayExpanded ? "Collapse gateway data" : "Expand gateway data",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg", children: "Gateway data" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: gatewayExpanded ? "Collapse" : "Expand" })
-            ]
-          }
-        ),
-        gatewayExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: hasGatewayData ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-xs bg-ui-bg-subtle p-4 rounded-lg overflow-auto max-h-96", children: JSON.stringify(detail.payment.payment_data, null, 2) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No gateway payload for this payment." }) })
-      ] })
-    ] }) : null
-  ] }) });
-};
-const config$1 = adminSdk.defineRouteConfig({
-  label: "Refund details",
-  icon: icons.Receipt
-});
 const getStatusBadgeClass = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
@@ -2677,14 +2695,14 @@ const routeModule = {
       Component: PaymentsPage,
       path: "/payments"
     },
-    {
-      Component: ReturnsPage,
-      path: "/returns"
-    },
     {
       Component: RefundsPage,
       path: "/refunds"
     },
+    {
+      Component: ReturnsPage,
+      path: "/returns"
+    },
     {
       Component: SwapsPage,
       path: "/swaps"
@@ -2693,14 +2711,14 @@ const routeModule = {
       Component: PaymentDetailPage,
       path: "/payments/:id"
     },
-    {
-      Component: ReturnDetailPage,
-      path: "/returns/:id"
-    },
     {
       Component: RefundDetailPage,
       path: "/refunds/:id"
     },
+    {
+      Component: ReturnDetailPage,
+      path: "/returns/:id"
+    },
     {
       Component: SwapDetailPage,
       path: "/swaps/:id"
@@ -2709,6 +2727,12 @@ const routeModule = {
 };
 const menuItemModule = {
   menuItems: [
+    {
+      label: config$6.label,
+      icon: config$6.icon,
+      path: "/refunds",
+      nested: void 0
+    },
     {
       label: config$7.label,
       icon: config$7.icon,
@@ -2718,12 +2742,6 @@ const menuItemModule = {
     {
       label: config$5.label,
       icon: config$5.icon,
-      path: "/refunds",
-      nested: void 0
-    },
-    {
-      label: config$6.label,
-      icon: config$6.icon,
       path: "/returns",
       nested: void 0
     },
@@ -2733,6 +2751,12 @@ const menuItemModule = {
       path: "/swaps",
       nested: void 0
     },
+    {
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/refunds/:id",
+      nested: void 0
+    },
     {
       label: config$3.label,
       icon: config$3.icon,
@@ -2742,12 +2766,6 @@ const menuItemModule = {
     {
       label: config$1.label,
       icon: config$1.icon,
-      path: "/refunds/:id",
-      nested: void 0
-    },
-    {
-      label: config$2.label,
-      icon: config$2.icon,
       path: "/returns/:id",
       nested: void 0
     },