@mercurjs/vendor 2.2.0-canary.9 → 2.2.0-rc.0

package/dist/{[id]-A55T2ORL.js → [id]-4HO4S2PX.js}

@@ -1,36 +1,39 @@
-import {
-  useCancelOrderEdit,
-  useConfirmOrderEdit
-} from "./chunk-LARLBYU6.js";
 import {
   useCancelExchangeBegin,
   useExchanges
-} from "./chunk-TW324MAT.js";
+} from "./chunk-CRYZK4NU.js";
+import {
+  useCancelClaimBegin,
+  useClaims
+} from "./chunk-S7NGDLZ3.js";
+import {
+  getReturnableQuantity
+} from "./chunk-UM7ZR3VU.js";
+import {
+  DEFAULT_FIELDS
+} from "./chunk-IMJ62GAP.js";
+import {
+  getReservationsLimitCount
+} from "./chunk-EEBJYXWA.js";
 import {
   CLAIM_POLICY_DAYS,
   EXCHANGE_POLICY_DAYS,
   RETURN_POLICY_DAYS,
   isOutsidePolicyWindow
 } from "./chunk-VCUUITW6.js";
-import {
-  useCancelClaimBegin,
-  useClaims
-} from "./chunk-IBEUR3J7.js";
 import {
   useCancelReturn,
   useCancelReturnRequest,
   useReturns
-} from "./chunk-TF6V3TFG.js";
-import {
-  getReturnableQuantity
-} from "./chunk-UM7ZR3VU.js";
+} from "./chunk-3TST3EWQ.js";
 import {
-  DEFAULT_FIELDS
-} from "./chunk-L4KBTV57.js";
-import "./chunk-BCU3FKP2.js";
+  useCancelOrderEdit,
+  useConfirmOrderEdit
+} from "./chunk-7BFQKYCJ.js";
 import {
   formatProvider
 } from "./chunk-VW56KWO2.js";
+import "./chunk-BCU3FKP2.js";
 import {
   getFormattedAddress,
   isSameAddress
@@ -61,33 +64,36 @@ import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
-  useMarkPaymentCollectionAsPaid
-} from "./chunk-TBYCZRZ7.js";
-import "./chunk-F4OJN2F2.js";
-import "./chunk-LRARA622.js";
-import "./chunk-M6N4ISXL.js";
-import "./chunk-S7EKBD2C.js";
-import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
-import "./chunk-BOZJOOGW.js";
-import "./chunk-T6LHVNWO.js";
-import "./chunk-4S6XGIC6.js";
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-QHQWEERJ.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
+import "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-5PAUN3PM.js";
+import "./chunk-ZLHCZ5F2.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
 import {
   useMember
-} from "./chunk-S23FD6FA.js";
-import "./chunk-IQWK723D.js";
-import "./chunk-DDJQRV6E.js";
+} from "./chunk-MVEHWM7K.js";
 import {
   useCustomer
-} from "./chunk-LWJF63JW.js";
-import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
-import "./chunk-VXMOPVRH.js";
+} from "./chunk-OYUJYPDF.js";
+import "./chunk-O7BGGWW6.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-3SH24DGG.js";
+import "./chunk-JR7AABT5.js";
 import {
   useStockLocation
-} from "./chunk-NBPMNUKZ.js";
-import "./chunk-UORPTGV2.js";
+} from "./chunk-ZQCCVCHB.js";
+import "./chunk-5BQO3YQP.js";
+import "./chunk-EPRYM3FA.js";
 import {
   ordersQueryKeys,
   useCancelOrder,
@@ -95,17 +101,12 @@ import {
   useMarkOrderFulfillmentAsDelivered,
   useOrder,
   useOrderChanges,
+  useOrderCommissionLines,
   useOrderPreview,
   useReservationItems
-} from "./chunk-Y2MQ5EMD.js";
-import "./chunk-3B34B2M2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-QHQWEERJ.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+} from "./chunk-6FDPVW7Y.js";
+import "./chunk-JJP6AKMV.js";
+import "./chunk-G6YNCIVF.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -113,7 +114,7 @@ import {
 import "./chunk-ZA2KFUFR.js";
 import {
   fetchQuery
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/orders/[id]/loader.tsx
@@ -1373,32 +1374,79 @@ var OrderActivitySection = ({ order }) => {
   ] });
 };
 
+// src/pages/orders/[id]/_components/order-commission-section/order-commission-section.tsx
+import { Container as Container6, Heading as Heading6, Text as Text16 } from "@medusajs/ui";
+import { useMemo as useMemo4 } from "react";
+import { useTranslation as useTranslation16 } from "react-i18next";
+import { jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
+var OrderCommissionSection = ({
+  order
+}) => {
+  const { t } = useTranslation16();
+  const { commission_lines, isLoading } = useOrderCommissionLines(order.id);
+  const itemTitleById = useMemo4(() => {
+    const map = /* @__PURE__ */ new Map();
+    order.items?.forEach((item) => {
+      map.set(item.id, item.product_title ?? item.title);
+    });
+    return map;
+  }, [order.items]);
+  if (isLoading || !commission_lines.length) {
+    return null;
+  }
+  const total = commission_lines.reduce(
+    (acc, line) => acc + (line.amount ?? 0),
+    0
+  );
+  return /* @__PURE__ */ jsxs18(Container6, { className: "divide-y p-0", "data-testid": "order-commission-section", children: [
+    /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx17(Heading6, { level: "h2", children: t("fields.commission", "Commission") }) }),
+    /* @__PURE__ */ jsx17("div", { className: "divide-y", children: commission_lines.map((line) => {
+      const label = line.shipping_method_id ? t("fields.shipping") : itemTitleById.get(line.item_id ?? "") ?? line.code;
+      return /* @__PURE__ */ jsxs18(
+        "div",
+        {
+          className: "text-ui-fg-subtle grid grid-cols-2 items-center gap-4 px-6 py-4",
+          children: [
+            /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", children: label }),
+            /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", className: "text-right", children: getLocaleAmount(line.amount, order.currency_code) })
+          ]
+        },
+        line.id
+      );
+    }) }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx17(Text16, { size: "small", weight: "plus", leading: "compact", children: t("orders.commission.total", "Total") }),
+      /* @__PURE__ */ jsx17(Text16, { size: "small", weight: "plus", leading: "compact", children: getLocaleAmount(total, order.currency_code) })
+    ] })
+  ] });
+};
+
 // src/pages/orders/[id]/_components/order-customer-section/order-customer-section.tsx
-import { Container as Container6, Heading as Heading6 } from "@medusajs/ui";
-import { useTranslation as useTranslation17 } from "react-i18next";
+import { Container as Container7, Heading as Heading7 } from "@medusajs/ui";
+import { useTranslation as useTranslation18 } from "react-i18next";
 
 // src/components/common/customer-info/customer-info.tsx
-import { Avatar as Avatar2, Copy as Copy2, Text as Text16 } from "@medusajs/ui";
-import { useTranslation as useTranslation16 } from "react-i18next";
+import { Avatar as Avatar2, Copy as Copy2, Text as Text17 } from "@medusajs/ui";
+import { useTranslation as useTranslation17 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
-import { jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs19 } from "react/jsx-runtime";
 var ID = ({ data }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation17();
   const id = data.customer_id;
   const name = getOrderCustomer(data);
   const email = data.email;
   const fallback = (name || email || "").charAt(0).toUpperCase();
-  return /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", weight: "plus", children: t("fields.id") }),
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("fields.id") }),
+    /* @__PURE__ */ jsx18(
       Link2,
       {
         to: `/customers/${id}`,
         className: "focus:shadow-borders-focus rounded-[4px] outline-none transition-shadow",
-        children: /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-x-2 overflow-hidden", children: [
-          /* @__PURE__ */ jsx17(Avatar2, { size: "2xsmall", fallback }),
-          /* @__PURE__ */ jsx17(
-            Text16,
+        children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-x-2 overflow-hidden", children: [
+          /* @__PURE__ */ jsx18(Avatar2, { size: "2xsmall", fallback }),
+          /* @__PURE__ */ jsx18(
+            Text17,
             {
               size: "small",
               leading: "compact",
@@ -1412,26 +1460,26 @@ var ID = ({ data }) => {
   ] });
 };
 var Company = ({ data }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation17();
   const company = data.shipping_address?.company || data.billing_address?.company;
   if (!company) {
     return null;
   }
-  return /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", weight: "plus", children: t("fields.company") }),
-    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", className: "truncate", children: company })
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("fields.company") }),
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", className: "truncate", children: company })
   ] });
 };
 var Contact = ({ data }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation17();
   const phone = data.shipping_address?.phone || data.billing_address?.phone;
   const email = data.email || "";
-  return /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", weight: "plus", children: t("orders.customer.contactLabel") }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-y-2", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
-        /* @__PURE__ */ jsx17(
-          Text16,
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.customer.contactLabel") }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-y-2", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+        /* @__PURE__ */ jsx18(
+          Text17,
           {
             size: "small",
             leading: "compact",
@@ -1439,11 +1487,11 @@ var Contact = ({ data }) => {
             children: email
           }
         ),
-        /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(Copy2, { content: email, className: "text-ui-fg-muted" }) })
+        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(Copy2, { content: email, className: "text-ui-fg-muted" }) })
       ] }),
-      phone && /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
-        /* @__PURE__ */ jsx17(
-          Text16,
+      phone && /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+        /* @__PURE__ */ jsx18(
+          Text17,
           {
             size: "small",
             leading: "compact",
@@ -1451,7 +1499,7 @@ var Contact = ({ data }) => {
             children: phone
           }
         ),
-        /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(Copy2, { content: phone, className: "text-ui-fg-muted" }) })
+        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(Copy2, { content: phone, className: "text-ui-fg-muted" }) })
       ] })
     ] })
   ] });
