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

package/dist/{chunk-5NC6SI6J.js → chunk-7U2JJYMP.js}

@@ -12,10 +12,10 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   useProductTableColumns
-} from "./chunk-O53E5U52.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-P4LTLPTK.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";
@@ -25,7 +25,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   usePriceList,
   usePriceListLinkProducts
@@ -47,11 +47,13 @@ import {
 // src/pages/price-lists/price-list-detail/price-list-detail.tsx
 import { Children } from "react";
 import { useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/price-lists/price-list-detail/components/price-list-configuration-section/price-list-configuration-section.tsx
 import { PencilSquare } from "@medusajs/icons";
 import { Container, Heading } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var PriceListConfigurationSection = ({
   priceList
@@ -89,6 +91,14 @@ var PriceListConfigurationSection = ({
         showTime: true,
         "data-testid": "price-list-configuration-section-date-range"
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "price_list",
+        zone: "configuration",
+        data: priceList
+      }
     )
   ] });
 };
@@ -129,6 +139,7 @@ var CustomerGroupDisplay = ({
 import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, StatusBadge, Text } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var PriceListGeneralSection = ({
   priceList
@@ -138,11 +149,18 @@ var PriceListGeneralSection = ({
   const { color, text } = getPriceListStatus(t, priceList);
   const handleDelete = useDeletePriceListAction({ priceList });
   const type = priceList.type === "sale" ? t("priceLists.fields.type.options.sale.label") : t("priceLists.fields.type.options.override.label");
+  const GENERAL_FIELD_IDS = [
+    "title",
+    "status",
+    "type",
+    "description",
+    "price_overrides"
+  ];
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "price-list-general-section-container", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "price-list-general-section-header", children: [
-      /* @__PURE__ */ jsx2(Heading2, { "data-testid": "price-list-general-section-title", children: priceList.title }),
+      /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "title", data: priceList, children: /* @__PURE__ */ jsx2(Heading2, { "data-testid": "price-list-general-section-title", children: priceList.title }) }),
       /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx2(StatusBadge, { color, "data-testid": "price-list-general-section-status", children: text }),
+        /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "status", data: priceList, children: /* @__PURE__ */ jsx2(StatusBadge, { color, "data-testid": "price-list-general-section-status", children: text }) }),
         /* @__PURE__ */ jsx2(
           ActionMenu,
           {
@@ -171,18 +189,19 @@ var PriceListGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-type", children: [
+    /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "type", data: priceList, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-type", children: [
       /* @__PURE__ */ jsx2(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-type-label", children: t("fields.type") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-type-value", children: type })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-description", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "description", data: priceList, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-description", children: [
       /* @__PURE__ */ jsx2(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-description-label", children: t("fields.description") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-description-value", children: priceList.description })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-price-overrides", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "price_overrides", data: priceList, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-price-overrides", children: [
       /* @__PURE__ */ jsx2(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-price-overrides-label", children: t("priceLists.fields.priceOverrides.label") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-price-overrides-value", children: overrideCount || "-" })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone2, { model: "price_list", zone: "general", data: priceList, builtInFieldIds: GENERAL_FIELD_IDS })
   ] });
 };
 
@@ -194,6 +213,7 @@ import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var PREFIX = "p";
@@ -333,6 +353,14 @@ var PriceListProductSection = ({
         queryObject: raw,
         "data-testid": "price-list-product-section-table"
       }
+    ),
+    /* @__PURE__ */ jsx3(
+      DisplayExtensionZone3,
+      {
+        model: "price_list",
+        zone: "products",
+        data: priceList
+      }
     )
   ] });
 };
