order-management 0.0.52 → 0.0.55

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

@@ -5,6 +5,130 @@ const adminSdk = require("@medusajs/admin-sdk");
 const ui = require("@medusajs/ui");
 const icons = require("@medusajs/icons");
 const reactRouterDom = require("react-router-dom");
+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;
+  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);
+  const [error, setError] = react.useState(null);
+  const [marking, setMarking] = react.useState(false);
+  const [markError, setMarkError] = react.useState(null);
+  react.useEffect(() => {
+    if (!orderId) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    fetch(`/admin/orders/${orderId}/refund-context`, { credentials: "include" }).then((res) => {
+      if (!res.ok) throw new Error(res.statusText || "Failed to load refund context");
+      return res.json();
+    }).then((data) => {
+      if (!cancelled) setContext(data);
+    }).catch((e) => {
+      if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load");
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId]);
+  const handleMarkRefunded = async () => {
+    if (!(context == null ? void 0 : context.return_id) || !(context == null ? void 0 : context.refund_mapping) || context.refund_mapping.is_refunded) return;
+    setMarking(true);
+    setMarkError(null);
+    try {
+      const res = await fetch(`/admin/refund-payment-mapping/${context.return_id}/mark-refunded`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include"
+      });
+      if (!res.ok) {
+        const data2 = await res.json().catch(() => ({}));
+        throw new Error(data2.message || "Failed to mark refunded");
+      }
+      const data = await res.json();
+      setContext(
+        (prev) => {
+          var _a2;
+          return prev && prev.refund_mapping ? {
+            ...prev,
+            refund_mapping: {
+              ...prev.refund_mapping,
+              is_refunded: ((_a2 = data.refund_payment_mapping) == null ? void 0 : _a2.is_refunded) ?? true
+            }
+          } : prev;
+        }
+      );
+    } catch (e) {
+      setMarkError(e instanceof Error ? e.message : "Failed to mark refunded");
+    } finally {
+      setMarking(false);
+    }
+  };
+  if (!orderId) return null;
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mt-6 divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Loading refund context..." }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mt-6 divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", children: error }) }) });
+  }
+  const hasReturn = !!(context == null ? void 0 : context.return_id);
+  const hasMapping = !!(context == null ? void 0 : context.refund_mapping);
+  const canMarkRefunded = hasReturn && hasMapping && !context.refund_mapping.is_refunded;
+  const paymentDetail = context == null ? void 0 : context.payment_detail;
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mt-6 divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 py-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Heading, { level: "h2", className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.CashSolid, { className: "text-ui-fg-subtle" }),
+      "Refund payment"
+    ] }),
+    !hasReturn && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No return for this order." }),
+    hasMapping && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Return" }),
+        /* @__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)" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: paymentDetail.type }),
+          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)
+        ] }, 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." }),
+      canMarkRefunded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            size: "small",
+            onClick: handleMarkRefunded,
+            disabled: marking,
+            isLoading: marking,
+            children: "Mark refunded"
+          }
+        ),
+        markError && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-error", children: markError })
+      ] })
+    ] }),
+    hasReturn && !hasMapping && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No refund payment mapping for this return. Ensure the refund_payment_mapping module is registered and a mapping was created when the return was created." })
+  ] }) });
+};
+adminSdk.defineWidgetConfig({
+  zone: "order.details.after"
+});
 const useDebounce$1 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = react.useState(value);
   react.useEffect(() => {
@@ -18,21 +142,21 @@ const getStatusBadgeClass$3 = (status) => {
   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");
@@ -45,7 +169,7 @@ const SwapsPage = () => {
   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 {
@@ -62,27 +186,28 @@ 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.swaps) == null ? void 0 : _a.length) ?? 0));
+        setOffset(nextOffset + (((_a = payload.returns) == null ? void 0 : _a.length) ?? 0));
         setItems(
-          (prev) => replace ? payload.swaps ?? [] : [...prev, ...payload.swaps ?? []]
+          (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
         );
       } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load swaps";
+        const message = loadError instanceof Error ? loadError.message : "Unable to load return orders";
         setError(message);
       } finally {
         setIsLoading(false);
@@ -92,8 +217,8 @@ const SwapsPage = () => {
     [statusFilter, createdByFilter, debouncedSearchQuery]
   );
   react.useEffect(() => {
-    void loadSwaps(0, true);
-  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadSwaps]);
+    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();
@@ -103,16 +228,16 @@ const SwapsPage = () => {
   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: "Exchanges" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer exchange requests" })
+        /* @__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: () => loadSwaps(0, true), children: "Refresh" })
+      /* @__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 swap ID or order ID",
+          placeholder: "Search by return ID, order ID, or customer email",
           value: searchQuery,
           onChange: (event) => setSearchQuery(event.target.value),
           className: "md:max-w-sm"
@@ -152,50 +277,51 @@ const SwapsPage = () => {
         ui.Button,
         {
           variant: "secondary",
-          onClick: () => loadSwaps(0, true),
+          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 swaps..." }) }) : 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 exchanges yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Exchange requests created by customers will appear here." })
+    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: "Exchange ID" }),
+        /* @__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: "Difference Due" }),
+        /* @__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((swap) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__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(`/swaps/${swap.id}`),
+          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: swap.id }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
+            /* @__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$3(swap.status)}`,
-                children: swap.status.replace(/_/g, " ")
+                className: `uppercase ${getStatusBadgeClass$3(returnOrder.status)}`,
+                children: returnOrder.status.replace(/_/g, " ")
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
-              const amount = swap.difference_due;
+              const amount = returnOrder.refund_amount;
               if (amount == null || amount === void 0) {
                 return "—";
               }
               const displayAmount = Number(amount) / 100;
-              const currency = swap.currency_code || "$";
-              const sign = displayAmount >= 0 ? "+" : "";
-              return `${sign}${currency}${displayAmount.toFixed(2)}`;
+              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(swap.created_at).toLocaleDateString("en-US", {
+            /* @__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",
@@ -210,14 +336,14 @@ const SwapsPage = () => {
                 size: "small",
                 onClick: (e) => {
                   e.stopPropagation();
-                  navigate(`/app/orders/${swap.order_id}`);
+                  navigate(`/app/orders/${returnOrder.order_id}`);
                 },
                 children: "Go to order"
               }
             ) })
           ]
         },
-        swap.id
+        returnOrder.id
       )) })
     ] }) }),
     hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -225,14 +351,14 @@ const SwapsPage = () => {
       {
         variant: "secondary",
         isLoading: isFetchingMore,
-        onClick: () => loadSwaps(offset, false),
+        onClick: () => loadReturns(offset, false),
         children: "Load more"
       }
     ) }) : null
   ] }) });
 };
 const config$3 = adminSdk.defineRouteConfig({
-  label: "Exchanges",
+  label: "Return Orders",
   icon: icons.ArrowPath
 });
 const useDebounce = (value, delay) => {
@@ -248,21 +374,21 @@ const getStatusBadgeClass$2 = (status) => {
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   }
-  if (statusLower === "received") {
+  if (statusLower === "approved") {
     return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
   }
-  if (statusLower === "requires_action") {
+  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 === "canceled") {
+  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 ReturnsPage = () => {
+const SwapsPage = () => {
   const navigate = reactRouterDom.useNavigate();
   const [items, setItems] = react.useState([]);
   const [statusFilter, setStatusFilter] = react.useState("all");
@@ -275,7 +401,7 @@ const ReturnsPage = () => {
   const [offset, setOffset] = react.useState(0);
   const [count, setCount] = react.useState(0);
   const limit = 50;
-  const loadReturns = react.useCallback(
+  const loadSwaps = react.useCallback(
     async (nextOffset, replace = false) => {
       var _a;
       try {
@@ -292,28 +418,27 @@ const ReturnsPage = () => {
           params.set("status", statusFilter);
         }
         if (debouncedSearchQuery.trim()) {
-          params.set("q", debouncedSearchQuery.trim());
+          params.set("order_id", debouncedSearchQuery.trim());
         }
         if (createdByFilter !== "all") {
           params.set("created_by", createdByFilter);
         }
-        params.set("order", "created_at");
         const response = await fetch(
-          `/admin/returns?${params.toString()}`,
+          `/admin/swaps?${params.toString()}`,
           { credentials: "include" }
         );
         if (!response.ok) {
           const message = await response.text();
-          throw new Error(message || "Unable to load return orders");
+          throw new Error(message || "Unable to load swaps");
         }
         const payload = await response.json();
         setCount(payload.count ?? 0);
-        setOffset(nextOffset + (((_a = payload.returns) == null ? void 0 : _a.length) ?? 0));
+        setOffset(nextOffset + (((_a = payload.swaps) == null ? void 0 : _a.length) ?? 0));
         setItems(
-          (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
+          (prev) => replace ? payload.swaps ?? [] : [...prev, ...payload.swaps ?? []]
         );
       } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load return orders";
+        const message = loadError instanceof Error ? loadError.message : "Unable to load swaps";
         setError(message);
       } finally {
         setIsLoading(false);
@@ -323,8 +448,8 @@ const ReturnsPage = () => {
     [statusFilter, createdByFilter, debouncedSearchQuery]
   );
   react.useEffect(() => {
-    void loadReturns(0, true);
-  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadReturns]);
+    void loadSwaps(0, true);
+  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadSwaps]);
   const hasMore = react.useMemo(() => offset < count, [offset, count]);
   const availableStatuses = react.useMemo(() => {
     const statuses = /* @__PURE__ */ new Set();
