@mercurjs/vendor 2.2.0-canary.39 → 2.2.0-canary.41

package/dist/{[id]-OG4D44M4.js → [id]-MFEOWOHY.js}

@@ -134,12 +134,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 { WidgetZone } 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 +183,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 +233,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 +275,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 +325,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 +369,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 +420,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 +508,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 +565,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,7 +1409,8 @@ 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 })
   ] });
 };
 
@@ -1378,6 +1418,7 @@ var OrderActivitySection = ({ order }) => {
 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 { DisplayExtensionZone as DisplayExtensionZone6 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
 var OrderCommissionSection = ({
   order
@@ -1417,13 +1458,15 @@ var OrderCommissionSection = ({
     /* @__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__ */ jsx17(DisplayExtensionZone6, { model: "order", zone: "commission", 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 { DisplayExtensionZone as DisplayExtensionZone7 } 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";
@@ -1575,7 +1618,8 @@ var OrderCustomerSection = ({ order }) => {
     /* @__PURE__ */ jsx19(CustomerInfo.ID, { data: order }),
     /* @__PURE__ */ jsx19(CustomerInfo.Contact, { data: order }),
     /* @__PURE__ */ jsx19(CustomerInfo.Company, { data: order }),
-    /* @__PURE__ */ jsx19(CustomerInfo.Addresses, { data: order })
+    /* @__PURE__ */ jsx19(CustomerInfo.Addresses, { data: order }),
+    /* @__PURE__ */ jsx19(DisplayExtensionZone7, { model: "order", zone: "customer", data: order })
   ] });
 };
 var Header = () => {
@@ -1599,6 +1643,7 @@ import {
 import { format } from "date-fns";
 import { useTranslation as useTranslation19 } from "react-i18next";
 import { Link as Link3, useNavigate as useNavigate5 } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone8 } from "@mercurjs/dashboard-shared";
 import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs21 } from "react/jsx-runtime";
 var OrderFulfillmentSection = ({
   order
@@ -1606,7 +1651,8 @@ var OrderFulfillmentSection = ({
   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))
+    fulfillments.map((f, index) => /* @__PURE__ */ jsx20(Fulfillment, { index, fulfillment: f, order }, f.id)),
+    /* @__PURE__ */ jsx20(DisplayExtensionZone8, { model: "order", zone: "fulfillment", data: order })
   ] });
 };
 var UnfulfilledItem = ({
@@ -1923,7 +1969,14 @@ import {
   usePrompt as usePrompt3
 } from "@medusajs/ui";
 import { useTranslation as useTranslation20 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone9, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx21, jsxs as jsxs22 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "display_id",
+  "status",
+  "payment_status",
+  "fulfillment_status"
+];
 var OrderGeneralSection = ({ order }) => {
   const { t } = useTranslation20();
   const prompt = usePrompt3();
@@ -1958,13 +2011,19 @@ 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__ */ jsx21(DisplayField, { model: "order", zone: "general", id: "display_id", data: order, children: /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1", children: [
         /* @__PURE__ */ jsxs22(Heading9, { children: [
           "#",
           order.display_id
         ] }),
-        /* @__PURE__ */ jsx21(Copy4, { content: `#${order.display_id}`, className: "text-ui-fg-muted" })
-      ] }),
+        /* @__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", {
         date: getFullDate({ date: order.created_at, includeTime: true }),
         salesChannel: order.sales_channel?.name
@@ -1972,9 +2031,27 @@ var OrderGeneralSection = ({ order }) => {
     ] }),
     /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-4", children: [
       /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1.5", children: [
-        /* @__PURE__ */ jsx21(OrderBadge, { order }),
-        /* @__PURE__ */ jsx21(PaymentBadge, { order }),
-        /* @__PURE__ */ jsx21(FulfillmentBadge, { order })
+        /* @__PURE__ */ jsx21(DisplayField, { model: "order", zone: "general", id: "status", data: order, children: /* @__PURE__ */ jsx21(OrderBadge, { order }) }),
+        /* @__PURE__ */ jsx21(
+          DisplayField,
+          {
+            model: "order",
+            zone: "general",
+            id: "payment_status",
+            data: order,
+            children: /* @__PURE__ */ jsx21(PaymentBadge, { order })
+          }
+        ),
+        /* @__PURE__ */ jsx21(
+          DisplayField,
+          {
+            model: "order",
+            zone: "general",
+            id: "fulfillment_status",
+            data: order,
+            children: /* @__PURE__ */ jsx21(FulfillmentBadge, { order })
+          }
+        )
       ] }),
       /* @__PURE__ */ jsx21(
         ActionMenu,
@@ -1994,7 +2071,16 @@ var OrderGeneralSection = ({ order }) => {
           ]
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx21(
+      DisplayExtensionZone9,
+      {
+        model: "order",
+        zone: "general",
+        data: order,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 var FulfillmentBadge = ({ order }) => {
@@ -2036,6 +2122,7 @@ import {
   Tooltip as Tooltip3
 } from "@medusajs/ui";
 import { useTranslation as useTranslation21 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone10 } from "@mercurjs/dashboard-shared";
 
 // src/lib/payment.ts
 var getTotalCaptured = (paymentCollections) => paymentCollections.reduce((acc, paymentCollection) => {
@@ -2057,7 +2144,8 @@ var OrderPaymentSection = ({ 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 })
+    /* @__PURE__ */ jsx22(Total, { order }),
+    /* @__PURE__ */ jsx22(DisplayExtensionZone10, { model: "order", zone: "payment", data: order })
   ] });
 };
 var Header2 = ({ order }) => {
@@ -2107,18 +2195,18 @@ var getPaymentStatus = (payment) => {
     0
   );
   if (payment.canceled_at) {
-    return { label: "Canceled", color: "red" };
+    return { labelKey: "orders.payment.status.canceled", color: "red" };
   }
   if (refundedAmount > 0 && refundedAmount >= payment.amount) {
-    return { label: "Refunded", color: "grey" };
+    return { labelKey: "orders.payment.status.refunded", color: "grey" };
   }
   if (refundedAmount > 0) {
-    return { label: "Partly refunded", color: "orange" };
+    return { labelKey: "orders.payment.status.partiallyRefunded", color: "orange" };
   }
   if (payment.captured_at) {
-    return { label: "Captured", color: "green" };
+    return { labelKey: "orders.payment.status.captured", color: "green" };
   }
-  return { label: "Pending", color: "orange" };
+  return { labelKey: "orders.payment.status.pending", color: "orange" };
 };
 var PaymentRow = ({
   order,
@@ -2158,7 +2246,7 @@ var PaymentRow = ({
         )
       ] }),
       /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-x-3", children: [
-        /* @__PURE__ */ jsx22(StatusBadge3, { color: status.color, className: "text-nowrap", children: status.label }),
+        /* @__PURE__ */ jsx22(StatusBadge3, { color: status.color, className: "text-nowrap", children: t(status.labelKey) }),
         /* @__PURE__ */ jsx22(
           Text20,
           {
@@ -2251,6 +2339,7 @@ import {
   Tooltip as Tooltip5,
   toast as toast7
 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone11 } from "@mercurjs/dashboard-shared";
 
 // src/pages/orders/[id]/_components/order-summary-section/return-info-popover.tsx
 import { useState as useState4 } from "react";
@@ -2475,7 +2564,8 @@ var OrderSummarySection = ({
         )
       }) }) })
     ] }),