@@ -1460,33 +1508,33 @@ var AddressPrint = ({
   address,
   type
 }) => {
-  const { t } = useTranslation16();
-  return /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", weight: "plus", children: type === "shipping" ? t("addresses.shippingAddress.label") : t("addresses.billingAddress.label") }),
-    address ? /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
-      /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", children: getFormattedAddress({ address }).map((line, i) => {
-        return /* @__PURE__ */ jsxs18("span", { className: "break-words", children: [
+  const { t } = useTranslation17();
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: type === "shipping" ? t("addresses.shippingAddress.label") : t("addresses.billingAddress.label") }),
+    address ? /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+      /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", children: getFormattedAddress({ address }).map((line, i) => {
+        return /* @__PURE__ */ jsxs19("span", { className: "break-words", children: [
           line,
-          /* @__PURE__ */ jsx17("br", {})
+          /* @__PURE__ */ jsx18("br", {})
         ] }, i);
       }) }),
-      /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(
         Copy2,
         {
           content: getFormattedAddress({ address }).join("\n"),
           className: "text-ui-fg-muted"
         }
       ) })
-    ] }) : /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", children: "-" })
+    ] }) : /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", children: "-" })
   ] });
 };
 var Addresses = ({ data }) => {
-  const { t } = useTranslation16();
-  return /* @__PURE__ */ jsxs18("div", { className: "divide-y", children: [
-    /* @__PURE__ */ jsx17(AddressPrint, { address: data.shipping_address, type: "shipping" }),
-    !isSameAddress(data.shipping_address, data.billing_address) ? /* @__PURE__ */ jsx17(AddressPrint, { address: data.billing_address, type: "billing" }) : /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx17(
-        Text16,
+  const { t } = useTranslation17();
+  return /* @__PURE__ */ jsxs19("div", { className: "divide-y", children: [
+    /* @__PURE__ */ jsx18(AddressPrint, { address: data.shipping_address, type: "shipping" }),
+    !isSameAddress(data.shipping_address, data.billing_address) ? /* @__PURE__ */ jsx18(AddressPrint, { address: data.billing_address, type: "billing" }) : /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx18(
+        Text17,
         {
           size: "small",
           leading: "compact",
@@ -1495,7 +1543,7 @@ var Addresses = ({ data }) => {
           children: t("addresses.billingAddress.label")
         }
       ),
-      /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: t("addresses.billingAddress.sameAsShipping") })
+      /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: t("addresses.billingAddress.sameAsShipping") })
     ] })
   ] });
 };
@@ -1520,61 +1568,61 @@ var getOrderCustomer = (obj) => {
 };
 
 // src/pages/orders/[id]/_components/order-customer-section/order-customer-section.tsx
-import { jsx as jsx18, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs20 } from "react/jsx-runtime";
 var OrderCustomerSection = ({ order }) => {
-  return /* @__PURE__ */ jsxs19(Container6, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx18(Header, {}),
-    /* @__PURE__ */ jsx18(CustomerInfo.ID, { data: order }),
-    /* @__PURE__ */ jsx18(CustomerInfo.Contact, { data: order }),
-    /* @__PURE__ */ jsx18(CustomerInfo.Company, { data: order }),
-    /* @__PURE__ */ jsx18(CustomerInfo.Addresses, { data: order })
+  return /* @__PURE__ */ jsxs20(Container7, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx19(Header, {}),
+    /* @__PURE__ */ jsx19(CustomerInfo.ID, { data: order }),
+    /* @__PURE__ */ jsx19(CustomerInfo.Contact, { data: order }),
+    /* @__PURE__ */ jsx19(CustomerInfo.Company, { data: order }),
+    /* @__PURE__ */ jsx19(CustomerInfo.Addresses, { data: order })
   ] });
 };
 var Header = () => {
-  const { t } = useTranslation17();
-  return /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx18(Heading6, { level: "h2", children: t("fields.customer") }) });
+  const { t } = useTranslation18();
+  return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx19(Heading7, { level: "h2", children: t("fields.customer") }) });
 };
 
 // src/pages/orders/[id]/_components/order-fulfillment-section/order-fulfillment-section.tsx
-import { XCircle } from "@medusajs/icons";
+import { Buildings, XCircle } from "@medusajs/icons";
 import {
   Button as Button6,
-  Container as Container7,
+  Container as Container8,
   Copy as Copy3,
-  Heading as Heading7,
+  Heading as Heading8,
   StatusBadge,
-  Text as Text17,
+  Text as Text18,
   Tooltip as Tooltip2,
   toast as toast5,
   usePrompt as usePrompt2
 } from "@medusajs/ui";
 import { format } from "date-fns";
-import { useTranslation as useTranslation18 } from "react-i18next";
+import { useTranslation as useTranslation19 } from "react-i18next";
 import { Link as Link3, useNavigate as useNavigate5 } from "react-router-dom";
-import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs21 } from "react/jsx-runtime";
 var OrderFulfillmentSection = ({
   order
 }) => {
   const fulfillments = order.fulfillments || [];
-  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-y-3", children: [
-    /* @__PURE__ */ jsx19(UnfulfilledItemBreakdown, { order }),
-    fulfillments.map((f, index) => /* @__PURE__ */ jsx19(Fulfillment, { index, fulfillment: f, order }, f.id))
+  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsx20(UnfulfilledItemBreakdown, { order }),
+    fulfillments.map((f, index) => /* @__PURE__ */ jsx20(Fulfillment, { index, fulfillment: f, order }, f.id))
   ] });
 };
 var UnfulfilledItem = ({
   item,
   currencyCode
 }) => {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-x-4", children: [
-          /* @__PURE__ */ jsx19(Thumbnail, { src: item.thumbnail }),
-          /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx19(
-              Text17,
+        /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-x-4", children: [
+          /* @__PURE__ */ jsx20(Thumbnail, { src: item.thumbnail }),
+          /* @__PURE__ */ jsxs21("div", { children: [
+            /* @__PURE__ */ jsx20(
+              Text18,
               {
                 size: "small",
                 leading: "compact",
@@ -1583,20 +1631,20 @@ var UnfulfilledItem = ({
                 children: item.title
               }
             ),
-            item.variant_sku && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-x-1", children: [
-              /* @__PURE__ */ jsx19(Text17, { size: "small", children: item.variant_sku }),
-              /* @__PURE__ */ jsx19(Copy3, { content: item.variant_sku, className: "text-ui-fg-muted" })
+            item.variant_sku && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-1", children: [
+              /* @__PURE__ */ jsx20(Text18, { size: "small", children: item.variant_sku }),
+              /* @__PURE__ */ jsx20(Copy3, { content: item.variant_sku, className: "text-ui-fg-muted" })
             ] }),
-            /* @__PURE__ */ jsx19(Text17, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
+            /* @__PURE__ */ jsx20(Text18, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
-          /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx19(Text17, { size: "small", children: getLocaleAmount(item.unit_price, currencyCode) }) }),
-          /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs20(Text17, { children: [
-            /* @__PURE__ */ jsx19("span", { className: "tabular-nums", children: item.quantity - item.detail.fulfilled_quantity }),
+        /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
+          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx20(Text18, { size: "small", children: getLocaleAmount(item.unit_price, currencyCode) }) }),
+          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs21(Text18, { children: [
+            /* @__PURE__ */ jsx20("span", { className: "tabular-nums", children: item.quantity - item.detail.fulfilled_quantity }),
             "x"
           ] }) }),
-          /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx19(Text17, { size: "small", children: getLocaleAmount(item.subtotal || 0, currencyCode) }) })
+          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx20(Text18, { size: "small", children: getLocaleAmount(item.subtotal || 0, currencyCode) }) })
         ] })
       ]
     },
