@mercurjs/vendor 2.2.0-rc.0 → 2.2.0-rc.1

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

@@ -1,11 +1,11 @@
 import {
   useCancelExchangeBegin,
   useExchanges
-} from "./chunk-CRYZK4NU.js";
+} from "./chunk-EFKHV25A.js";
 import {
   useCancelClaimBegin,
   useClaims
-} from "./chunk-S7NGDLZ3.js";
+} from "./chunk-MK44MYO7.js";
 import {
   getReturnableQuantity
 } from "./chunk-UM7ZR3VU.js";
@@ -25,11 +25,14 @@ import {
   useCancelReturn,
   useCancelReturnRequest,
   useReturns
-} from "./chunk-3TST3EWQ.js";
+} from "./chunk-HLAV55RT.js";
+import {
+  display_id_default
+} from "./chunk-WQTWBXKO.js";
 import {
   useCancelOrderEdit,
   useConfirmOrderEdit
-} from "./chunk-7BFQKYCJ.js";
+} from "./chunk-KEXXZLVI.js";
 import {
   formatProvider
 } from "./chunk-VW56KWO2.js";
@@ -42,12 +45,12 @@ import {
   getCanceledOrderStatus,
   getOrderFulfillmentStatus,
   getOrderPaymentStatus
-} from "./chunk-LQSLDDPT.js";
+} from "./chunk-T35QBLG7.js";
 import {
   getLocaleAmount,
   getStylizedAmount,
   isAmountLessThenRoundingError
-} from "./chunk-3BXCPHN6.js";
+} from "./chunk-XCHKUSUU.js";
 import "./chunk-JRTZWK77.js";
 import "./chunk-IQPN4PZJ.js";
 import {
@@ -75,25 +78,25 @@ import "./chunk-VE6GRIIN.js";
 import "./chunk-7MARNXFG.js";
 import "./chunk-MNHP6YRC.js";
 import "./chunk-NTJ3BMOE.js";
-import "./chunk-5PAUN3PM.js";
-import "./chunk-ZLHCZ5F2.js";
+import "./chunk-CLS6PNZY.js";
+import "./chunk-JIXW4WHZ.js";
 import "./chunk-GZ4KTAWS.js";
 import "./chunk-PUAWN7SS.js";
 import {
   useMember
-} from "./chunk-MVEHWM7K.js";
+} from "./chunk-4NADEZZQ.js";
 import {
   useCustomer
-} from "./chunk-OYUJYPDF.js";
-import "./chunk-O7BGGWW6.js";
+} from "./chunk-XWHHBJGS.js";
+import "./chunk-5NVY7JZC.js";
 import "./chunk-KIURBTC4.js";
-import "./chunk-3SH24DGG.js";
+import "./chunk-4EAC3GT7.js";
 import "./chunk-JR7AABT5.js";
 import {
   useStockLocation
 } from "./chunk-ZQCCVCHB.js";
-import "./chunk-5BQO3YQP.js";
-import "./chunk-EPRYM3FA.js";
+import "./chunk-MABIMRLS.js";
+import "./chunk-ULEW54ED.js";
 import {
   ordersQueryKeys,
   useCancelOrder,
@@ -104,9 +107,9 @@ import {
   useOrderCommissionLines,
   useOrderPreview,
   useReservationItems
-} from "./chunk-6FDPVW7Y.js";
+} from "./chunk-UEPUKWD7.js";
 import "./chunk-JJP6AKMV.js";
-import "./chunk-G6YNCIVF.js";
+import "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -118,13 +121,17 @@ import {
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/orders/[id]/loader.tsx
-var orderDetailQuery = (id) => ({
-  queryKey: ordersQueryKeys.detail(id),
-  queryFn: async () => fetchQuery(`/vendor/orders/${id}`, {
-    method: "GET",
-    query: { fields: DEFAULT_FIELDS }
-  })
-});
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var orderDetailQuery = (id) => {
+  const { fields } = getLinkQuery("order", DEFAULT_FIELDS);
+  return {
+    queryKey: ordersQueryKeys.detail(id, { fields }),
+    queryFn: async () => fetchQuery(`/vendor/orders/${id}`, {
+      method: "GET",
+      query: { fields }
+    })
+  };
+};
 var loader = async ({ params }) => {
   const id = params.id;
   const query = orderDetailQuery(id);
@@ -134,12 +141,14 @@ var loader = async ({ params }) => {
 // src/pages/orders/[id]/order-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone as WidgetZone2 } from "@mercurjs/dashboard-shared";
 
 // src/pages/orders/[id]/_components/active-order-claim-section/active-order-claim-section.tsx
 import { ExclamationCircle } from "@medusajs/icons";
 import { Button, Container, Heading, Text, toast } from "@medusajs/ui";
 import { useNavigate } from "react-router-dom";
 import { useTranslation } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var readClaimId = (change) => {
   if (change && typeof change === "object" && "claim_id" in change && typeof change.claim_id === "string") {
@@ -181,37 +190,47 @@ 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__ */ 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", children: [
-            /* @__PURE__ */ jsx(ExclamationCircle, { className: "text-ui-fg-subtle" }),
-            /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("orders.claims.panel.title") })
+      children: /* @__PURE__ */ jsxs(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", children: [
+              /* @__PURE__ */ jsx(ExclamationCircle, { className: "text-ui-fg-subtle" }),
+              /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("orders.claims.panel.title") })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx(Text, { children: t("orders.claims.panel.description") }) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx(Text, { children: t("orders.claims.panel.description") }) })
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: onCancelClaim,
+                "data-testid": "active-order-claim-cancel",
+                children: t("orders.claims.cancel.title")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: onContinueClaim,
+                "data-testid": "active-order-claim-continue",
+                children: t("actions.continue")
+              }
+            )
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onCancelClaim,
-              "data-testid": "active-order-claim-cancel",
-              children: t("orders.claims.cancel.title")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onContinueClaim,
-              "data-testid": "active-order-claim-continue",
-              children: t("actions.continue")
-            }
-          )
-        ] })
-      ] }) })
+        /* @__PURE__ */ jsx(
+          DisplayExtensionZone,
+          {
+            model: "order",
+            zone: "active-claim",
+            data: orderPreview
+          }
+        )
+      ] })
     }
   );
 };
@@ -221,6 +240,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 { useNavigate as useNavigate2 } from "react-router-dom";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var readExchangeId = (change) => {
   if (change && typeof change === "object" && "exchange_id" in change && typeof change.exchange_id === "string") {
@@ -262,37 +282,47 @@ 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__ */ 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", children: [
-            /* @__PURE__ */ jsx2(ArrowPath, { className: "text-ui-fg-subtle" }),
-            /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("orders.exchanges.panel.title") })
+      children: /* @__PURE__ */ jsxs2(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", children: [
+              /* @__PURE__ */ jsx2(ArrowPath, { className: "text-ui-fg-subtle" }),
+              /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("orders.exchanges.panel.title") })
+            ] }),
+            /* @__PURE__ */ jsx2("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx2(Text2, { children: t("orders.exchanges.panel.description") }) })
           ] }),
-          /* @__PURE__ */ jsx2("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx2(Text2, { children: t("orders.exchanges.panel.description") }) })
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+            /* @__PURE__ */ jsx2(
+              Button2,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: onCancelExchange,
+                "data-testid": "active-order-exchange-cancel",
+                children: t("orders.exchanges.cancel.title")
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              Button2,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: onContinueExchange,
+                "data-testid": "active-order-exchange-continue",
+                children: t("actions.continue")
+              }
+            )
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-          /* @__PURE__ */ jsx2(
-            Button2,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onCancelExchange,
-              "data-testid": "active-order-exchange-cancel",
-              children: t("orders.exchanges.cancel.title")
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            Button2,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onContinueExchange,
-              "data-testid": "active-order-exchange-continue",
-              children: t("actions.continue")
-            }
-          )
-        ] })
-      ] }) })
+        /* @__PURE__ */ jsx2(
+          DisplayExtensionZone2,
+          {
+            model: "order",
+            zone: "active-exchange",
+            data: orderPreview
+          }
+        )
+      ] })
     }
   );
 };
@@ -302,6 +332,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 { useNavigate as useNavigate3 } from "react-router-dom";
 import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var readReturnId = (change) => {
   if (change && typeof change === "object" && "return_id" in change && typeof change.return_id === "string") {
@@ -345,37 +376,47 @@ 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__ */ 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", children: [
-            /* @__PURE__ */ jsx3(ArrowUturnLeft, { className: "text-ui-fg-subtle" }),
-            /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("orders.returns.panel.title") })
+      children: /* @__PURE__ */ jsxs3(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", children: [
+              /* @__PURE__ */ jsx3(ArrowUturnLeft, { className: "text-ui-fg-subtle" }),
+              /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("orders.returns.panel.title") })
+            ] }),
+            /* @__PURE__ */ jsx3("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx3(Text3, { children: t("orders.returns.panel.description") }) })
           ] }),
-          /* @__PURE__ */ jsx3("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx3(Text3, { children: t("orders.returns.panel.description") }) })
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+            /* @__PURE__ */ jsx3(
+              Button3,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: onCancelReturn,
+                "data-testid": "active-order-return-cancel",
+                children: t("orders.returns.cancel.title")
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              Button3,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: onContinueReturn,
+                "data-testid": "active-order-return-continue",
+                children: t("actions.continue")
+              }
+            )
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-          /* @__PURE__ */ jsx3(
-            Button3,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onCancelReturn,
-              "data-testid": "active-order-return-cancel",
-              children: t("orders.returns.cancel.title")
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            Button3,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onContinueReturn,
-              "data-testid": "active-order-return-continue",
-              children: t("actions.continue")
-            }
-          )
-        ] })
-      ] }) })
+        /* @__PURE__ */ jsx3(
+          DisplayExtensionZone3,
+          {
+            model: "order",
+            zone: "active-return",
+            data: orderPreview
+          }
+        )
+      ] })
     }
   );
 };
@@ -386,6 +427,7 @@ import { Button as Button4, Container as Container4, Copy, Heading as Heading4,
 import { useMemo } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { useNavigate as useNavigate4 } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function EditItem({
   item,
@@ -473,53 +515,56 @@ 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__ */ 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", children: [
-          /* @__PURE__ */ jsx4(ExclamationCircleSolid, { className: "text-blue-500" }),
-          /* @__PURE__ */ jsx4(Heading4, { level: "h2", 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__ */ 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)) })
+      children: /* @__PURE__ */ jsxs4(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", children: [
+            /* @__PURE__ */ jsx4(ExclamationCircleSolid, { className: "text-blue-500" }),
+            /* @__PURE__ */ jsx4(Heading4, { level: "h2", 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__ */ 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__ */ jsxs4("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+            isPending ? /* @__PURE__ */ jsx4(
+              Button4,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: () => navigate(`/orders/${order.id}/edit`),
+                "data-testid": "order-active-edit-continue",
+                children: t("actions.continueEdit")
+              }
+            ) : /* @__PURE__ */ jsx4(
+              Button4,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: onConfirmOrderEdit,
+                "data-testid": "order-active-edit-force-confirm",
+                children: t("actions.forceConfirm")
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              Button4,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: onCancelOrderEdit,
+                "data-testid": "order-active-edit-cancel",
+                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", children: [
-          isPending ? /* @__PURE__ */ jsx4(
-            Button4,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: () => navigate(`/orders/${order.id}/edit`),
-              "data-testid": "order-active-edit-continue",
-              children: t("actions.continueEdit")
-            }
-          ) : /* @__PURE__ */ jsx4(
-            Button4,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onConfirmOrderEdit,
-              "data-testid": "order-active-edit-force-confirm",
-              children: t("actions.forceConfirm")
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            Button4,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: onCancelOrderEdit,
-              "data-testid": "order-active-edit-cancel",
-              children: t("actions.cancel")
-            }
-          )
-        ] })
-      ] }) })
+        /* @__PURE__ */ jsx4(DisplayExtensionZone4, { model: "order", zone: "active-edit", data: order })
+      ] })
     }
   );
 };
