order-management 0.0.91 → 0.0.93

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

@@ -375,15 +375,14 @@ const s = {
 const OrderGiftItemsWidget = ({ data }) => {
   const [fetchedItems, setFetchedItems] = react.useState(null);
   react.useEffect(() => {
-    if (!(data == null ? void 0 : data.id)) return;
+    if (!data?.id) return;
     fetch(
       `/admin/orders/${data.id}?fields=*items,items.metadata`
-    ).then((r) => r.json()).then(({ order }) => setFetchedItems((order == null ? void 0 : order.items) ?? [])).catch(() => setFetchedItems((data == null ? void 0 : data.items) ?? []));
-  }, [data == null ? void 0 : data.id]);
-  const items = fetchedItems ?? (data == null ? void 0 : data.items) ?? [];
+    ).then((r) => r.json()).then(({ order }) => setFetchedItems(order?.items ?? [])).catch(() => setFetchedItems(data?.items ?? []));
+  }, [data?.id]);
+  const items = fetchedItems ?? data?.items ?? [];
   const giftedItems = items.filter((i) => {
-    var _a;
-    const flag = (_a = i.metadata) == null ? void 0 : _a.is_gift;
+    const flag = i.metadata?.is_gift;
     return flag === "true" || flag === true;
   });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.widget, children: [
@@ -412,9 +411,9 @@ const OrderGiftItemsWidget = ({ data }) => {
     ),
     giftedItems.map((item) => {
       const meta = item.metadata;
-      const from = meta == null ? void 0 : meta.gift_from;
-      const to = meta == null ? void 0 : meta.gift_to;
-      const message = meta == null ? void 0 : meta.gift_message;
+      const from = meta?.gift_from;
+      const to = meta?.gift_to;
+      const message = meta?.gift_message;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.card, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.ribbon, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { style: s.bowCenter, children: "🎀" }),
@@ -478,7 +477,7 @@ function formatRefundCurrency(amount, currencyCode = "inr", options) {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   }).format(amount);
-  if ((options == null ? void 0 : options.signed) && amount > 0) {
+  if (options?.signed && amount > 0) {
     return `−${formatted}`;
   }
   return formatted;
@@ -533,8 +532,7 @@ function getOrderIdFromPath() {
   return m ? m[1] : void 0;
 }
 const OrderRefundContextWidget = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  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 orderId = props.order?.id ?? props.data?.order?.id ?? getOrderIdFromPath();
   const [context, setContext] = react.useState(null);
   const [loading, setLoading] = react.useState(!!orderId);
   const [error, setError] = react.useState(null);
@@ -572,7 +570,9 @@ const OrderRefundContextWidget = (props) => {
     };
   }, [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;
+    if (!context?.return_id || !context?.refund_mapping || context.refund_mapping.is_refunded || !context.can_process_refund) {
+      return;
+    }
     setMarking(true);
     setMarkError(null);
     try {
@@ -587,16 +587,14 @@ const OrderRefundContextWidget = (props) => {
       }
       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;
-        }
+        (prev) => prev && prev.refund_mapping ? {
+          ...prev,
+          can_process_refund: false,
+          refund_mapping: {
+            ...prev.refund_mapping,
+            is_refunded: data.refund_payment_mapping?.is_refunded ?? true
+          }
+        } : prev
       );
     } catch (e) {
       setMarkError(e instanceof Error ? e.message : "Failed to mark refunded");
@@ -605,20 +603,19 @@ const OrderRefundContextWidget = (props) => {
     }
   };
   const handleEditClick = () => {
-    const mapping = context == null ? void 0 : context.refund_mapping;
-    const mode = mapping == null ? void 0 : mapping.refund_mode;
+    const mapping = context?.refund_mapping;
+    const mode = mapping?.refund_mode;
     setEditRefundMode(
       mode === "offline" || mode === "online" ? mode : ""
     );
-    setEditDetails((mapping == null ? void 0 : mapping.details) ?? "");
-    setEditImageUrls((mapping == null ? void 0 : mapping.images) ?? []);
+    setEditDetails(mapping?.details ?? "");
+    setEditImageUrls(mapping?.images ?? []);
     setSaveError(null);
     setUploadError(null);
     setEditing(true);
   };
   const handleUploadImage = async (e) => {
-    var _a2, _b2, _c2;
-    const file = (_a2 = e.target.files) == null ? void 0 : _a2[0];
+    const file = e.target.files?.[0];
     if (!file) return;
     setUploading(true);
     setUploadError(null);
@@ -635,7 +632,7 @@ const OrderRefundContextWidget = (props) => {
         throw new Error(data2.message || "Upload failed");
       }
       const data = await res.json();
-      const url = (_c2 = (_b2 = data.files) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.url;
+      const url = data.files?.[0]?.url;
       if (url) setEditImageUrls((prev) => [...prev, url]);
     } catch (err) {
       setUploadError(err instanceof Error ? err.message : "Upload failed");
@@ -648,7 +645,7 @@ const OrderRefundContextWidget = (props) => {
     setEditImageUrls((prev) => prev.filter((_, i) => i !== index));
   };
   const handleSaveAdminFields = async () => {
-    if (!(context == null ? void 0 : context.return_id)) return;
+    if (!context?.return_id) return;
     setSaving(true);
     setSaveError(null);
     try {
@@ -685,43 +682,62 @@ const OrderRefundContextWidget = (props) => {
   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;
+  const hasReturn = !!context?.return_id;
+  const hasMapping = !!context?.refund_mapping;
+  const canMarkRefunded = Boolean(context?.can_process_refund);
+  const returnStatus = context?.return_status ?? null;
+  const showReceiveFirstHint = hasReturn && !context?.refund_mapping?.is_refunded && returnStatus !== "received" && returnStatus !== "canceled";
+  const paymentDetail = context?.payment_detail;
+  const paymentDetails = context?.payment_details && context.payment_details.length > 0 ? context.payment_details : paymentDetail ? [paymentDetail] : [];
+  const orderPayment = context?.order_payment;
   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." }),
+    showReceiveFirstHint && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Receive returned items before processing a refund. Do not refund from Payments until items are received." }),
     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" })
+        context.refund_mapping?.is_refunded ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "green", children: "Refunded" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "Not refunded" })
       ] }),
       context.refund ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 border-t border-ui-border-base pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(RefundCalculationBlock, { refund: context.refund }) }) : null,