@@ -1610,8 +1658,8 @@ var UnfulfilledItemBreakdown = ({ order }) => {
   const unfulfilledItemsWithoutShipping = order.items.filter(
     (i) => !i.requires_shipping && i.detail && i.quantity && i.detail.fulfilled_quantity < i.quantity
   );
-  return /* @__PURE__ */ jsxs20(Fragment2, { children: [
-    !!unfulfilledItemsWithShipping.length && /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs21(Fragment2, { children: [
+    !!unfulfilledItemsWithShipping.length && /* @__PURE__ */ jsx20(
       UnfulfilledItemDisplay,
       {
         order,
@@ -1619,7 +1667,7 @@ var UnfulfilledItemBreakdown = ({ order }) => {
         requiresShipping: true
       }
     ),
-    !!unfulfilledItemsWithoutShipping.length && /* @__PURE__ */ jsx19(
+    !!unfulfilledItemsWithoutShipping.length && /* @__PURE__ */ jsx20(
       UnfulfilledItemDisplay,
       {
         order,
@@ -1634,33 +1682,42 @@ var UnfulfilledItemDisplay = ({
   unfulfilledItems,
   requiresShipping = false
 }) => {
-  const { t } = useTranslation18();
+  const { t } = useTranslation19();
   if (order.status === "canceled") {
     return;
   }
-  return /* @__PURE__ */ jsxs20(Container7, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx19(Heading7, { level: "h2", children: t("orders.fulfillment.unfulfilledItems") }),
-      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-x-4", children: [
-        requiresShipping && /* @__PURE__ */ jsx19(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.requiresShipping") }),
-        /* @__PURE__ */ jsx19(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.awaitingFulfillmentBadge") })
+  return /* @__PURE__ */ jsxs21(Container8, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Heading8, { level: "h2", children: t("orders.fulfillment.unfulfilledItems") }),
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-4", children: [
+        requiresShipping && /* @__PURE__ */ jsx20(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.requiresShipping") }),
+        /* @__PURE__ */ jsx20(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.awaitingFulfillmentBadge") }),
+        /* @__PURE__ */ jsx20(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("orders.fulfillment.fulfillItems"),
+                    icon: /* @__PURE__ */ jsx20(Buildings, {}),
+                    to: `/orders/${order.id}/fulfillment?requires_shipping=${requiresShipping}`
+                  }
+                ]
+              }
+            ]
+          }
+        )
       ] })
     ] }),
-    /* @__PURE__ */ jsx19("div", { children: unfulfilledItems.map((item) => /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20("div", { children: unfulfilledItems.map((item) => /* @__PURE__ */ jsx20(
       UnfulfilledItem,
       {
         item,
         currencyCode: order.currency_code
       },
       item.id
-    )) }),
-    /* @__PURE__ */ jsx19("div", { className: "px-6 py-4 flex justify-end", children: /* @__PURE__ */ jsx19(
-      Link3,
-      {
-        to: `/orders/${order.id}/fulfillment?requires_shipping=${requiresShipping}`,
-        children: /* @__PURE__ */ jsx19(Button6, { size: "small", children: t("orders.fulfillment.fulfillItems") })
-      }
-    ) })
+    )) })
   ] });
 };
 var Fulfillment = ({
@@ -1668,7 +1725,7 @@ var Fulfillment = ({
   order,
   index
 }) => {
-  const { t } = useTranslation18();
+  const { t } = useTranslation19();
   const prompt = usePrompt2();
   const navigate = useNavigate5();
   const showLocation = !!fulfillment.location_id;
@@ -1703,6 +1760,7 @@ var Fulfillment = ({
   );
   const showShippingButton = !fulfillment.canceled_at && !fulfillment.shipped_at && !fulfillment.delivered_at && fulfillment.requires_shipping && !isPickUpFulfillment;
   const showDeliveryButton = !fulfillment.canceled_at && !fulfillment.delivered_at;
+  const cancelDisabled = !!fulfillment.canceled_at || !!fulfillment.shipped_at || !!fulfillment.delivered_at;
   const handleMarkAsDelivered = async () => {
     const res = await prompt({
       title: t("general.areYouSure"),
@@ -1751,23 +1809,23 @@ var Fulfillment = ({
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs20(Container7, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx19(Heading7, { level: "h2", children: t("orders.fulfillment.number", {
+  return /* @__PURE__ */ jsxs21(Container8, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Heading8, { level: "h2", children: t("orders.fulfillment.number", {
         number: index + 1
       }) }),
-      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-4", children: [
+        /* @__PURE__ */ jsx20(
           Tooltip2,
           {
             content: format(
               new Date(statusTimestamp),
               "dd MMM, yyyy, HH:mm:ss"
             ),
-            children: /* @__PURE__ */ jsx19(StatusBadge, { color: statusColor, className: "text-nowrap", children: statusText })
+            children: /* @__PURE__ */ jsx20(StatusBadge, { color: statusColor, className: "text-nowrap", children: statusText })
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           ActionMenu,
           {
             groups: [
@@ -1775,9 +1833,9 @@ var Fulfillment = ({
                 actions: [
                   {
                     label: t("actions.cancel"),
-                    icon: /* @__PURE__ */ jsx19(XCircle, {}),
+                    icon: /* @__PURE__ */ jsx20(XCircle, {}),
                     onClick: handleCancel,
-                    disabled: !!fulfillment.canceled_at
+                    disabled: cancelDisabled
                   }
                 ]
               }
@@ -1786,50 +1844,50 @@ var Fulfillment = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.itemsLabel") }),
-      /* @__PURE__ */ jsx19("ul", { children: (fulfillment.items || []).map((f_item) => /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsxs20(Text17, { size: "small", leading: "compact", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.itemsLabel") }),
+      /* @__PURE__ */ jsx20("ul", { children: (fulfillment.items || []).map((f_item) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsxs21(Text18, { size: "small", leading: "compact", children: [
         f_item.quantity,
         "x ",
         f_item.title
       ] }) }, f_item.line_item_id)) })
     ] }),
-    showLocation && /* @__PURE__ */ jsxs20("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.shippingFromLabel") }),
-      stock_location ? /* @__PURE__ */ jsx19(
+    showLocation && /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.shippingFromLabel") }),
+      stock_location ? /* @__PURE__ */ jsx20(
         Link3,
         {
           to: `/settings/locations/${stock_location.id}`,
           className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
-          children: /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: stock_location.name })
+          children: /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: stock_location.name })
         }
-      ) : /* @__PURE__ */ jsx19(Skeleton, { className: "w-16" })
+      ) : /* @__PURE__ */ jsx20(Skeleton, { className: "w-16" })
     ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", weight: "plus", children: t("fields.provider") }),
-      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: formatProvider(fulfillment.provider_id) })
+    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("fields.provider") }),
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: formatProvider(fulfillment.provider_id) })
     ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.trackingLabel") }),
-      /* @__PURE__ */ jsx19("div", { children: fulfillment.labels && fulfillment.labels.length > 0 ? /* @__PURE__ */ jsx19("ul", { children: fulfillment.labels.map((tlink) => {
+    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.trackingLabel") }),
+      /* @__PURE__ */ jsx20("div", { children: fulfillment.labels && fulfillment.labels.length > 0 ? /* @__PURE__ */ jsx20("ul", { children: fulfillment.labels.map((tlink) => {
         const hasUrl = !!tlink.tracking_url?.length && tlink.tracking_url !== "#";
         if (hasUrl) {
-          return /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsx19(
+          return /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(
             "a",
             {
               href: tlink.tracking_url || "",
               target: "_blank",
               rel: "noopener noreferrer",
               className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
-              children: /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: tlink.tracking_number })
+              children: /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: tlink.tracking_number })
             }
           ) }, tlink.tracking_number);
         }
-        return /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: tlink.tracking_number }) }, tlink.tracking_number);
-      }) }) : /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: "-" }) })
+        return /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: tlink.tracking_number }) }, tlink.tracking_number);
+      }) }) : /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: "-" }) })
     ] }),