@@ -450,11 +478,11 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx4(TwoColumnPage, { data: price_list, showJSON: true, "data-testid": "price-list-detail-page", children }) : /* @__PURE__ */ jsxs4(TwoColumnPage, { data: price_list, showJSON: true, "data-testid": "price-list-detail-page", children: [
-    /* @__PURE__ */ jsxs4(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx4(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs4(WidgetZone, { id: "price-lists.detail.main", data: price_list, children: [
       /* @__PURE__ */ jsx4(PriceListGeneralSection, { priceList: price_list }),
       /* @__PURE__ */ jsx4(PriceListProductSection, { priceList: price_list })
-    ] }),
-    /* @__PURE__ */ jsx4(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx4(PriceListConfigurationSection, { priceList: price_list }) })
+    ] }) }),
+    /* @__PURE__ */ jsx4(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "price-lists.detail.side", data: price_list, children: /* @__PURE__ */ jsx4(PriceListConfigurationSection, { priceList: price_list }) }) })
   ] });
 };
 var PriceListDetailPage = Object.assign(Root, {

package/dist/{chunk-DI2KBXVH.js → chunk-ADTYNS4J.js}

@@ -9,11 +9,11 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useProductTagTableQuery
-} from "./chunk-WKTRJNOK.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-CE2WRTS7.js → chunk-AMZ2QSSI.js}

@@ -18,7 +18,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/chunk-APAT344J.js

@@ -0,0 +1,144 @@
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/inventory/inventory-detail/components/inventory-item-general-section.tsx
+import { Container, Heading } from "@medusajs/ui";
+import { PencilSquare } from "@medusajs/icons";
+import { useTranslation } from "react-i18next";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InventoryItemGeneralSection = ({
+  inventoryItem
+}) => {
+  const { t } = useTranslation();
+  const getQuantityFormat = (quantity) => {
+    if (quantity !== void 0 && !isNaN(quantity)) {
+      return t("inventory.quantityAcrossLocations", {
+        quantity,
+        locations: inventoryItem.location_levels?.length
+      });
+    }
+    return "-";
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "inventory-item-general-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-general-header", children: [
+      /* @__PURE__ */ jsx(
+        DisplayField,
+        {
+          model: "inventory_item",
+          zone: "general",
+          id: "title",
+          data: inventoryItem,
+          children: /* @__PURE__ */ jsxs(Heading, { "data-testid": "inventory-item-general-title", children: [
+            inventoryItem.title ?? inventoryItem.sku,
+            " ",
+            t("fields.details")
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                  label: t("actions.edit"),
+                  to: "edit"
+                }
+              ]
+            }
+          ],
+          "data-testid": "inventory-item-general-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "sku",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(SectionRow, { title: t("fields.sku"), value: inventoryItem.sku ?? "-", "data-testid": "inventory-item-sku-row" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "stocked_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("fields.inStock"),
+            value: getQuantityFormat(inventoryItem.stocked_quantity),
+            "data-testid": "inventory-item-in-stock-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "reserved_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reserved"),
+            value: getQuantityFormat(inventoryItem.reserved_quantity),
+            "data-testid": "inventory-item-reserved-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "available_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.available"),
+            value: getQuantityFormat(
+              inventoryItem.stocked_quantity - inventoryItem.reserved_quantity
+            ),
+            "data-testid": "inventory-item-available-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "inventory_item",
+        zone: "general",
+        data: inventoryItem,
+        builtInFieldIds: [
+          "title",
+          "sku",
+          "stocked_quantity",
+          "reserved_quantity",
+          "available_quantity"
+        ]
+      }
+    )
+  ] });
+};
+
+export {
+  InventoryItemGeneralSection
+};

package/dist/{chunk-74WEDBZ7.js → chunk-BFUHW56P.js}

@@ -19,7 +19,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 
 // src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
 import { Button as Button2, Checkbox } from "@medusajs/ui";

package/dist/{chunk-YNK25LVO.js → chunk-BQWSY6FS.js}

@@ -7,11 +7,11 @@ import {
 } from "./chunk-RQQ53CQJ.js";
 import {
   useReturnReasonTableQuery
-} from "./chunk-WKTRJNOK.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-MANRAV52.js → chunk-CBD7HK2G.js}

