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

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

@@ -1,36 +1,42 @@
-import {
-  useCancelOrderEdit,
-  useConfirmOrderEdit
-} from "./chunk-LARLBYU6.js";
 import {
   useCancelExchangeBegin,
   useExchanges
-} from "./chunk-TW324MAT.js";
+} from "./chunk-EFKHV25A.js";
+import {
+  useCancelClaimBegin,
+  useClaims
+} from "./chunk-MK44MYO7.js";
+import {
+  getReturnableQuantity
+} from "./chunk-UM7ZR3VU.js";
+import {
+  DEFAULT_FIELDS
+} from "./chunk-IMJ62GAP.js";
+import {
+  getReservationsLimitCount
+} from "./chunk-EEBJYXWA.js";
 import {
   CLAIM_POLICY_DAYS,
   EXCHANGE_POLICY_DAYS,
   RETURN_POLICY_DAYS,
   isOutsidePolicyWindow
 } from "./chunk-VCUUITW6.js";
-import {
-  useCancelClaimBegin,
-  useClaims
-} from "./chunk-IBEUR3J7.js";
 import {
   useCancelReturn,
   useCancelReturnRequest,
   useReturns
-} from "./chunk-TF6V3TFG.js";
+} from "./chunk-HLAV55RT.js";
 import {
-  getReturnableQuantity
-} from "./chunk-UM7ZR3VU.js";
+  display_id_default
+} from "./chunk-WQTWBXKO.js";
 import {
-  DEFAULT_FIELDS
-} from "./chunk-L4KBTV57.js";
-import "./chunk-BCU3FKP2.js";
+  useCancelOrderEdit,
+  useConfirmOrderEdit
+} from "./chunk-KEXXZLVI.js";
 import {
   formatProvider
 } from "./chunk-VW56KWO2.js";
+import "./chunk-BCU3FKP2.js";
 import {
   getFormattedAddress,
   isSameAddress
@@ -39,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 {
@@ -61,33 +67,36 @@ import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
-  useMarkPaymentCollectionAsPaid
-} from "./chunk-TBYCZRZ7.js";
-import "./chunk-F4OJN2F2.js";
-import "./chunk-LRARA622.js";
-import "./chunk-M6N4ISXL.js";
-import "./chunk-S7EKBD2C.js";
-import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
-import "./chunk-BOZJOOGW.js";
-import "./chunk-T6LHVNWO.js";
-import "./chunk-4S6XGIC6.js";
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-QHQWEERJ.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
+import "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-CLS6PNZY.js";
+import "./chunk-JIXW4WHZ.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
 import {
   useMember
-} from "./chunk-S23FD6FA.js";
-import "./chunk-IQWK723D.js";
-import "./chunk-DDJQRV6E.js";
+} from "./chunk-4NADEZZQ.js";
 import {
   useCustomer
-} from "./chunk-LWJF63JW.js";
-import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
-import "./chunk-VXMOPVRH.js";
+} from "./chunk-XWHHBJGS.js";
+import "./chunk-5NVY7JZC.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-4EAC3GT7.js";
+import "./chunk-JR7AABT5.js";
 import {
   useStockLocation
-} from "./chunk-NBPMNUKZ.js";
-import "./chunk-UORPTGV2.js";
+} from "./chunk-ZQCCVCHB.js";
+import "./chunk-MABIMRLS.js";
+import "./chunk-ULEW54ED.js";
 import {
   ordersQueryKeys,
   useCancelOrder,
@@ -95,17 +104,12 @@ import {
   useMarkOrderFulfillmentAsDelivered,
   useOrder,
   useOrderChanges,
+  useOrderCommissionLines,
   useOrderPreview,
   useReservationItems
-} from "./chunk-Y2MQ5EMD.js";
-import "./chunk-3B34B2M2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-QHQWEERJ.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+} from "./chunk-UEPUKWD7.js";
+import "./chunk-JJP6AKMV.js";
+import "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -113,17 +117,21 @@ import {
 import "./chunk-ZA2KFUFR.js";
 import {
   fetchQuery
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/orders/[id]/loader.tsx
-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);
@@ -133,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") {
@@ -180,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
+          }
+        )
+      ] })
     }
   );
 };