-    (showShippingButton || showDeliveryButton) && /* @__PURE__ */ jsxs20("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-      showDeliveryButton && /* @__PURE__ */ jsx19(
+    (showShippingButton || showDeliveryButton) && /* @__PURE__ */ jsxs21("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+      showDeliveryButton && /* @__PURE__ */ jsx20(
         Button6,
         {
           size: "small",
@@ -1840,7 +1898,7 @@ var Fulfillment = ({
           )
         }
       ),
-      showShippingButton && /* @__PURE__ */ jsx19(
+      showShippingButton && /* @__PURE__ */ jsx20(
         Button6,
         {
           size: "small",
@@ -1856,18 +1914,18 @@ var Fulfillment = ({
 // src/pages/orders/[id]/_components/order-general-section/order-general-section.tsx
 import { XCircle as XCircle2 } from "@medusajs/icons";
 import {
-  Container as Container8,
+  Container as Container9,
   Copy as Copy4,
-  Heading as Heading8,
+  Heading as Heading9,
   StatusBadge as StatusBadge2,
-  Text as Text18,
+  Text as Text19,
   toast as toast6,
   usePrompt as usePrompt3
 } from "@medusajs/ui";
-import { useTranslation as useTranslation19 } from "react-i18next";
-import { jsx as jsx20, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useTranslation as useTranslation20 } from "react-i18next";
+import { jsx as jsx21, jsxs as jsxs22 } from "react/jsx-runtime";
 var OrderGeneralSection = ({ order }) => {
-  const { t } = useTranslation19();
+  const { t } = useTranslation20();
   const prompt = usePrompt3();
   const { getFullDate } = useDate();
   const { mutateAsync: cancelOrder } = useCancelOrder(order.id);
@@ -1898,27 +1956,27 @@ var OrderGeneralSection = ({ order }) => {
       }
     });
   };
-  return /* @__PURE__ */ jsxs21(Container8, { className: "flex items-center justify-between px-6 py-4", children: [
-    /* @__PURE__ */ jsxs21("div", { children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-1", children: [
-        /* @__PURE__ */ jsxs21(Heading8, { children: [
+  return /* @__PURE__ */ jsxs22(Container9, { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsxs22("div", { children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1", children: [
+        /* @__PURE__ */ jsxs22(Heading9, { children: [
           "#",
           order.display_id
         ] }),
-        /* @__PURE__ */ jsx20(Copy4, { content: `#${order.display_id}`, className: "text-ui-fg-muted" })
+        /* @__PURE__ */ jsx21(Copy4, { content: `#${order.display_id}`, className: "text-ui-fg-muted" })
       ] }),
-      /* @__PURE__ */ jsx20(Text18, { size: "small", className: "text-ui-fg-subtle", children: t("orders.onDateFromSalesChannel", {
+      /* @__PURE__ */ jsx21(Text19, { size: "small", className: "text-ui-fg-subtle", children: t("orders.onDateFromSalesChannel", {
         date: getFullDate({ date: order.created_at, includeTime: true }),
         salesChannel: order.sales_channel?.name
       }) })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-4", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-1.5", children: [
-        /* @__PURE__ */ jsx20(OrderBadge, { order }),
-        /* @__PURE__ */ jsx20(PaymentBadge, { order }),
-        /* @__PURE__ */ jsx20(FulfillmentBadge, { order })
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-4", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1.5", children: [
+        /* @__PURE__ */ jsx21(OrderBadge, { order }),
+        /* @__PURE__ */ jsx21(PaymentBadge, { order }),
+        /* @__PURE__ */ jsx21(FulfillmentBadge, { order })
       ] }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         ActionMenu,
         {
           groups: [
@@ -1929,7 +1987,7 @@ var OrderGeneralSection = ({ order }) => {
                   onClick: handleCancel,
                   disabled: cancelDisabled,
                   disabledTooltip: cancelDisabledTooltip,
-                  icon: /* @__PURE__ */ jsx20(XCircle2, {})
+                  icon: /* @__PURE__ */ jsx21(XCircle2, {})
                 }
               ]
             }
@@ -1940,7 +1998,7 @@ var OrderGeneralSection = ({ order }) => {
   ] });
 };
 var FulfillmentBadge = ({ order }) => {
-  const { t } = useTranslation19();
+  const { t } = useTranslation20();
   if (!order.fulfillment_status) {
     return null;
   }
@@ -1948,36 +2006,36 @@ var FulfillmentBadge = ({ order }) => {
     t,
     order.fulfillment_status
   );
-  return /* @__PURE__ */ jsx20(StatusBadge2, { color, className: "text-nowrap", children: label });
+  return /* @__PURE__ */ jsx21(StatusBadge2, { color, className: "text-nowrap", children: label });
 };
 var PaymentBadge = ({ order }) => {
-  const { t } = useTranslation19();
+  const { t } = useTranslation20();
   if (!order.payment_status) {
     return null;
   }
   const { label, color } = getOrderPaymentStatus(t, order.payment_status);
-  return /* @__PURE__ */ jsx20(StatusBadge2, { color, className: "text-nowrap", children: label });
+  return /* @__PURE__ */ jsx21(StatusBadge2, { color, className: "text-nowrap", children: label });
 };
 var OrderBadge = ({ order }) => {
-  const { t } = useTranslation19();
+  const { t } = useTranslation20();
   const orderStatus = getCanceledOrderStatus(t, order.status);
   if (!orderStatus) {
     return null;
   }
-  return /* @__PURE__ */ jsx20(StatusBadge2, { color: orderStatus.color, className: "text-nowrap", children: orderStatus.label });
+  return /* @__PURE__ */ jsx21(StatusBadge2, { color: orderStatus.color, className: "text-nowrap", children: orderStatus.label });
 };
 
 // src/pages/orders/[id]/_components/order-payment-section/order-payment-section.tsx
 import { ArrowUturnLeft as ArrowUturnLeft2, DocumentText } from "@medusajs/icons";
 import {
   Badge,
-  Container as Container9,
-  Heading as Heading9,
+  Container as Container10,
+  Heading as Heading10,
   StatusBadge as StatusBadge3,
-  Text as Text19,
+  Text as Text20,
   Tooltip as Tooltip3
 } from "@medusajs/ui";
-import { useTranslation as useTranslation20 } from "react-i18next";
+import { useTranslation as useTranslation21 } from "react-i18next";
 
 // src/lib/payment.ts
 var getTotalCaptured = (paymentCollections) => paymentCollections.reduce((acc, paymentCollection) => {
@@ -1990,23 +2048,23 @@ var getTotalPending = (paymentCollections) => paymentCollections.filter((pc) =>
 }, 0);
 
 // src/pages/orders/[id]/_components/order-payment-section/order-payment-section.tsx
-import { jsx as jsx21, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs23 } from "react/jsx-runtime";
 var getPaymentsFromOrder = (order) => {
   return order.payment_collections?.map((collection) => collection.payments).flat(1).filter(Boolean);
 };
 var OrderPaymentSection = ({ order }) => {
   const payments = getPaymentsFromOrder(order) ?? [];
-  return /* @__PURE__ */ jsxs22(Container9, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx21(Header2, { order }),
-    payments.length > 0 && /* @__PURE__ */ jsx21("ul", { className: "divide-y", children: payments.map((payment) => /* @__PURE__ */ jsx21(PaymentRow, { order, payment }, payment.id)) }),
-    /* @__PURE__ */ jsx21(Total, { order })
+  return /* @__PURE__ */ jsxs23(Container10, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx22(Header2, { order }),
+    payments.length > 0 && /* @__PURE__ */ jsx22("ul", { className: "divide-y", children: payments.map((payment) => /* @__PURE__ */ jsx22(PaymentRow, { order, payment }, payment.id)) }),
+    /* @__PURE__ */ jsx22(Total, { order })
   ] });
 };
 var Header2 = ({ order }) => {
-  const { t } = useTranslation20();
-  return /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
-    /* @__PURE__ */ jsx21(Heading9, { level: "h2", children: t("orders.payment.title") }),
-    order.payment_status && /* @__PURE__ */ jsx21(
+  const { t } = useTranslation21();
+  return /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx22(Heading10, { level: "h2", children: t("orders.payment.title") }),
+    order.payment_status && /* @__PURE__ */ jsx22(
       StatusBadge3,
       {
         color: getOrderPaymentStatus(t, order.payment_status).color,
@@ -2017,7 +2075,7 @@ var Header2 = ({ order }) => {
   ] });
 };
 var Total = ({ order }) => {
-  const { t } = useTranslation20();
+  const { t } = useTranslation21();
   if (!order.payment_collections?.length) {
     return null;
   }
@@ -2028,18 +2086,18 @@ var Total = ({ order }) => {
     (acc, pc) => acc + (pc.refunded_amount || 0),
     0
   );
-  return /* @__PURE__ */ jsxs22("div", { children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPaidByCustomer") }),
-      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalCaptured, order.currency_code) })
+  return /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPaidByCustomer") }),
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalCaptured, order.currency_code) })
     ] }),
-    totalRefunded > 0 && /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalRefunded") }),
-      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalRefunded, order.currency_code) })
+    totalRefunded > 0 && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalRefunded") }),
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalRefunded, order.currency_code) })
     ] }),
-    order.status !== "canceled" && totalPending > 0 && /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPending") }),
-      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalPending, order.currency_code) })
+    order.status !== "canceled" && totalPending > 0 && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPending") }),
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalPending, order.currency_code) })
     ] })
   ] });
 };
@@ -2049,24 +2107,24 @@ var getPaymentStatus = (payment) => {
     0
   );
   if (payment.canceled_at) {
-    return { label: "Canceled", color: "red" };
+    return { labelKey: "orders.payment.status.canceled", color: "red" };
   }
   if (refundedAmount > 0 && refundedAmount >= payment.amount) {
-    return { label: "Refunded", color: "grey" };
+    return { labelKey: "orders.payment.status.refunded", color: "grey" };
   }
   if (refundedAmount > 0) {
-    return { label: "Partly refunded", color: "orange" };
+    return { labelKey: "orders.payment.status.partiallyRefunded", color: "orange" };
   }
   if (payment.captured_at) {
-    return { label: "Captured", color: "green" };
+    return { labelKey: "orders.payment.status.captured", color: "green" };
   }