@@ -78,7 +78,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
@@ -118,6 +118,7 @@ import {
 // src/pages/orders/order-detail/order-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams as useParams2 } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/orders/order-detail/components/active-order-claim-section/active-order-claim-section.tsx
 import { ExclamationCircle } from "@medusajs/icons";
@@ -454,6 +455,7 @@ var OrderActiveEditSection = ({
 
 // src/pages/orders/order-detail/components/order-activity-section/order-activity-section.tsx
 import { Container as Container5, Heading as Heading5 } from "@medusajs/ui";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation8 } from "react-i18next";
 
 // src/pages/orders/order-detail/components/order-activity-section/order-timeline.tsx
@@ -1379,12 +1381,14 @@ var OrderActivitySection = ({ order }) => {
   const { t } = useTranslation8();
   return /* @__PURE__ */ jsxs8(Container5, { className: "flex flex-col gap-y-8 px-6 py-4", "data-testid": "order-activity-section", children: [
     /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-between", "data-testid": "order-activity-header", children: /* @__PURE__ */ jsx8(Heading5, { level: "h2", "data-testid": "order-activity-heading", children: t("orders.activity.header") }) }) }),
-    /* @__PURE__ */ jsx8(OrderTimeline, { order })
+    /* @__PURE__ */ jsx8(OrderTimeline, { order }),
+    /* @__PURE__ */ jsx8(DisplayExtensionZone, { model: "order", zone: "activity", data: order })
   ] });
 };
 
 // src/pages/orders/order-detail/components/order-commission-section/order-commission-section.tsx
 import { Container as Container6, Heading as Heading6, Text as Text7 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { useMemo as useMemo3 } from "react";
 import { useTranslation as useTranslation9 } from "react-i18next";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -1408,7 +1412,7 @@ var OrderCommissionSection = ({
     0
   );
   return /* @__PURE__ */ jsxs9(Container6, { className: "divide-y p-0", "data-testid": "order-commission-section", children: [
-    /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx9(Heading6, { level: "h2", children: t("fields.commission", "Commission") }) }),
+    /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx9(Heading6, { level: "h2", children: t("fields.commission") }) }),
     /* @__PURE__ */ jsx9("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__ */ jsxs9(
@@ -1424,15 +1428,17 @@ var OrderCommissionSection = ({
       );
     }) }),
     /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx9(Text7, { size: "small", weight: "plus", leading: "compact", children: t("orders.commission.total", "Total") }),
+      /* @__PURE__ */ jsx9(Text7, { size: "small", weight: "plus", leading: "compact", children: t("orders.commission.total") }),
       /* @__PURE__ */ jsx9(Text7, { size: "small", weight: "plus", leading: "compact", children: getLocaleAmount(total, order.currency_code) })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx9(DisplayExtensionZone2, { model: "order", zone: "commission", data: order })
   ] });
 };
 
 // src/pages/orders/order-detail/components/order-customer-section/order-customer-section.tsx
 import { ArrowPath as ArrowPath2, CurrencyDollar, Envelope, FlyingBox } from "@medusajs/icons";
 import { Container as Container7, Heading as Heading7 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation11 } from "react-i18next";
 
 // src/components/common/customer-info/customer-info.tsx
@@ -1590,7 +1596,8 @@ var OrderCustomerSection = ({ order }) => {
         /* @__PURE__ */ jsx11(CustomerInfo.ID, { data: order }),
         /* @__PURE__ */ jsx11(CustomerInfo.Contact, { data: order }),
         /* @__PURE__ */ jsx11(CustomerInfo.Company, { data: order }),
-        /* @__PURE__ */ jsx11(CustomerInfo.Addresses, { data: order })
+        /* @__PURE__ */ jsx11(CustomerInfo.Addresses, { data: order }),
+        /* @__PURE__ */ jsx11(DisplayExtensionZone3, { model: "order", zone: "customer", data: order })
       ]
     }
   );
