@mercurjs/admin 2.0.0-canary.34 → 2.0.0-canary.35

package/dist/{order-detail-V2O5C4CX.js → chunk-FXU7SL6M.js}

@@ -1,10 +1,20 @@
 import {
   By
 } from "./chunk-M33NQCEV.js";
-import "./chunk-LXSBG6LK.js";
+import {
+  DisplayIdCell,
+  DisplayIdHeader,
+  TotalCell,
+  TotalHeader
+} from "./chunk-NOWUEJ74.js";
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";
+import {
+  useCancelExchange,
+  useCancelExchangeRequest,
+  useExchanges
+} from "./chunk-2YG2QABK.js";
 import {
   useCancelOrderEdit,
   useConfirmOrderEdit
@@ -15,6 +25,19 @@ import {
 import {
   formatCurrency
 } from "./chunk-XSX255FK.js";
+import {
+  FulfillmentStatusCell,
+  FulfillmentStatusHeader,
+  PaymentStatusCell,
+  PaymentStatusHeader,
+  getCanceledOrderStatus,
+  getOrderFulfillmentStatus,
+  getOrderPaymentStatus
+} from "./chunk-TZSOL34K.js";
+import {
+  DateCell,
+  DateHeader
+} from "./chunk-25LYVP3C.js";
 import {
   getPaymentsFromOrder,
   getReservationsLimitCount
@@ -24,11 +47,6 @@ import {
   useCancelClaimRequest,
   useClaims
 } from "./chunk-SMK5ZF5D.js";
-import {
-  useCancelExchange,
-  useCancelExchangeRequest,
-  useExchanges
-} from "./chunk-2YG2QABK.js";
 import {
   getReturnableQuantity
 } from "./chunk-UM7ZR3VU.js";
@@ -41,27 +59,28 @@ import {
   useReturns
 } from "./chunk-GSXVQLRO.js";
 import {
-  getCanceledOrderStatus,
-  getOrderFulfillmentStatus,
-  getOrderPaymentStatus
-} from "./chunk-LQSLDDPT.js";
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
 import {
   getLocaleAmount,
   getStylizedAmount,
   isAmountLessThenRoundingError
 } from "./chunk-PXYDR7WQ.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
-import "./chunk-IQPN4PZJ.js";
 import {
   getFormattedAddress,
   isSameAddress
 } from "./chunk-W6Y3PPU5.js";
-import "./chunk-JRTZWK77.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
 import {
   TwoColumnPage
 } from "./chunk-U2UCL2VG.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 import {
   Skeleton,
   TwoColumnPageSkeleton
@@ -69,38 +88,20 @@ import {
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
   useCapturePayment,
   useMarkPaymentCollectionAsPaid
 } from "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-GPRBBA7S.js";
-import "./chunk-E7ZBQO6E.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
-import "./chunk-A4X5VP3G.js";
-import "./chunk-NNZP4PYP.js";
-import "./chunk-GF4QHVX3.js";
-import "./chunk-JOQ3RTF5.js";
-import "./chunk-V534K7G4.js";
+import {
+  useOrderGroupByOrderId
+} from "./chunk-LU72QEQC.js";
 import {
   useCustomer
 } from "./chunk-A5XOYSDC.js";
-import "./chunk-TQI3DOQ5.js";
-import "./chunk-5PB7KCTF.js";
-import "./chunk-YOIARITB.js";
 import {
-  ordersQueryKeys,
   useCancelOrder,
   useCancelOrderFulfillment,
   useCancelOrderTransfer,
@@ -116,59 +117,9 @@ import {
 import {
   useStockLocation
 } from "./chunk-4YF3GAKE.js";
-import {
-  useOrderGroup
-} from "./chunk-M3I52H3M.js";
-import "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
-import "./chunk-QSM56ZOP.js";
-import "./chunk-MIHEJ6Y6.js";
-import "./chunk-3VZV6SJQ.js";
-import "./chunk-K357FGGP.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/orders/order-detail/breadcrumb.tsx
-import { jsxs } from "react/jsx-runtime";
-var OrderDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { order } = useOrder(
-    id,
-    {
-      fields: DEFAULT_FIELDS
-    },
-    {
-      initialData: props.data,
-      enabled: Boolean(id)
-    }
-  );
-  if (!order) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("span", { children: [
-    "#",
-    order.display_id
-  ] });
-};
-
-// src/pages/orders/order-detail/loader.ts
-var orderDetailQuery = (id) => ({
-  queryKey: ordersQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.orders.$id.query({ $id: id, fields: DEFAULT_FIELDS })
-});
-var orderLoader = async ({ params }) => {
-  const id = params.id;
-  const query = orderDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
 
 // src/pages/orders/order-detail/order-detail.tsx
+import { Children } from "react";
 import { useLoaderData, useParams as useParams2 } from "react-router-dom";
 
 // src/pages/orders/order-detail/components/active-order-claim-section/active-order-claim-section.tsx
@@ -176,7 +127,7 @@ import { ExclamationCircle } from "@medusajs/icons";
 import { Button, Container, Heading, Text, toast } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
-import { jsx, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ActiveOrderClaimSection = ({
   orderPreview
 }) => {
@@ -211,15 +162,15 @@ var ActiveOrderClaimSection = ({
       },
       className: "-m-4 mb-1 border-b border-l p-4",
       "data-testid": "active-order-claim-section",
-      children: /* @__PURE__ */ jsx(Container, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-row justify-between", children: [
-        /* @__PURE__ */ jsxs2("div", { children: [
-          /* @__PURE__ */ jsxs2("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", "data-testid": "active-order-claim-header", children: [
+      children: /* @__PURE__ */ jsx(Container, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", "data-testid": "active-order-claim-header", children: [
             /* @__PURE__ */ jsx(ExclamationCircle, { className: "text-ui-fg-subtle" }),
             /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "active-order-claim-heading", children: t("orders.claims.panel.title") })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "gap-2 px-6 pb-4", "data-testid": "active-order-claim-description", children: /* @__PURE__ */ jsx(Text, { children: t("orders.claims.panel.description") }) })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": "active-order-claim-actions", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": "active-order-claim-actions", children: [
           /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: onCancelClaim, "data-testid": "active-order-claim-cancel-button", children: t("orders.claims.cancel.title") }),
           /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: onContinueClaim, "data-testid": "active-order-claim-continue-button", children: t("actions.continue") })
         ] })
@@ -233,7 +184,7 @@ import { ArrowPath } from "@medusajs/icons";
 import { Button as Button2, Container as Container2, Heading as Heading2, Text as Text2, toast as toast2 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate as useNavigate2 } from "react-router-dom";
-import { jsx as jsx2, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ActiveOrderExchangeSection = ({
   orderPreview
 }) => {
@@ -268,15 +219,15 @@ var ActiveOrderExchangeSection = ({
       },
       className: "-m-4 mb-1 border-b border-l p-4",
       "data-testid": "active-order-exchange-section",
-      children: /* @__PURE__ */ jsx2(Container2, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-row justify-between", children: [
-        /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", "data-testid": "active-order-exchange-header", children: [
+      children: /* @__PURE__ */ jsx2(Container2, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-row justify-between", children: [
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsxs2("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", "data-testid": "active-order-exchange-header", children: [
             /* @__PURE__ */ jsx2(ArrowPath, { className: "text-ui-fg-subtle" }),
             /* @__PURE__ */ jsx2(Heading2, { level: "h2", "data-testid": "active-order-exchange-heading", children: t("orders.exchanges.panel.title") })
           ] }),
           /* @__PURE__ */ jsx2("div", { className: "gap-2 px-6 pb-4", "data-testid": "active-order-exchange-description", children: /* @__PURE__ */ jsx2(Text2, { children: t("orders.exchanges.panel.description") }) })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": "active-order-exchange-actions", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": "active-order-exchange-actions", children: [
           /* @__PURE__ */ jsx2(Button2, { size: "small", variant: "secondary", onClick: onCancelExchange, "data-testid": "active-order-exchange-cancel-button", children: t("orders.exchanges.cancel.title") }),
           /* @__PURE__ */ jsx2(
             Button2,
@@ -299,7 +250,7 @@ import { ArrowUturnLeft } from "@medusajs/icons";
 import { Button as Button3, Container as Container3, Heading as Heading3, Text as Text3, toast as toast3 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate as useNavigate3 } from "react-router-dom";
-import { jsx as jsx3, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ActiveOrderReturnSection = ({
   orderPreview
 }) => {
@@ -336,15 +287,15 @@ var ActiveOrderReturnSection = ({
       },
       className: "-m-4 mb-1 border-b border-l p-4",
       "data-testid": "active-order-return-section",
-      children: /* @__PURE__ */ jsx3(Container3, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-row justify-between", children: [
-        /* @__PURE__ */ jsxs4("div", { children: [
-          /* @__PURE__ */ jsxs4("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", "data-testid": "active-order-return-header", children: [
+      children: /* @__PURE__ */ jsx3(Container3, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-row justify-between", children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", "data-testid": "active-order-return-header", children: [
             /* @__PURE__ */ jsx3(ArrowUturnLeft, { className: "text-ui-fg-subtle" }),
             /* @__PURE__ */ jsx3(Heading3, { level: "h2", "data-testid": "active-order-return-heading", children: t("orders.returns.panel.title") })
           ] }),
           /* @__PURE__ */ jsx3("div", { className: "gap-2 px-6 pb-4", "data-testid": "active-order-return-description", children: /* @__PURE__ */ jsx3(Text3, { children: t("orders.returns.panel.description") }) })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": "active-order-return-actions", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": "active-order-return-actions", children: [
           /* @__PURE__ */ jsx3(Button3, { size: "small", variant: "secondary", onClick: onCancelReturn, "data-testid": "active-order-return-cancel-button", children: t("orders.returns.cancel.title") }),
           /* @__PURE__ */ jsx3(Button3, { size: "small", variant: "secondary", onClick: onContinueReturn, "data-testid": "active-order-return-continue-button", children: t("actions.continue") })
         ] })
@@ -359,20 +310,20 @@ import { useTranslation as useTranslation4 } from "react-i18next";
 import { ExclamationCircleSolid } from "@medusajs/icons";
 import { useMemo } from "react";
 import { useNavigate as useNavigate4 } from "react-router-dom";
-import { jsx as jsx4, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function EditItem({
   item,
   quantity
 }) {
-  return /* @__PURE__ */ jsx4("div", { className: "text-ui-fg-subtle items-center gap-x-2", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-2", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "w-fit min-w-[27px]", children: [
+  return /* @__PURE__ */ jsx4("div", { className: "text-ui-fg-subtle items-center gap-x-2", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "w-fit min-w-[27px]", children: [
       /* @__PURE__ */ jsx4("span", { className: "txt-small tabular-nums", children: quantity }),
       "x"
     ] }),
     /* @__PURE__ */ jsx4(Thumbnail, { src: item.thumbnail }),
     /* @__PURE__ */ jsx4("span", { className: "txt-small text-ui-fg-subtle font-medium", children: item.title }),
     item.variant_sku && " \xB7 ",
-    item.variant_sku && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-1", children: [
+    item.variant_sku && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-1", children: [
       /* @__PURE__ */ jsx4("span", { className: "txt-small", children: item.variant_sku }),
       /* @__PURE__ */ jsx4(Copy, { content: item.variant_sku, className: "text-ui-fg-muted" })
     ] })
@@ -439,52 +390,66 @@ var OrderActiveEditSection = ({
       },
       className: "-m-4 mb-1 border-b border-l p-4",
       "data-testid": "order-active-edit-section",
-      children: /* @__PURE__ */ jsx4(Container4, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col divide-y divide-dashed", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 px-6 py-4", "data-testid": "order-active-edit-header", children: [
-          /* @__PURE__ */ jsx4(ExclamationCircleSolid, { className: "text-blue-500" }),
-          /* @__PURE__ */ jsx4(Heading4, { level: "h2", "data-testid": "order-active-edit-heading", children: t(
-            isPending ? "orders.edits.panel.titlePending" : "orders.edits.panel.title"
-          ) })
-        ] }),
-        !!addedItems.length && /* @__PURE__ */ jsxs5("div", { className: "txt-small text-ui-fg-subtle flex flex-row px-6 py-4", children: [
+      children: /* @__PURE__ */ jsx4(Container4, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col divide-y divide-dashed", children: [
+        /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "flex items-center gap-2 px-6 py-4",
+            "data-testid": "order-active-edit-header",
+            children: [
+              /* @__PURE__ */ jsx4(ExclamationCircleSolid, { className: "text-blue-500" }),
+              /* @__PURE__ */ jsx4(Heading4, { level: "h2", "data-testid": "order-active-edit-heading", children: t(
+                isPending ? "orders.edits.panel.titlePending" : "orders.edits.panel.title"
+              ) })
+            ]
+          }
+        ),
+        !!addedItems.length && /* @__PURE__ */ jsxs4("div", { className: "txt-small text-ui-fg-subtle flex flex-row px-6 py-4", children: [
           /* @__PURE__ */ jsx4("span", { className: "flex-1 font-medium", children: t("labels.added") }),
           /* @__PURE__ */ jsx4("div", { className: "flex flex-1 flex-col gap-y-2", children: addedItems.map(({ item, quantity }) => /* @__PURE__ */ jsx4(EditItem, { item, quantity }, item.id)) })
         ] }),
-        !!removedItems.length && /* @__PURE__ */ jsxs5("div", { className: "txt-small text-ui-fg-subtle flex flex-row px-6 py-4", children: [
+        !!removedItems.length && /* @__PURE__ */ jsxs4("div", { className: "txt-small text-ui-fg-subtle flex flex-row px-6 py-4", children: [
           /* @__PURE__ */ jsx4("span", { className: "flex-1 font-medium", children: t("labels.removed") }),
           /* @__PURE__ */ jsx4("div", { className: "flex flex-1 flex-col gap-y-2", children: removedItems.map(({ item, quantity }) => /* @__PURE__ */ jsx4(EditItem, { item, quantity }, item.id)) })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": "order-active-edit-actions", children: [
-          isPending ? /* @__PURE__ */ jsx4(
-            Button4,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: () => navigate(`/orders/${order.id}/edits`),
-              "data-testid": "order-active-edit-continue-button",
-              children: t("actions.continueEdit")
-            }
-          ) : /* @__PURE__ */ jsx4(
-            Button4,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onConfirmOrderEdit,
-              "data-testid": "order-active-edit-confirm-button",
-              children: t("actions.forceConfirm")
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            Button4,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onCancelOrderEdit,
-              "data-testid": "order-active-edit-cancel-button",
-              children: t("actions.cancel")
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4",
+            "data-testid": "order-active-edit-actions",
+            children: [
+              isPending ? /* @__PURE__ */ jsx4(
+                Button4,
+                {
+                  size: "small",
+                  variant: "secondary",
+                  onClick: () => navigate(`/orders/${order.id}/edits`),
+                  "data-testid": "order-active-edit-continue-button",
+                  children: t("actions.continueEdit")
+                }
+              ) : /* @__PURE__ */ jsx4(
+                Button4,
+                {
+                  size: "small",
+                  variant: "secondary",
+                  onClick: onConfirmOrderEdit,
+                  "data-testid": "order-active-edit-confirm-button",
+                  children: t("actions.forceConfirm")
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                Button4,
+                {
+                  size: "small",
+                  variant: "secondary",
+                  onClick: onCancelOrderEdit,
+                  "data-testid": "order-active-edit-cancel-button",
+                  children: t("actions.cancel")
+                }
+              )
+            ]
+          }
+        )
       ] }) })
     }
   );
@@ -504,7 +469,7 @@ import { useTranslation as useTranslation7 } from "react-i18next";
 import { Popover, Text as Text4 } from "@medusajs/ui";
 import { useState } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx5, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function ActivityItems(props) {
   const { t } = useTranslation5();
   const [open, setOpen] = useState(false);
@@ -521,7 +486,7 @@ function ActivityItems(props) {
   if (!itemsToSend?.length && !itemsToReturn?.length) {
     return;
   }
-  return /* @__PURE__ */ jsxs6(Popover, { open, children: [
+  return /* @__PURE__ */ jsxs5(Popover, { open, children: [
     /* @__PURE__ */ jsx5(
       Popover.Trigger,
       {
@@ -538,14 +503,14 @@ function ActivityItems(props) {
         align: "center",
         side: "top",
         className: "bg-ui-bg-component max-w-[200px] p-0 focus-visible:outline-none",
-        children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
-          !!itemsToSend?.length && /* @__PURE__ */ jsxs6("div", { className: "p-3", children: [
+        children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
+          !!itemsToSend?.length && /* @__PURE__ */ jsxs5("div", { className: "p-3", children: [
             /* @__PURE__ */ jsx5("div", { className: "txt-compact-small-plus mb-1", children: t("orders.activity.events.common.toSend") }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
               itemsToSend?.map((item) => {
                 const originalItem = itemsMap?.get(item.item_id);
-                return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-3", children: [
-                  /* @__PURE__ */ jsxs6(Text4, { size: "small", className: "text-ui-fg-subtle", children: [
+                return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-3", children: [
+                  /* @__PURE__ */ jsxs5(Text4, { size: "small", className: "text-ui-fg-subtle", children: [
                     item.quantity,
                     "x"
                   ] }),
@@ -556,13 +521,13 @@ function ActivityItems(props) {
               /* @__PURE__ */ jsx5("div", { className: "flex flex-1 flex-row items-center gap-2" })
             ] })
           ] }),
-          !!itemsToReturn?.length && /* @__PURE__ */ jsxs6("div", { className: "border-t-2 border-dotted p-3", children: [
+          !!itemsToReturn?.length && /* @__PURE__ */ jsxs5("div", { className: "border-t-2 border-dotted p-3", children: [
             /* @__PURE__ */ jsx5("div", { className: "txt-compact-small-plus mb-1", children: t("orders.activity.events.common.toReturn") }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
               itemsToReturn?.map((item) => {
                 const originalItem = itemsMap?.get(item.item_id);
-                return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-3", children: [
-                  /* @__PURE__ */ jsxs6(Text4, { size: "small", className: "text-ui-fg-subtle", children: [
+                return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-3", children: [
+                  /* @__PURE__ */ jsxs5(Text4, { size: "small", className: "text-ui-fg-subtle", children: [
                     item.quantity,
                     "x"
                   ] }),
@@ -584,7 +549,7 @@ var activity_items_default = ActivityItems;
 import { Popover as Popover2, Text as Text5 } from "@medusajs/ui";
 import { useState as useState2 } from "react";
 import { useTranslation as useTranslation6 } from "react-i18next";
-import { jsx as jsx6, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function ChangeDetailsTooltip(props) {
   const { t } = useTranslation6();
   const [open, setOpen] = useState2(false);
@@ -600,7 +565,7 @@ function ChangeDetailsTooltip(props) {
   if (!previous && !next) {
     return null;
   }
-  return /* @__PURE__ */ jsxs7(Popover2, { open, children: [
+  return /* @__PURE__ */ jsxs6(Popover2, { open, children: [
     /* @__PURE__ */ jsx6(
       Popover2.Trigger,
       {
@@ -617,12 +582,12 @@ function ChangeDetailsTooltip(props) {
         align: "center",
         side: "top",
         className: "bg-ui-bg-component max-w-[200px] p-0 focus-visible:outline-none",
-        children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
-          !!previous && /* @__PURE__ */ jsxs7("div", { className: "p-3", children: [
+        children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
+          !!previous && /* @__PURE__ */ jsxs6("div", { className: "p-3", children: [
             /* @__PURE__ */ jsx6("div", { className: "txt-compact-small-plus mb-1", children: t("labels.from") }),
             /* @__PURE__ */ jsx6("p", { className: "txt-compact-small text-ui-fg-subtle", children: previous })
           ] }),
-          !!next && /* @__PURE__ */ jsxs7("div", { className: "border-t-2 border-dotted p-3", children: [
+          !!next && /* @__PURE__ */ jsxs6("div", { className: "border-t-2 border-dotted p-3", children: [
             /* @__PURE__ */ jsx6("div", { className: "txt-compact-small-plus mb-1", children: t("labels.to") }),
             /* @__PURE__ */ jsx6("p", { className: "txt-compact-small text-ui-fg-subtle", children: next })
           ] })
@@ -634,7 +599,7 @@ function ChangeDetailsTooltip(props) {
 var change_details_tooltip_default = ChangeDetailsTooltip;
 
 // src/pages/orders/order-detail/components/order-activity-section/order-timeline.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var NON_RMA_CHANGE_TYPES = ["transfer", "update_order"];
 var OrderTimeline = ({ order }) => {
   const items = useActivityItems(order);
@@ -658,7 +623,7 @@ var OrderTimeline = ({ order }) => {
   const lastItems = items.slice(0, 2);
   const collapsibleItems = items.slice(2, items.length - 1);
   const firstItem = items[items.length - 1];
-  return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-y-0.5", "data-testid": "order-timeline", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-0.5", "data-testid": "order-timeline", children: [
     lastItems.map((item, index) => {
       return /* @__PURE__ */ jsx7(
         OrderActivityItem,
@@ -932,7 +897,7 @@ var useActivityItems = (order) => {
             }
           ),
           timestamp: update.created_at,
-          children: /* @__PURE__ */ jsxs8("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
+          children: /* @__PURE__ */ jsxs7("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
             t("fields.by"),
             " ",
             /* @__PURE__ */ jsx7(By, { id: update.created_by })
@@ -954,7 +919,7 @@ var useActivityItems = (order) => {
             }
           ),
           timestamp: update.created_at,
-          children: /* @__PURE__ */ jsxs8("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
+          children: /* @__PURE__ */ jsxs7("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
             t("fields.by"),
             " ",
             /* @__PURE__ */ jsx7(By, { id: update.created_by })
@@ -972,7 +937,7 @@ var useActivityItems = (order) => {
             }
           ),
           timestamp: update.created_at,
-          children: /* @__PURE__ */ jsxs8("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
+          children: /* @__PURE__ */ jsxs7("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
             t("fields.by"),
             " ",
             /* @__PURE__ */ jsx7(By, { id: update.created_by })
@@ -1016,12 +981,12 @@ var OrderActivityItem = ({
   itemsMap
 }) => {
   const { getFullDate, getRelativeDate } = useDate();
-  return /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-[20px_1fr] items-start gap-2", "data-testid": "order-activity-item", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex size-full flex-col items-center gap-y-0.5", "data-testid": "order-activity-item-indicator", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-[20px_1fr] items-start gap-2", "data-testid": "order-activity-item", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex size-full flex-col items-center gap-y-0.5", "data-testid": "order-activity-item-indicator", children: [
       /* @__PURE__ */ jsx7("div", { className: "flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx7("div", { className: "bg-ui-bg-base shadow-borders-base flex size-2.5 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx7("div", { className: "bg-ui-tag-neutral-icon size-1.5 rounded-full" }) }) }),
       !isFirst && /* @__PURE__ */ jsx7("div", { className: "bg-ui-border-base w-px flex-1" })
     ] }),
-    /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsxs7(
       "div",
       {
         className: clx({
@@ -1029,7 +994,7 @@ var OrderActivityItem = ({
         }),
         "data-testid": "order-activity-item-content",
         children: [
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
             itemsToSend?.length || itemsToReturn?.length ? /* @__PURE__ */ jsx7(
               activity_items_default,
               {
@@ -1071,8 +1036,8 @@ var OrderActivityCollapsible = ({
   if (!activities.length) {
     return null;
   }
-  return /* @__PURE__ */ jsxs8(RadixCollapsible.Root, { open, onOpenChange: setOpen, children: [
-    !open && /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-[20px_1fr] items-start gap-2", children: [
+  return /* @__PURE__ */ jsxs7(RadixCollapsible.Root, { open, onOpenChange: setOpen, children: [
+    !open && /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-[20px_1fr] items-start gap-2", children: [
       /* @__PURE__ */ jsx7("div", { className: "flex size-full flex-col items-center", children: /* @__PURE__ */ jsx7("div", { className: "border-ui-border-strong w-px flex-1 bg-[linear-gradient(var(--border-strong)_33%,rgba(255,255,255,0)_0%)] bg-[length:1px_3px] bg-right bg-repeat-y" }) }),
       /* @__PURE__ */ jsx7("div", { className: "pb-4", children: /* @__PURE__ */ jsx7(RadixCollapsible.Trigger, { className: "text-left", children: /* @__PURE__ */ jsx7(
         Text6,
@@ -1142,11 +1107,11 @@ var ReturnBody = ({
   const numberOfItems = orderReturn.items.reduce((acc, item) => {
     return acc + (isReceived ? item.received_quantity : item.quantity);
   }, 0);
-  return /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-1", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-1", children: [
     /* @__PURE__ */ jsx7(Text6, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.return.items", {
       count: numberOfItems
     }) }),
-    isCreated && /* @__PURE__ */ jsxs8(Fragment, { children: [
+    isCreated && /* @__PURE__ */ jsxs7(Fragment, { children: [
       /* @__PURE__ */ jsx7("div", { className: "mt-[2px] flex items-center leading-none", children: "\u22C5" }),
       /* @__PURE__ */ jsx7(
         Button5,
@@ -1191,7 +1156,7 @@ var ClaimBody = ({
     (acc, item) => acc + item.quantity,
     0
   );
-  return /* @__PURE__ */ jsxs8("div", { children: [
+  return /* @__PURE__ */ jsxs7("div", { children: [
     outboundItems > 0 && /* @__PURE__ */ jsx7(Text6, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.claim.itemsInbound", {
       count: outboundItems
     }) }),
@@ -1243,7 +1208,7 @@ var ExchangeBody = ({
     (acc, item) => acc + item.quantity,
     0
   );
-  return /* @__PURE__ */ jsxs8("div", { children: [
+  return /* @__PURE__ */ jsxs7("div", { children: [
     outboundItems > 0 && /* @__PURE__ */ jsx7(Text6, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.exchange.itemsInbound", {
       count: outboundItems
     }) }),
@@ -1268,13 +1233,13 @@ var OrderEditBody = ({ edit }) => {
     () => countItemsChange(edit.actions),
     [edit]
   );
-  return /* @__PURE__ */ jsxs8("div", { children: [
-    itemsAdded > 0 && /* @__PURE__ */ jsxs8(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
+  return /* @__PURE__ */ jsxs7("div", { children: [
+    itemsAdded > 0 && /* @__PURE__ */ jsxs7(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
       t("labels.added"),
       ": ",
       itemsAdded
     ] }),
-    itemsRemoved > 0 && /* @__PURE__ */ jsxs8(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
+    itemsRemoved > 0 && /* @__PURE__ */ jsxs7(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
       t("labels.removed"),
       ": ",
       itemsRemoved
@@ -1306,13 +1271,13 @@ var TransferOrderRequestBody = ({
       toast5.error(error.message);
     });
   };
-  return /* @__PURE__ */ jsxs8("div", { children: [
-    /* @__PURE__ */ jsxs8(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
+  return /* @__PURE__ */ jsxs7("div", { children: [
+    /* @__PURE__ */ jsxs7(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
       t("orders.activity.from"),
       ": ",
       action.details?.original_email
     ] }),
-    /* @__PURE__ */ jsxs8(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
+    /* @__PURE__ */ jsxs7(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
       t("orders.activity.to"),
       ":",
       " ",
@@ -1368,10 +1333,10 @@ function getMissingLineItemIds(order, changes) {
 }
 
 // src/pages/orders/order-detail/components/order-activity-section/order-activity-section.tsx
-import { jsx as jsx8, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var OrderActivitySection = ({ order }) => {
   const { t } = useTranslation8();
-  return /* @__PURE__ */ jsxs9(Container5, { className: "flex flex-col gap-y-8 px-6 py-4", "data-testid": "order-activity-section", children: [
+  return /* @__PURE__ */ jsxs8(Container5, { className: "flex flex-col gap-y-8 px-6 py-4", "data-testid": "order-activity-section", children: [
     /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-between", "data-testid": "order-activity-header", children: /* @__PURE__ */ jsx8(Heading5, { level: "h2", "data-testid": "order-activity-heading", children: t("orders.activity.header") }) }) }),
     /* @__PURE__ */ jsx8(OrderTimeline, { order })
   ] });
@@ -1386,21 +1351,21 @@ import { useTranslation as useTranslation10 } from "react-i18next";
 import { Avatar, Copy as Copy2, Text as Text7 } from "@medusajs/ui";
 import { useTranslation as useTranslation9 } from "react-i18next";
 import { Link } from "react-router-dom";
-import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var ID = ({ data }) => {
   const { t } = useTranslation9();
   const id = data.customer_id;
   const name = getOrderCustomer(data);
   const email = data.email;
   const fallback = (name || email || "").charAt(0).toUpperCase();
-  return /* @__PURE__ */ jsxs10("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
     /* @__PURE__ */ jsx9(Text7, { size: "small", leading: "compact", weight: "plus", children: t("fields.id") }),
     /* @__PURE__ */ jsx9(
       Link,
       {
         to: `/customers/${id}`,
         className: "focus:shadow-borders-focus rounded-[4px] outline-none transition-shadow",
-        children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-x-2 overflow-hidden", children: [
+        children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-2 overflow-hidden", children: [
           /* @__PURE__ */ jsx9(Avatar, { size: "2xsmall", fallback }),
           /* @__PURE__ */ jsx9(
             Text7,
@@ -1422,7 +1387,7 @@ var Company = ({ data }) => {
   if (!company) {
     return null;
   }
-  return /* @__PURE__ */ jsxs10("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
     /* @__PURE__ */ jsx9(Text7, { size: "small", leading: "compact", weight: "plus", children: t("fields.company") }),
     /* @__PURE__ */ jsx9(Text7, { size: "small", leading: "compact", className: "truncate", children: company })
   ] });
@@ -1431,10 +1396,10 @@ var Contact = ({ data }) => {
   const { t } = useTranslation9();
   const phone = data.shipping_address?.phone || data.billing_address?.phone;
   const email = data.email || "";
-  return /* @__PURE__ */ jsxs10("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
     /* @__PURE__ */ jsx9(Text7, { size: "small", leading: "compact", weight: "plus", children: t("orders.customer.contactLabel") }),
-    /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-y-2", children: [
-      /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-y-2", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
         /* @__PURE__ */ jsx9(
           Text7,
           {
@@ -1446,7 +1411,7 @@ var Contact = ({ data }) => {
         ),
         /* @__PURE__ */ jsx9("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx9(Copy2, { content: email, className: "text-ui-fg-muted" }) })
       ] }),
-      phone && /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+      phone && /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
         /* @__PURE__ */ jsx9(
           Text7,
           {
@@ -1466,11 +1431,11 @@ var AddressPrint = ({
   type
 }) => {
   const { t } = useTranslation9();
-  return /* @__PURE__ */ jsxs10("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
     /* @__PURE__ */ jsx9(Text7, { size: "small", leading: "compact", weight: "plus", children: type === "shipping" ? t("addresses.shippingAddress.label") : t("addresses.billingAddress.label") }),
-    address ? /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+    address ? /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
       /* @__PURE__ */ jsx9(Text7, { size: "small", leading: "compact", children: getFormattedAddress({ address }).map((line, i) => {
-        return /* @__PURE__ */ jsxs10("span", { className: "break-words", children: [
+        return /* @__PURE__ */ jsxs9("span", { className: "break-words", children: [
           line,
           /* @__PURE__ */ jsx9("br", {})
         ] }, i);
@@ -1487,9 +1452,9 @@ var AddressPrint = ({
 };
 var Addresses = ({ data }) => {
   const { t } = useTranslation9();
-  return /* @__PURE__ */ jsxs10("div", { className: "divide-y", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "divide-y", children: [
     /* @__PURE__ */ jsx9(AddressPrint, { address: data.shipping_address, type: "shipping" }),
-    !isSameAddress(data.shipping_address, data.billing_address) ? /* @__PURE__ */ jsx9(AddressPrint, { address: data.billing_address, type: "billing" }) : /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
+    !isSameAddress(data.shipping_address, data.billing_address) ? /* @__PURE__ */ jsx9(AddressPrint, { address: data.billing_address, type: "billing" }) : /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx9(
         Text7,
         {
@@ -1525,9 +1490,9 @@ var getOrderCustomer = (obj) => {
 };
 
 // src/pages/orders/order-detail/components/order-customer-section/order-customer-section.tsx
-import { jsx as jsx10, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var OrderCustomerSection = ({ order }) => {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     Container6,
     {
       className: "divide-y p-0",
@@ -1544,7 +1509,7 @@ var OrderCustomerSection = ({ order }) => {
 };
 var Header = ({ order }) => {
   const { t } = useTranslation10();
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: "flex items-center justify-between px-6 py-4",
@@ -1620,12 +1585,12 @@ import {
 import { format } from "date-fns";
 import { useTranslation as useTranslation11 } from "react-i18next";
 import { Link as Link2, useNavigate as useNavigate5 } from "react-router-dom";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var OrderFulfillmentSection = ({
   order
 }) => {
   const fulfillments = order.fulfillments || [];
-  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-y-3", "data-testid": "order-fulfillment-section", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-y-3", "data-testid": "order-fulfillment-section", children: [
     /* @__PURE__ */ jsx11(UnfulfilledItemBreakdown, { order }),
     fulfillments.map((f, index) => /* @__PURE__ */ jsx11(Fulfillment, { index, fulfillment: f, order }, f.id))
   ] });
@@ -1634,14 +1599,14 @@ var UnfulfilledItem = ({
   item,
   currencyCode
 }) => {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-x-4", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-x-4", children: [
           /* @__PURE__ */ jsx11(Thumbnail, { src: item.thumbnail }),
-          /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsxs11("div", { children: [
             /* @__PURE__ */ jsx11(
               Text8,
               {
@@ -1652,16 +1617,16 @@ var UnfulfilledItem = ({
                 children: item.title
               }
             ),
-            item.variant_sku && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-1", children: [
+            item.variant_sku && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-x-1", children: [
               /* @__PURE__ */ jsx11(Text8, { size: "small", children: item.variant_sku }),
               /* @__PURE__ */ jsx11(Copy3, { content: item.variant_sku, className: "text-ui-fg-muted" })
             ] }),
             /* @__PURE__ */ jsx11(Text8, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
           /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx11(Text8, { size: "small", children: getLocaleAmount(item.unit_price, currencyCode) }) }),
-          /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs12(Text8, { children: [
+          /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs11(Text8, { children: [
             /* @__PURE__ */ jsx11("span", { className: "tabular-nums", children: item.quantity - item.detail.fulfilled_quantity }),
             "x"
           ] }) }),
@@ -1679,7 +1644,7 @@ var UnfulfilledItemBreakdown = ({ order }) => {
   const unfulfilledItemsWithoutShipping = order.items.filter(
     (i) => !i.requires_shipping && i.detail.fulfilled_quantity < i.quantity
   );
-  return /* @__PURE__ */ jsxs12(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
     !!unfulfilledItemsWithShipping.length && /* @__PURE__ */ jsx11(
       UnfulfilledItemDisplay,
       {
@@ -1707,10 +1672,10 @@ var UnfulfilledItemDisplay = ({
   if (order.status === "canceled") {
     return;
   }
-  return /* @__PURE__ */ jsxs12(Container7, { className: "divide-y p-0", "data-testid": "order-fulfillment-unfulfilled", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "order-fulfillment-unfulfilled-header", children: [
+  return /* @__PURE__ */ jsxs11(Container7, { className: "divide-y p-0", "data-testid": "order-fulfillment-unfulfilled", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "order-fulfillment-unfulfilled-header", children: [
       /* @__PURE__ */ jsx11(Heading7, { level: "h2", "data-testid": "order-fulfillment-unfulfilled-heading", children: t("orders.fulfillment.unfulfilledItems") }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-4", "data-testid": "order-fulfillment-unfulfilled-badges", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-x-4", "data-testid": "order-fulfillment-unfulfilled-badges", children: [
         requiresShipping && /* @__PURE__ */ jsx11(StatusBadge, { color: "red", className: "text-nowrap", "data-testid": "order-fulfillment-unfulfilled-requires-shipping-badge", children: t("orders.fulfillment.requiresShipping") }),
         /* @__PURE__ */ jsx11(StatusBadge, { color: "red", className: "text-nowrap", "data-testid": "order-fulfillment-unfulfilled-awaiting-badge", children: t("orders.fulfillment.awaitingFulfillmentBadge") }),
         /* @__PURE__ */ jsx11(
@@ -1831,12 +1796,12 @@ var Fulfillment = ({
     throw error;
   }
   const isValidUrl = (url) => url && url.length > 0 && url !== "#";
-  return /* @__PURE__ */ jsxs12(Container7, { className: "divide-y p-0", "data-testid": `order-fulfillment-${fulfillment.id}`, children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": `order-fulfillment-${fulfillment.id}-header`, children: [
+  return /* @__PURE__ */ jsxs11(Container7, { className: "divide-y p-0", "data-testid": `order-fulfillment-${fulfillment.id}`, children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": `order-fulfillment-${fulfillment.id}-header`, children: [
       /* @__PURE__ */ jsx11(Heading7, { level: "h2", "data-testid": `order-fulfillment-${fulfillment.id}-heading`, children: t("orders.fulfillment.number", {
         number: index + 1
       }) }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-4", "data-testid": `order-fulfillment-${fulfillment.id}-status-container`, children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-x-4", "data-testid": `order-fulfillment-${fulfillment.id}-status-container`, children: [
         /* @__PURE__ */ jsx11(
           Tooltip2,
           {
@@ -1867,15 +1832,15 @@ var Fulfillment = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
       /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.itemsLabel") }),
-      /* @__PURE__ */ jsx11("ul", { children: fulfillment.items.map((f_item) => /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsxs12(Text8, { size: "small", leading: "compact", children: [
+      /* @__PURE__ */ jsx11("ul", { children: fulfillment.items.map((f_item) => /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsxs11(Text8, { size: "small", leading: "compact", children: [
         f_item.quantity,
         "x ",
         f_item.title
       ] }) }, f_item.line_item_id)) })
     ] }),
-    showLocation && /* @__PURE__ */ jsxs12("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    showLocation && /* @__PURE__ */ jsxs11("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.shippingFromLabel") }),
       stock_location ? /* @__PURE__ */ jsx11(
         Link2,
@@ -1886,17 +1851,17 @@ var Fulfillment = ({
         }
       ) : /* @__PURE__ */ jsx11(Skeleton, { className: "w-16" })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", weight: "plus", children: t("fields.provider") }),
       /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", children: formatProvider(fulfillment.provider_id) })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
       /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.trackingLabel") }),
       /* @__PURE__ */ jsx11("div", { children: fulfillment.labels && fulfillment.labels.length > 0 ? /* @__PURE__ */ jsx11("ul", { children: fulfillment.labels.map((tlink) => {
         const hasTrackingUrl = isValidUrl(tlink.tracking_url);
         const hasLabelUrl = isValidUrl(tlink.label_url);
         if (hasTrackingUrl || hasLabelUrl) {
-          return /* @__PURE__ */ jsxs12("li", { children: [
+          return /* @__PURE__ */ jsxs11("li", { children: [
             hasTrackingUrl && /* @__PURE__ */ jsx11(
               "a",
               {
@@ -1923,7 +1888,7 @@ var Fulfillment = ({
         return /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", children: tlink.tracking_number }) }, tlink.tracking_number);
       }) }) : /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", children: "-" }) })
     ] }),
-    (showShippingButton || showDeliveryButton) && /* @__PURE__ */ jsxs12("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": `order-fulfillment-${fulfillment.id}-actions`, children: [
+    (showShippingButton || showDeliveryButton) && /* @__PURE__ */ jsxs11("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", "data-testid": `order-fulfillment-${fulfillment.id}-actions`, children: [
       showDeliveryButton && /* @__PURE__ */ jsx11(Button6, { onClick: handleMarkAsDelivered, variant: "secondary", "data-testid": `order-fulfillment-${fulfillment.id}-mark-delivered-button`, children: t(
         isPickUpFulfillment ? "orders.fulfillment.markAsPickedUp" : "orders.fulfillment.markAsDelivered"
       ) }),
@@ -1952,7 +1917,7 @@ import {
   usePrompt as usePrompt3
 } from "@medusajs/ui";
 import { useTranslation as useTranslation12 } from "react-i18next";
-import { jsx as jsx12, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var OrderGeneralSection = ({ order }) => {
   const { t } = useTranslation12();
   const prompt = usePrompt3();
@@ -1979,10 +1944,10 @@ var OrderGeneralSection = ({ order }) => {
       }
     });
   };
-  return /* @__PURE__ */ jsxs13(Container8, { className: "flex items-center justify-between px-6 py-4", "data-testid": "order-general-section", children: [
-    /* @__PURE__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-x-1", "data-testid": "order-general-section-id-container", children: [
-        /* @__PURE__ */ jsxs13(Heading8, { "data-testid": "order-general-section-id-heading", children: [
+  return /* @__PURE__ */ jsxs12(Container8, { className: "flex items-center justify-between px-6 py-4", "data-testid": "order-general-section", children: [
+    /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-1", "data-testid": "order-general-section-id-container", children: [
+        /* @__PURE__ */ jsxs12(Heading8, { "data-testid": "order-general-section-id-heading", children: [
           "#",
           order.display_id
         ] }),
@@ -1993,8 +1958,8 @@ var OrderGeneralSection = ({ order }) => {
         salesChannel: order.sales_channel?.name
       }) })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-x-4", "data-testid": "order-general-section-badges-container", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-x-1.5", "data-testid": "order-general-section-badges", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-4", "data-testid": "order-general-section-badges-container", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-1.5", "data-testid": "order-general-section-badges", children: [
         /* @__PURE__ */ jsx12(OrderBadge, { order }),
         /* @__PURE__ */ jsx12(PaymentBadge, { order }),
         /* @__PURE__ */ jsx12(FulfillmentBadge, { order })
@@ -2047,7 +2012,7 @@ import { useTranslation as useTranslation13 } from "react-i18next";
 import { useState as useState4 } from "react";
 import copy from "copy-to-clipboard";
 import { clx as clx2, toast as toast8, Tooltip as Tooltip3 } from "@medusajs/ui";
-import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function DisplayId({ id, className }) {
   const { t } = useTranslation13();
   const [open, setOpen] = useState4(false);
@@ -2055,7 +2020,7 @@ function DisplayId({ id, className }) {
     copy(id);
     toast8.success(t("actions.idCopiedToClipboard"));
   };
-  return /* @__PURE__ */ jsx13(Tooltip3, { maxWidth: 260, content: id, open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs14("span", { onClick, className: clx2("cursor-pointer", className), children: [
+  return /* @__PURE__ */ jsx13(Tooltip3, { maxWidth: 260, content: id, open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs13("span", { onClick, className: clx2("cursor-pointer", className), children: [
     "#",
     id.slice(-7)
   ] }) });
@@ -2087,11 +2052,11 @@ import {
 } from "@medusajs/ui";
 import { format as format2 } from "date-fns";
 import { Trans, useTranslation as useTranslation14 } from "react-i18next";
-import { jsx as jsx14, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var OrderPaymentSection = ({ order }) => {
   const payments = getPaymentsFromOrder(order);
   const refunds = payments.map((payment) => payment?.refunds).flat(1).filter(Boolean);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     Container9,
     {
       className: "divide-y divide-dashed p-0",
@@ -2115,7 +2080,7 @@ var OrderPaymentSection = ({ order }) => {
 var Header2 = ({ order }) => {
   const { t } = useTranslation14();
   const { label, color } = getOrderPaymentStatus(t, order.payment_status);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: "flex items-center justify-between px-6 py-4",
@@ -2151,22 +2116,22 @@ var Refund = ({
     }
   );
   const RefundNoteIndicator = refund.note && /* @__PURE__ */ jsx14(Tooltip4, { content: refund.note, children: /* @__PURE__ */ jsx14(DocumentText, { className: "ml-1 inline text-ui-tag-neutral-icon" }) });
-  return /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-x-4 bg-ui-bg-subtle px-6 py-4 text-ui-fg-subtle sm:items-center", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-1 flex-col gap-3 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "flex shrink-0 flex-row items-center gap-x-3", children: [
+  return /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-x-4 bg-ui-bg-subtle px-6 py-4 text-ui-fg-subtle sm:items-center", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex flex-1 flex-col gap-3 sm:flex-row sm:items-center", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex shrink-0 flex-row items-center gap-x-3", children: [
         /* @__PURE__ */ jsx14(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-        /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsxs14("div", { children: [
           /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", weight: "plus", children: t("orders.payment.refund") }),
           /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", children: format2(new Date(refund.created_at), "dd MMM, yyyy, HH:mm:ss") })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-x-3", children: [
         /* @__PURE__ */ jsx14("div", { className: "shrink-0", children: RefundNoteIndicator }),
         RefundReasonBadge
       ] })
     ] }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex shrink-0 items-center justify-end gap-4", children: [
-      /* @__PURE__ */ jsxs15(Text10, { size: "small", leading: "compact", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex shrink-0 items-center justify-end gap-4", children: [
+      /* @__PURE__ */ jsxs14(Text10, { size: "small", leading: "compact", children: [
         "- ",
         getLocaleAmount(refund.amount, currencyCode)
       ] }),
@@ -2224,19 +2189,19 @@ var Payment = ({
   const [status, color] = getPaymentStatusAttributes(payment);
   const showCapture = payment.captured_at === null && payment.canceled_at === null;
   const totalRefunded = payment.refunds?.reduce((acc, next) => next.amount + acc, 0) ?? 0;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: "divide-y divide-dashed",
       "data-testid": `order-payment-${payment.id}`,
       children: [
-        /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs14(
           "div",
           {
             className: "grid grid-cols-[1fr_1fr_1fr_20px] items-center gap-x-4 px-6 py-4 text-ui-fg-subtle sm:grid-cols-[1fr_1fr_1fr_1fr_20px]",
             "data-testid": `order-payment-${payment.id}-row`,
             children: [
-              /* @__PURE__ */ jsxs15("div", { className: "w-full min-w-[60px] overflow-hidden", children: [
+              /* @__PURE__ */ jsxs14("div", { className: "w-full min-w-[60px] overflow-hidden", children: [
                 /* @__PURE__ */ jsx14(
                   Text10,
                   {
@@ -2307,13 +2272,13 @@ var Payment = ({
             ]
           }
         ),
-        showCapture && /* @__PURE__ */ jsxs15(
+        showCapture && /* @__PURE__ */ jsxs14(
           "div",
           {
             className: "flex items-center justify-between bg-ui-bg-subtle px-6 py-4",
             "data-testid": `order-payment-${payment.id}-capture-section`,
             children: [
-              /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-x-2", children: [
                 /* @__PURE__ */ jsx14(ArrowDownRightMini, { className: "shrink-0 text-ui-fg-muted" }),
                 /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", children: /* @__PURE__ */ jsx14(
                   Trans,
@@ -2323,7 +2288,7 @@ var Payment = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsxs15(
+              /* @__PURE__ */ jsxs14(
                 Button7,
                 {
                   className: "shrink-0",
@@ -2354,8 +2319,8 @@ var CreditLine = ({
   }
   const prettyReference = creditLine.reference?.split("_").join(" ").split("-").join(" ");
   const prettyReferenceId = creditLine.reference_id ? /* @__PURE__ */ jsx14(display_id_default, { id: creditLine.reference_id }) : null;
-  return /* @__PURE__ */ jsx14("div", { className: "divide-y divide-dashed", children: /* @__PURE__ */ jsxs15("div", { className: "grid grid-cols-[1fr_1fr_20px] items-center gap-x-4 px-6 py-4 text-ui-fg-subtle sm:grid-cols-[1fr_1fr_1fr_20px]", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "w-full min-w-[60px] overflow-hidden", children: [
+  return /* @__PURE__ */ jsx14("div", { className: "divide-y divide-dashed", children: /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-[1fr_1fr_20px] items-center gap-x-4 px-6 py-4 text-ui-fg-subtle sm:grid-cols-[1fr_1fr_1fr_20px]", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "w-full min-w-[60px] overflow-hidden", children: [
       /* @__PURE__ */ jsx14(
         Text10,
         {
@@ -2371,7 +2336,7 @@ var CreditLine = ({
         "dd MMM, yyyy, HH:mm:ss"
       ) : "-" })
     ] }),
-    /* @__PURE__ */ jsx14("div", { className: "hidden items-center justify-end sm:flex", children: /* @__PURE__ */ jsxs15(Text10, { size: "small", leading: "compact", className: "capitalize", children: [
+    /* @__PURE__ */ jsx14("div", { className: "hidden items-center justify-end sm:flex", children: /* @__PURE__ */ jsxs14(Text10, { size: "small", leading: "compact", className: "capitalize", children: [
       prettyReference,
       " (",
       prettyReferenceId,
@@ -2446,13 +2411,13 @@ var PaymentBreakdown = ({
 var Total = ({ order }) => {
   const { t } = useTranslation14();
   const totalPending = getTotalPending(order.payment_collections);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: "flex flex-col gap-y-4 px-6 py-4",
       "data-testid": "order-payment-total",
       children: [
-        /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs14(
           "div",
           {
             className: "flex items-center justify-between",
@@ -2466,7 +2431,7 @@ var Total = ({ order }) => {
             ]
           }
         ),
-        order.status !== "canceled" && totalPending > 0 && /* @__PURE__ */ jsxs15(
+        order.status !== "canceled" && totalPending > 0 && /* @__PURE__ */ jsxs14(
           "div",
           {
             className: "flex items-center justify-between",
@@ -2522,7 +2487,7 @@ import { InformationCircleSolid } from "@medusajs/icons";
 import { Badge as Badge2, Popover as Popover3, Text as Text11 } from "@medusajs/ui";
 import { useState as useState5 } from "react";
 import { useTranslation as useTranslation15 } from "react-i18next";
-import { jsx as jsx15, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function ReturnInfoPopover({ orderReturn }) {
   const { t } = useTranslation15();
   const [open, setOpen] = useState5(false);
@@ -2546,7 +2511,7 @@ function ReturnInfoPopover({ orderReturn }) {
   if (typeof orderReturn !== "object") {
     return;
   }
-  return /* @__PURE__ */ jsxs16(Popover3, { open, children: [
+  return /* @__PURE__ */ jsxs15(Popover3, { open, children: [
     /* @__PURE__ */ jsx15(
       Popover3.Trigger,
       {
@@ -2563,18 +2528,18 @@ function ReturnInfoPopover({ orderReturn }) {
         align: "center",
         side: "top",
         className: "bg-ui-bg-component p-2 focus-visible:outline-none",
-        children: /* @__PURE__ */ jsxs16("div", { className: "", children: [
-          /* @__PURE__ */ jsxs16(Badge2, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
+        children: /* @__PURE__ */ jsxs15("div", { className: "", children: [
+          /* @__PURE__ */ jsxs15(Badge2, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
             returnType,
             ": #",
             returnTypeId.slice(-7)
           ] }),
-          /* @__PURE__ */ jsxs16(Text11, { size: "xsmall", children: [
+          /* @__PURE__ */ jsxs15(Text11, { size: "xsmall", children: [
             /* @__PURE__ */ jsx15("span", { className: "text-ui-fg-subtle", children: t(`orders.returns.returnRequested`) }),
             " \xB7 ",
             getFullDate({ date: orderReturn.requested_at, includeTime: true })
           ] }),
-          /* @__PURE__ */ jsxs16(Text11, { size: "xsmall", children: [
+          /* @__PURE__ */ jsxs15(Text11, { size: "xsmall", children: [
             /* @__PURE__ */ jsx15("span", { className: "text-ui-fg-subtle", children: t(`orders.returns.itemReceived`) }),
             " \xB7 ",
             orderReturn.received_at ? getFullDate({
@@ -2593,7 +2558,7 @@ var return_info_popover_default = ReturnInfoPopover;
 import { InformationCircleSolid as InformationCircleSolid2 } from "@medusajs/icons";
 import { Badge as Badge3, Tooltip as Tooltip5 } from "@medusajs/ui";
 import { useTranslation as useTranslation16 } from "react-i18next";
-import { jsx as jsx16, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function ShippingInfoPopover({ shippingMethod }) {
   const { t } = useTranslation16();
   const shippingDetail = shippingMethod?.detail;
@@ -2616,7 +2581,7 @@ function ShippingInfoPopover({ shippingMethod }) {
   return /* @__PURE__ */ jsx16(
     Tooltip5,
     {
-      content: /* @__PURE__ */ jsxs17(Badge3, { size: "2xsmall", rounded: "full", children: [
+      content: /* @__PURE__ */ jsxs16(Badge3, { size: "2xsmall", rounded: "full", children: [
         rmaType,
         ": #",
         rmaId.slice(-7)
@@ -2628,7 +2593,7 @@ function ShippingInfoPopover({ shippingMethod }) {
 var shipping_info_popover_default = ShippingInfoPopover;
 
 // src/pages/orders/order-detail/components/order-summary-section/order-summary-section.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var OrderSummarySection = ({ order }) => {
   const { t } = useTranslation17();
   const prompt = usePrompt5();
@@ -2717,7 +2682,7 @@ var OrderSummarySection = ({ order }) => {
       }
     );
   };
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     Container10,
     {
       className: "divide-y divide-dashed p-0",
@@ -2728,7 +2693,7 @@ var OrderSummarySection = ({ order }) => {
         /* @__PURE__ */ jsx17(CostBreakdown, { order }),
         /* @__PURE__ */ jsx17(DiscountAndTotalBreakdown, { order }),
         /* @__PURE__ */ jsx17(Total2, { order }),
-        (showAllocateButton || showReturns || showPayment || showRefund) && /* @__PURE__ */ jsxs18(
+        (showAllocateButton || showReturns || showPayment || showRefund) && /* @__PURE__ */ jsxs17(
           "div",
           {
             className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4",
@@ -2832,7 +2797,7 @@ var Header3 = ({
   );
   const isOrderEditActive = orderPreview?.order_change?.change_type === "edit";
   const isOrderEditPending = orderPreview?.order_change?.change_type === "edit" && orderPreview?.order_change?.status === "pending";
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: "flex items-center justify-between px-6 py-4",
@@ -2897,21 +2862,21 @@ var Item = ({
   const isInventoryManaged = item.variant?.manage_inventory;
   const hasInventoryKit = isInventoryManaged && ((item.variant?.inventory_items?.length || 0) > 1 || item.variant?.inventory_items?.some((i) => i.required_quantity > 1));
   const hasUnfulfilledItems = item.quantity - item.detail.fulfilled_quantity > 0;
-  return /* @__PURE__ */ jsxs18(Fragment3, { children: [
-    /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         className: "text-ui-fg-subtle grid grid-cols-2 items-center gap-x-4 px-6 py-4",
         "data-testid": `order-summary-item-${item.id}`,
         children: [
-          /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs17(
             "div",
             {
               className: "flex items-start gap-x-4",
               "data-testid": `order-summary-item-${item.id}-info`,
               children: [
                 /* @__PURE__ */ jsx17(Thumbnail, { src: item.thumbnail }),
-                /* @__PURE__ */ jsxs18("div", { children: [
+                /* @__PURE__ */ jsxs17("div", { children: [
                   /* @__PURE__ */ jsx17(
                     Text12,
                     {
@@ -2922,7 +2887,7 @@ var Item = ({
                       children: item.title
                     }
                   ),
-                  item.variant_sku && /* @__PURE__ */ jsxs18(
+                  item.variant_sku && /* @__PURE__ */ jsxs17(
                     "div",
                     {
                       className: "flex items-center gap-x-1",
@@ -2945,7 +2910,7 @@ var Item = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs17(
             "div",
             {
               className: "grid grid-cols-3 items-center gap-x-4",
@@ -2959,13 +2924,13 @@ var Item = ({
                     children: getLocaleAmount(item.unit_price, currencyCode)
                   }
                 ) }),
-                /* @__PURE__ */ jsxs18(
+                /* @__PURE__ */ jsxs17(
                   "div",
                   {
                     className: "flex items-center gap-x-2",
                     "data-testid": `order-summary-item-${item.id}-quantity`,
                     children: [
-                      /* @__PURE__ */ jsx17("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs18(Text12, { size: "small", children: [
+                      /* @__PURE__ */ jsx17("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs17(Text12, { size: "small", children: [
                         /* @__PURE__ */ jsx17("span", { className: "tabular-nums", children: item.quantity }),
                         "x"
                       ] }) }),
@@ -3051,8 +3016,8 @@ var Cost = ({
   value,
   secondaryValue,
   tooltip
-}) => /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-3 items-center", children: [
-  /* @__PURE__ */ jsxs18(Text12, { size: "small", leading: "compact", children: [
+}) => /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-3 items-center", children: [
+  /* @__PURE__ */ jsxs17(Text12, { size: "small", leading: "compact", children: [
     label,
     " ",
     tooltip
@@ -3091,7 +3056,7 @@ var CostBreakdown = ({
     return taxCodeMap;
   }, [order]);
   const hasTaxes = !!Object.keys(taxCodes).length;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4",
@@ -3107,7 +3072,7 @@ var CostBreakdown = ({
         /* @__PURE__ */ jsx17(
           Cost,
           {
-            label: /* @__PURE__ */ jsxs18(
+            label: /* @__PURE__ */ jsxs17(
               "div",
               {
                 onClick: () => setIsShippingOpen((o) => !o),
@@ -3131,12 +3096,12 @@ var CostBreakdown = ({
         isShippingOpen && /* @__PURE__ */ jsx17("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__ */ jsxs18(
+          return /* @__PURE__ */ jsxs17(
             "div",
             {
               className: "flex items-center justify-between gap-x-2",
               children: [
-                /* @__PURE__ */ jsx17("div", { children: /* @__PURE__ */ jsxs18("span", { className: "txt-small", children: [
+                /* @__PURE__ */ jsx17("div", { children: /* @__PURE__ */ jsxs17("span", { className: "txt-small", children: [
                   sm.name,
                   sm.detail.return_id && ` (${t("fields.returnShipping")})`,
                   " ",
@@ -3149,9 +3114,9 @@ var CostBreakdown = ({
             sm.id
           );
         }) }),
-        /* @__PURE__ */ jsxs18(Fragment3, { children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsxs18(
+        /* @__PURE__ */ jsxs17(Fragment3, { children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxs17(
               "div",
               {
                 onClick: () => hasTaxes && setIsTaxOpen((o) => !o),
@@ -3174,14 +3139,14 @@ var CostBreakdown = ({
             /* @__PURE__ */ jsx17("div", { className: "text-right", children: /* @__PURE__ */ jsx17(Text12, { size: "small", leading: "compact", children: getLocaleAmount(order.original_tax_total, order.currency_code) }) })
           ] }),
           isTaxOpen && /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-1 pl-5", children: Object.entries(taxCodes).map(([code, { total, rate }]) => {
-            return /* @__PURE__ */ jsxs18(
+            return /* @__PURE__ */ jsxs17(
               "div",
               {
                 className: "flex items-center justify-between gap-x-2",
                 children: [
-                  /* @__PURE__ */ jsxs18("div", { className: "flex gap-1", children: [
+                  /* @__PURE__ */ jsxs17("div", { className: "flex gap-1", children: [
                     /* @__PURE__ */ jsx17("span", { className: "txt-small", children: code }),
-                    /* @__PURE__ */ jsxs18("span", { className: "txt-small", children: [
+                    /* @__PURE__ */ jsxs17("span", { className: "txt-small", children: [
                       "(",
                       formatPercentage(rate),
                       ")"
@@ -3195,7 +3160,7 @@ var CostBreakdown = ({
             );
           }) })
         ] }),
-        /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
           /* @__PURE__ */ jsx17(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: t("fields.total") }),
           /* @__PURE__ */ jsx17(
             Text12,
@@ -3246,7 +3211,7 @@ var DiscountAndTotalBreakdown = ({
   }, [order]);
   const hasDiscount = discounts.length > 0;
   const hasCreditLines = creditLines.length > 0;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4",
@@ -3255,7 +3220,7 @@ var DiscountAndTotalBreakdown = ({
         /* @__PURE__ */ jsx17(
           Cost,
           {
-            label: /* @__PURE__ */ jsxs18(
+            label: /* @__PURE__ */ jsxs17(
               "div",
               {
                 onClick: () => hasDiscount && setIsDiscountOpen((o) => !o),
@@ -3280,14 +3245,14 @@ var DiscountAndTotalBreakdown = ({
           }
         ),
         isDiscountOpen && /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-1 pl-5", children: discounts.map(({ type, total, codes }) => {
-          return /* @__PURE__ */ jsxs18(
+          return /* @__PURE__ */ jsxs17(
             "div",
             {
               className: "flex items-center justify-between gap-x-2",
               children: [
-                /* @__PURE__ */ jsxs18("div", { className: "flex gap-1", children: [
+                /* @__PURE__ */ jsxs17("div", { className: "flex gap-1", children: [
                   /* @__PURE__ */ jsx17("span", { className: "txt-small", children: t(`fields.${type}`) }),
-                  /* @__PURE__ */ jsxs18("span", { className: "txt-small", children: [
+                  /* @__PURE__ */ jsxs17("span", { className: "txt-small", children: [
                     "(",
                     codes.join(", "),
                     ")"
@@ -3300,11 +3265,11 @@ var DiscountAndTotalBreakdown = ({
             type
           );
         }) }),
-        hasCreditLines && /* @__PURE__ */ jsxs18(Fragment3, { children: [
+        hasCreditLines && /* @__PURE__ */ jsxs17(Fragment3, { children: [
           /* @__PURE__ */ jsx17(
             Cost,
             {
-              label: /* @__PURE__ */ jsxs18(
+              label: /* @__PURE__ */ jsxs17(
                 "div",
                 {
                   onClick: () => setIsCreditLinesOpen((o) => !o),
@@ -3330,12 +3295,12 @@ var DiscountAndTotalBreakdown = ({
           ),
           isCreditLinesOpen && /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-1 pl-5", children: creditLines.map((creditLine) => {
             const prettyReference = creditLine.reference?.split("_").join(" ").split("-").join(" ");
-            return /* @__PURE__ */ jsxs18(
+            return /* @__PURE__ */ jsxs17(
               "div",
               {
                 className: "flex items-center justify-between gap-x-2",
                 children: [
-                  /* @__PURE__ */ jsxs18("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ jsxs17("div", { className: "flex items-center", children: [
                     /* @__PURE__ */ jsx17(
                       Text12,
                       {
@@ -3369,7 +3334,7 @@ var DiscountAndTotalBreakdown = ({
                       }
                     ),
                     /* @__PURE__ */ jsx17("span", { className: "txt-small text-ui-fg-subtle mx-1", children: "-" }),
-                    /* @__PURE__ */ jsxs18(
+                    /* @__PURE__ */ jsxs17(
                       Text12,
                       {
                         size: "small",
@@ -3394,7 +3359,7 @@ var DiscountAndTotalBreakdown = ({
             );
           }) })
         ] }),
-        /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
           /* @__PURE__ */ jsx17(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: t("orders.summary.totalAfterDiscount") }),
           /* @__PURE__ */ jsx17(
             Text12,
@@ -3414,8 +3379,8 @@ var InventoryKitBreakdown = ({ item }) => {
   const { t } = useTranslation17();
   const [isOpen, setIsOpen] = useState6(false);
   const inventory = item.variant?.inventory_items || [];
-  return /* @__PURE__ */ jsxs18(Fragment3, { children: [
-    /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         onClick: () => setIsOpen((o) => !o),
@@ -3434,21 +3399,21 @@ var InventoryKitBreakdown = ({ item }) => {
       }
     ),
     isOpen && /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-1 px-6 pb-4", children: inventory.map((i) => {
-      return /* @__PURE__ */ jsxs18(
+      return /* @__PURE__ */ jsxs17(
         "div",
         {
           className: "flex items-center justify-between gap-x-2",
           children: [
-            /* @__PURE__ */ jsx17("div", { children: /* @__PURE__ */ jsxs18("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
+            /* @__PURE__ */ jsx17("div", { children: /* @__PURE__ */ jsxs17("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
               i.inventory.title,
-              i.inventory.sku && /* @__PURE__ */ jsxs18("span", { className: "text-ui-fg-subtle font-normal", children: [
+              i.inventory.sku && /* @__PURE__ */ jsxs17("span", { className: "text-ui-fg-subtle font-normal", children: [
                 " ",
                 "\u22C5 ",
                 i.inventory.sku
               ] })
             ] }) }),
             /* @__PURE__ */ jsx17("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx17("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
-            /* @__PURE__ */ jsxs18("span", { className: "txt-small text-ui-fg-muted", children: [
+            /* @__PURE__ */ jsxs17("span", { className: "txt-small text-ui-fg-muted", children: [
               i.required_quantity,
               "x"
             ] })
@@ -3466,12 +3431,12 @@ var ReturnBreakdownWithDamages = ({
   const { t } = useTranslation17();
   const item = orderReturn?.items?.find((ri) => ri.item_id === itemId);
   const damagedQuantity = item?.damaged_quantity || 0;
-  return item && /* @__PURE__ */ jsxs18(
+  return item && /* @__PURE__ */ jsxs17(
     "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__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx17(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
           /* @__PURE__ */ jsx17(Text12, { size: "small", children: t(`orders.returns.damagedItemsReturned`, {
             quantity: damagedQuantity
@@ -3487,7 +3452,7 @@ var ReturnBreakdownWithDamages = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs18(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+        /* @__PURE__ */ jsxs17(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
           t(`orders.returns.damagedItemReceived`),
           /* @__PURE__ */ jsx17("span", { className: "ml-2", children: /* @__PURE__ */ jsx17(return_info_popover_default, { orderReturn }) })
         ] })
@@ -3510,7 +3475,7 @@ var ReturnBreakdown = ({
   const isRequested = orderReturn.status === "requested";
   const item = orderReturn?.items?.find((ri) => ri.item_id === itemId);
   const damagedQuantity = item?.damaged_quantity || 0;
-  return item && /* @__PURE__ */ jsxs18(Fragment3, { children: [
+  return item && /* @__PURE__ */ jsxs17(Fragment3, { children: [
     damagedQuantity > 0 && /* @__PURE__ */ jsx17(
       ReturnBreakdownWithDamages,
       {
@@ -3518,12 +3483,12 @@ var ReturnBreakdown = ({
         itemId
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs17(
       "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__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx17(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
             /* @__PURE__ */ jsx17(Text12, { size: "small", children: t(
               `orders.returns.${isRequested ? "returnRequestedInfo" : "returnReceivedInfo"}`,
@@ -3542,11 +3507,11 @@ var ReturnBreakdown = ({
               }
             )
           ] }),
-          orderReturn && isRequested && /* @__PURE__ */ jsxs18(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+          orderReturn && isRequested && /* @__PURE__ */ jsxs17(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
             getRelativeDate(orderReturn.created_at),
             /* @__PURE__ */ jsx17("span", { className: "ml-2", children: /* @__PURE__ */ jsx17(return_info_popover_default, { orderReturn }) })
           ] }),
-          orderReturn && !isRequested && /* @__PURE__ */ jsxs18(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+          orderReturn && !isRequested && /* @__PURE__ */ jsxs17(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
             t(`orders.returns.itemReceived`),
             /* @__PURE__ */ jsx17("span", { className: "ml-2", children: /* @__PURE__ */ jsx17(return_info_popover_default, { orderReturn }) })
           ] })
@@ -3565,12 +3530,12 @@ var ClaimBreakdown = ({
   const items = claim.additional_items.filter(
     (item) => item.item?.id === itemId
   );
-  return !!items.length && /* @__PURE__ */ jsxs18(
+  return !!items.length && /* @__PURE__ */ jsxs17(
     "div",
     {
       className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-b-2 border-t-2 border-dotted px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx17(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
           /* @__PURE__ */ jsx17(Text12, { size: "small", children: t(`orders.claims.outboundItemAdded`, {
             itemsCount: items.reduce(
@@ -3594,12 +3559,12 @@ var ExchangeBreakdown = ({
   const items = exchange.additional_items.filter(
     (item) => item?.item?.id === itemId
   );
-  return !!items.length && /* @__PURE__ */ jsxs18(
+  return !!items.length && /* @__PURE__ */ jsxs17(
     "div",
     {
       className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-b-2 border-t-2 border-dotted px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx17(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
           /* @__PURE__ */ jsx17(Text12, { size: "small", children: t(`orders.exchanges.outboundItemAdded`, {
             itemsCount: items.reduce(
@@ -3616,13 +3581,13 @@ var ExchangeBreakdown = ({
 };
 var Total2 = ({ order }) => {
   const { t } = useTranslation17();
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: " flex flex-col gap-y-2 px-6 py-4",
       "data-testid": "order-summary-total",
       children: [
-        /* @__PURE__ */ jsxs18(
+        /* @__PURE__ */ jsxs17(
           "div",
           {
             className: "text-ui-fg-base flex items-center justify-between",
@@ -3636,14 +3601,14 @@ var Total2 = ({ order }) => {
             ]
           }
         ),
-        getTotalCreditLines(order.credit_lines ?? []) > 0 && /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+        getTotalCreditLines(order.credit_lines ?? []) > 0 && /* @__PURE__ */ jsxs17("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
           /* @__PURE__ */ jsx17(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: t("fields.creditTotal") }),
           /* @__PURE__ */ jsx17(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: getStylizedAmount(
             getTotalCreditLines(order.credit_lines ?? []),
             order.currency_code
           ) })
         ] }),
-        /* @__PURE__ */ jsxs18(
+        /* @__PURE__ */ jsxs17(
           "div",
           {
             className: "text-ui-fg-base flex items-center justify-between",
@@ -3679,110 +3644,120 @@ var Total2 = ({ order }) => {
 };
 
 // src/pages/orders/order-detail/components/order-remaining-orders-group-section/order-remaining-orders-group-section.tsx
-import {
-  Badge as Badge5,
-  Button as Button9,
-  Container as Container11,
-  Heading as Heading11,
-  StatusBadge as StatusBadge5,
-  Text as Text13
-} from "@medusajs/ui";
-import { useNavigate as useNavigate6, useParams } from "react-router-dom";
+import { Container as Container11, Heading as Heading11 } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo as useMemo4 } from "react";
 import { useTranslation as useTranslation18 } from "react-i18next";
-import { jsx as jsx18, jsxs as jsxs19 } from "react/jsx-runtime";
-var OrderBadge2 = ({ order }) => {
+import { useParams } from "react-router-dom";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var DEFAULT_FIELDS2 = "id,*orders,*orders.customer,*orders.seller,*orders.sales_channel";
+var OrderRemainingOrdersGroupSection = () => {
+  const { id } = useParams();
   const { t } = useTranslation18();
-  const orderStatus = getCanceledOrderStatus(t, order.status);
-  if (!orderStatus) {
+  const { order_group, isLoading, isError, error } = useOrderGroupByOrderId(
+    id,
+    { fields: DEFAULT_FIELDS2 }
+  );
+  const orders = useMemo4(() => {
+    const group = order_group;
+    if (!group?.orders) return [];
+    return group.orders.filter((o) => o.id !== id);
+  }, [order_group, id]);
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: orders,
+    columns,
+    count: orders.length,
+    enablePagination: false,
+    getRowId: (row) => row.id
+  });
+  if (isError) {
+    throw error;
+  }
+  if (!isLoading && orders.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx18(StatusBadge5, { color: orderStatus.color, className: "text-nowrap", children: orderStatus.label });
-};
-var PaymentBadge2 = ({ order }) => {
-  const { t } = useTranslation18();
-  const { label, color } = getOrderPaymentStatus(t, order.payment_status);
-  return /* @__PURE__ */ jsx18(StatusBadge5, { color, className: "text-nowrap", children: label });
+  return /* @__PURE__ */ jsxs18(
+    Container11,
+    {
+      className: "divide-y p-0",
+      "data-testid": "order-remaining-orders-group-section",
+      children: [
+        /* @__PURE__ */ jsx18(
+          "div",
+          {
+            className: "flex items-center justify-between px-6 py-4",
+            "data-testid": "order-remaining-orders-group-header",
+            children: /* @__PURE__ */ jsxs18(Heading11, { level: "h2", "data-testid": "order-remaining-orders-group-heading", children: [
+              t("orders.domain"),
+              " in group"
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          _DataTable,
+          {
+            columns,
+            table,
+            navigateTo: (row) => `/orders/${row.original.id}`,
+            count: orders.length,
+            isLoading,
+            pageSize: orders.length,
+            noRecords: {
+              message: "No other orders in this group"
+            }
+          }
+        )
+      ]
+    }
+  );
 };
-var OrderRemainingOrdersGroupSection = () => {
-  const { id } = useParams();
-  const navigate = useNavigate6();
-  const { order_group, isLoading } = useOrderGroup(id);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx18("div", { children: "Loading..." });
-  }
-  const { orders } = order_group || {};
-  return /* @__PURE__ */ jsxs19(Container11, { "data-testid": "order-remaining-orders-group-section", children: [
-    /* @__PURE__ */ jsx18(
-      Heading11,
-      {
-        level: "h2",
-        className: "text-lg font-medium",
-        "data-testid": "order-remaining-orders-group-heading",
-        children: "Remaining orders group"
-      }
-    ),
-    /* @__PURE__ */ jsx18("div", { "data-testid": "order-remaining-orders-group-list", children: orders?.map((order) => {
-      const items = order.items.length > 1 ? `${order.items[0].subtitle} + ${order.items.length - 1} more` : order.items[0].subtitle;
-      return /* @__PURE__ */ jsx18(
-        Button9,
-        {
-          variant: "secondary",
-          className: "cursor-pointer w-full flex text-left mt-4",
-          onClick: () => {
-            navigate(`/orders/${order.id}`);
-          },
-          "data-testid": `order-remaining-orders-group-item-${order.id}`,
-          children: /* @__PURE__ */ jsxs19("div", { className: "w-full relative", children: [
-            /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsxs19(
-                Heading11,
-                {
-                  level: "h3",
-                  className: "text-md font-medium w-1/3 truncate",
-                  "data-testid": `order-remaining-orders-group-item-${order.id}-heading`,
-                  children: [
-                    "#",
-                    order.display_id
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs19(
-                "div",
-                {
-                  className: "flex w-2/3",
-                  "data-testid": `order-remaining-orders-group-item-${order.id}-badges`,
-                  children: [
-                    /* @__PURE__ */ jsxs19(Badge5, { className: "scale-75 -mr-8", children: [
-                      /* @__PURE__ */ jsx18("span", { className: "text-xs mr-2", children: "Payment" }),
-                      /* @__PURE__ */ jsx18(PaymentBadge2, { order })
-                    ] }),
-                    /* @__PURE__ */ jsxs19(Badge5, { className: "scale-75 -mr-4", children: [
-                      /* @__PURE__ */ jsx18("span", { className: "text-xs mr-2", children: "Order" }),
-                      /* @__PURE__ */ jsx18(OrderBadge2, { order })
-                    ] })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx18(
-              Text13,
-              {
-                className: "truncate",
-                "data-testid": `order-remaining-orders-group-item-${order.id}-items`,
-                children: items
-              }
-            )
-          ] })
-        },
-        order.id
-      );
-    }) })
-  ] });
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  return useMemo4(
+    () => [
+      columnHelper.accessor("display_id", {
+        header: () => /* @__PURE__ */ jsx18(DisplayIdHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx18(DisplayIdCell, { displayId: getValue() })
+      }),
+      columnHelper.display({
+        id: "seller",
+        header: () => /* @__PURE__ */ jsx18(TextHeader, { text: "Seller" }),
+        cell: ({ row }) => {
+          const seller = row.original.seller;
+          return /* @__PURE__ */ jsx18(TextCell, { text: seller?.name ?? "-" });
+        }
+      }),
+      columnHelper.accessor("created_at", {
+        header: () => /* @__PURE__ */ jsx18(DateHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx18(DateCell, { date: new Date(getValue()) })
+      }),
+      columnHelper.accessor("payment_status", {
+        header: () => /* @__PURE__ */ jsx18(PaymentStatusHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx18(PaymentStatusCell, { status: getValue() })
+      }),
+      columnHelper.accessor("fulfillment_status", {
+        header: () => /* @__PURE__ */ jsx18(FulfillmentStatusHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx18(FulfillmentStatusCell, { status: getValue() })
+      }),
+      columnHelper.accessor("total", {
+        header: () => /* @__PURE__ */ jsx18(TotalHeader, {}),
+        cell: ({ getValue, row }) => /* @__PURE__ */ jsx18(
+          TotalCell,
+          {
+            currencyCode: row.original.currency_code,
+            total: getValue()
+          }
+        )
+      })
+    ],
+    []
+  );
 };
 
 // src/pages/orders/order-detail/order-detail.tsx
-import { jsx as jsx19, jsxs as jsxs20 } from "react/jsx-runtime";
-var OrderDetail = () => {
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams2();
   const { order, isLoading, isError, error } = useOrder(
@@ -3814,7 +3789,7 @@ var OrderDetail = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx19(Fragment4, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs19(
     TwoColumnPage,
     {
       data: order,
@@ -3823,7 +3798,7 @@ var OrderDetail = () => {
       hasOutlet: true,
       "data-testid": "order-detail-page",
       children: [
-        /* @__PURE__ */ jsxs20(TwoColumnPage.Main, { "data-testid": "order-detail-main", children: [
+        /* @__PURE__ */ jsxs19(TwoColumnPage.Main, { "data-testid": "order-detail-main", children: [
           /* @__PURE__ */ jsx19(OrderActiveEditSection, { order }),
           /* @__PURE__ */ jsx19(ActiveOrderClaimSection, { orderPreview }),
           /* @__PURE__ */ jsx19(ActiveOrderExchangeSection, { orderPreview }),
@@ -3833,17 +3808,32 @@ var OrderDetail = () => {
           /* @__PURE__ */ jsx19(OrderPaymentSection, { order }),
           /* @__PURE__ */ jsx19(OrderFulfillmentSection, { order })
         ] }),
-        /* @__PURE__ */ jsxs20(TwoColumnPage.Sidebar, { "data-testid": "order-detail-sidebar", children: [
+        /* @__PURE__ */ jsxs19(TwoColumnPage.Sidebar, { "data-testid": "order-detail-sidebar", children: [
           /* @__PURE__ */ jsx19(OrderCustomerSection, { order }),
           /* @__PURE__ */ jsx19(OrderActivitySection, { order }),
           /* @__PURE__ */ jsx19(OrderRemainingOrdersGroupSection, {})
         ] })
       ]
     }
-  );
+  ) });
 };
+var OrderDetail = Root;
+var OrderDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainActiveEditSection: OrderActiveEditSection,
+  MainActiveClaimSection: ActiveOrderClaimSection,
+  MainActiveExchangeSection: ActiveOrderExchangeSection,
+  MainActiveReturnSection: ActiveOrderReturnSection,
+  MainGeneralSection: OrderGeneralSection,
+  MainSummarySection: OrderSummarySection,
+  MainPaymentSection: OrderPaymentSection,
+  MainFulfillmentSection: OrderFulfillmentSection,
+  SidebarCustomerSection: OrderCustomerSection,
+  SidebarActivitySection: OrderActivitySection,
+  SidebarOrderGroupSection: OrderRemainingOrdersGroupSection
+});
+
 export {
-  OrderDetailBreadcrumb as Breadcrumb,
-  OrderDetail as Component,
-  orderLoader as loader
+  OrderDetail
 };