-  return { label: "Pending", color: "orange" };
+  return { labelKey: "orders.payment.status.pending", color: "orange" };
 };
 var PaymentRow = ({
   order,
   payment
 }) => {
-  const { t } = useTranslation20();
+  const { t } = useTranslation21();
   const { getFullDate } = useDate();
   const status = getPaymentStatus(payment);
   const refunds = payment.refunds ?? [];
@@ -2076,11 +2134,11 @@ var PaymentRow = ({
   );
   const isFullyRefunded = refundedAmount > 0 && refundedAmount >= payment.amount;
   const canRefund = !!payment.captured_at && !payment.canceled_at && !isFullyRefunded;
-  return /* @__PURE__ */ jsxs22("li", { "data-testid": `payment-row-${payment.id}`, children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 flex-col", children: [
-        /* @__PURE__ */ jsx21(Tooltip3, { content: payment.id, children: /* @__PURE__ */ jsx21(
-          Text19,
+  return /* @__PURE__ */ jsxs23("li", { "data-testid": `payment-row-${payment.id}`, children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsx22(Tooltip3, { content: payment.id, children: /* @__PURE__ */ jsx22(
+          Text20,
           {
             size: "small",
             weight: "plus",
@@ -2089,8 +2147,8 @@ var PaymentRow = ({
             children: `#${payment.id.slice(-7)}`
           }
         ) }),
-        /* @__PURE__ */ jsx21(
-          Text19,
+        /* @__PURE__ */ jsx22(
+          Text20,
           {
             size: "xsmall",
             leading: "compact",
@@ -2099,10 +2157,10 @@ var PaymentRow = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-3", children: [
-        /* @__PURE__ */ jsx21(StatusBadge3, { color: status.color, className: "text-nowrap", children: status.label }),
-        /* @__PURE__ */ jsx21(
-          Text19,
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx22(StatusBadge3, { color: status.color, className: "text-nowrap", children: t(status.labelKey) }),
+        /* @__PURE__ */ jsx22(
+          Text20,
           {
             size: "small",
             weight: "plus",
@@ -2111,7 +2169,7 @@ var PaymentRow = ({
             children: getStylizedAmount(payment.amount, order.currency_code)
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           ActionMenu,
           {
             groups: [
@@ -2119,7 +2177,7 @@ var PaymentRow = ({
                 actions: [
                   {
                     label: t("orders.payment.createRefund"),
-                    icon: /* @__PURE__ */ jsx21(ArrowUturnLeft2, {}),
+                    icon: /* @__PURE__ */ jsx22(ArrowUturnLeft2, {}),
                     to: `/orders/${order.id}/refund?payment_id=${payment.id}`,
                     disabled: !canRefund
                   }
@@ -2130,7 +2188,7 @@ var PaymentRow = ({
         )
       ] })
     ] }),
-    refunds.map((refund) => /* @__PURE__ */ jsx21(
+    refunds.map((refund) => /* @__PURE__ */ jsx22(
       RefundRow,
       {
         refund,
@@ -2144,32 +2202,32 @@ var RefundRow = ({
   refund,
   currencyCode
 }) => {
-  const { t } = useTranslation20();
+  const { t } = useTranslation21();
   const { getFullDate } = useDate();
   const reasonLabel = refund.refund_reason?.label ?? null;
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       className: "flex items-center justify-between px-6 py-3 pl-12 bg-ui-bg-subtle",
       "data-testid": `refund-row-${refund.id}`,
       children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("orders.payment.refund") }),
-            reasonLabel && /* @__PURE__ */ jsx21(Badge, { size: "2xsmall", rounded: "full", children: reasonLabel }),
-            refund.note && /* @__PURE__ */ jsx21(Tooltip3, { content: refund.note, children: /* @__PURE__ */ jsx21(DocumentText, { className: "text-ui-fg-subtle h-3 w-3" }) })
+        /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsx22(Text20, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("orders.payment.refund") }),
+            reasonLabel && /* @__PURE__ */ jsx22(Badge, { size: "2xsmall", rounded: "full", children: reasonLabel }),
+            refund.note && /* @__PURE__ */ jsx22(Tooltip3, { content: refund.note, children: /* @__PURE__ */ jsx22(DocumentText, { className: "text-ui-fg-subtle h-3 w-3" }) })
           ] }),
-          refund.created_at && /* @__PURE__ */ jsx21(Text19, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: getFullDate({ date: refund.created_at, includeTime: true }) })
+          refund.created_at && /* @__PURE__ */ jsx22(Text20, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: getFullDate({ date: refund.created_at, includeTime: true }) })
         ] }),
-        /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: `- ${getLocaleAmount(refund.amount ?? 0, currencyCode)}` })
+        /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: `- ${getLocaleAmount(refund.amount ?? 0, currencyCode)}` })
       ]
     }
   );
 };
 
 // src/pages/orders/[id]/_components/order-summary-section/order-summary-section.tsx
-import { useMemo as useMemo4, useState as useState5 } from "react";
-import { useTranslation as useTranslation23 } from "react-i18next";
+import { useMemo as useMemo5, useState as useState5 } from "react";
+import { useTranslation as useTranslation24 } from "react-i18next";
 import { Link as Link4 } from "react-router-dom";
 import {
   ArrowDownRightMini,
@@ -2185,34 +2243,23 @@ import {
   Badge as Badge4,
   Button as Button7,
   clx as clx2,
-  Container as Container10,
+  Container as Container11,
   Copy as Copy5,
-  Heading as Heading10,
+  Heading as Heading11,
   StatusBadge as StatusBadge4,
-  Text as Text21,
+  Text as Text22,
   Tooltip as Tooltip5,
   toast as toast7
 } from "@medusajs/ui";
 
-// src/lib/orders.ts
-function getReservationsLimitCount(order) {
-  if (!order?.items?.length) {
-    return 0;
-  }
-  return order.items.reduce(
-    (acc, item) => acc + (item.variant?.inventory_items?.length || 1),
-    0
-  );
-}
-
 // src/pages/orders/[id]/_components/order-summary-section/return-info-popover.tsx
 import { useState as useState4 } from "react";
-import { useTranslation as useTranslation21 } from "react-i18next";
+import { useTranslation as useTranslation22 } from "react-i18next";
 import { InformationCircleSolid } from "@medusajs/icons";
-import { Badge as Badge2, Popover as Popover3, Text as Text20 } from "@medusajs/ui";
-import { jsx as jsx22, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Badge as Badge2, Popover as Popover3, Text as Text21 } from "@medusajs/ui";
+import { jsx as jsx23, jsxs as jsxs24 } from "react/jsx-runtime";
 function ReturnInfoPopover({ orderReturn }) {
-  const { t } = useTranslation21();
+  const { t } = useTranslation22();
   const { getFullDate } = useDate();
   const [open, setOpen] = useState4(false);
   if (typeof orderReturn !== "object") {
@@ -2228,8 +2275,8 @@ function ReturnInfoPopover({ orderReturn }) {
     returnType = "Exchange";
     returnTypeId = orderReturn.exchange_id;
   }
-  return /* @__PURE__ */ jsxs23(Popover3, { open, children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs24(Popover3, { open, children: [
+    /* @__PURE__ */ jsx23(
       Popover3.Trigger,
       {
         onMouseEnter: () => setOpen(true),
@@ -2237,31 +2284,31 @@ function ReturnInfoPopover({ orderReturn }) {
         autoFocus: false,
         className: "align-sub focus-visible:outline-none",
         "data-testid": "order-summary-return-info-trigger",
-        children: /* @__PURE__ */ jsx22(InformationCircleSolid, {})
+        children: /* @__PURE__ */ jsx23(InformationCircleSolid, {})
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       Popover3.Content,
       {
         align: "center",
         side: "top",
         className: "bg-ui-bg-component p-2 focus-visible:outline-none",
-        children: /* @__PURE__ */ jsxs23("div", { children: [
-          /* @__PURE__ */ jsxs23(Badge2, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
+        children: /* @__PURE__ */ jsxs24("div", { children: [
+          /* @__PURE__ */ jsxs24(Badge2, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
             returnType,
             ": #",
             returnTypeId.slice(-7)
           ] }),
-          /* @__PURE__ */ jsxs23(Text20, { size: "xsmall", children: [
-            /* @__PURE__ */ jsx22("span", { className: "text-ui-fg-subtle", children: t("orders.returns.returnRequested") }),
+          /* @__PURE__ */ jsxs24(Text21, { size: "xsmall", children: [
+            /* @__PURE__ */ jsx23("span", { className: "text-ui-fg-subtle", children: t("orders.returns.returnRequested") }),
             " \xB7 ",
             getFullDate({
               date: orderReturn.requested_at,
               includeTime: true
             })
           ] }),
-          /* @__PURE__ */ jsxs23(Text20, { size: "xsmall", children: [
-            /* @__PURE__ */ jsx22("span", { className: "text-ui-fg-subtle", children: t("orders.returns.itemReceived") }),
+          /* @__PURE__ */ jsxs24(Text21, { size: "xsmall", children: [
+            /* @__PURE__ */ jsx23("span", { className: "text-ui-fg-subtle", children: t("orders.returns.itemReceived") }),
             " \xB7 ",
             orderReturn.received_at ? getFullDate({
               date: orderReturn.received_at,
@@ -2278,10 +2325,10 @@ var return_info_popover_default = ReturnInfoPopover;
 // src/pages/orders/[id]/_components/order-summary-section/shipping-info-popover.tsx
 import { InformationCircleSolid as InformationCircleSolid2 } from "@medusajs/icons";
 import { Badge as Badge3, Tooltip as Tooltip4 } from "@medusajs/ui";
-import { useTranslation as useTranslation22 } from "react-i18next";
-import { jsx as jsx23, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useTranslation as useTranslation23 } from "react-i18next";
+import { jsx as jsx24, jsxs as jsxs25 } from "react/jsx-runtime";
 function ShippingInfoPopover({ shippingMethod }) {
-  const { t } = useTranslation22();
+  const { t } = useTranslation23();
   const shippingDetail = shippingMethod?.detail;
   if (!shippingDetail) {
     return;
@@ -2299,26 +2346,26 @@ function ShippingInfoPopover({ shippingMethod }) {
   if (!rmaId) {
     return;
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     Tooltip4,
     {
-      content: /* @__PURE__ */ jsxs24(Badge3, { size: "2xsmall", rounded: "full", children: [
+      content: /* @__PURE__ */ jsxs25(Badge3, { size: "2xsmall", rounded: "full", children: [
         rmaType,
         ": #",
         rmaId.slice(-7)
       ] }),
-      children: /* @__PURE__ */ jsx23(InformationCircleSolid2, { className: "inline-block text-ui-fg-muted ml-1" })
+      children: /* @__PURE__ */ jsx24(InformationCircleSolid2, { className: "inline-block text-ui-fg-muted ml-1" })
     }
   );
 }
 var shipping_info_popover_default = ShippingInfoPopover;
 
 // src/pages/orders/[id]/_components/order-summary-section/order-summary-section.tsx
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs26 } from "react/jsx-runtime";
 var OrderSummarySection = ({
   order
 }) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const { reservations } = useReservationItems(
     {
       line_item_id: order?.items?.map((i) => i.id),
@@ -2327,7 +2374,7 @@ var OrderSummarySection = ({
     { enabled: Array.isArray(order?.items) }
   );
   const { order: orderPreview } = useOrderPreview(order.id);
-  const reservationList = useMemo4(
+  const reservationList = useMemo5(
     () => reservations ?? [],
     [reservations]
   );
@@ -2336,12 +2383,12 @@ var OrderSummarySection = ({
     order_id: order.id,
     fields: "+received_at"
   });
-  const receivableReturns = useMemo4(
+  const receivableReturns = useMemo5(
     () => receivableReturnsList.filter((r) => !r.canceled_at),
     [receivableReturnsList]
   );
   const showReturns = !!receivableReturns.length;
-  const showAllocateButton = useMemo4(() => {
+  const showAllocateButton = useMemo5(() => {
     if (!reservations) {
       return false;
     }
@@ -2369,19 +2416,19 @@ var OrderSummarySection = ({
     order.currency_code
   );
   const showRefund = unpaidPaymentCollection && pendingDifference < 0 && isAmountSignificant;
-  return /* @__PURE__ */ jsxs25(Container10, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx24(Header3, { order, orderPreview }),
-    /* @__PURE__ */ jsx24(ItemBreakdown, { order, reservations: reservationList }),
-    /* @__PURE__ */ jsx24(CostBreakdown, { order }),
-    /* @__PURE__ */ jsx24(Total2, { order }),
-    (showReturns || showRefund || showAllocateButton) && /* @__PURE__ */ jsxs25("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-      showReturns && (receivableReturns.length === 1 ? /* @__PURE__ */ jsx24(Button7, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs26(Container11, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx25(Header3, { order, orderPreview }),
+    /* @__PURE__ */ jsx25(ItemBreakdown, { order, reservations: reservationList }),
+    /* @__PURE__ */ jsx25(CostBreakdown, { order }),
+    /* @__PURE__ */ jsx25(Total2, { order }),
+    (showReturns || showRefund || showAllocateButton) && /* @__PURE__ */ jsxs26("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+      showReturns && (receivableReturns.length === 1 ? /* @__PURE__ */ jsx25(Button7, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx25(
         Link4,
         {
           to: `/orders/${order.id}/returns/${receivableReturns[0].id}/receive`,
           children: t("orders.returns.receive.action")
         }
-      ) }) : /* @__PURE__ */ jsx24(
+      ) }) : /* @__PURE__ */ jsx25(
         ActionMenu,
         {
           groups: [
@@ -2402,40 +2449,40 @@ var OrderSummarySection = ({
                     id: `#${id?.slice(-7)}`,
                     returnType
                   }),
-                  icon: /* @__PURE__ */ jsx24(ArrowLongRight, {}),
+                  icon: /* @__PURE__ */ jsx25(ArrowLongRight, {}),
                   to: `/orders/${order.id}/returns/${r.id}/receive`
                 };
               })
             }
           ],
-          children: /* @__PURE__ */ jsx24(Button7, { variant: "secondary", size: "small", children: t("orders.returns.receive.action") })
+          children: /* @__PURE__ */ jsx25(Button7, { variant: "secondary", size: "small", children: t("orders.returns.receive.action") })
         }
       )),
-      showAllocateButton && /* @__PURE__ */ jsx24(
+      showAllocateButton && /* @__PURE__ */ jsx25(
         Button7,
         {
           asChild: true,
           variant: "secondary",
           size: "small",
           "data-testid": "order-summary-allocate-items-cta",
-          children: /* @__PURE__ */ jsx24(Link4, { to: "allocate-items", children: t("orders.allocateItems.action") })
+          children: /* @__PURE__ */ jsx25(Link4, { to: "allocate-items", children: t("orders.allocateItems.action") })
         }
       ),
-      showRefund && /* @__PURE__ */ jsx24(Button7, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx24(Link4, { to: `/orders/${order.id}/refund`, children: t("orders.payment.refundAmount", {
+      showRefund && /* @__PURE__ */ jsx25(Button7, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx25(Link4, { to: `/orders/${order.id}/refund`, children: t("orders.payment.refundAmount", {
         amount: getStylizedAmount(
           pendingDifference * -1,
           order?.currency_code
         )
       }) }) })
     ] }),
-    /* @__PURE__ */ jsx24(OutstandingActions, { order })
+    /* @__PURE__ */ jsx25(OutstandingActions, { order })
   ] });
 };
 var Header3 = ({
   order,
   orderPreview
 }) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const isCanceled = !!order.canceled_at;
   const returnOutOfPolicy = isOutsidePolicyWindow(order, RETURN_POLICY_DAYS);
   const exchangeOutOfPolicy = isOutsidePolicyWindow(
@@ -2453,9 +2500,9 @@ var Header3 = ({
   const returnDisabledByChange = isOrderEditActive || !!orderChange?.exchange_id || !!orderChange?.claim_id;
   const exchangeDisabledByChange = isOrderEditActive || !!orderChange?.return_id && !orderChange?.exchange_id || !!orderChange?.claim_id;
   const claimDisabledByChange = isOrderEditActive || !!orderChange?.return_id && !orderChange?.claim_id || !!orderChange?.exchange_id;
-  return /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between px-6 py-4", children: [
-    /* @__PURE__ */ jsx24(Heading10, { level: "h2", children: t("fields.summary") }),
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx25(Heading11, { level: "h2", children: t("fields.summary") }),
+    /* @__PURE__ */ jsx25(
       ActionMenu,
       {
         groups: [
@@ -2467,7 +2514,7 @@ var Header3 = ({
                 ),
                 to: "edit",
                 disabled: editDisabled,
-                icon: /* @__PURE__ */ jsx24(PencilSquare, {})
+                icon: /* @__PURE__ */ jsx25(PencilSquare, {})
               }
             ]
           },
@@ -2480,7 +2527,7 @@ var Header3 = ({
                 disabledTooltip: returnOutOfPolicy ? t("orders.returns.outOfPolicy", {
                   days: RETURN_POLICY_DAYS
                 }) : void 0,
-                icon: /* @__PURE__ */ jsx24(ArrowUturnLeft3, {})
+                icon: /* @__PURE__ */ jsx25(ArrowUturnLeft3, {})
               },
               {
                 label: orderChange?.id && orderChange?.exchange_id ? t("orders.exchanges.manage") : t("orders.exchanges.create"),
@@ -2489,7 +2536,7 @@ var Header3 = ({
                 disabledTooltip: exchangeOutOfPolicy ? t("orders.exchanges.outOfPolicy", {
                   days: EXCHANGE_POLICY_DAYS
                 }) : void 0,
-                icon: /* @__PURE__ */ jsx24(ArrowPath2, {})
+                icon: /* @__PURE__ */ jsx25(ArrowPath2, {})
               },
               {
                 label: orderChange?.id && orderChange?.claim_id ? t("orders.claims.manage") : t("orders.claims.create"),
@@ -2498,7 +2545,7 @@ var Header3 = ({
                 disabledTooltip: claimOutOfPolicy ? t("orders.claims.outOfPolicy", {
                   days: CLAIM_POLICY_DAYS
                 }) : void 0,
-                icon: /* @__PURE__ */ jsx24(ExclamationCircle2, {})
+                icon: /* @__PURE__ */ jsx25(ExclamationCircle2, {})
               }
             ]
           }
@@ -2513,7 +2560,7 @@ var Item = ({
   returns,
   reservation
 }) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const original_price = item.variant?.prices?.find((price2) => price2.currency_code === currencyCode)?.amount || 0;
   const price = item.unit_price;
   const offerInventoryLinks = item.offer?.inventory_item_link ?? [];
@@ -2521,17 +2568,17 @@ var Item = ({
   const hasUnfulfilledItems = item.quantity - (item.detail?.fulfilled_quantity ?? 0) > 0;
   const offerSku = item.offer?.sku ?? null;
   const captionSku = offerSku ?? item.variant_sku ?? null;
-  return /* @__PURE__ */ jsxs25(Fragment3, { children: [
-    /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(Fragment3, { children: [
+    /* @__PURE__ */ jsxs26(
       "div",
       {
         className: "text-ui-fg-subtle grid grid-cols-2 items-center gap-x-4 px-6 py-4",
         children: [
-          /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-x-4", children: [
-            /* @__PURE__ */ jsx24(Thumbnail, { src: item.thumbnail }),
-            /* @__PURE__ */ jsxs25("div", { children: [
-              /* @__PURE__ */ jsx24(
-                Text21,
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx25(Thumbnail, { src: item.thumbnail }),
+            /* @__PURE__ */ jsxs26("div", { children: [
+              /* @__PURE__ */ jsx25(
+                Text22,
                 {
                   size: "small",
                   leading: "compact",
@@ -2540,24 +2587,24 @@ var Item = ({
                   children: item.title || item.product_title
                 }
               ),
-              captionSku && /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-x-1", children: [
-                /* @__PURE__ */ jsx24(Text21, { size: "small", children: captionSku }),
-                /* @__PURE__ */ jsx24(Copy5, { content: captionSku, className: "text-ui-fg-muted" })
+              captionSku && /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx25(Text22, { size: "small", children: captionSku }),
+                /* @__PURE__ */ jsx25(Copy5, { content: captionSku, className: "text-ui-fg-muted" })
               ] }),
-              /* @__PURE__ */ jsx24(Text21, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
+              /* @__PURE__ */ jsx25(Text22, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
-            /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs25(Text21, { size: "small", children: [
-              original_price !== price && /* @__PURE__ */ jsx24("span", { className: "line-through text-ui-fg-muted text-xs mr-1", children: getLocaleAmount(original_price, currencyCode) }),
+          /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
+            /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs26(Text22, { size: "small", children: [
+              original_price !== price && /* @__PURE__ */ jsx25("span", { className: "line-through text-ui-fg-muted text-xs mr-1", children: getLocaleAmount(original_price, currencyCode) }),
               getLocaleAmount(price, currencyCode)
             ] }) }),
-            /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx24("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs25(Text21, { size: "small", children: [
-                /* @__PURE__ */ jsx24("span", { className: "tabular-nums", children: item.quantity }),
+            /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx25("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs26(Text22, { size: "small", children: [
+                /* @__PURE__ */ jsx25("span", { className: "tabular-nums", children: item.quantity }),
                 "x"
               ] }) }),
-              /* @__PURE__ */ jsx24("div", { className: "overflow-visible", children: isInventoryManaged && hasUnfulfilledItems && /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25("div", { className: "overflow-visible", children: isInventoryManaged && hasUnfulfilledItems && /* @__PURE__ */ jsx25(
                 StatusBadge4,
                 {
                   color: reservation ? "green" : "orange",
@@ -2566,13 +2613,13 @@ var Item = ({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx24(Text21, { size: "small", className: "pt-[1px]", children: getLocaleAmount(item.original_total || 0, currencyCode) }) })
+            /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx25(Text22, { size: "small", className: "pt-[1px]", children: getLocaleAmount(item.original_total || 0, currencyCode) }) })
           ] })
         ]
       },
       item.id
     ),
-    returns.map((r) => /* @__PURE__ */ jsx24(ReturnBreakdown, { orderReturn: r, itemId: item.id }, r.id))
+    returns.map((r) => /* @__PURE__ */ jsx25(ReturnBreakdown, { orderReturn: r, itemId: item.id }, r.id))
   ] });
 };
 var ItemBreakdown = ({
@@ -2583,16 +2630,16 @@ var ItemBreakdown = ({
     order_id: order.id,
     fields: "*items,*items.reason"
   });
-  const returns = useMemo4(
+  const returns = useMemo5(
     () => returnsList.filter((r) => !r.canceled_at),
     [returnsList]
   );
-  const reservationsMap = useMemo4(
+  const reservationsMap = useMemo5(
     () => new Map(reservations.map((r) => [r.line_item_id, r])),
     [reservations]
   );
-  return /* @__PURE__ */ jsx24("div", { children: order.items?.map((item) => {
-    return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25("div", { children: order.items?.map((item) => {
+    return /* @__PURE__ */ jsx25(
       Item,
       {
         item,
@@ -2608,24 +2655,24 @@ var ReturnBreakdownWithDamages = ({
   orderReturn,
   itemId
 }) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const item = orderReturn.items?.find((ri) => ri.item_id === itemId);
   const damagedQuantity = item?.damaged_quantity || 0;
   if (!item || damagedQuantity <= 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-t-2 border-dotted px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx24(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-          /* @__PURE__ */ jsx24(Text21, { size: "small", children: t("orders.returns.damagedItemsReturned", {
+        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx25(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
+          /* @__PURE__ */ jsx25(Text22, { size: "small", children: t("orders.returns.damagedItemsReturned", {
             quantity: damagedQuantity
           }) }),
-          item.note && /* @__PURE__ */ jsx24(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx24(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
-          item.reason && /* @__PURE__ */ jsx24(
+          item.note && /* @__PURE__ */ jsx25(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx25(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
+          item.reason && /* @__PURE__ */ jsx25(
             Badge4,
             {
               size: "2xsmall",
@@ -2635,9 +2682,9 @@ var ReturnBreakdownWithDamages = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs25(Text21, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+        /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
           t("orders.returns.damagedItemReceived"),
-          /* @__PURE__ */ jsx24("span", { className: "ml-2", children: /* @__PURE__ */ jsx24(return_info_popover_default, { orderReturn }) })
+          /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
         ] })
       ]
     },
@@ -2648,7 +2695,7 @@ var ReturnBreakdown = ({
   orderReturn,
   itemId
 }) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const { getRelativeDate } = useDate();
   if (!["requested", "received", "partially_received"].includes(
     orderReturn.status || ""
@@ -2661,29 +2708,29 @@ var ReturnBreakdown = ({
     return null;
   }
   const damagedQuantity = item.damaged_quantity || 0;
-  return /* @__PURE__ */ jsxs25(Fragment3, { children: [
-    damagedQuantity > 0 && /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs26(Fragment3, { children: [
+    damagedQuantity > 0 && /* @__PURE__ */ jsx25(
       ReturnBreakdownWithDamages,
       {
         orderReturn,
         itemId
       }
     ),
-    /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs26(
       "div",
       {
         className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-t-2 border-dotted px-6 py-4",
         children: [
-          /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx24(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-            /* @__PURE__ */ jsx24(Text21, { size: "small", children: t(
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx25(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
+            /* @__PURE__ */ jsx25(Text22, { size: "small", children: t(
               `orders.returns.${isRequested ? "returnRequestedInfo" : "returnReceivedInfo"}`,
               {
                 requestedItemsCount: isRequested ? item.quantity : item.received_quantity
               }
             ) }),
-            item.note && /* @__PURE__ */ jsx24(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx24(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
-            item.reason && /* @__PURE__ */ jsx24(
+            item.note && /* @__PURE__ */ jsx25(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx25(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
+            item.reason && /* @__PURE__ */ jsx25(
               Badge4,
               {
                 size: "2xsmall",
@@ -2693,12 +2740,12 @@ var ReturnBreakdown = ({
               }
             )
           ] }),
-          isRequested ? /* @__PURE__ */ jsxs25(Text21, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+          isRequested ? /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
             getRelativeDate(orderReturn.created_at),
-            /* @__PURE__ */ jsx24("span", { className: "ml-2", children: /* @__PURE__ */ jsx24(return_info_popover_default, { orderReturn }) })
-          ] }) : /* @__PURE__ */ jsxs25(Text21, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+            /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
+          ] }) : /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
             t("orders.returns.itemReceived"),
-            /* @__PURE__ */ jsx24("span", { className: "ml-2", children: /* @__PURE__ */ jsx24(return_info_popover_default, { orderReturn }) })
+            /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
           ] })
         ]
       },
@@ -2711,29 +2758,22 @@ var Cost = ({
   value,
   secondaryValue,
   tooltip
-}) => /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-3 items-center", children: [
-  /* @__PURE__ */ jsxs25(Text21, { size: "small", leading: "compact", children: [
+}) => /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-3 items-center", children: [
+  /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", children: [
     label,
     " ",
     tooltip
   ] }),
-  /* @__PURE__ */ jsx24("div", { className: "text-right", children: /* @__PURE__ */ jsx24(Text21, { size: "small", leading: "compact", children: secondaryValue }) }),
-  /* @__PURE__ */ jsx24("div", { className: "text-right", children: /* @__PURE__ */ jsx24(Text21, { size: "small", leading: "compact", children: value }) })
+  /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: secondaryValue }) }),
+  /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: value }) })
 ] });
 var CostBreakdown = ({
   order
 }) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const [isTaxOpen, setIsTaxOpen] = useState5(false);
   const [isShippingOpen, setIsShippingOpen] = useState5(false);
-  const commissionTotal = useMemo4(() => {
-    return order.items.reduce((acc, item) => {
-      const lines = item.commission_lines;
-      if (!lines) return acc;
-      return acc + lines.reduce((sum, line) => sum + (line.amount ?? 0), 0);
-    }, 0);
-  }, [order.items]);
-  const discountCodes = useMemo4(() => {
+  const discountCodes = useMemo5(() => {
     const codes = /* @__PURE__ */ new Set();
     order.items.forEach(
       (item) => item.adjustments?.forEach((adj) => {
@@ -2742,7 +2782,7 @@ var CostBreakdown = ({
     );
     return Array.from(codes).sort();
   }, [order]);
-  const taxCodes = useMemo4(() => {
+  const taxCodes = useMemo5(() => {
     const taxCodeMap = {};
     order.items.forEach((item) => {
       item.tax_lines?.forEach((line) => {
@@ -2759,8 +2799,8 @@ var CostBreakdown = ({
   const automaticTaxesOn = !!order.region?.automatic_taxes;
   const hasTaxLines = !!Object.keys(taxCodes).length;
   const discountTotal = automaticTaxesOn ? order.discount_total : order.discount_subtotal;
-  return /* @__PURE__ */ jsxs25("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4", children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsx25(
       Cost,
       {
         label: t(
@@ -2769,21 +2809,21 @@ var CostBreakdown = ({
         value: getLocaleAmount(order.item_total, order.currency_code)
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       Cost,
       {
         label: (
           // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-          /* @__PURE__ */ jsxs25(
+          /* @__PURE__ */ jsxs26(
             "span",
             {
               onClick: () => setIsShippingOpen((o) => !o),
               className: "flex cursor-pointer items-center gap-1",
               children: [
-                /* @__PURE__ */ jsx24("span", { children: t(
+                /* @__PURE__ */ jsx25("span", { children: t(
                   automaticTaxesOn ? "orders.summary.shippingTotal" : "orders.summary.shippingSubtotal"
                 ) }),
-                /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx25(
                   TriangleDownMini,
                   {
                     style: {
@@ -2801,22 +2841,22 @@ var CostBreakdown = ({
         )
       }
     ),
-    isShippingOpen && /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-1 pl-5", children: (order.shipping_methods || []).sort(
+    isShippingOpen && /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-1 pl-5", children: (order.shipping_methods || []).sort(
       (m1, m2) => m1.created_at.localeCompare(m2.created_at)
     ).map((sm, i) => {
-      return /* @__PURE__ */ jsxs25(
+      return /* @__PURE__ */ jsxs26(
         "div",
         {
           className: "flex items-center justify-between gap-x-2",
           children: [
-            /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsxs25("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
+            /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsxs26("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
               sm.name,
               sm.detail?.return_id && ` (${t("fields.returnShipping")})`,
               " ",
-              /* @__PURE__ */ jsx24(shipping_info_popover_default, { shippingMethod: sm }, i)
+              /* @__PURE__ */ jsx25(shipping_info_popover_default, { shippingMethod: sm }, i)
             ] }) }),
-            /* @__PURE__ */ jsx24("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx24("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
-            /* @__PURE__ */ jsx24("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(
+            /* @__PURE__ */ jsx25("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx25("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+            /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(
               automaticTaxesOn ? sm.total : sm.subtotal,
               order.currency_code
             ) })
@@ -2825,7 +2865,7 @@ var CostBreakdown = ({
         sm.id
       );
     }) }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       Cost,
       {
         label: t(
@@ -2835,9 +2875,9 @@ var CostBreakdown = ({
         value: discountTotal > 0 ? `- ${getLocaleAmount(discountTotal, order.currency_code)}` : "-"
       }
     ),
-    /* @__PURE__ */ jsxs25(Fragment3, { children: [
-      /* @__PURE__ */ jsxs25("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs26(Fragment3, { children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxs26(
           "div",
           {
             onClick: () => hasTaxLines && setIsTaxOpen((o) => !o),
@@ -2845,10 +2885,10 @@ var CostBreakdown = ({
               "cursor-pointer": hasTaxLines
             }),
             children: [
-              /* @__PURE__ */ jsx24("span", { className: "txt-small select-none", children: t(
+              /* @__PURE__ */ jsx25("span", { className: "txt-small select-none", children: t(
                 automaticTaxesOn ? "orders.summary.taxTotalIncl" : "orders.summary.taxTotal"
               ) }),
-              hasTaxLines && /* @__PURE__ */ jsx24(
+              hasTaxLines && /* @__PURE__ */ jsx25(
                 TriangleDownMini,
                 {
                   style: {
@@ -2859,40 +2899,33 @@ var CostBreakdown = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx24("div", { className: "text-right", children: /* @__PURE__ */ jsx24(Text21, { size: "small", leading: "compact", children: getLocaleAmount(order.tax_total, order.currency_code) }) })
+        /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: getLocaleAmount(order.tax_total, order.currency_code) }) })
       ] }),
-      isTaxOpen && /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-1 pl-5", children: Object.entries(taxCodes).map(([code, total]) => {
-        return /* @__PURE__ */ jsxs25(
+      isTaxOpen && /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-1 pl-5", children: Object.entries(taxCodes).map(([code, total]) => {
+        return /* @__PURE__ */ jsxs26(
           "div",
           {
             className: "flex items-center justify-between gap-x-2",
             children: [
-              /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24("span", { className: "txt-small text-ui-fg-subtle font-medium", children: code }) }),
-              /* @__PURE__ */ jsx24("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx24("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
-              /* @__PURE__ */ jsx24("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(total, order.currency_code) })
+              /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-subtle font-medium", children: code }) }),
+              /* @__PURE__ */ jsx25("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx25("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+              /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(total, order.currency_code) })
             ]
           },
           code
         );
       }) })
-    ] }),
-    commissionTotal > 0 && /* @__PURE__ */ jsx24(
-      Cost,
-      {
-        label: t("fields.commission"),
-        value: getLocaleAmount(commissionTotal, order.currency_code)
-      }
-    )
+    ] })
   ] });
 };
 var Total2 = ({ order }) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const totalCaptured = getTotalCaptured(order.payment_collections || []);
   const outstanding = Math.max(0, order.total - totalCaptured);
-  return /* @__PURE__ */ jsxs25("div", { className: " flex flex-col gap-y-2 px-6 py-4", children: [
-    /* @__PURE__ */ jsxs25("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx24(
-        Text21,
+  return /* @__PURE__ */ jsxs26("div", { className: " flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx25(
+        Text22,
         {
           weight: "plus",
           className: "text-ui-fg-subtle",
@@ -2901,8 +2934,8 @@ var Total2 = ({ order }) => {
           children: t("fields.total")
         }
       ),
-      /* @__PURE__ */ jsx24(
-        Text21,
+      /* @__PURE__ */ jsx25(
+        Text22,
         {
           weight: "plus",
           className: "text-ui-fg-subtle",
@@ -2912,9 +2945,9 @@ var Total2 = ({ order }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx24(
-        Text21,
+    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx25(
+        Text22,
         {
           weight: "plus",
           className: "text-ui-fg-subtle",
@@ -2923,8 +2956,8 @@ var Total2 = ({ order }) => {
           children: t("fields.paidTotal")
         }
       ),
-      /* @__PURE__ */ jsx24(
-        Text21,
+      /* @__PURE__ */ jsx25(
+        Text22,
         {
           weight: "plus",
           className: "text-ui-fg-subtle",
@@ -2934,32 +2967,27 @@ var Total2 = ({ order }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx24(Text21, { weight: "plus", size: "small", leading: "compact", children: t("orders.payment.outstandingAmount") }),
-      /* @__PURE__ */ jsx24(Text21, { weight: "plus", size: "small", leading: "compact", children: getStylizedAmount(outstanding, order.currency_code) })
+    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx25(Text22, { weight: "plus", size: "small", leading: "compact", children: t("orders.payment.outstandingAmount") }),
+      /* @__PURE__ */ jsx25(Text22, { weight: "plus", size: "small", leading: "compact", children: getStylizedAmount(outstanding, order.currency_code) })
     ] })
   ] });
 };
 var OutstandingActions = ({ order }) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const unpaidCollection = order.payment_collections?.find(
     (pc) => pc.status !== "captured" && pc.status !== "canceled"
   );
   const pendingDifference = order.summary?.pending_difference || 0;
   const isOutstanding = pendingDifference > 5e-3 && order.status !== "canceled" && !!unpaidCollection;
-  const markAsPaid = useMarkPaymentCollectionAsPaid(
-    order.id,
-    unpaidCollection?.id ?? ""
-  );
   if (!isOutstanding || !unpaidCollection) {
     return null;
   }
   const paymentLink = unpaidCollection.payment_sessions?.[0]?.data?.url ?? null;
+  if (!paymentLink) {
+    return null;
+  }
   const handleCopyLink = async () => {
-    if (!paymentLink) {
-      toast7.error(t("orders.payment.copyLinkMissing"));
-      return;
-    }
     try {
       await navigator.clipboard.writeText(paymentLink);
       toast7.success(t("orders.payment.copyLinkSuccess"));
@@ -2967,34 +2995,13 @@ var OutstandingActions = ({ order }) => {
       toast7.error(t("orders.payment.copyLinkError"));
     }
   };
-  const handleMarkAsPaid = () => {
-    markAsPaid.mutate(
-      { order_id: order.id },
-      {
-        onSuccess: () => toast7.success(t("orders.payment.markAsPaidSuccess")),
-        onError: (e) => toast7.error(e.message)
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs25("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-    paymentLink && /* @__PURE__ */ jsx24(Button7, { size: "small", variant: "secondary", onClick: handleCopyLink, children: t("orders.payment.copyPaymentLink", {
-      amount: getStylizedAmount(pendingDifference, order.currency_code)
-    }) }),
-    /* @__PURE__ */ jsx24(
-      Button7,
-      {
-        size: "small",
-        variant: "secondary",
-        onClick: handleMarkAsPaid,
-        isLoading: markAsPaid.isPending,
-        children: t("orders.payment.markAsPaid")
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx25("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: /* @__PURE__ */ jsx25(Button7, { size: "small", variant: "secondary", onClick: handleCopyLink, children: t("orders.payment.copyPaymentLink", {
+    amount: getStylizedAmount(pendingDifference, order.currency_code)
+  }) }) });
 };
 
 // src/pages/orders/[id]/order-detail-page.tsx
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs27 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
@@ -3022,27 +3029,28 @@ var Root = ({ children }) => {
     });
   }
   if (isLoading || !order || isPreviewLoading) {
-    return /* @__PURE__ */ jsx25(TwoColumnPageSkeleton, { mainSections: 4, sidebarSections: 2, showJSON: true });
+    return /* @__PURE__ */ jsx26(TwoColumnPageSkeleton, { mainSections: 4, sidebarSections: 2, showJSON: true });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx25(Fragment4, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs26(TwoColumnPage, { data: order, hasOutlet: true, showMetadata: true, showJSON: true, children: [
-    /* @__PURE__ */ jsxs26(TwoColumnPage.Main, { children: [
-      /* @__PURE__ */ jsx25(OrderActiveEditSection, { order }),
-      orderPreview && /* @__PURE__ */ jsxs26(Fragment4, { children: [
-        /* @__PURE__ */ jsx25(ActiveOrderClaimSection, { orderPreview }),
-        /* @__PURE__ */ jsx25(ActiveOrderExchangeSection, { orderPreview }),
-        /* @__PURE__ */ jsx25(ActiveOrderReturnSection, { orderPreview })
+  return /* @__PURE__ */ jsx26(Fragment4, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs27(TwoColumnPage, { data: order, hasOutlet: true, showMetadata: true, showJSON: true, children: [
+    /* @__PURE__ */ jsxs27(TwoColumnPage.Main, { children: [
+      /* @__PURE__ */ jsx26(OrderActiveEditSection, { order }),
+      orderPreview && /* @__PURE__ */ jsxs27(Fragment4, { children: [
+        /* @__PURE__ */ jsx26(ActiveOrderClaimSection, { orderPreview }),
+        /* @__PURE__ */ jsx26(ActiveOrderExchangeSection, { orderPreview }),
+        /* @__PURE__ */ jsx26(ActiveOrderReturnSection, { orderPreview })
       ] }),
-      /* @__PURE__ */ jsx25(OrderGeneralSection, { order }),
-      /* @__PURE__ */ jsx25(OrderSummarySection, { order }),
-      /* @__PURE__ */ jsx25(OrderPaymentSection, { order }),
-      /* @__PURE__ */ jsx25(OrderFulfillmentSection, { order })
+      /* @__PURE__ */ jsx26(OrderGeneralSection, { order }),
+      /* @__PURE__ */ jsx26(OrderSummarySection, { order }),
+      /* @__PURE__ */ jsx26(OrderCommissionSection, { order }),
+      /* @__PURE__ */ jsx26(OrderPaymentSection, { order }),
+      /* @__PURE__ */ jsx26(OrderFulfillmentSection, { order })
     ] }),
-    /* @__PURE__ */ jsxs26(TwoColumnPage.Sidebar, { children: [
-      /* @__PURE__ */ jsx25(OrderCustomerSection, { order }),
-      /* @__PURE__ */ jsx25(OrderActivitySection, { order })
+    /* @__PURE__ */ jsxs27(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx26(OrderCustomerSection, { order }),
+      /* @__PURE__ */ jsx26(OrderActivitySection, { order })
     ] })
   ] }) });
 };