@@ -1895,7 +1902,15 @@ import {
   usePrompt as usePrompt2
 } from "@medusajs/ui";
 import { useTranslation as useTranslation13 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone4, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "display_id",
+  "created_at",
+  "status",
+  "payment_status",
+  "fulfillment_status"
+];
 var OrderGeneralSection = ({ order }) => {
   const { t } = useTranslation13();
   const prompt = usePrompt2();
@@ -1930,23 +1945,23 @@ var OrderGeneralSection = ({ order }) => {
   };
   return /* @__PURE__ */ jsxs13(Container9, { className: "flex items-center justify-between px-6 py-4", "data-testid": "order-general-section", children: [
     /* @__PURE__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-x-1", "data-testid": "order-general-section-id-container", children: [
+      /* @__PURE__ */ jsx13(DisplayField, { model: "order", zone: "general", id: "display_id", data: order, children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-x-1", "data-testid": "order-general-section-id-container", children: [
         /* @__PURE__ */ jsxs13(Heading9, { "data-testid": "order-general-section-id-heading", children: [
           "#",
           order.display_id
         ] }),
         /* @__PURE__ */ jsx13(Copy4, { content: `#${order.display_id}`, className: "text-ui-fg-muted", "data-testid": "order-general-section-id-copy" })
-      ] }),
-      /* @__PURE__ */ jsx13(Text10, { size: "small", className: "text-ui-fg-subtle", "data-testid": "order-general-section-date", children: t("orders.onDateFromSalesChannel", {
+      ] }) }),
+      /* @__PURE__ */ jsx13(DisplayField, { model: "order", zone: "general", id: "created_at", data: order, children: /* @__PURE__ */ jsx13(Text10, { size: "small", className: "text-ui-fg-subtle", "data-testid": "order-general-section-date", children: t("orders.onDateFromSalesChannel", {
         date: getFullDate({ date: order.created_at, includeTime: true }),
         salesChannel: order.sales_channel?.name
-      }) })
+      }) }) })
     ] }),
     /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-x-4", "data-testid": "order-general-section-badges-container", children: [
       /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-x-1.5", "data-testid": "order-general-section-badges", children: [
-        /* @__PURE__ */ jsx13(OrderBadge, { order }),
-        /* @__PURE__ */ jsx13(PaymentBadge, { order }),
-        /* @__PURE__ */ jsx13(FulfillmentBadge, { order })
+        /* @__PURE__ */ jsx13(DisplayField, { model: "order", zone: "general", id: "status", data: order, children: /* @__PURE__ */ jsx13(OrderBadge, { order }) }),
+        /* @__PURE__ */ jsx13(DisplayField, { model: "order", zone: "general", id: "payment_status", data: order, children: /* @__PURE__ */ jsx13(PaymentBadge, { order }) }),
+        /* @__PURE__ */ jsx13(DisplayField, { model: "order", zone: "general", id: "fulfillment_status", data: order, children: /* @__PURE__ */ jsx13(FulfillmentBadge, { order }) })
       ] }),
       /* @__PURE__ */ jsx13(
         ActionMenu,
@@ -1967,7 +1982,16 @@ var OrderGeneralSection = ({ order }) => {
           "data-testid": "order-general-section-action-menu"
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx13(
+      DisplayExtensionZone4,
+      {
+        model: "order",
+        zone: "general",
+        data: order,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 var FulfillmentBadge = ({ order }) => {
@@ -2035,6 +2059,7 @@ import {
   Tooltip as Tooltip4,
   usePrompt as usePrompt3
 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import { format as format2 } from "date-fns";
 import { Trans, useTranslation as useTranslation15 } from "react-i18next";
 import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -2057,7 +2082,8 @@ var OrderPaymentSection = ({ order }) => {
             currencyCode: order.currency_code
           }
         ),
-        /* @__PURE__ */ jsx15(Total, { order })
+        /* @__PURE__ */ jsx15(Total, { order }),
+        /* @__PURE__ */ jsx15(DisplayExtensionZone5, { model: "order", zone: "payment", data: order })
       ]
     }
   );
@@ -2422,7 +2448,7 @@ var Total = ({ order }) => {
             className: "flex items-center justify-between",
             "data-testid": "order-payment-total-pending",
             children: [
-              /* @__PURE__ */ jsx15(Text11, { size: "small", weight: "plus", leading: "compact", children: "Total pending" }),
+              /* @__PURE__ */ jsx15(Text11, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPending") }),
               /* @__PURE__ */ jsx15(Text11, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalPending, order.currency_code) })
             ]
           }
@@ -2458,6 +2484,7 @@ import {
   Tooltip as Tooltip6,
   usePrompt as usePrompt4
 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone6 } from "@mercurjs/dashboard-shared";
 import { format as format3 } from "date-fns";
 
 // src/lib/credit-line.ts
@@ -2682,7 +2709,8 @@ var OrderSummarySection = ({ order }) => {
               )
             ]
           }