@@ -334,16 +459,16 @@ const ReturnsPage = () => {
   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.Heading, { level: "h1", children: "Exchanges" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer exchange requests" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadReturns(0, true), children: "Refresh" })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadSwaps(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",
+          placeholder: "Search by swap ID or order ID",
           value: searchQuery,
           onChange: (event) => setSearchQuery(event.target.value),
           className: "md:max-w-sm"
@@ -383,51 +508,50 @@ const ReturnsPage = () => {
         ui.Button,
         {
           variant: "secondary",
-          onClick: () => loadReturns(0, true),
+          onClick: () => loadSwaps(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." })
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swaps..." }) }) : 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 exchanges yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Exchange requests 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: "Exchange 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: "Difference Due" }),
         /* @__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(
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((swap) => /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
           className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/returns/${returnOrder.id}`),
+          onClick: () => navigate(`/swaps/${swap.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 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: swap.id }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$2(returnOrder.status)}`,
-                children: returnOrder.status.replace(/_/g, " ")
+                className: `uppercase ${getStatusBadgeClass$2(swap.status)}`,
+                children: swap.status.replace(/_/g, " ")
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
-              const amount = returnOrder.refund_amount;
+              const amount = swap.difference_due;
               if (amount == null || amount === void 0) {
                 return "—";
               }
               const displayAmount = Number(amount) / 100;
-              const currency = returnOrder.currency_code || "$";
-              return `${currency}${displayAmount.toFixed(2)}`;
+              const currency = swap.currency_code || "$";
+              const sign = displayAmount >= 0 ? "+" : "";
+              return `${sign}${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", {
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(swap.created_at).toLocaleDateString("en-US", {
               year: "numeric",
               month: "short",
               day: "numeric",
@@ -442,14 +566,14 @@ const ReturnsPage = () => {
                 size: "small",
                 onClick: (e) => {
                   e.stopPropagation();
-                  navigate(`/app/orders/${returnOrder.order_id}`);
+                  navigate(`/app/orders/${swap.order_id}`);
                 },
                 children: "Go to order"
               }
             ) })
           ]
         },
-        returnOrder.id
+        swap.id
       )) })
     ] }) }),
     hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -457,14 +581,14 @@ const ReturnsPage = () => {
       {
         variant: "secondary",
         isLoading: isFetchingMore,
-        onClick: () => loadReturns(offset, false),
+        onClick: () => loadSwaps(offset, false),
         children: "Load more"
       }
     ) }) : null
   ] }) });
 };
 const config$2 = adminSdk.defineRouteConfig({
-  label: "Return Orders",
+  label: "Exchanges",
   icon: icons.ArrowPath
 });
 const getStatusBadgeClass$1 = (status) => {
@@ -478,109 +602,105 @@ const getStatusBadgeClass$1 = (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 = reactRouterDom.useNavigate();
   const { id } = reactRouterDom.useParams();
-  const [swap, setSwap] = react.useState(null);
-  const [order, setOrder] = react.useState(null);
+  const [returnOrder, setReturnOrder] = react.useState(null);
   const [isLoading, setIsLoading] = react.useState(true);
-  react.useState(false);
-  const [isCancelling, setIsCancelling] = react.useState(false);
+  const [isRejecting, setIsRejecting] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [updateError, setUpdateError] = react.useState(null);
   const [updateSuccess, setUpdateSuccess] = react.useState(false);
   react.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swap..." }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return order..." }) }) }) });
   }
-  if (error || !swap) {
+  if (error || !returnOrder) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__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 || "Swap not found" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Return order not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -588,7 +708,7 @@ const SwapDetailPage = () => {
         {
           variant: "transparent",
           size: "small",
-          onClick: () => navigate("/swaps"),
+          onClick: () => navigate("/returns"),
           className: "w-fit",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, { className: "mr-2" }),
@@ -598,67 +718,81 @@ const SwapDetailPage = () => {
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 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: "Exchange Details" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Return Order Details" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: returnOrder.id })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass$1(swap.status)}`,
-            children: swap.status.replace(/_/g, " ")
+            className: `uppercase ${getStatusBadgeClass$1(returnOrder.status)}`,
+            children: returnOrder.status.replace(/_/g, " ")
           }
         )
       ] })
     ] }),
-    canCancelExchange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+    returnOrder.status === "requested" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(
         ui.Button,
         {
           variant: "danger",
-          onClick: handleCancelExchange,
-          disabled: isCancelling,
-          isLoading: isCancelling,
-          children: "Cancel Exchange"
+          onClick: handleReject,
+          disabled: isRejecting,
+          isLoading: isRejecting,
+          children: "Reject (Cancel) Return"
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "This will cancel the exchange request. The order will remain unchanged." })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: 'Cancel this return request. Use "Mark as received" when items are received.' })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Information" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.id })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "secondary",
+            onClick: () => {
+              window.open(
+                `/app/orders/${returnOrder.order_id}`,
+                "_blank"
+              );
+            },
+            children: "View order"
+          }
+        ) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Exchange Information" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Details" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.id })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.id })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.status })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.status })
           ] }),
-          swap.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          returnOrder.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.reason })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.reason })
           ] }),
-          swap.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          returnOrder.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.note })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.note })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(returnOrder.created_at).toLocaleString() })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
-          ] }),
-          swap.exchange_id && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.exchange_id })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(returnOrder.updated_at).toLocaleString() })
           ] })
         ] })
       ] }),
@@ -688,31 +822,31 @@ const SwapDetailPage = () => {
         )) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
       ] })
     ] }),
-    order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    returnOrder.order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.id })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.id })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.status || "—" })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.status || "—" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_c = order.customer) == null ? void 0 : _c.email) || order.email || "—" })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_b = returnOrder.order.customer) == null ? void 0 : _b.email) || returnOrder.order.email || "—" })
         ] }),
-        order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        returnOrder.order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
       /* @__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: [
@@ -720,31 +854,20 @@ const SwapDetailPage = () => {
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: returnOrder.return_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
-      /* @__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: "Variant ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
-        ] }, item.variant_id || index)) })
-      ] }) })
-    ] })
+    updateError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-ui-border-error bg-ui-bg-error-subtle p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", children: updateError }) }),
+    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$1 = adminSdk.defineRouteConfig({
-  label: "Swap Details",
-  icon: icons.ArrowPath
+  label: "Return Order Details",
+  icon: icons.CheckCircle
 });
 const getStatusBadgeClass = (status) => {
   const statusLower = status.toLowerCase();
@@ -757,105 +880,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 = reactRouterDom.useNavigate();
   const { id } = reactRouterDom.useParams();
-  const [returnOrder, setReturnOrder] = react.useState(null);
+  const [swap, setSwap] = react.useState(null);
+  const [order, setOrder] = react.useState(null);
   const [isLoading, setIsLoading] = react.useState(true);
-  const [isRejecting, setIsRejecting] = react.useState(false);
+  react.useState(false);
+  const [isCancelling, setIsCancelling] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [updateError, setUpdateError] = react.useState(null);
   const [updateSuccess, setUpdateSuccess] = react.useState(false);
   react.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return order..." }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swap..." }) }) }) });
   }
-  if (error || !returnOrder) {
+  if (error || !swap) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__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 || "Return order not found" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/returns"), children: "Back to list" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Swap not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -863,7 +990,7 @@ const ReturnDetailPage = () => {
         {
           variant: "transparent",
           size: "small",
-          onClick: () => navigate("/returns"),
+          onClick: () => navigate("/swaps"),
           className: "w-fit",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, { className: "mr-2" }),
@@ -873,81 +1000,67 @@ const ReturnDetailPage = () => {
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 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 Order Details" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: returnOrder.id })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Exchange Details" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass(returnOrder.status)}`,
-            children: returnOrder.status.replace(/_/g, " ")
+            className: `uppercase ${getStatusBadgeClass(swap.status)}`,
+            children: swap.status.replace(/_/g, " ")
           }
         )
       ] })
     ] }),
-    returnOrder.status === "requested" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+    canCancelExchange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(
         ui.Button,
         {
           variant: "danger",
-          onClick: handleReject,
-          disabled: isRejecting,
-          isLoading: isRejecting,
-          children: "Reject (Cancel) Return"
+          onClick: handleCancelExchange,
+          disabled: isCancelling,
+          isLoading: isCancelling,
+          children: "Cancel Exchange"
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: 'Cancel this return request. Use "Mark as received" when items are received.' })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Information" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            variant: "secondary",
-            onClick: () => {
-              window.open(
-                `/app/orders/${returnOrder.order_id}`,
-                "_blank"
-              );
-            },
-            children: "View order"
-          }
-        ) })
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "This will cancel the exchange request. The order will remain unchanged." })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Details" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Exchange Information" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.id })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.id })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.status })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.status })
           ] }),
-          returnOrder.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
+          ] }),
+          swap.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.reason })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.reason })
           ] }),
-          returnOrder.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          swap.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.note })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.note })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(returnOrder.created_at).toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(returnOrder.updated_at).toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
+          ] }),
+          swap.exchange_id && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.exchange_id })
           ] })
         ] })
       ] }),
@@ -977,31 +1090,31 @@ const ReturnDetailPage = () => {
         )) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
       ] })
     ] }),
-    returnOrder.order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.id })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.id })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.status || "—" })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.status || "—" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_b = returnOrder.order.customer) == null ? void 0 : _b.email) || returnOrder.order.email || "—" })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_c = order.customer) == null ? void 0 : _c.email) || order.email || "—" })
         ] }),
-        returnOrder.order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
       /* @__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: [
@@ -1009,66 +1122,82 @@ const ReturnDetailPage = () => {
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: returnOrder.return_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.reason || "—" })
         ] }, item.id || index)) })
       ] }) })
     ] }),
-    updateError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-ui-border-error bg-ui-bg-error-subtle p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", children: updateError }) }),
-    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" }) })
+    swap.new_items && swap.new_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
+      /* @__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: "Variant ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
+        ] }, item.variant_id || index)) })
+      ] }) })
+    ] })
   ] }) });
 };
 const config = adminSdk.defineRouteConfig({
-  label: "Return Order Details",
-  icon: icons.CheckCircle
+  label: "Swap Details",
+  icon: icons.ArrowPath
 });
 const i18nTranslations0 = {};
-const widgetModule = { widgets: [] };
+const widgetModule = { widgets: [
+  {
+    Component: OrderRefundContextWidget,
+    zone: ["order.details.after"]
+  }
+] };
 const routeModule = {
   routes: [
-    {
-      Component: SwapsPage,
-      path: "/swaps"
-    },
     {
       Component: ReturnsPage,
       path: "/returns"
     },
     {
-      Component: SwapDetailPage,
-      path: "/swaps/:id"
+      Component: SwapsPage,
+      path: "/swaps"
     },
     {
       Component: ReturnDetailPage,
       path: "/returns/:id"
+    },
+    {
+      Component: SwapDetailPage,
+      path: "/swaps/:id"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config$3.label,
+      icon: config$3.icon,
       path: "/returns",
       nested: void 0
     },
     {
-      label: config$3.label,
-      icon: config$3.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/swaps",
       nested: void 0
     },
     {
-      label: config.label,
-      icon: config.icon,
+      label: config$1.label,
+      icon: config$1.icon,
       path: "/returns/:id",
       nested: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config.label,
+      icon: config.icon,
       path: "/swaps/:id",
       nested: void 0
     }