+      orderPayment && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-2 border-t border-ui-border-base pt-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Order payment method" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: orderPayment.label }),
+          orderPayment.is_cod ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "COD" }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: orderPayment.provider_id })
+      ] }),
       /* @__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)" }),
-          ((_e = context.refund_mapping) == null ? void 0 : _e.payment_id) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "green", children: "Customer specified" }) : paymentDetail ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "Customer default" }) : null
+          context.refund_mapping?.payment_id ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "green", children: "Customer specified" }) : paymentDetail ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "Customer default" }) : orderPayment && !orderPayment.is_cod ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "blue", children: "Original payment method" }) : null
         ] }),
-        ((_f = context.refund_mapping) == null ? void 0 : _f.payment_id) && !paymentDetail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-orange-200 bg-orange-50 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "The customer specified a payment method for this return, but that payment method has since been removed from their account. Ask the customer to update their refund payment method." }) }),
-        !((_g = context.refund_mapping) == null ? void 0 : _g.payment_id) && (paymentDetail == null ? void 0 : 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." }) }),
-        !((_h = context.refund_mapping) == null ? void 0 : _h.payment_id) && !paymentDetail && /* @__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: "No payment method found for this customer." }) }),
-        paymentDetail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        context.refund_mapping?.payment_id && !paymentDetail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-orange-200 bg-orange-50 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "The customer specified a payment method for this return, but that payment method has since been removed from their account. Ask the customer to update their refund payment method." }) }),
+        !context.refund_mapping?.payment_id && 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." }) }),
+        !context.refund_mapping?.payment_id && !paymentDetail && orderPayment && !orderPayment.is_cod && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
+          "Refund will go to the original payment method (",
+          orderPayment.label,
+          ")."
+        ] }) }),
+        !context.refund_mapping?.payment_id && !paymentDetail && (context.is_cod || orderPayment?.is_cod) && /* @__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: "This order was paid with Cash on Delivery. No stored bank/UPI refund destination." }) }),
+        !context.refund_mapping?.payment_id && !paymentDetail && !orderPayment && /* @__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: "No payment method found for this customer." }) }),
+        paymentDetails.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: paymentDetails.map((detail) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: paymentDetail.type.toUpperCase() }),
-            paymentDetail.is_default && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "blue", children: "Default" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: detail.type.toUpperCase() }),
+            detail.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 grid grid-cols-2 gap-x-6 gap-y-2", children: Object.entries(paymentDetail.detail_json).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          Object.keys(detail.detail_json).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-x-6 gap-y-2", children: Object.entries(detail.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)) })
-        ] })
+          ] }, `${detail.id}-${k}`)) })
+        ] }, detail.id)) })
       ] }),
-      (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: [
+      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" }),
           !editing ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -809,10 +825,7 @@ const OrderRefundContextWidget = (props) => {
                 variant: "secondary",
                 type: "button",
                 disabled: uploading,
-                onClick: () => {
-                  var _a2;
-                  return (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
-                },
+                onClick: () => fileInputRef.current?.click(),
                 children: uploading ? "Uploading…" : "Upload image"
               }
             ),
@@ -863,7 +876,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" }),
-            ((_i = context.refund_mapping.images) == null ? void 0 : _i.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: context.refund_mapping.images.map((url, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+            context.refund_mapping.images?.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,
@@ -892,10 +905,18 @@ const OrderRefundContextWidget = (props) => {
           }
         ),
         markError && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-error", children: markError })
-      ] })
+      ] }),
+      hasMapping && !canMarkRefunded && !context.refund_mapping?.is_refunded && showReceiveFirstHint && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-4 text-ui-fg-muted", children: "Mark refunded is available after the return is received." })
     ] }),
     hasReturn && !hasMapping && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-4", children: [
-      (context == null ? void 0 : context.refund) ? /* @__PURE__ */ jsxRuntime.jsx(RefundCalculationBlock, { refund: context.refund }) : null,
+      context?.refund ? /* @__PURE__ */ jsxRuntime.jsx(RefundCalculationBlock, { refund: context.refund }) : null,
+      orderPayment && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Order payment method" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: orderPayment.label }),
+          orderPayment.is_cod ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "COD" }) : null
+        ] })
+      ] }),
       /* @__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." })
     ] })
   ] }) });
@@ -1440,7 +1461,6 @@ const ReturnsPage = () => {
   const limit = 50;
   const loadReturns = react.useCallback(
     async (nextOffset, replace = false) => {
-      var _a;
       try {
         if (replace) {
           setIsLoading(true);
@@ -1471,7 +1491,7 @@ const ReturnsPage = () => {
         }
         const payload = await response.json();
         setCount(payload.count ?? 0);
-        setOffset(nextOffset + (((_a = payload.returns) == null ? void 0 : _a.length) ?? 0));
+        setOffset(nextOffset + (payload.returns?.length ?? 0));
         setItems(
           (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
         );
@@ -1583,7 +1603,7 @@ const ReturnsPage = () => {
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
               const calc = returnOrder.refund;
-              if ((calc == null ? void 0 : calc.is_processed) && calc.final_refund_amount != null) {
+              if (calc?.is_processed && calc.final_refund_amount != null) {
                 return formatRefundCurrency(
                   calc.final_refund_amount,
                   calc.currency_code || returnOrder.currency_code
@@ -1682,7 +1702,6 @@ const SwapsPage = () => {
   const limit = 50;
   const loadSwaps = react.useCallback(
     async (nextOffset, replace = false) => {
-      var _a;
       try {
         if (replace) {
           setIsLoading(true);
@@ -1712,7 +1731,7 @@ const SwapsPage = () => {
         }
         const payload = await response.json();
         setCount(payload.count ?? 0);
-        setOffset(nextOffset + (((_a = payload.swaps) == null ? void 0 : _a.length) ?? 0));
+        setOffset(nextOffset + (payload.swaps?.length ?? 0));
         setItems(
           (prev) => replace ? payload.swaps ?? [] : [...prev, ...payload.swaps ?? []]
         );
@@ -1879,10 +1898,9 @@ const getStatusBadgeClass$3 = (status) => {
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const PaymentDetailPage = () => {
-  var _a;
   const navigate = reactRouterDom.useNavigate();
   const params = reactRouterDom.useParams();
-  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
+  const id = params?.id?.trim();
   const [detail, setDetail] = react.useState(null);
   const [loading, setLoading] = react.useState(!!id);
   const [error, setError] = react.useState(null);
@@ -1909,8 +1927,8 @@ const PaymentDetailPage = () => {
     };
   }, [id]);
   const displayStatus = detail ? (detail.payment_id != null && detail.payment_status != null && detail.payment_status !== "" ? detail.payment_status : detail.session_status ?? "") || "—" : "";
-  const sessionStatusRaw = (detail == null ? void 0 : detail.session_status) ?? "—";
-  const paymentStatusRaw = (detail == null ? void 0 : detail.payment_id) != null ? (detail == null ? void 0 : detail.payment_status) ?? "—" : "—";
+  const sessionStatusRaw = detail?.session_status ?? "—";
+  const paymentStatusRaw = detail?.payment_id != null ? detail?.payment_status ?? "—" : "—";
   const displayAmount = detail ? `${(detail.currency_code ?? "USD").toUpperCase()} ${Number(detail.amount)}` : "";
   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: [
@@ -2001,10 +2019,9 @@ 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 id = params?.id?.trim();
   const [detail, setDetail] = react.useState(null);
   const [loading, setLoading] = react.useState(!!id);
   const [error, setError] = react.useState(null);
@@ -2031,8 +2048,8 @@ const RefundDetailPage = () => {
       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;
+  const paymentStatus = detail?.payment?.status ?? "—";
+  const hasGatewayData = detail?.payment?.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" }),
@@ -2207,7 +2224,6 @@ const getStatusBadgeClass$1 = (status) => {
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const ReturnDetailPage = () => {
-  var _a, _b;
   const navigate = reactRouterDom.useNavigate();
   const { id } = reactRouterDom.useParams();
   const [returnOrder, setReturnOrder] = react.useState(null);
@@ -2290,7 +2306,7 @@ const ReturnDetailPage = () => {
       /* @__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 = ((_a = returnOrder.metadata) == null ? void 0 : _a.status_history) || [];
+  const statusHistory = returnOrder.metadata?.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(
@@ -2426,7 +2442,11 @@ const ReturnDetailPage = () => {
         ] }),
         /* @__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: returnOrder.order.customer?.email || returnOrder.order.email || "—" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Payment method" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.order_payment?.label || "—" })
         ] }),
         returnOrder.order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
@@ -2483,13 +2503,12 @@ const getStatusBadgeClass = (status) => {
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const SwapDetailPage = () => {
-  var _a, _b, _c;
   const navigate = reactRouterDom.useNavigate();
   const { id } = reactRouterDom.useParams();
   const [swap, setSwap] = react.useState(null);
   const [order, setOrder] = react.useState(null);
   const [isLoading, setIsLoading] = react.useState(true);
-  react.useState(false);
+  const [isRejecting, setIsRejecting] = react.useState(false);
   const [isCancelling, setIsCancelling] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [updateError, setUpdateError] = react.useState(null);
@@ -2560,9 +2579,9 @@ const SwapDetailPage = () => {
       setIsCancelling(false);
     }
   };
-  const isOrderExchange = Boolean(swap == null ? void 0 : swap.exchange_id);
+  const isOrderExchange = Boolean(swap?.exchange_id);
   const canCancelExchange = isOrderExchange && swap && !["cancelled", "canceled", "completed", "declined"].includes(
-    ((_a = swap.status) == null ? void 0 : _a.toLowerCase()) ?? ""
+    swap.status?.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..." }) }) }) });
@@ -2573,7 +2592,7 @@ const SwapDetailPage = () => {
       /* @__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 = ((_b = swap.metadata) == null ? void 0 : _b.status_history) || [];
+  const statusHistory = swap.metadata?.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(
@@ -2694,7 +2713,7 @@ const SwapDetailPage = () => {
         ] }),
         /* @__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: order.customer?.email || order.email || "—" })
         ] }),
         order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
@@ -2743,98 +2762,124 @@ const i18nTranslations0 = {};
 const widgetModule = { widgets: [
   {
     Component: OrderGiftItemsWidget,
-    zone: ["order.details.side.after"]
+    zone: ["order.details.side.after"],
+    widgetId: "Widget-b753"
   },
   {
     Component: OrderRefundContextWidget,
-    zone: ["order.details.after"]
+    zone: ["order.details.after"],
+    widgetId: "Widget-0606"
   }
 ] };
 const routeModule = {
   routes: [
     {
       Component: PaymentsPage,
-      path: "/payments"
+      path: "/payments",
+      handle: { label: config$7.label, translationNs: config$7.translationNs }
     },
     {
       Component: RefundsPage,
-      path: "/refunds"
+      path: "/refunds",
+      handle: { label: config$6.label, translationNs: config$6.translationNs }
     },
     {
       Component: ReturnsPage,
-      path: "/returns"
+      path: "/returns",
+      handle: { label: config$5.label, translationNs: config$5.translationNs }
     },
     {
       Component: SwapsPage,
-      path: "/swaps"
+      path: "/swaps",
+      handle: { label: config$4.label, translationNs: config$4.translationNs }
     },
     {
       Component: PaymentDetailPage,
-      path: "/payments/:id"
+      path: "/payments/:id",
+      handle: { label: config$3.label, translationNs: config$3.translationNs }
     },
     {
       Component: RefundDetailPage,
-      path: "/refunds/:id"
+      path: "/refunds/:id",
+      handle: { label: config$2.label, translationNs: config$2.translationNs }
     },
     {
       Component: ReturnDetailPage,
-      path: "/returns/:id"
+      path: "/returns/:id",
+      handle: { label: config$1.label, translationNs: config$1.translationNs }
     },
     {
       Component: SwapDetailPage,
-      path: "/swaps/:id"
+      path: "/swaps/:id",
+      handle: { label: config.label, translationNs: config.translationNs }
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
+    {
+      label: config$7.label,
+      icon: config$7.icon,
+      path: "/payments",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
     {
       label: config$6.label,
       icon: config$6.icon,
       path: "/refunds",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config$5.label,
       icon: config$5.icon,
       path: "/returns",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config$4.label,
       icon: config$4.icon,
       path: "/swaps",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
-      label: config$7.label,
-      icon: config$7.icon,
-      path: "/payments",
-      nested: void 0
+      label: config$3.label,
+      icon: config$3.icon,
+      path: "/payments/:id",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config$2.label,
       icon: config$2.icon,
       path: "/refunds/:id",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config$1.label,
       icon: config$1.icon,
       path: "/returns/:id",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config.label,
       icon: config.icon,
       path: "/swaps/:id",
-      nested: void 0
-    },
-    {
-      label: config$3.label,
-      icon: config$3.icon,
-      path: "/payments/:id",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     }
   ]
 };
@@ -2843,12 +2888,18 @@ const displayModule = {
   displays: {}
 };
 const i18nModule = { resources: i18nTranslations0 };
+const cellRendererModule = {};
+const layoutModule = { layouts: [] };
+const searchEntityModule = {};
 const plugin = {
   widgetModule,
   routeModule,
   menuItemModule,
   formModule,
   displayModule,
-  i18nModule
+  i18nModule,
+  cellRendererModule,
+  layoutModule,
+  searchEntityModule
 };
 module.exports = plugin;