@@ -527,6 +572,7 @@ var OrderActiveEditSection = ({
 // src/pages/orders/[id]/_components/order-activity-section/order-activity-section.tsx
 import { Container as Container5, Heading as Heading5 } from "@medusajs/ui";
 import { useTranslation as useTranslation15 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 
 // src/pages/orders/[id]/_components/order-activity-section/hooks/use-activity-items.tsx
 import { useMemo as useMemo3 } from "react";
@@ -1370,83 +1416,38 @@ var OrderActivitySection = ({ order }) => {
   const { t } = useTranslation15();
   return /* @__PURE__ */ jsxs17(Container5, { className: "flex flex-col gap-y-8 px-6 py-4", children: [
     /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx16(Heading5, { level: "h2", children: t("orders.activity.header") }) }) }),
-    /* @__PURE__ */ jsx16(OrderTimeline, { order })
-  ] });
-};
-
-// src/pages/orders/[id]/_components/order-commission-section/order-commission-section.tsx
-import { Container as Container6, Heading as Heading6, Text as Text16 } from "@medusajs/ui";
-import { useMemo as useMemo4 } from "react";
-import { useTranslation as useTranslation16 } from "react-i18next";
-import { jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
-var OrderCommissionSection = ({
-  order
-}) => {
-  const { t } = useTranslation16();
-  const { commission_lines, isLoading } = useOrderCommissionLines(order.id);
-  const itemTitleById = useMemo4(() => {
-    const map = /* @__PURE__ */ new Map();
-    order.items?.forEach((item) => {
-      map.set(item.id, item.product_title ?? item.title);
-    });
-    return map;
-  }, [order.items]);
-  if (isLoading || !commission_lines.length) {
-    return null;
-  }
-  const total = commission_lines.reduce(
-    (acc, line) => acc + (line.amount ?? 0),
-    0
-  );
-  return /* @__PURE__ */ jsxs18(Container6, { className: "divide-y p-0", "data-testid": "order-commission-section", children: [
-    /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx17(Heading6, { level: "h2", children: t("fields.commission", "Commission") }) }),
-    /* @__PURE__ */ jsx17("div", { className: "divide-y", children: commission_lines.map((line) => {
-      const label = line.shipping_method_id ? t("fields.shipping") : itemTitleById.get(line.item_id ?? "") ?? line.code;
-      return /* @__PURE__ */ jsxs18(
-        "div",
-        {
-          className: "text-ui-fg-subtle grid grid-cols-2 items-center gap-4 px-6 py-4",
-          children: [
-            /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", children: label }),
-            /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", className: "text-right", children: getLocaleAmount(line.amount, order.currency_code) })
-          ]
-        },
-        line.id
-      );
-    }) }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx17(Text16, { size: "small", weight: "plus", leading: "compact", children: t("orders.commission.total", "Total") }),
-      /* @__PURE__ */ jsx17(Text16, { size: "small", weight: "plus", leading: "compact", children: getLocaleAmount(total, order.currency_code) })
-    ] })
+    /* @__PURE__ */ jsx16(OrderTimeline, { order }),
+    /* @__PURE__ */ jsx16(DisplayExtensionZone5, { model: "order", zone: "activity", data: order })
   ] });
 };
 
 // src/pages/orders/[id]/_components/order-customer-section/order-customer-section.tsx
-import { Container as Container7, Heading as Heading7 } from "@medusajs/ui";
-import { useTranslation as useTranslation18 } from "react-i18next";
+import { Container as Container6, Heading as Heading6 } from "@medusajs/ui";
+import { useTranslation as useTranslation17 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone6 } from "@mercurjs/dashboard-shared";
 
 // src/components/common/customer-info/customer-info.tsx
-import { Avatar as Avatar2, Copy as Copy2, Text as Text17 } from "@medusajs/ui";
-import { useTranslation as useTranslation17 } from "react-i18next";
+import { Avatar as Avatar2, Copy as Copy2, Text as Text16 } from "@medusajs/ui";
+import { useTranslation as useTranslation16 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
-import { jsx as jsx18, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
 var ID = ({ data }) => {
-  const { t } = useTranslation17();
+  const { t } = useTranslation16();
   const id = data.customer_id;
   const name = getOrderCustomer(data);
   const email = data.email;
   const fallback = (name || email || "").charAt(0).toUpperCase();
-  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("fields.id") }),
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", weight: "plus", children: t("fields.id") }),
+    /* @__PURE__ */ jsx17(
       Link2,
       {
         to: `/customers/${id}`,
         className: "focus:shadow-borders-focus rounded-[4px] outline-none transition-shadow",
-        children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-x-2 overflow-hidden", children: [
-          /* @__PURE__ */ jsx18(Avatar2, { size: "2xsmall", fallback }),
-          /* @__PURE__ */ jsx18(
-            Text17,
+        children: /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-x-2 overflow-hidden", children: [
+          /* @__PURE__ */ jsx17(Avatar2, { size: "2xsmall", fallback }),
+          /* @__PURE__ */ jsx17(
+            Text16,
             {
               size: "small",
               leading: "compact",
@@ -1460,26 +1461,26 @@ var ID = ({ data }) => {
   ] });
 };
 var Company = ({ data }) => {
-  const { t } = useTranslation17();
+  const { t } = useTranslation16();
   const company = data.shipping_address?.company || data.billing_address?.company;
   if (!company) {
     return null;
   }
-  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("fields.company") }),
-    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", className: "truncate", children: company })
+  return /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", weight: "plus", children: t("fields.company") }),
+    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", className: "truncate", children: company })
   ] });
 };
 var Contact = ({ data }) => {
-  const { t } = useTranslation17();
+  const { t } = useTranslation16();
   const phone = data.shipping_address?.phone || data.billing_address?.phone;
   const email = data.email || "";
-  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.customer.contactLabel") }),
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-y-2", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
-        /* @__PURE__ */ jsx18(
-          Text17,
+  return /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", weight: "plus", children: t("orders.customer.contactLabel") }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-y-2", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+        /* @__PURE__ */ jsx17(
+          Text16,
           {
             size: "small",
             leading: "compact",
@@ -1487,11 +1488,11 @@ var Contact = ({ data }) => {
             children: email
           }
         ),
-        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(Copy2, { content: email, className: "text-ui-fg-muted" }) })
+        /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(Copy2, { content: email, className: "text-ui-fg-muted" }) })
       ] }),
-      phone && /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
-        /* @__PURE__ */ jsx18(
-          Text17,
+      phone && /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+        /* @__PURE__ */ jsx17(
+          Text16,
           {
             size: "small",
             leading: "compact",
@@ -1499,7 +1500,7 @@ var Contact = ({ data }) => {
             children: phone
           }
         ),
-        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(Copy2, { content: phone, className: "text-ui-fg-muted" }) })
+        /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(Copy2, { content: phone, className: "text-ui-fg-muted" }) })
       ] })
     ] })
   ] });
@@ -1508,33 +1509,33 @@ var AddressPrint = ({
   address,
   type
 }) => {
-  const { t } = useTranslation17();
-  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: type === "shipping" ? t("addresses.shippingAddress.label") : t("addresses.billingAddress.label") }),
-    address ? /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
-      /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", children: getFormattedAddress({ address }).map((line, i) => {
-        return /* @__PURE__ */ jsxs19("span", { className: "break-words", children: [
+  const { t } = useTranslation16();
+  return /* @__PURE__ */ jsxs18("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", weight: "plus", children: type === "shipping" ? t("addresses.shippingAddress.label") : t("addresses.billingAddress.label") }),
+    address ? /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+      /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", children: getFormattedAddress({ address }).map((line, i) => {
+        return /* @__PURE__ */ jsxs18("span", { className: "break-words", children: [
           line,
-          /* @__PURE__ */ jsx18("br", {})
+          /* @__PURE__ */ jsx17("br", {})
         ] }, i);
       }) }),
-      /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(
         Copy2,
         {
           content: getFormattedAddress({ address }).join("\n"),
           className: "text-ui-fg-muted"
         }
       ) })
-    ] }) : /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", children: "-" })
+    ] }) : /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", children: "-" })
   ] });
 };
 var Addresses = ({ data }) => {
-  const { t } = useTranslation17();
-  return /* @__PURE__ */ jsxs19("div", { className: "divide-y", children: [
-    /* @__PURE__ */ jsx18(AddressPrint, { address: data.shipping_address, type: "shipping" }),
-    !isSameAddress(data.shipping_address, data.billing_address) ? /* @__PURE__ */ jsx18(AddressPrint, { address: data.billing_address, type: "billing" }) : /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx18(
-        Text17,
+  const { t } = useTranslation16();
+  return /* @__PURE__ */ jsxs18("div", { className: "divide-y", children: [
+    /* @__PURE__ */ jsx17(AddressPrint, { address: data.shipping_address, type: "shipping" }),
+    !isSameAddress(data.shipping_address, data.billing_address) ? /* @__PURE__ */ jsx17(AddressPrint, { address: data.billing_address, type: "billing" }) : /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx17(
+        Text16,
         {
           size: "small",
           leading: "compact",
@@ -1543,7 +1544,7 @@ var Addresses = ({ data }) => {
           children: t("addresses.billingAddress.label")
         }
       ),
-      /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: t("addresses.billingAddress.sameAsShipping") })
+      /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: t("addresses.billingAddress.sameAsShipping") })
     ] })
   ] });
 };
@@ -1568,61 +1569,64 @@ var getOrderCustomer = (obj) => {
 };
 
 // src/pages/orders/[id]/_components/order-customer-section/order-customer-section.tsx
-import { jsx as jsx19, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs19 } from "react/jsx-runtime";
 var OrderCustomerSection = ({ order }) => {
-  return /* @__PURE__ */ jsxs20(Container7, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx19(Header, {}),
-    /* @__PURE__ */ jsx19(CustomerInfo.ID, { data: order }),
-    /* @__PURE__ */ jsx19(CustomerInfo.Contact, { data: order }),
-    /* @__PURE__ */ jsx19(CustomerInfo.Company, { data: order }),
-    /* @__PURE__ */ jsx19(CustomerInfo.Addresses, { data: order })
+  return /* @__PURE__ */ jsxs19(Container6, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx18(Header, {}),
+    /* @__PURE__ */ jsx18(CustomerInfo.ID, { data: order }),
+    /* @__PURE__ */ jsx18(CustomerInfo.Contact, { data: order }),
+    /* @__PURE__ */ jsx18(CustomerInfo.Company, { data: order }),
+    /* @__PURE__ */ jsx18(CustomerInfo.Addresses, { data: order }),
+    /* @__PURE__ */ jsx18(DisplayExtensionZone6, { model: "order", zone: "customer", data: order })
   ] });
 };
 var Header = () => {
-  const { t } = useTranslation18();
-  return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx19(Heading7, { level: "h2", children: t("fields.customer") }) });
+  const { t } = useTranslation17();
+  return /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx18(Heading6, { level: "h2", children: t("fields.customer") }) });
 };
 
 // src/pages/orders/[id]/_components/order-fulfillment-section/order-fulfillment-section.tsx
 import { Buildings, XCircle } from "@medusajs/icons";
 import {
   Button as Button6,
-  Container as Container8,
+  Container as Container7,
   Copy as Copy3,
-  Heading as Heading8,
+  Heading as Heading7,
   StatusBadge,
-  Text as Text18,
+  Text as Text17,
   Tooltip as Tooltip2,
   toast as toast5,
   usePrompt as usePrompt2
 } from "@medusajs/ui";
 import { format } from "date-fns";