-        )
+        ),
+        /* @__PURE__ */ jsx18(DisplayExtensionZone6, { model: "order", zone: "summary", data: order })
       ]
     }
   );
@@ -3557,6 +3585,7 @@ var Total2 = ({ order }) => {
 
 // src/pages/orders/order-detail/components/order-remaining-orders-group-section/order-remaining-orders-group-section.tsx
 import { Container as Container12, Heading as Heading12 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone7 } from "@mercurjs/dashboard-shared";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo as useMemo5 } from "react";
 import { useTranslation as useTranslation19 } from "react-i18next";
@@ -3601,10 +3630,7 @@ var OrderRemainingOrdersGroupSection = () => {
           {
             className: "flex items-center justify-between px-6 py-4",
             "data-testid": "order-remaining-orders-group-header",
-            children: /* @__PURE__ */ jsxs19(Heading12, { level: "h2", "data-testid": "order-remaining-orders-group-heading", children: [
-              t("orders.domain"),
-              " in group"
-            ] })
+            children: /* @__PURE__ */ jsx19(Heading12, { level: "h2", "data-testid": "order-remaining-orders-group-heading", children: t("orders.group.heading") })
           }
         ),
         /* @__PURE__ */ jsx19(
@@ -3617,9 +3643,17 @@ var OrderRemainingOrdersGroupSection = () => {
             isLoading,
             pageSize: orders.length,
             noRecords: {
-              message: "No other orders in this group"
+              message: t("orders.group.noOtherOrders")
             }
           }
+        ),
+        /* @__PURE__ */ jsx19(
+          DisplayExtensionZone7,
+          {
+            model: "order",
+            zone: "order-group",
+            data: order_group
+          }
         )
       ]
     }
@@ -3722,7 +3756,7 @@ var Root = ({ children }) => {
       hasOutlet: true,
       "data-testid": "order-detail-page",
       children: [
-        /* @__PURE__ */ jsxs20(TwoColumnPage.Main, { "data-testid": "order-detail-main", children: [
+        /* @__PURE__ */ jsx20(TwoColumnPage.Main, { "data-testid": "order-detail-main", children: /* @__PURE__ */ jsxs20(WidgetZone, { id: "orders.detail.main", data: order, children: [
           /* @__PURE__ */ jsx20(OrderActiveEditSection, { order }),
           /* @__PURE__ */ jsx20(ActiveOrderClaimSection, { orderPreview }),
           /* @__PURE__ */ jsx20(ActiveOrderExchangeSection, { orderPreview }),
@@ -3732,12 +3766,12 @@ var Root = ({ children }) => {
           /* @__PURE__ */ jsx20(OrderCommissionSection, { order }),
           /* @__PURE__ */ jsx20(OrderPaymentSection, { order }),
           /* @__PURE__ */ jsx20(OrderFulfillmentSection, { order })
-        ] }),
-        /* @__PURE__ */ jsxs20(TwoColumnPage.Sidebar, { "data-testid": "order-detail-sidebar", children: [
+        ] }) }),
+        /* @__PURE__ */ jsx20(TwoColumnPage.Sidebar, { "data-testid": "order-detail-sidebar", children: /* @__PURE__ */ jsxs20(WidgetZone, { id: "orders.detail.side", data: order, children: [
           /* @__PURE__ */ jsx20(OrderCustomerSection, { order }),
           /* @__PURE__ */ jsx20(OrderActivitySection, { order }),
           /* @__PURE__ */ jsx20(OrderRemainingOrdersGroupSection, {})
-        ] })
+        ] }) })
       ]
     }
   );

package/dist/{chunk-FLPKTLXN.js → chunk-CHMIK6PK.js}

@@ -14,7 +14,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   useCustomerGroups
 } from "./chunk-RGS5ZOY7.js";

package/dist/{chunk-WKTRJNOK.js → chunk-COOOOQ2N.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-YZBEJ3CY.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-5K5VNKSE.js → chunk-DJD3MWED.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AW77UWCZ.js";
 import {
   require_dist
-} from "./chunk-YZBEJ3CY.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-2DSCC2VR.js → chunk-EOSJHPHN.js}

@@ -10,7 +10,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";