-    /* @__PURE__ */ jsx25(OutstandingActions, { order })
+    /* @__PURE__ */ jsx25(OutstandingActions, { order }),
+    /* @__PURE__ */ jsx25(DisplayExtensionZone11, { model: "order", zone: "summary", data: order })
   ] });
 };
 var Header3 = ({
@@ -3035,7 +3125,7 @@ var Root = ({ children }) => {
     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(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs27(WidgetZone, { id: "orders.detail.main", data: order, children: [
       /* @__PURE__ */ jsx26(OrderActiveEditSection, { order }),
       orderPreview && /* @__PURE__ */ jsxs27(Fragment4, { children: [
         /* @__PURE__ */ jsx26(ActiveOrderClaimSection, { orderPreview }),
@@ -3047,11 +3137,11 @@ var Root = ({ children }) => {
       /* @__PURE__ */ jsx26(OrderCommissionSection, { order }),
       /* @__PURE__ */ jsx26(OrderPaymentSection, { order }),
       /* @__PURE__ */ jsx26(OrderFulfillmentSection, { order })
-    ] }),
-    /* @__PURE__ */ jsxs27(TwoColumnPage.Sidebar, { children: [
+    ] }) }),
+    /* @__PURE__ */ jsx26(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs27(WidgetZone, { id: "orders.detail.side", data: order, children: [
       /* @__PURE__ */ jsx26(OrderCustomerSection, { order }),
       /* @__PURE__ */ jsx26(OrderActivitySection, { order })
-    ] })
+    ] }) })
   ] }) });
 };
 var OrderDetailPage = Object.assign(Root, {