@@ -220,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") {
@@ -261,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
+          }
+        )
+      ] })
     }
   );
 };
@@ -301,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") {
@@ -344,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
+          }
+        )
+      ] })
     }
   );
 };
@@ -385,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,
@@ -472,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 })
+      ] })
     }
   );
 };
@@ -526,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";
@@ -1369,13 +1416,15 @@ 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 })
+    /* @__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 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 Text16 } from "@medusajs/ui";
@@ -1527,7 +1576,8 @@ var OrderCustomerSection = ({ order }) => {
     /* @__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(CustomerInfo.Addresses, { data: order }),
+    /* @__PURE__ */ jsx18(DisplayExtensionZone6, { model: "order", zone: "customer", data: order })
   ] });
 };
 var Header = () => {
@@ -1536,7 +1586,7 @@ var Header = () => {
 };
 
 // src/pages/orders/[id]/_components/order-fulfillment-section/order-fulfillment-section.tsx
-import { XCircle } from "@medusajs/icons";
+import { Buildings, XCircle } from "@medusajs/icons";
 import {
   Button as Button6,
   Container as Container7,
@@ -1551,6 +1601,7 @@ import {
 import { format } from "date-fns";
 import { useTranslation as useTranslation18 } from "react-i18next";
 import { Link as Link3, useNavigate as useNavigate5 } from "react-router-dom";
+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
@@ -1558,7 +1609,8 @@ var OrderFulfillmentSection = ({
   const fulfillments = order.fulfillments || [];
   return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-y-3", children: [
     /* @__PURE__ */ jsx19(UnfulfilledItemBreakdown, { order }),
-    fulfillments.map((f, index) => /* @__PURE__ */ jsx19(Fulfillment, { index, fulfillment: f, order }, f.id))
+    fulfillments.map((f, index) => /* @__PURE__ */ jsx19(Fulfillment, { index, fulfillment: f, order }, f.id)),
+    /* @__PURE__ */ jsx19(DisplayExtensionZone7, { model: "order", zone: "fulfillment", data: order })
   ] });
 };
 var UnfulfilledItem = ({
@@ -1643,7 +1695,23 @@ var UnfulfilledItemDisplay = ({
       /* @__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(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.awaitingFulfillmentBadge") }),
+        /* @__PURE__ */ jsx19(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("orders.fulfillment.fulfillItems"),
+                    icon: /* @__PURE__ */ jsx19(Buildings, {}),
+                    to: `/orders/${order.id}/fulfillment?requires_shipping=${requiresShipping}`
+                  }
+                ]
+              }
+            ]
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsx19("div", { children: unfulfilledItems.map((item) => /* @__PURE__ */ jsx19(
@@ -1653,14 +1721,7 @@ var UnfulfilledItemDisplay = ({
         currencyCode: order.currency_code
       },
       item.id
-    )) }),
-    /* @__PURE__ */ jsx19("div", { className: "px-6 py-4 flex justify-end", children: /* @__PURE__ */ jsx19(
-      Link3,
-      {
-        to: `/orders/${order.id}/fulfillment?requires_shipping=${requiresShipping}`,
-        children: /* @__PURE__ */ jsx19(Button6, { size: "small", children: t("orders.fulfillment.fulfillItems") })
-      }
-    ) })
+    )) })
   ] });
 };
 var Fulfillment = ({
@@ -1703,6 +1764,7 @@ var Fulfillment = ({
   );
   const showShippingButton = !fulfillment.canceled_at && !fulfillment.shipped_at && !fulfillment.delivered_at && fulfillment.requires_shipping && !isPickUpFulfillment;
   const showDeliveryButton = !fulfillment.canceled_at && !fulfillment.delivered_at;
+  const cancelDisabled = !!fulfillment.canceled_at || !!fulfillment.shipped_at || !!fulfillment.delivered_at;
   const handleMarkAsDelivered = async () => {
     const res = await prompt({
       title: t("general.areYouSure"),
@@ -1777,7 +1839,7 @@ var Fulfillment = ({
                     label: t("actions.cancel"),
                     icon: /* @__PURE__ */ jsx19(XCircle, {}),
                     onClick: handleCancel,
-                    disabled: !!fulfillment.canceled_at
+                    disabled: cancelDisabled
                   }
                 ]
               }
@@ -1865,7 +1927,14 @@ import {
   usePrompt as usePrompt3
 } from "@medusajs/ui";
 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 } = useTranslation19();
   const prompt = usePrompt3();
@@ -1900,13 +1969,19 @@ var OrderGeneralSection = ({ order }) => {
   };
   return /* @__PURE__ */ jsxs21(Container8, { className: "flex items-center justify-between px-6 py-4", children: [
     /* @__PURE__ */ jsxs21("div", { children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-1", children: [
+      /* @__PURE__ */ 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__ */ jsx20(Copy4, { content: `#${order.display_id}`, className: "text-ui-fg-muted" })
-      ] }),
+        /* @__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
@@ -1914,9 +1989,27 @@ var OrderGeneralSection = ({ 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(OrderBadge, { order }),
-        /* @__PURE__ */ jsx20(PaymentBadge, { order }),
-        /* @__PURE__ */ jsx20(FulfillmentBadge, { order })
+        /* @__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__ */ jsx20(
         ActionMenu,
@@ -1936,7 +2029,16 @@ var OrderGeneralSection = ({ order }) => {
           ]
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx20(
+      DisplayExtensionZone8,
+      {
+        model: "order",
+        zone: "general",
+        data: order,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 var FulfillmentBadge = ({ order }) => {
@@ -1968,7 +2070,7 @@ var OrderBadge = ({ order }) => {
 };
 
 // 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 Container9,
@@ -1978,6 +2080,7 @@ import {
   Tooltip as Tooltip3
 } from "@medusajs/ui";
 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) => {
@@ -1996,10 +2099,11 @@ var getPaymentsFromOrder = (order) => {
 };
 var OrderPaymentSection = ({ order }) => {
   const payments = getPaymentsFromOrder(order) ?? [];
-  return /* @__PURE__ */ jsxs22(Container9, { className: "divide-y p-0", children: [
+  return /* @__PURE__ */ jsxs22(Container9, { className: "divide-y divide-dashed p-0", children: [
     /* @__PURE__ */ jsx21(Header2, { order }),
-    payments.length > 0 && /* @__PURE__ */ jsx21("ul", { className: "divide-y", children: payments.map((payment) => /* @__PURE__ */ jsx21(PaymentRow, { order, payment }, payment.id)) }),
-    /* @__PURE__ */ jsx21(Total, { order })
+    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 }) => {
@@ -2024,19 +2128,11 @@ var Total = ({ order }) => {
   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__ */ 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__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalRefunded") }),
-      /* @__PURE__ */ jsx21(Text19, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalRefunded, order.currency_code) })
-    ] }),
     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) })
@@ -2044,23 +2140,13 @@ var Total = ({ order }) => {
   ] });
 };
 var getPaymentStatus = (payment) => {
-  const refundedAmount = (payment.refunds ?? []).reduce(
-    (acc, r) => acc + (r.amount ?? 0),
-    0
-  );
   if (payment.canceled_at) {
-    return { label: "Canceled", color: "red" };
-  }
-  if (refundedAmount > 0 && refundedAmount >= payment.amount) {
-    return { label: "Refunded", color: "grey" };
-  }
-  if (refundedAmount > 0) {
-    return { label: "Partly refunded", color: "orange" };
+    return { labelKey: "orders.payment.status.canceled", color: "red" };
   }
   if (payment.captured_at) {
-    return { label: "Captured", color: "green" };
+    return { labelKey: "orders.payment.status.captured", color: "green" };
   }
-  return { label: "Pending", color: "orange" };
+  return { labelKey: "orders.payment.status.pending", color: "orange" };
 };
 var PaymentRow = ({
   order,
@@ -2070,65 +2156,35 @@ var PaymentRow = ({
   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__ */ jsxs22("li", { "data-testid": `payment-row-${payment.id}`, children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 flex-col", children: [
-        /* @__PURE__ */ jsx21(Tooltip3, { content: payment.id, children: /* @__PURE__ */ jsx21(
-          Text19,
-          {
-            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__ */ jsx21(
-          Text19,
-          {
-            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__ */ jsxs22("div", { className: "flex items-center gap-x-3", children: [
-        /* @__PURE__ */ jsx21(StatusBadge3, { color: status.color, className: "text-nowrap", children: status.label }),
-        /* @__PURE__ */ jsx21(
-          Text19,
-          {
-            size: "small",
-            weight: "plus",
-            leading: "compact",
-            className: isFullyRefunded ? "line-through" : void 0,
-            children: getStylizedAmount(payment.amount, order.currency_code)
-          }
-        ),
-        /* @__PURE__ */ jsx21(
-          ActionMenu,
-          {
-            groups: [
-              {
-                actions: [
-                  {
-                    label: t("orders.payment.createRefund"),
-                    icon: /* @__PURE__ */ jsx21(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__ */ jsx21(
       RefundRow,
@@ -2150,18 +2206,29 @@ var RefundRow = ({
   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__ */ jsxs22("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsx21(Text19, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("orders.payment.refund") }),
-            reasonLabel && /* @__PURE__ */ jsx21(Badge, { size: "2xsmall", rounded: "full", children: reasonLabel }),
-            refund.note && /* @__PURE__ */ jsx21(Tooltip3, { content: refund.note, children: /* @__PURE__ */ jsx21(DocumentText, { className: "text-ui-fg-subtle h-3 w-3" }) })
-          ] }),
-          refund.created_at && /* @__PURE__ */ jsx21(Text19, { 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__ */ jsx21(Text19, { 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)}` }) })
       ]
     }
   );
@@ -2172,10 +2239,10 @@ 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,
@@ -2190,20 +2257,9 @@ import {
   Heading as Heading10,
   StatusBadge as StatusBadge4,
   Text as Text21,
-  Tooltip as Tooltip5,
-  toast as toast7
+  Tooltip as Tooltip5
 } from "@medusajs/ui";
-
-// src/lib/orders.ts
-function getReservationsLimitCount(order) {
-  if (!order?.items?.length) {
-    return 0;
-  }
-  return order.items.reduce(
-    (acc, item) => acc + (item.variant?.inventory_items?.length || 1),
-    0
-  );
-}
+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";
@@ -2428,7 +2484,8 @@ var OrderSummarySection = ({
         )
       }) }) })
     ] }),
-    /* @__PURE__ */ jsx24(OutstandingActions, { order })
+    /* @__PURE__ */ jsx24(WidgetZone, { id: "orders.detail.summary", data: order }),
+    /* @__PURE__ */ jsx24(DisplayExtensionZone10, { model: "order", zone: "summary", data: order })
   ] });
 };
 var Header3 = ({
@@ -2480,7 +2537,7 @@ var Header3 = ({
                 disabledTooltip: returnOutOfPolicy ? t("orders.returns.outOfPolicy", {
                   days: RETURN_POLICY_DAYS
                 }) : void 0,
-                icon: /* @__PURE__ */ jsx24(ArrowUturnLeft3, {})
+                icon: /* @__PURE__ */ jsx24(ArrowUturnLeft2, {})
               },
               {
                 label: orderChange?.id && orderChange?.exchange_id ? t("orders.exchanges.manage") : t("orders.exchanges.create"),
@@ -2620,7 +2677,7 @@ var ReturnBreakdownWithDamages = ({
       className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-t-2 border-dotted px-6 py-4",
       children: [
         /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx24(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
+          /* @__PURE__ */ jsx24(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
           /* @__PURE__ */ jsx24(Text21, { size: "small", children: t("orders.returns.damagedItemsReturned", {
             quantity: damagedQuantity
           }) }),
@@ -2675,7 +2732,7 @@ var ReturnBreakdown = ({
         className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-t-2 border-dotted px-6 py-4",
         children: [
           /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx24(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
+            /* @__PURE__ */ jsx24(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
             /* @__PURE__ */ jsx24(Text21, { size: "small", children: t(
               `orders.returns.${isRequested ? "returnRequestedInfo" : "returnReceivedInfo"}`,
               {
@@ -2726,12 +2783,19 @@ var CostBreakdown = ({
   const { t } = useTranslation23();
   const [isTaxOpen, setIsTaxOpen] = useState5(false);
   const [isShippingOpen, setIsShippingOpen] = useState5(false);
-  const commissionTotal = useMemo4(() => {
-    return order.items.reduce((acc, item) => {
-      const lines = item.commission_lines;
-      if (!lines) return acc;
-      return acc + lines.reduce((sum, line) => sum + (line.amount ?? 0), 0);
-    }, 0);
+  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();
@@ -2876,13 +2940,44 @@ var CostBreakdown = ({
         );
       }) })
     ] }),
-    commissionTotal > 0 && /* @__PURE__ */ jsx24(
-      Cost,
-      {
-        label: t("fields.commission"),
-        value: getLocaleAmount(commissionTotal, order.currency_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 }) => {
@@ -2940,69 +3035,16 @@ var Total2 = ({ order }) => {
     ] })
   ] });
 };
-var OutstandingActions = ({ order }) => {
-  const { t } = useTranslation23();
-  const unpaidCollection = order.payment_collections?.find(
-    (pc) => pc.status !== "captured" && pc.status !== "canceled"
-  );
-  const pendingDifference = order.summary?.pending_difference || 0;
-  const isOutstanding = pendingDifference > 5e-3 && order.status !== "canceled" && !!unpaidCollection;
-  const markAsPaid = useMarkPaymentCollectionAsPaid(
-    order.id,
-    unpaidCollection?.id ?? ""
-  );
-  if (!isOutstanding || !unpaidCollection) {
-    return null;
-  }
-  const paymentLink = unpaidCollection.payment_sessions?.[0]?.data?.url ?? null;
-  const handleCopyLink = async () => {
-    if (!paymentLink) {
-      toast7.error(t("orders.payment.copyLinkMissing"));
-      return;
-    }
-    try {
-      await navigator.clipboard.writeText(paymentLink);
-      toast7.success(t("orders.payment.copyLinkSuccess"));
-    } catch {
-      toast7.error(t("orders.payment.copyLinkError"));
-    }
-  };
-  const handleMarkAsPaid = () => {
-    markAsPaid.mutate(
-      { order_id: order.id },
-      {
-        onSuccess: () => toast7.success(t("orders.payment.markAsPaidSuccess")),
-        onError: (e) => toast7.error(e.message)
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs25("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-    paymentLink && /* @__PURE__ */ jsx24(Button7, { size: "small", variant: "secondary", onClick: handleCopyLink, children: t("orders.payment.copyPaymentLink", {
-      amount: getStylizedAmount(pendingDifference, order.currency_code)
-    }) }),
-    /* @__PURE__ */ jsx24(
-      Button7,
-      {
-        size: "small",
-        variant: "secondary",
-        onClick: handleMarkAsPaid,
-        isLoading: markAsPaid.isPending,
-        children: t("orders.payment.markAsPaid")
-      }
-    )
-  ] });
-};
 
 // src/pages/orders/[id]/order-detail-page.tsx
 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
     }
@@ -3028,7 +3070,7 @@ var Root = ({ children }) => {
     throw error;
   }
   return /* @__PURE__ */ jsx25(Fragment4, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs26(TwoColumnPage, { data: order, hasOutlet: true, showMetadata: true, showJSON: true, children: [
-    /* @__PURE__ */ jsxs26(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx25(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 }),
@@ -3039,11 +3081,11 @@ var Root = ({ children }) => {
       /* @__PURE__ */ jsx25(OrderSummarySection, { order }),
       /* @__PURE__ */ jsx25(OrderPaymentSection, { order }),
       /* @__PURE__ */ jsx25(OrderFulfillmentSection, { order })
-    ] }),
-    /* @__PURE__ */ jsxs26(TwoColumnPage.Sidebar, { children: [
+    ] }) }),
+    /* @__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, {