-import { useTranslation as useTranslation19 } from "react-i18next";
+import { useTranslation as useTranslation18 } from "react-i18next";
 import { Link as Link3, useNavigate as useNavigate5 } from "react-router-dom";
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs21 } from "react/jsx-runtime";
+import { DisplayExtensionZone as DisplayExtensionZone7 } from "@mercurjs/dashboard-shared";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs20 } from "react/jsx-runtime";
 var OrderFulfillmentSection = ({
   order
 }) => {
   const fulfillments = order.fulfillments || [];
-  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-y-3", children: [
-    /* @__PURE__ */ jsx20(UnfulfilledItemBreakdown, { order }),
-    fulfillments.map((f, index) => /* @__PURE__ */ jsx20(Fulfillment, { index, fulfillment: f, order }, f.id))
+  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsx19(UnfulfilledItemBreakdown, { order }),
+    fulfillments.map((f, index) => /* @__PURE__ */ jsx19(Fulfillment, { index, fulfillment: f, order }, f.id)),
+    /* @__PURE__ */ jsx19(DisplayExtensionZone7, { model: "order", zone: "fulfillment", data: order })
   ] });
 };
 var UnfulfilledItem = ({
   item,
   currencyCode
 }) => {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-x-4", children: [
-          /* @__PURE__ */ jsx20(Thumbnail, { src: item.thumbnail }),
-          /* @__PURE__ */ jsxs21("div", { children: [
-            /* @__PURE__ */ jsx20(
-              Text18,
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-x-4", children: [
+          /* @__PURE__ */ jsx19(Thumbnail, { src: item.thumbnail }),
+          /* @__PURE__ */ jsxs20("div", { children: [
+            /* @__PURE__ */ jsx19(
+              Text17,
               {
                 size: "small",
                 leading: "compact",
@@ -1631,20 +1635,20 @@ var UnfulfilledItem = ({
                 children: item.title
               }
             ),
-            item.variant_sku && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-1", children: [
-              /* @__PURE__ */ jsx20(Text18, { size: "small", children: item.variant_sku }),
-              /* @__PURE__ */ jsx20(Copy3, { content: item.variant_sku, className: "text-ui-fg-muted" })
+            item.variant_sku && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-x-1", children: [
+              /* @__PURE__ */ jsx19(Text17, { size: "small", children: item.variant_sku }),
+              /* @__PURE__ */ jsx19(Copy3, { content: item.variant_sku, className: "text-ui-fg-muted" })
             ] }),
-            /* @__PURE__ */ jsx20(Text18, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
+            /* @__PURE__ */ jsx19(Text17, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
-          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx20(Text18, { size: "small", children: getLocaleAmount(item.unit_price, currencyCode) }) }),
-          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs21(Text18, { children: [
-            /* @__PURE__ */ jsx20("span", { className: "tabular-nums", children: item.quantity - item.detail.fulfilled_quantity }),
+        /* @__PURE__ */ jsxs20("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
+          /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx19(Text17, { size: "small", children: getLocaleAmount(item.unit_price, currencyCode) }) }),
+          /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs20(Text17, { children: [
+            /* @__PURE__ */ jsx19("span", { className: "tabular-nums", children: item.quantity - item.detail.fulfilled_quantity }),
             "x"
           ] }) }),
-          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx20(Text18, { size: "small", children: getLocaleAmount(item.subtotal || 0, currencyCode) }) })
+          /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx19(Text17, { size: "small", children: getLocaleAmount(item.subtotal || 0, currencyCode) }) })
         ] })
       ]
     },
@@ -1658,8 +1662,8 @@ var UnfulfilledItemBreakdown = ({ order }) => {
   const unfulfilledItemsWithoutShipping = order.items.filter(
     (i) => !i.requires_shipping && i.detail && i.quantity && i.detail.fulfilled_quantity < i.quantity
   );
-  return /* @__PURE__ */ jsxs21(Fragment2, { children: [
-    !!unfulfilledItemsWithShipping.length && /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs20(Fragment2, { children: [
+    !!unfulfilledItemsWithShipping.length && /* @__PURE__ */ jsx19(
       UnfulfilledItemDisplay,
       {
         order,
@@ -1667,7 +1671,7 @@ var UnfulfilledItemBreakdown = ({ order }) => {
         requiresShipping: true
       }
     ),
-    !!unfulfilledItemsWithoutShipping.length && /* @__PURE__ */ jsx20(
+    !!unfulfilledItemsWithoutShipping.length && /* @__PURE__ */ jsx19(
       UnfulfilledItemDisplay,
       {
         order,
@@ -1682,17 +1686,17 @@ var UnfulfilledItemDisplay = ({
   unfulfilledItems,
   requiresShipping = false
 }) => {
-  const { t } = useTranslation19();
+  const { t } = useTranslation18();
   if (order.status === "canceled") {
     return;
   }
-  return /* @__PURE__ */ jsxs21(Container8, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx20(Heading8, { level: "h2", children: t("orders.fulfillment.unfulfilledItems") }),
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-4", children: [
-        requiresShipping && /* @__PURE__ */ jsx20(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.requiresShipping") }),
-        /* @__PURE__ */ jsx20(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.awaitingFulfillmentBadge") }),
-        /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs20(Container7, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx19(Heading7, { level: "h2", children: t("orders.fulfillment.unfulfilledItems") }),
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-x-4", children: [
+        requiresShipping && /* @__PURE__ */ jsx19(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.requiresShipping") }),
+        /* @__PURE__ */ jsx19(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.awaitingFulfillmentBadge") }),
+        /* @__PURE__ */ jsx19(
           ActionMenu,
           {
             groups: [
@@ -1700,7 +1704,7 @@ var UnfulfilledItemDisplay = ({
                 actions: [
                   {
                     label: t("orders.fulfillment.fulfillItems"),
-                    icon: /* @__PURE__ */ jsx20(Buildings, {}),
+                    icon: /* @__PURE__ */ jsx19(Buildings, {}),
                     to: `/orders/${order.id}/fulfillment?requires_shipping=${requiresShipping}`
                   }
                 ]
@@ -1710,7 +1714,7 @@ var UnfulfilledItemDisplay = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx20("div", { children: unfulfilledItems.map((item) => /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx19("div", { children: unfulfilledItems.map((item) => /* @__PURE__ */ jsx19(
       UnfulfilledItem,
       {
         item,
@@ -1725,7 +1729,7 @@ var Fulfillment = ({
   order,
   index
 }) => {
-  const { t } = useTranslation19();
+  const { t } = useTranslation18();
   const prompt = usePrompt2();
   const navigate = useNavigate5();
   const showLocation = !!fulfillment.location_id;
@@ -1809,23 +1813,23 @@ var Fulfillment = ({
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs21(Container8, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx20(Heading8, { level: "h2", children: t("orders.fulfillment.number", {
+  return /* @__PURE__ */ jsxs20(Container7, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx19(Heading7, { level: "h2", children: t("orders.fulfillment.number", {
         number: index + 1
       }) }),
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-x-4", children: [
+        /* @__PURE__ */ jsx19(
           Tooltip2,
           {
             content: format(
               new Date(statusTimestamp),
               "dd MMM, yyyy, HH:mm:ss"
             ),
-            children: /* @__PURE__ */ jsx20(StatusBadge, { color: statusColor, className: "text-nowrap", children: statusText })
+            children: /* @__PURE__ */ jsx19(StatusBadge, { color: statusColor, className: "text-nowrap", children: statusText })
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19(
           ActionMenu,
           {
             groups: [
@@ -1833,7 +1837,7 @@ var Fulfillment = ({
                 actions: [
                   {
                     label: t("actions.cancel"),
-                    icon: /* @__PURE__ */ jsx20(XCircle, {}),
+                    icon: /* @__PURE__ */ jsx19(XCircle, {}),
                     onClick: handleCancel,
                     disabled: cancelDisabled
                   }
@@ -1844,50 +1848,50 @@ var Fulfillment = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.itemsLabel") }),
-      /* @__PURE__ */ jsx20("ul", { children: (fulfillment.items || []).map((f_item) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsxs21(Text18, { size: "small", leading: "compact", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.itemsLabel") }),
+      /* @__PURE__ */ jsx19("ul", { children: (fulfillment.items || []).map((f_item) => /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsxs20(Text17, { size: "small", leading: "compact", children: [
         f_item.quantity,
         "x ",
         f_item.title
       ] }) }, f_item.line_item_id)) })
     ] }),
-    showLocation && /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.shippingFromLabel") }),
-      stock_location ? /* @__PURE__ */ jsx20(
+    showLocation && /* @__PURE__ */ jsxs20("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.shippingFromLabel") }),
+      stock_location ? /* @__PURE__ */ jsx19(
         Link3,
         {
           to: `/settings/locations/${stock_location.id}`,
           className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
-          children: /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: stock_location.name })
+          children: /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: stock_location.name })
         }
-      ) : /* @__PURE__ */ jsx20(Skeleton, { className: "w-16" })
+      ) : /* @__PURE__ */ jsx19(Skeleton, { className: "w-16" })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("fields.provider") }),
-      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: formatProvider(fulfillment.provider_id) })
+    /* @__PURE__ */ jsxs20("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", weight: "plus", children: t("fields.provider") }),
+      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: formatProvider(fulfillment.provider_id) })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.trackingLabel") }),
-      /* @__PURE__ */ jsx20("div", { children: fulfillment.labels && fulfillment.labels.length > 0 ? /* @__PURE__ */ jsx20("ul", { children: fulfillment.labels.map((tlink) => {
+    /* @__PURE__ */ jsxs20("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.trackingLabel") }),
+      /* @__PURE__ */ jsx19("div", { children: fulfillment.labels && fulfillment.labels.length > 0 ? /* @__PURE__ */ jsx19("ul", { children: fulfillment.labels.map((tlink) => {
         const hasUrl = !!tlink.tracking_url?.length && tlink.tracking_url !== "#";
         if (hasUrl) {
-          return /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(
+          return /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsx19(
             "a",
             {
               href: tlink.tracking_url || "",
               target: "_blank",
               rel: "noopener noreferrer",
               className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
-              children: /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: tlink.tracking_number })
+              children: /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: tlink.tracking_number })
             }
           ) }, tlink.tracking_number);
         }
-        return /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: tlink.tracking_number }) }, tlink.tracking_number);
-      }) }) : /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: "-" }) })
+        return /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: tlink.tracking_number }) }, tlink.tracking_number);
+      }) }) : /* @__PURE__ */ jsx19(Text17, { size: "small", leading: "compact", children: "-" }) })
     ] }),
-    (showShippingButton || showDeliveryButton) && /* @__PURE__ */ jsxs21("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-      showDeliveryButton && /* @__PURE__ */ jsx20(
+    (showShippingButton || showDeliveryButton) && /* @__PURE__ */ jsxs20("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+      showDeliveryButton && /* @__PURE__ */ jsx19(
         Button6,
         {
           size: "small",
@@ -1898,7 +1902,7 @@ var Fulfillment = ({
           )
         }
       ),
-      showShippingButton && /* @__PURE__ */ jsx20(
+      showShippingButton && /* @__PURE__ */ jsx19(
         Button6,
         {
           size: "small",
@@ -1914,18 +1918,25 @@ var Fulfillment = ({
 // src/pages/orders/[id]/_components/order-general-section/order-general-section.tsx
 import { XCircle as XCircle2 } from "@medusajs/icons";
 import {
-  Container as Container9,
+  Container as Container8,
   Copy as Copy4,
-  Heading as Heading9,
+  Heading as Heading8,
   StatusBadge as StatusBadge2,
-  Text as Text19,
+  Text as Text18,
   toast as toast6,
   usePrompt as usePrompt3
 } from "@medusajs/ui";
-import { useTranslation as useTranslation20 } from "react-i18next";
-import { jsx as jsx21, jsxs as jsxs22 } from "react/jsx-runtime";
+import { useTranslation as useTranslation19 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone8, DisplayField } from "@mercurjs/dashboard-shared";
+import { jsx as jsx20, jsxs as jsxs21 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "display_id",
+  "status",
+  "payment_status",
+  "fulfillment_status"
+];
 var OrderGeneralSection = ({ order }) => {
-  const { t } = useTranslation20();
+  const { t } = useTranslation19();
   const prompt = usePrompt3();
   const { getFullDate } = useDate();
   const { mutateAsync: cancelOrder } = useCancelOrder(order.id);
@@ -1956,27 +1967,51 @@ var OrderGeneralSection = ({ order }) => {
       }
     });
   };
-  return /* @__PURE__ */ jsxs22(Container9, { className: "flex items-center justify-between px-6 py-4", children: [
-    /* @__PURE__ */ jsxs22("div", { children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1", children: [
-        /* @__PURE__ */ jsxs22(Heading9, { children: [
+  return /* @__PURE__ */ jsxs21(Container8, { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsxs21("div", { children: [
+      /* @__PURE__ */ jsx20(DisplayField, { model: "order", zone: "general", id: "display_id", data: order, children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-1", children: [
+        /* @__PURE__ */ jsxs21(Heading8, { children: [
           "#",
           order.display_id
         ] }),
-        /* @__PURE__ */ jsx21(Copy4, { content: `#${order.display_id}`, className: "text-ui-fg-muted" })
-      ] }),
-      /* @__PURE__ */ jsx21(Text19, { size: "small", className: "text-ui-fg-subtle", children: t("orders.onDateFromSalesChannel", {
+        /* @__PURE__ */ jsx20(
+          Copy4,
+          {
+            content: `#${order.display_id}`,
+            className: "text-ui-fg-muted"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx20(Text18, { size: "small", className: "text-ui-fg-subtle", children: t("orders.onDateFromSalesChannel", {
         date: getFullDate({ date: order.created_at, includeTime: true }),
         salesChannel: order.sales_channel?.name
       }) })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-4", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1.5", children: [
-        /* @__PURE__ */ jsx21(OrderBadge, { order }),
-        /* @__PURE__ */ jsx21(PaymentBadge, { order }),
-        /* @__PURE__ */ jsx21(FulfillmentBadge, { order })
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-4", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-1.5", children: [
+        /* @__PURE__ */ jsx20(DisplayField, { model: "order", zone: "general", id: "status", data: order, children: /* @__PURE__ */ jsx20(OrderBadge, { order }) }),
+        /* @__PURE__ */ jsx20(
+          DisplayField,
+          {
+            model: "order",
+            zone: "general",
+            id: "payment_status",
+            data: order,
+            children: /* @__PURE__ */ jsx20(PaymentBadge, { order })
+          }
+        ),
+        /* @__PURE__ */ jsx20(
+          DisplayField,
+          {
+            model: "order",
+            zone: "general",
+            id: "fulfillment_status",
+            data: order,
+            children: /* @__PURE__ */ jsx20(FulfillmentBadge, { order })
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx20(
         ActionMenu,
         {
           groups: [
@@ -1987,18 +2022,27 @@ var OrderGeneralSection = ({ order }) => {
                   onClick: handleCancel,
                   disabled: cancelDisabled,
                   disabledTooltip: cancelDisabledTooltip,
-                  icon: /* @__PURE__ */ jsx21(XCircle2, {})
+                  icon: /* @__PURE__ */ jsx20(XCircle2, {})
                 }
               ]
             }
           ]
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx20(
+      DisplayExtensionZone8,
+      {
+        model: "order",
+        zone: "general",
+        data: order,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 var FulfillmentBadge = ({ order }) => {
-  const { t } = useTranslation20();
+  const { t } = useTranslation19();
   if (!order.fulfillment_status) {
     return null;
   }
@@ -2006,36 +2050,37 @@ var FulfillmentBadge = ({ order }) => {
     t,
     order.fulfillment_status
   );
-  return /* @__PURE__ */ jsx21(StatusBadge2, { color, className: "text-nowrap", children: label });
+  return /* @__PURE__ */ jsx20(StatusBadge2, { color, className: "text-nowrap", children: label });
 };
 var PaymentBadge = ({ order }) => {
-  const { t } = useTranslation20();
+  const { t } = useTranslation19();
   if (!order.payment_status) {
     return null;
   }
   const { label, color } = getOrderPaymentStatus(t, order.payment_status);
-  return /* @__PURE__ */ jsx21(StatusBadge2, { color, className: "text-nowrap", children: label });
+  return /* @__PURE__ */ jsx20(StatusBadge2, { color, className: "text-nowrap", children: label });
 };
 var OrderBadge = ({ order }) => {
-  const { t } = useTranslation20();
+  const { t } = useTranslation19();
   const orderStatus = getCanceledOrderStatus(t, order.status);
   if (!orderStatus) {
     return null;
   }
-  return /* @__PURE__ */ jsx21(StatusBadge2, { color: orderStatus.color, className: "text-nowrap", children: orderStatus.label });
+  return /* @__PURE__ */ jsx20(StatusBadge2, { color: orderStatus.color, className: "text-nowrap", children: orderStatus.label });
 };
 
 // src/pages/orders/[id]/_components/order-payment-section/order-payment-section.tsx
-import { ArrowUturnLeft as ArrowUturnLeft2, DocumentText } from "@medusajs/icons";
+import { ArrowDownRightMini, DocumentText } from "@medusajs/icons";
 import {
   Badge,
-  Container as Container10,
-  Heading as Heading10,
+  Container as Container9,
+  Heading as Heading9,
   StatusBadge as StatusBadge3,
-  Text as Text20,
+  Text as Text19,
   Tooltip as Tooltip3
 } from "@medusajs/ui";
-import { useTranslation as useTranslation21 } from "react-i18next";
+import { useTranslation as useTranslation20 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone9 } from "@mercurjs/dashboard-shared";
 
 // src/lib/payment.ts
 var getTotalCaptured = (paymentCollections) => paymentCollections.reduce((acc, paymentCollection) => {
@@ -2048,23 +2093,24 @@ var getTotalPending = (paymentCollections) => paymentCollections.filter((pc) =>
 }, 0);
 
 // src/pages/orders/[id]/_components/order-payment-section/order-payment-section.tsx
-import { jsx as jsx22, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs22 } from "react/jsx-runtime";
 var getPaymentsFromOrder = (order) => {
   return order.payment_collections?.map((collection) => collection.payments).flat(1).filter(Boolean);
 };
 var OrderPaymentSection = ({ order }) => {
   const payments = getPaymentsFromOrder(order) ?? [];
-  return /* @__PURE__ */ jsxs23(Container10, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx22(Header2, { order }),
-    payments.length > 0 && /* @__PURE__ */ jsx22("ul", { className: "divide-y", children: payments.map((payment) => /* @__PURE__ */ jsx22(PaymentRow, { order, payment }, payment.id)) }),
-    /* @__PURE__ */ jsx22(Total, { order })
+  return /* @__PURE__ */ jsxs22(Container9, { className: "divide-y divide-dashed p-0", children: [
+    /* @__PURE__ */ jsx21(Header2, { order }),
+    payments.length > 0 && /* @__PURE__ */ jsx21("div", { className: "divide-y divide-dashed", children: payments.map((payment) => /* @__PURE__ */ jsx21(PaymentRow, { order, payment }, payment.id)) }),
+    /* @__PURE__ */ jsx21(Total, { order }),
+    /* @__PURE__ */ jsx21(DisplayExtensionZone9, { model: "order", zone: "payment", data: order })
   ] });
 };
 var Header2 = ({ order }) => {
-  const { t } = useTranslation21();
-  return /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
-    /* @__PURE__ */ jsx22(Heading10, { level: "h2", children: t("orders.payment.title") }),
-    order.payment_status && /* @__PURE__ */ jsx22(
+  const { t } = useTranslation20();
+  return /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx21(Heading9, { level: "h2", children: t("orders.payment.title") }),
+    order.payment_status && /* @__PURE__ */ jsx21(
       StatusBadge3,
       {
         color: getOrderPaymentStatus(t, order.payment_status).color,
@@ -2075,46 +2121,28 @@ var Header2 = ({ order }) => {
   ] });
 };
 var Total = ({ order }) => {
-  const { t } = useTranslation21();
+  const { t } = useTranslation20();
   if (!order.payment_collections?.length) {
     return null;
   }
   const paymentCollections = order.payment_collections;
   const totalCaptured = getTotalCaptured(paymentCollections);
   const totalPending = getTotalPending(paymentCollections);
-  const totalRefunded = paymentCollections.reduce(
-    (acc, pc) => acc + (pc.refunded_amount || 0),
-    0
-  );
-  return /* @__PURE__ */ jsxs23("div", { children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPaidByCustomer") }),
-      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalCaptured, order.currency_code) })
+  return /* @__PURE__ */ jsxs22("div", { children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPaidByCustomer") }),
+      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalCaptured, order.currency_code) })
     ] }),
-    totalRefunded > 0 && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalRefunded") }),
-      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalRefunded, order.currency_code) })
-    ] }),
-    order.status !== "canceled" && totalPending > 0 && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPending") }),
-      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalPending, order.currency_code) })
+    order.status !== "canceled" && totalPending > 0 && /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPending") }),
+      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalPending, order.currency_code) })
     ] })
   ] });
 };
 var getPaymentStatus = (payment) => {
-  const refundedAmount = (payment.refunds ?? []).reduce(
-    (acc, r) => acc + (r.amount ?? 0),
-    0
-  );
   if (payment.canceled_at) {
     return { labelKey: "orders.payment.status.canceled", color: "red" };
   }
-  if (refundedAmount > 0 && refundedAmount >= payment.amount) {
-    return { labelKey: "orders.payment.status.refunded", color: "grey" };
-  }
-  if (refundedAmount > 0) {
-    return { labelKey: "orders.payment.status.partiallyRefunded", color: "orange" };
-  }
   if (payment.captured_at) {
     return { labelKey: "orders.payment.status.captured", color: "green" };
   }
@@ -2124,71 +2152,41 @@ var PaymentRow = ({
   order,
   payment
 }) => {
-  const { t } = useTranslation21();
+  const { t } = useTranslation20();
   const { getFullDate } = useDate();
   const status = getPaymentStatus(payment);
   const refunds = payment.refunds ?? [];
-  const refundedAmount = refunds.reduce(
-    (acc, r) => acc + (r.amount ?? 0),
-    0
-  );
+  const refundedAmount = refunds.reduce((acc, r) => acc + (r.amount ?? 0), 0);
   const isFullyRefunded = refundedAmount > 0 && refundedAmount >= payment.amount;
   const canRefund = !!payment.captured_at && !payment.canceled_at && !isFullyRefunded;
-  return /* @__PURE__ */ jsxs23("li", { "data-testid": `payment-row-${payment.id}`, children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 flex-col", children: [
-        /* @__PURE__ */ jsx22(Tooltip3, { content: payment.id, children: /* @__PURE__ */ jsx22(
-          Text20,
-          {
-            size: "small",
-            weight: "plus",
-            leading: "compact",
-            className: isFullyRefunded ? "text-ui-fg-muted truncate line-through" : "text-ui-fg-base truncate",
-            children: `#${payment.id.slice(-7)}`
-          }
-        ) }),
-        /* @__PURE__ */ jsx22(
-          Text20,
-          {
-            size: "xsmall",
-            leading: "compact",
-            className: isFullyRefunded ? "text-ui-fg-muted line-through" : "text-ui-fg-subtle",
-            children: payment.created_at ? getFullDate({ date: payment.created_at, includeTime: true }) : null
-          }
-        )
+  return /* @__PURE__ */ jsxs22("div", { className: "divide-y divide-dashed", "data-testid": `payment-row-${payment.id}`, children: [
+    /* @__PURE__ */ jsxs22("div", { className: "text-ui-fg-subtle grid grid-cols-[1fr_1fr_1fr_20px] items-center gap-x-4 px-6 py-4 sm:grid-cols-[1fr_1fr_1fr_1fr_20px]", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "w-full min-w-[60px] overflow-hidden", children: [
+        /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", weight: "plus", className: "truncate", children: /* @__PURE__ */ jsx21(display_id_default, { id: payment.id }) }),
+        /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", children: payment.created_at ? getFullDate({ date: payment.created_at, includeTime: true }) : null })
       ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-x-3", children: [
-        /* @__PURE__ */ jsx22(StatusBadge3, { color: status.color, className: "text-nowrap", children: t(status.labelKey) }),
-        /* @__PURE__ */ jsx22(
-          Text20,
-          {
-            size: "small",
-            weight: "plus",
-            leading: "compact",
-            className: isFullyRefunded ? "line-through" : void 0,
-            children: getStylizedAmount(payment.amount, order.currency_code)
-          }
-        ),
-        /* @__PURE__ */ jsx22(
-          ActionMenu,
-          {
-            groups: [
-              {
-                actions: [
-                  {
-                    label: t("orders.payment.createRefund"),
-                    icon: /* @__PURE__ */ jsx22(ArrowUturnLeft2, {}),
-                    to: `/orders/${order.id}/refund?payment_id=${payment.id}`,
-                    disabled: !canRefund
-                  }
-                ]
-              }
-            ]
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsx21("div", { className: "hidden items-center justify-end sm:flex", children: /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", className: "capitalize", children: payment.provider_id }) }),
+      /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx21(StatusBadge3, { color: status.color, className: "text-nowrap", children: t(status.labelKey) }) }),
+      /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", children: getLocaleAmount(payment.amount, order.currency_code) }) }),
+      /* @__PURE__ */ jsx21(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("orders.payment.createRefund"),
+                  icon: /* @__PURE__ */ jsx21(ArrowDownRightMini, {}),
+                  to: `/orders/${order.id}/refund?payment_id=${payment.id}`,
+                  disabled: !canRefund
+                }
+              ]
+            }
+          ]
+        }
+      )
     ] }),
-    refunds.map((refund) => /* @__PURE__ */ jsx22(
+    refunds.map((refund) => /* @__PURE__ */ jsx21(
       RefundRow,
       {
         refund,
@@ -2202,38 +2200,49 @@ var RefundRow = ({
   refund,
   currencyCode
 }) => {
-  const { t } = useTranslation21();
+  const { t } = useTranslation20();
   const { getFullDate } = useDate();
   const reasonLabel = refund.refund_reason?.label ?? null;
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
-      className: "flex items-center justify-between px-6 py-3 pl-12 bg-ui-bg-subtle",
+      className: "bg-ui-bg-subtle text-ui-fg-subtle grid grid-cols-[1fr_1fr_1fr_20px] items-center gap-x-4 px-6 py-4",
       "data-testid": `refund-row-${refund.id}`,
       children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsx22(Text20, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("orders.payment.refund") }),
-            reasonLabel && /* @__PURE__ */ jsx22(Badge, { size: "2xsmall", rounded: "full", children: reasonLabel }),
-            refund.note && /* @__PURE__ */ jsx22(Tooltip3, { content: refund.note, children: /* @__PURE__ */ jsx22(DocumentText, { className: "text-ui-fg-subtle h-3 w-3" }) })
-          ] }),
-          refund.created_at && /* @__PURE__ */ jsx22(Text20, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: getFullDate({ date: refund.created_at, includeTime: true }) })
+        /* @__PURE__ */ jsxs22("div", { className: "flex flex-row", children: [
+          /* @__PURE__ */ jsx21("div", { className: "self-center pr-3", children: /* @__PURE__ */ jsx21(ArrowDownRightMini, { className: "text-ui-fg-muted" }) }),
+          /* @__PURE__ */ jsxs22("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1", children: [
+              /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", weight: "plus", children: t("orders.payment.refund") }),
+              refund.note && /* @__PURE__ */ jsx21(Tooltip3, { content: refund.note, children: /* @__PURE__ */ jsx21(DocumentText, { className: "text-ui-tag-neutral-icon inline" }) })
+            ] }),
+            refund.created_at && /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", children: getFullDate({ date: refund.created_at, includeTime: true }) })
+          ] })
         ] }),
-        /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: `- ${getLocaleAmount(refund.amount ?? 0, currencyCode)}` })
+        /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-end", children: reasonLabel && /* @__PURE__ */ jsx21(
+          Badge,
+          {
+            size: "2xsmall",
+            className: "cursor-default select-none capitalize",
+            rounded: "full",
+            children: reasonLabel
+          }
+        ) }),
+        /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", children: `- ${getLocaleAmount(refund.amount ?? 0, currencyCode)}` }) })
       ]
     }
   );
 };
 
 // src/pages/orders/[id]/_components/order-summary-section/order-summary-section.tsx
-import { useMemo as useMemo5, useState as useState5 } from "react";
-import { useTranslation as useTranslation24 } from "react-i18next";
+import { useMemo as useMemo4, useState as useState5 } from "react";
+import { useTranslation as useTranslation23 } from "react-i18next";
 import { Link as Link4 } from "react-router-dom";
 import {
-  ArrowDownRightMini,
+  ArrowDownRightMini as ArrowDownRightMini2,
   ArrowLongRight,
   ArrowPath as ArrowPath2,
-  ArrowUturnLeft as ArrowUturnLeft3,
+  ArrowUturnLeft as ArrowUturnLeft2,
   DocumentText as DocumentText2,
   ExclamationCircle as ExclamationCircle2,
   PencilSquare,
@@ -2243,23 +2252,23 @@ import {
   Badge as Badge4,
   Button as Button7,
   clx as clx2,
-  Container as Container11,
+  Container as Container10,
   Copy as Copy5,
-  Heading as Heading11,
+  Heading as Heading10,
   StatusBadge as StatusBadge4,
-  Text as Text22,
-  Tooltip as Tooltip5,
-  toast as toast7
+  Text as Text21,
+  Tooltip as Tooltip5
 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone10, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/orders/[id]/_components/order-summary-section/return-info-popover.tsx
 import { useState as useState4 } from "react";
-import { useTranslation as useTranslation22 } from "react-i18next";
+import { useTranslation as useTranslation21 } from "react-i18next";
 import { InformationCircleSolid } from "@medusajs/icons";
-import { Badge as Badge2, Popover as Popover3, Text as Text21 } from "@medusajs/ui";
-import { jsx as jsx23, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Badge as Badge2, Popover as Popover3, Text as Text20 } from "@medusajs/ui";
+import { jsx as jsx22, jsxs as jsxs23 } from "react/jsx-runtime";
 function ReturnInfoPopover({ orderReturn }) {
-  const { t } = useTranslation22();
+  const { t } = useTranslation21();
   const { getFullDate } = useDate();
   const [open, setOpen] = useState4(false);
   if (typeof orderReturn !== "object") {
@@ -2275,8 +2284,8 @@ function ReturnInfoPopover({ orderReturn }) {
     returnType = "Exchange";
     returnTypeId = orderReturn.exchange_id;
   }
-  return /* @__PURE__ */ jsxs24(Popover3, { open, children: [
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs23(Popover3, { open, children: [
+    /* @__PURE__ */ jsx22(
       Popover3.Trigger,
       {
         onMouseEnter: () => setOpen(true),
@@ -2284,31 +2293,31 @@ function ReturnInfoPopover({ orderReturn }) {
         autoFocus: false,
         className: "align-sub focus-visible:outline-none",
         "data-testid": "order-summary-return-info-trigger",
-        children: /* @__PURE__ */ jsx23(InformationCircleSolid, {})
+        children: /* @__PURE__ */ jsx22(InformationCircleSolid, {})
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx22(
       Popover3.Content,
       {
         align: "center",
         side: "top",
         className: "bg-ui-bg-component p-2 focus-visible:outline-none",
-        children: /* @__PURE__ */ jsxs24("div", { children: [
-          /* @__PURE__ */ jsxs24(Badge2, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
+        children: /* @__PURE__ */ jsxs23("div", { children: [
+          /* @__PURE__ */ jsxs23(Badge2, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
             returnType,
             ": #",
             returnTypeId.slice(-7)
           ] }),
-          /* @__PURE__ */ jsxs24(Text21, { size: "xsmall", children: [
-            /* @__PURE__ */ jsx23("span", { className: "text-ui-fg-subtle", children: t("orders.returns.returnRequested") }),
+          /* @__PURE__ */ jsxs23(Text20, { size: "xsmall", children: [
+            /* @__PURE__ */ jsx22("span", { className: "text-ui-fg-subtle", children: t("orders.returns.returnRequested") }),
             " \xB7 ",
             getFullDate({
               date: orderReturn.requested_at,
               includeTime: true
             })
           ] }),
-          /* @__PURE__ */ jsxs24(Text21, { size: "xsmall", children: [
-            /* @__PURE__ */ jsx23("span", { className: "text-ui-fg-subtle", children: t("orders.returns.itemReceived") }),
+          /* @__PURE__ */ jsxs23(Text20, { size: "xsmall", children: [
+            /* @__PURE__ */ jsx22("span", { className: "text-ui-fg-subtle", children: t("orders.returns.itemReceived") }),
             " \xB7 ",
             orderReturn.received_at ? getFullDate({
               date: orderReturn.received_at,
@@ -2325,10 +2334,10 @@ var return_info_popover_default = ReturnInfoPopover;
 // src/pages/orders/[id]/_components/order-summary-section/shipping-info-popover.tsx
 import { InformationCircleSolid as InformationCircleSolid2 } from "@medusajs/icons";
 import { Badge as Badge3, Tooltip as Tooltip4 } from "@medusajs/ui";
-import { useTranslation as useTranslation23 } from "react-i18next";
-import { jsx as jsx24, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useTranslation as useTranslation22 } from "react-i18next";
+import { jsx as jsx23, jsxs as jsxs24 } from "react/jsx-runtime";
 function ShippingInfoPopover({ shippingMethod }) {
-  const { t } = useTranslation23();
+  const { t } = useTranslation22();
   const shippingDetail = shippingMethod?.detail;
   if (!shippingDetail) {
     return;
@@ -2346,26 +2355,26 @@ function ShippingInfoPopover({ shippingMethod }) {
   if (!rmaId) {
     return;
   }
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     Tooltip4,
     {
-      content: /* @__PURE__ */ jsxs25(Badge3, { size: "2xsmall", rounded: "full", children: [
+      content: /* @__PURE__ */ jsxs24(Badge3, { size: "2xsmall", rounded: "full", children: [
         rmaType,
         ": #",
         rmaId.slice(-7)
       ] }),
-      children: /* @__PURE__ */ jsx24(InformationCircleSolid2, { className: "inline-block text-ui-fg-muted ml-1" })
+      children: /* @__PURE__ */ jsx23(InformationCircleSolid2, { className: "inline-block text-ui-fg-muted ml-1" })
     }
   );
 }
 var shipping_info_popover_default = ShippingInfoPopover;
 
 // src/pages/orders/[id]/_components/order-summary-section/order-summary-section.tsx
-import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs25 } from "react/jsx-runtime";
 var OrderSummarySection = ({
   order
 }) => {
-  const { t } = useTranslation24();
+  const { t } = useTranslation23();
   const { reservations } = useReservationItems(
     {
       line_item_id: order?.items?.map((i) => i.id),
@@ -2374,7 +2383,7 @@ var OrderSummarySection = ({
     { enabled: Array.isArray(order?.items) }
   );
   const { order: orderPreview } = useOrderPreview(order.id);
-  const reservationList = useMemo5(
+  const reservationList = useMemo4(
     () => reservations ?? [],
     [reservations]
   );
@@ -2383,12 +2392,12 @@ var OrderSummarySection = ({
     order_id: order.id,
     fields: "+received_at"
   });
-  const receivableReturns = useMemo5(
+  const receivableReturns = useMemo4(
     () => receivableReturnsList.filter((r) => !r.canceled_at),
     [receivableReturnsList]
   );
   const showReturns = !!receivableReturns.length;
-  const showAllocateButton = useMemo5(() => {
+  const showAllocateButton = useMemo4(() => {
     if (!reservations) {
       return false;
     }
@@ -2416,19 +2425,19 @@ var OrderSummarySection = ({
     order.currency_code
   );
   const showRefund = unpaidPaymentCollection && pendingDifference < 0 && isAmountSignificant;
-  return /* @__PURE__ */ jsxs26(Container11, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx25(Header3, { order, orderPreview }),
-    /* @__PURE__ */ jsx25(ItemBreakdown, { order, reservations: reservationList }),
-    /* @__PURE__ */ jsx25(CostBreakdown, { order }),
-    /* @__PURE__ */ jsx25(Total2, { order }),
-    (showReturns || showRefund || showAllocateButton) && /* @__PURE__ */ jsxs26("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-      showReturns && (receivableReturns.length === 1 ? /* @__PURE__ */ jsx25(Button7, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs25(Container10, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx24(Header3, { order, orderPreview }),
+    /* @__PURE__ */ jsx24(ItemBreakdown, { order, reservations: reservationList }),
+    /* @__PURE__ */ jsx24(CostBreakdown, { order }),
+    /* @__PURE__ */ jsx24(Total2, { order }),
+    (showReturns || showRefund || showAllocateButton) && /* @__PURE__ */ jsxs25("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+      showReturns && (receivableReturns.length === 1 ? /* @__PURE__ */ jsx24(Button7, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx24(
         Link4,
         {
           to: `/orders/${order.id}/returns/${receivableReturns[0].id}/receive`,
           children: t("orders.returns.receive.action")
         }
-      ) }) : /* @__PURE__ */ jsx25(
+      ) }) : /* @__PURE__ */ jsx24(
         ActionMenu,
         {
           groups: [
@@ -2449,40 +2458,41 @@ var OrderSummarySection = ({
                     id: `#${id?.slice(-7)}`,
                     returnType
                   }),
-                  icon: /* @__PURE__ */ jsx25(ArrowLongRight, {}),
+                  icon: /* @__PURE__ */ jsx24(ArrowLongRight, {}),
                   to: `/orders/${order.id}/returns/${r.id}/receive`
                 };
               })
             }
           ],
-          children: /* @__PURE__ */ jsx25(Button7, { variant: "secondary", size: "small", children: t("orders.returns.receive.action") })
+          children: /* @__PURE__ */ jsx24(Button7, { variant: "secondary", size: "small", children: t("orders.returns.receive.action") })
         }
       )),
-      showAllocateButton && /* @__PURE__ */ jsx25(
+      showAllocateButton && /* @__PURE__ */ jsx24(
         Button7,
         {
           asChild: true,
           variant: "secondary",
           size: "small",
           "data-testid": "order-summary-allocate-items-cta",
-          children: /* @__PURE__ */ jsx25(Link4, { to: "allocate-items", children: t("orders.allocateItems.action") })
+          children: /* @__PURE__ */ jsx24(Link4, { to: "allocate-items", children: t("orders.allocateItems.action") })
         }
       ),
-      showRefund && /* @__PURE__ */ jsx25(Button7, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx25(Link4, { to: `/orders/${order.id}/refund`, children: t("orders.payment.refundAmount", {
+      showRefund && /* @__PURE__ */ jsx24(Button7, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx24(Link4, { to: `/orders/${order.id}/refund`, children: t("orders.payment.refundAmount", {
         amount: getStylizedAmount(
           pendingDifference * -1,
           order?.currency_code
         )
       }) }) })
     ] }),
-    /* @__PURE__ */ jsx25(OutstandingActions, { order })
+    /* @__PURE__ */ jsx24(WidgetZone, { id: "orders.detail.summary", data: order }),
+    /* @__PURE__ */ jsx24(DisplayExtensionZone10, { model: "order", zone: "summary", data: order })
   ] });
 };
 var Header3 = ({
   order,
   orderPreview
 }) => {
-  const { t } = useTranslation24();
+  const { t } = useTranslation23();
   const isCanceled = !!order.canceled_at;
   const returnOutOfPolicy = isOutsidePolicyWindow(order, RETURN_POLICY_DAYS);
   const exchangeOutOfPolicy = isOutsidePolicyWindow(
@@ -2500,9 +2510,9 @@ var Header3 = ({
   const returnDisabledByChange = isOrderEditActive || !!orderChange?.exchange_id || !!orderChange?.claim_id;
   const exchangeDisabledByChange = isOrderEditActive || !!orderChange?.return_id && !orderChange?.exchange_id || !!orderChange?.claim_id;
   const claimDisabledByChange = isOrderEditActive || !!orderChange?.return_id && !orderChange?.claim_id || !!orderChange?.exchange_id;
-  return /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between px-6 py-4", children: [
-    /* @__PURE__ */ jsx25(Heading11, { level: "h2", children: t("fields.summary") }),
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx24(Heading10, { level: "h2", children: t("fields.summary") }),
+    /* @__PURE__ */ jsx24(
       ActionMenu,
       {
         groups: [
@@ -2514,7 +2524,7 @@ var Header3 = ({
                 ),
                 to: "edit",
                 disabled: editDisabled,
-                icon: /* @__PURE__ */ jsx25(PencilSquare, {})
+                icon: /* @__PURE__ */ jsx24(PencilSquare, {})
               }
             ]
           },
@@ -2527,7 +2537,7 @@ var Header3 = ({
                 disabledTooltip: returnOutOfPolicy ? t("orders.returns.outOfPolicy", {
                   days: RETURN_POLICY_DAYS
                 }) : void 0,
-                icon: /* @__PURE__ */ jsx25(ArrowUturnLeft3, {})
+                icon: /* @__PURE__ */ jsx24(ArrowUturnLeft2, {})
               },
               {
                 label: orderChange?.id && orderChange?.exchange_id ? t("orders.exchanges.manage") : t("orders.exchanges.create"),
@@ -2536,7 +2546,7 @@ var Header3 = ({
                 disabledTooltip: exchangeOutOfPolicy ? t("orders.exchanges.outOfPolicy", {
                   days: EXCHANGE_POLICY_DAYS
                 }) : void 0,
-                icon: /* @__PURE__ */ jsx25(ArrowPath2, {})
+                icon: /* @__PURE__ */ jsx24(ArrowPath2, {})
               },
               {
                 label: orderChange?.id && orderChange?.claim_id ? t("orders.claims.manage") : t("orders.claims.create"),
@@ -2545,7 +2555,7 @@ var Header3 = ({
                 disabledTooltip: claimOutOfPolicy ? t("orders.claims.outOfPolicy", {
                   days: CLAIM_POLICY_DAYS
                 }) : void 0,
-                icon: /* @__PURE__ */ jsx25(ExclamationCircle2, {})
+                icon: /* @__PURE__ */ jsx24(ExclamationCircle2, {})
               }
             ]
           }
@@ -2560,7 +2570,7 @@ var Item = ({
   returns,
   reservation
 }) => {
-  const { t } = useTranslation24();
+  const { t } = useTranslation23();
   const original_price = item.variant?.prices?.find((price2) => price2.currency_code === currencyCode)?.amount || 0;
   const price = item.unit_price;
   const offerInventoryLinks = item.offer?.inventory_item_link ?? [];
@@ -2568,17 +2578,17 @@ var Item = ({
   const hasUnfulfilledItems = item.quantity - (item.detail?.fulfilled_quantity ?? 0) > 0;
   const offerSku = item.offer?.sku ?? null;
   const captionSku = offerSku ?? item.variant_sku ?? null;
-  return /* @__PURE__ */ jsxs26(Fragment3, { children: [
-    /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs25(Fragment3, { children: [
+    /* @__PURE__ */ jsxs25(
       "div",
       {
         className: "text-ui-fg-subtle grid grid-cols-2 items-center gap-x-4 px-6 py-4",
         children: [
-          /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-x-4", children: [
-            /* @__PURE__ */ jsx25(Thumbnail, { src: item.thumbnail }),
-            /* @__PURE__ */ jsxs26("div", { children: [
-              /* @__PURE__ */ jsx25(
-                Text22,
+          /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx24(Thumbnail, { src: item.thumbnail }),
+            /* @__PURE__ */ jsxs25("div", { children: [
+              /* @__PURE__ */ jsx24(
+                Text21,
                 {
                   size: "small",
                   leading: "compact",
@@ -2587,24 +2597,24 @@ var Item = ({
                   children: item.title || item.product_title
                 }
               ),
-              captionSku && /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-x-1", children: [
-                /* @__PURE__ */ jsx25(Text22, { size: "small", children: captionSku }),
-                /* @__PURE__ */ jsx25(Copy5, { content: captionSku, className: "text-ui-fg-muted" })
+              captionSku && /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx24(Text21, { size: "small", children: captionSku }),
+                /* @__PURE__ */ jsx24(Copy5, { content: captionSku, className: "text-ui-fg-muted" })
               ] }),
-              /* @__PURE__ */ jsx25(Text22, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
+              /* @__PURE__ */ jsx24(Text21, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
-            /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs26(Text22, { size: "small", children: [
-              original_price !== price && /* @__PURE__ */ jsx25("span", { className: "line-through text-ui-fg-muted text-xs mr-1", children: getLocaleAmount(original_price, currencyCode) }),
+          /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
+            /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs25(Text21, { size: "small", children: [
+              original_price !== price && /* @__PURE__ */ jsx24("span", { className: "line-through text-ui-fg-muted text-xs mr-1", children: getLocaleAmount(original_price, currencyCode) }),
               getLocaleAmount(price, currencyCode)
             ] }) }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx25("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs26(Text22, { size: "small", children: [
-                /* @__PURE__ */ jsx25("span", { className: "tabular-nums", children: item.quantity }),
+            /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx24("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs25(Text21, { size: "small", children: [
+                /* @__PURE__ */ jsx24("span", { className: "tabular-nums", children: item.quantity }),
                 "x"
               ] }) }),
-              /* @__PURE__ */ jsx25("div", { className: "overflow-visible", children: isInventoryManaged && hasUnfulfilledItems && /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx24("div", { className: "overflow-visible", children: isInventoryManaged && hasUnfulfilledItems && /* @__PURE__ */ jsx24(
                 StatusBadge4,
                 {
                   color: reservation ? "green" : "orange",
@@ -2613,13 +2623,13 @@ var Item = ({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx25(Text22, { size: "small", className: "pt-[1px]", children: getLocaleAmount(item.original_total || 0, currencyCode) }) })
+            /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx24(Text21, { size: "small", className: "pt-[1px]", children: getLocaleAmount(item.original_total || 0, currencyCode) }) })
           ] })
         ]
       },
       item.id
     ),
-    returns.map((r) => /* @__PURE__ */ jsx25(ReturnBreakdown, { orderReturn: r, itemId: item.id }, r.id))
+    returns.map((r) => /* @__PURE__ */ jsx24(ReturnBreakdown, { orderReturn: r, itemId: item.id }, r.id))
   ] });
 };
 var ItemBreakdown = ({
@@ -2630,16 +2640,16 @@ var ItemBreakdown = ({
     order_id: order.id,
     fields: "*items,*items.reason"
   });
-  const returns = useMemo5(
+  const returns = useMemo4(
     () => returnsList.filter((r) => !r.canceled_at),
     [returnsList]
   );
-  const reservationsMap = useMemo5(
+  const reservationsMap = useMemo4(
     () => new Map(reservations.map((r) => [r.line_item_id, r])),
     [reservations]
   );
-  return /* @__PURE__ */ jsx25("div", { children: order.items?.map((item) => {
-    return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24("div", { children: order.items?.map((item) => {
+    return /* @__PURE__ */ jsx24(
       Item,
       {
         item,
@@ -2655,24 +2665,24 @@ var ReturnBreakdownWithDamages = ({
   orderReturn,
   itemId
 }) => {
-  const { t } = useTranslation24();
+  const { t } = useTranslation23();
   const item = orderReturn.items?.find((ri) => ri.item_id === itemId);
   const damagedQuantity = item?.damaged_quantity || 0;
   if (!item || damagedQuantity <= 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs25(
     "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__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx25(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-          /* @__PURE__ */ jsx25(Text22, { size: "small", children: t("orders.returns.damagedItemsReturned", {
+        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx24(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
+          /* @__PURE__ */ jsx24(Text21, { size: "small", children: t("orders.returns.damagedItemsReturned", {
             quantity: damagedQuantity
           }) }),
-          item.note && /* @__PURE__ */ jsx25(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx25(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
-          item.reason && /* @__PURE__ */ jsx25(
+          item.note && /* @__PURE__ */ jsx24(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx24(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
+          item.reason && /* @__PURE__ */ jsx24(
             Badge4,
             {
               size: "2xsmall",
@@ -2682,9 +2692,9 @@ var ReturnBreakdownWithDamages = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+        /* @__PURE__ */ jsxs25(Text21, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
           t("orders.returns.damagedItemReceived"),
-          /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
+          /* @__PURE__ */ jsx24("span", { className: "ml-2", children: /* @__PURE__ */ jsx24(return_info_popover_default, { orderReturn }) })
         ] })
       ]
     },
@@ -2695,7 +2705,7 @@ var ReturnBreakdown = ({
   orderReturn,
   itemId
 }) => {
-  const { t } = useTranslation24();
+  const { t } = useTranslation23();
   const { getRelativeDate } = useDate();
   if (!["requested", "received", "partially_received"].includes(
     orderReturn.status || ""
@@ -2708,29 +2718,29 @@ var ReturnBreakdown = ({
     return null;
   }
   const damagedQuantity = item.damaged_quantity || 0;
-  return /* @__PURE__ */ jsxs26(Fragment3, { children: [
-    damagedQuantity > 0 && /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs25(Fragment3, { children: [
+    damagedQuantity > 0 && /* @__PURE__ */ jsx24(
       ReturnBreakdownWithDamages,
       {
         orderReturn,
         itemId
       }
     ),
-    /* @__PURE__ */ jsxs26(
+    /* @__PURE__ */ jsxs25(
       "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__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx25(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-            /* @__PURE__ */ jsx25(Text22, { size: "small", children: t(
+          /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx24(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
+            /* @__PURE__ */ jsx24(Text21, { size: "small", children: t(
               `orders.returns.${isRequested ? "returnRequestedInfo" : "returnReceivedInfo"}`,
               {
                 requestedItemsCount: isRequested ? item.quantity : item.received_quantity
               }
             ) }),
-            item.note && /* @__PURE__ */ jsx25(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx25(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
-            item.reason && /* @__PURE__ */ jsx25(
+            item.note && /* @__PURE__ */ jsx24(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx24(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
+            item.reason && /* @__PURE__ */ jsx24(
               Badge4,
               {
                 size: "2xsmall",
@@ -2740,12 +2750,12 @@ var ReturnBreakdown = ({
               }
             )
           ] }),
-          isRequested ? /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+          isRequested ? /* @__PURE__ */ jsxs25(Text21, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
             getRelativeDate(orderReturn.created_at),
-            /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
-          ] }) : /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+            /* @__PURE__ */ jsx24("span", { className: "ml-2", children: /* @__PURE__ */ jsx24(return_info_popover_default, { orderReturn }) })
+          ] }) : /* @__PURE__ */ jsxs25(Text21, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
             t("orders.returns.itemReceived"),
-            /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
+            /* @__PURE__ */ jsx24("span", { className: "ml-2", children: /* @__PURE__ */ jsx24(return_info_popover_default, { orderReturn }) })
           ] })
         ]
       },
@@ -2758,22 +2768,36 @@ var Cost = ({
   value,
   secondaryValue,
   tooltip
-}) => /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-3 items-center", children: [
-  /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", children: [
+}) => /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-3 items-center", children: [
+  /* @__PURE__ */ jsxs25(Text21, { size: "small", leading: "compact", children: [
     label,
     " ",
     tooltip
   ] }),
-  /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: secondaryValue }) }),
-  /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: value }) })
+  /* @__PURE__ */ jsx24("div", { className: "text-right", children: /* @__PURE__ */ jsx24(Text21, { size: "small", leading: "compact", children: secondaryValue }) }),
+  /* @__PURE__ */ jsx24("div", { className: "text-right", children: /* @__PURE__ */ jsx24(Text21, { size: "small", leading: "compact", children: value }) })
 ] });
 var CostBreakdown = ({
   order
 }) => {
-  const { t } = useTranslation24();
+  const { t } = useTranslation23();
   const [isTaxOpen, setIsTaxOpen] = useState5(false);
   const [isShippingOpen, setIsShippingOpen] = useState5(false);
-  const discountCodes = useMemo5(() => {
+  const [isCommissionOpen, setIsCommissionOpen] = useState5(false);
+  const { commission_lines } = useOrderCommissionLines(order.id);
+  const hasCommission = commission_lines.length > 0;
+  const commissionTotal = commission_lines.reduce(
+    (acc, line) => acc + (line.amount ?? 0),
+    0
+  );
+  const commissionItemTitleById = useMemo4(() => {
+    const map = /* @__PURE__ */ new Map();
+    order.items?.forEach((item) => {
+      map.set(item.id, item.product_title ?? item.title);
+    });
+    return map;
+  }, [order.items]);
+  const discountCodes = useMemo4(() => {
     const codes = /* @__PURE__ */ new Set();
     order.items.forEach(
       (item) => item.adjustments?.forEach((adj) => {
@@ -2782,7 +2806,7 @@ var CostBreakdown = ({
     );
     return Array.from(codes).sort();
   }, [order]);
-  const taxCodes = useMemo5(() => {
+  const taxCodes = useMemo4(() => {
     const taxCodeMap = {};
     order.items.forEach((item) => {
       item.tax_lines?.forEach((line) => {
@@ -2799,8 +2823,8 @@ var CostBreakdown = ({
   const automaticTaxesOn = !!order.region?.automatic_taxes;
   const hasTaxLines = !!Object.keys(taxCodes).length;
   const discountTotal = automaticTaxesOn ? order.discount_total : order.discount_subtotal;
-  return /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs25("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsx24(
       Cost,
       {
         label: t(
@@ -2809,21 +2833,21 @@ var CostBreakdown = ({
         value: getLocaleAmount(order.item_total, order.currency_code)
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       Cost,
       {
         label: (
           // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-          /* @__PURE__ */ jsxs26(
+          /* @__PURE__ */ jsxs25(
             "span",
             {
               onClick: () => setIsShippingOpen((o) => !o),
               className: "flex cursor-pointer items-center gap-1",
               children: [
-                /* @__PURE__ */ jsx25("span", { children: t(
+                /* @__PURE__ */ jsx24("span", { children: t(
                   automaticTaxesOn ? "orders.summary.shippingTotal" : "orders.summary.shippingSubtotal"
                 ) }),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx24(
                   TriangleDownMini,
                   {
                     style: {
@@ -2841,22 +2865,22 @@ var CostBreakdown = ({
         )
       }
     ),
-    isShippingOpen && /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-1 pl-5", children: (order.shipping_methods || []).sort(
+    isShippingOpen && /* @__PURE__ */ jsx24("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__ */ jsxs26(
+      return /* @__PURE__ */ jsxs25(
         "div",
         {
           className: "flex items-center justify-between gap-x-2",
           children: [
-            /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsxs26("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
+            /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsxs25("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
               sm.name,
               sm.detail?.return_id && ` (${t("fields.returnShipping")})`,
               " ",
-              /* @__PURE__ */ jsx25(shipping_info_popover_default, { shippingMethod: sm }, i)
+              /* @__PURE__ */ jsx24(shipping_info_popover_default, { shippingMethod: sm }, i)
             ] }) }),
-            /* @__PURE__ */ jsx25("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx25("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
-            /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(
+            /* @__PURE__ */ jsx24("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx24("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(
               automaticTaxesOn ? sm.total : sm.subtotal,
               order.currency_code
             ) })
@@ -2865,7 +2889,7 @@ var CostBreakdown = ({
         sm.id
       );
     }) }),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       Cost,
       {
         label: t(
@@ -2875,9 +2899,9 @@ var CostBreakdown = ({
         value: discountTotal > 0 ? `- ${getLocaleAmount(discountTotal, order.currency_code)}` : "-"
       }
     ),
-    /* @__PURE__ */ jsxs26(Fragment3, { children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsxs26(
+    /* @__PURE__ */ jsxs25(Fragment3, { children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxs25(
           "div",
           {
             onClick: () => hasTaxLines && setIsTaxOpen((o) => !o),
@@ -2885,10 +2909,10 @@ var CostBreakdown = ({
               "cursor-pointer": hasTaxLines
             }),
             children: [
-              /* @__PURE__ */ jsx25("span", { className: "txt-small select-none", children: t(
+              /* @__PURE__ */ jsx24("span", { className: "txt-small select-none", children: t(
                 automaticTaxesOn ? "orders.summary.taxTotalIncl" : "orders.summary.taxTotal"
               ) }),
-              hasTaxLines && /* @__PURE__ */ jsx25(
+              hasTaxLines && /* @__PURE__ */ jsx24(
                 TriangleDownMini,
                 {
                   style: {
@@ -2899,33 +2923,71 @@ var CostBreakdown = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: getLocaleAmount(order.tax_total, order.currency_code) }) })
+        /* @__PURE__ */ jsx24("div", { className: "text-right", children: /* @__PURE__ */ jsx24(Text21, { size: "small", leading: "compact", children: getLocaleAmount(order.tax_total, order.currency_code) }) })
       ] }),
-      isTaxOpen && /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-1 pl-5", children: Object.entries(taxCodes).map(([code, total]) => {
-        return /* @__PURE__ */ jsxs26(
+      isTaxOpen && /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-1 pl-5", children: Object.entries(taxCodes).map(([code, total]) => {
+        return /* @__PURE__ */ jsxs25(
           "div",
           {
             className: "flex items-center justify-between gap-x-2",
             children: [
-              /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-subtle font-medium", children: code }) }),
-              /* @__PURE__ */ jsx25("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx25("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
-              /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(total, order.currency_code) })
+              /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24("span", { className: "txt-small text-ui-fg-subtle font-medium", children: code }) }),
+              /* @__PURE__ */ jsx24("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx24("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+              /* @__PURE__ */ jsx24("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(total, order.currency_code) })
             ]
           },
           code
         );
       }) })
+    ] }),
+    hasCommission && /* @__PURE__ */ jsxs25(Fragment3, { children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxs25(
+          "div",
+          {
+            onClick: () => setIsCommissionOpen((o) => !o),
+            className: "flex cursor-pointer items-center gap-1",
+            children: [
+              /* @__PURE__ */ jsx24("span", { className: "txt-small select-none", children: t("fields.commission") }),
+              /* @__PURE__ */ jsx24(
+                TriangleDownMini,
+                {
+                  style: {
+                    transform: `rotate(${isCommissionOpen ? 0 : -90}deg)`
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx24("div", { className: "text-right", children: /* @__PURE__ */ jsx24(Text21, { size: "small", leading: "compact", children: getLocaleAmount(commissionTotal, order.currency_code) }) })
+      ] }),
+      isCommissionOpen && /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-1 pl-5", children: commission_lines.map((line) => {
+        const label = line.shipping_method_id ? t("fields.shipping") : commissionItemTitleById.get(line.item_id ?? "") ?? line.code;
+        return /* @__PURE__ */ jsxs25(
+          "div",
+          {
+            className: "flex items-center justify-between gap-x-2",
+            children: [
+              /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24("span", { className: "txt-small text-ui-fg-subtle font-medium", children: label }) }),
+              /* @__PURE__ */ jsx24("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx24("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+              /* @__PURE__ */ jsx24("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(line.amount, order.currency_code) })
+            ]
+          },
+          line.id
+        );
+      }) })
     ] })
   ] });
 };
 var Total2 = ({ order }) => {
-  const { t } = useTranslation24();
+  const { t } = useTranslation23();
   const totalCaptured = getTotalCaptured(order.payment_collections || []);
   const outstanding = Math.max(0, order.total - totalCaptured);
-  return /* @__PURE__ */ jsxs26("div", { className: " flex flex-col gap-y-2 px-6 py-4", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx25(
-        Text22,
+  return /* @__PURE__ */ jsxs25("div", { className: " flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx24(
+        Text21,
         {
           weight: "plus",
           className: "text-ui-fg-subtle",
@@ -2934,8 +2996,8 @@ var Total2 = ({ order }) => {
           children: t("fields.total")
         }
       ),
-      /* @__PURE__ */ jsx25(
-        Text22,
+      /* @__PURE__ */ jsx24(
+        Text21,
         {
           weight: "plus",
           className: "text-ui-fg-subtle",
@@ -2945,9 +3007,9 @@ var Total2 = ({ order }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx25(
-        Text22,
+    /* @__PURE__ */ jsxs25("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx24(
+        Text21,
         {
           weight: "plus",
           className: "text-ui-fg-subtle",
@@ -2956,8 +3018,8 @@ var Total2 = ({ order }) => {
           children: t("fields.paidTotal")
         }
       ),
-      /* @__PURE__ */ jsx25(
-        Text22,
+      /* @__PURE__ */ jsx24(
+        Text21,
         {
           weight: "plus",
           className: "text-ui-fg-subtle",
@@ -2967,49 +3029,22 @@ var Total2 = ({ order }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx25(Text22, { weight: "plus", size: "small", leading: "compact", children: t("orders.payment.outstandingAmount") }),
-      /* @__PURE__ */ jsx25(Text22, { weight: "plus", size: "small", leading: "compact", children: getStylizedAmount(outstanding, order.currency_code) })
+    /* @__PURE__ */ jsxs25("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx24(Text21, { weight: "plus", size: "small", leading: "compact", children: t("orders.payment.outstandingAmount") }),
+      /* @__PURE__ */ jsx24(Text21, { weight: "plus", size: "small", leading: "compact", children: getStylizedAmount(outstanding, order.currency_code) })
     ] })
   ] });
 };
-var OutstandingActions = ({ order }) => {
-  const { t } = useTranslation24();
-  const unpaidCollection = order.payment_collections?.find(
-    (pc) => pc.status !== "captured" && pc.status !== "canceled"
-  );
-  const pendingDifference = order.summary?.pending_difference || 0;
-  const isOutstanding = pendingDifference > 5e-3 && order.status !== "canceled" && !!unpaidCollection;
-  if (!isOutstanding || !unpaidCollection) {
-    return null;
-  }
-  const paymentLink = unpaidCollection.payment_sessions?.[0]?.data?.url ?? null;
-  if (!paymentLink) {
-    return null;
-  }
-  const handleCopyLink = async () => {
-    try {
-      await navigator.clipboard.writeText(paymentLink);
-      toast7.success(t("orders.payment.copyLinkSuccess"));
-    } catch {
-      toast7.error(t("orders.payment.copyLinkError"));
-    }
-  };
-  return /* @__PURE__ */ jsx25("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: /* @__PURE__ */ jsx25(Button7, { size: "small", variant: "secondary", onClick: handleCopyLink, children: t("orders.payment.copyPaymentLink", {
-    amount: getStylizedAmount(pendingDifference, order.currency_code)
-  }) }) });
-};
 
 // src/pages/orders/[id]/order-detail-page.tsx
-import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs26 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
+  const query = useLinkQuery("order", DEFAULT_FIELDS);
   const { order, isLoading, isError, error } = useOrder(
     id,
-    {
-      fields: DEFAULT_FIELDS
-    },
+    query,
     {
       initialData
     }
@@ -3029,29 +3064,28 @@ var Root = ({ children }) => {
     });
   }
   if (isLoading || !order || isPreviewLoading) {
-    return /* @__PURE__ */ jsx26(TwoColumnPageSkeleton, { mainSections: 4, sidebarSections: 2, showJSON: true });
+    return /* @__PURE__ */ jsx25(TwoColumnPageSkeleton, { mainSections: 4, sidebarSections: 2, showJSON: true });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx26(Fragment4, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs27(TwoColumnPage, { data: order, hasOutlet: true, showMetadata: true, showJSON: true, children: [
-    /* @__PURE__ */ jsxs27(TwoColumnPage.Main, { children: [
-      /* @__PURE__ */ jsx26(OrderActiveEditSection, { order }),
-      orderPreview && /* @__PURE__ */ jsxs27(Fragment4, { children: [
-        /* @__PURE__ */ jsx26(ActiveOrderClaimSection, { orderPreview }),
-        /* @__PURE__ */ jsx26(ActiveOrderExchangeSection, { orderPreview }),
-        /* @__PURE__ */ jsx26(ActiveOrderReturnSection, { orderPreview })
+  return /* @__PURE__ */ jsx25(Fragment4, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs26(TwoColumnPage, { data: order, hasOutlet: true, showMetadata: true, showJSON: true, children: [
+    /* @__PURE__ */ jsx25(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs26(WidgetZone2, { id: "orders.detail.main", data: order, children: [
+      /* @__PURE__ */ jsx25(OrderActiveEditSection, { order }),
+      orderPreview && /* @__PURE__ */ jsxs26(Fragment4, { children: [
+        /* @__PURE__ */ jsx25(ActiveOrderClaimSection, { orderPreview }),
+        /* @__PURE__ */ jsx25(ActiveOrderExchangeSection, { orderPreview }),
+        /* @__PURE__ */ jsx25(ActiveOrderReturnSection, { orderPreview })
       ] }),
-      /* @__PURE__ */ jsx26(OrderGeneralSection, { order }),
-      /* @__PURE__ */ jsx26(OrderSummarySection, { order }),
-      /* @__PURE__ */ jsx26(OrderCommissionSection, { order }),
-      /* @__PURE__ */ jsx26(OrderPaymentSection, { order }),
-      /* @__PURE__ */ jsx26(OrderFulfillmentSection, { order })
-    ] }),
-    /* @__PURE__ */ jsxs27(TwoColumnPage.Sidebar, { children: [
-      /* @__PURE__ */ jsx26(OrderCustomerSection, { order }),
-      /* @__PURE__ */ jsx26(OrderActivitySection, { order })
-    ] })
+      /* @__PURE__ */ jsx25(OrderGeneralSection, { order }),
+      /* @__PURE__ */ jsx25(OrderSummarySection, { order }),
+      /* @__PURE__ */ jsx25(OrderPaymentSection, { order }),
+      /* @__PURE__ */ jsx25(OrderFulfillmentSection, { order })
+    ] }) }),
+    /* @__PURE__ */ jsx25(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs26(WidgetZone2, { id: "orders.detail.side", data: order, children: [
+      /* @__PURE__ */ jsx25(OrderCustomerSection, { order }),
+      /* @__PURE__ */ jsx25(OrderActivitySection, { order })
+    ] }) })
   ] }) });
 };
 var OrderDetailPage = Object.assign(Root, {