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

package/dist/{[id]-Q5C2MVHS.js → [id]-TF35KIFE.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-BWGPN6XV.js";
 import {
   StatusCell
-} from "./chunk-EAK75O26.js";
+} from "./chunk-Y4PM3IDZ.js";
 import "./chunk-FMFVTERD.js";
 import "./chunk-DB6ANJBO.js";
-import "./chunk-2QEFRSKJ.js";
+import "./chunk-KZQFIPY2.js";
 import {
   NoRecords
 } from "./chunk-634XVU3D.js";
@@ -57,12 +57,14 @@ var loader = async ({ params }) => {
 // src/pages/promotions/[id]/promotion-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams as useParams2 } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/promotions/[id]/_components/campaign-section/campaign-section.tsx
 import { ArrowUpRightOnBox, PencilSquare } from "@medusajs/icons";
 import { Container, Heading, Text } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { useParams } from "react-router-dom";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CampaignDetailSection = ({
   campaign
@@ -120,15 +122,16 @@ var CampaignSection = ({
       NoRecords,
       {
         className: "h-[180px] pt-4 text-center",
-        title: "Not part of a campaign",
-        message: "Add this promotion to an existing campaign",
+        title: t("promotions.campaignSection.noRecordsTitle"),
+        message: t("promotions.campaignSection.noRecordsMessage"),
         action: {
           to: `/promotions/${id}/add-to-campaign`,
-          label: "Add to Campaign"
+          label: t("promotions.campaignSection.addToCampaign")
         },
         buttonVariant: "transparentIconLeft"
       }
-    )
+    ),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "promotion", zone: "campaign", data: campaign })
   ] });
 };
 
@@ -136,6 +139,7 @@ var CampaignSection = ({
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { Badge as Badge2, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 
 // src/components/common/badge-list-summary/badge-list-summary.tsx
 import { Badge, Tooltip, clx } from "@medusajs/ui";
@@ -258,7 +262,15 @@ var PromotionConditionsSection = ({
         }
       ),
       rules.map((rule) => /* @__PURE__ */ jsx3(RuleBlock, { rule }, `${rule.id}-${rule.attribute}`))
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      DisplayExtensionZone2,
+      {
+        model: "promotion",
+        zone: `conditions-${ruleType}`,
+        data: rules
+      }
+    )
   ] });
 };
 
@@ -267,6 +279,7 @@ import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
 import { Badge as Badge3, Container as Container3, Copy, Heading as Heading3, Text as Text2, usePrompt } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3, DisplayField } from "@mercurjs/dashboard-shared";
 
 // src/lib/format-currency.ts
 var formatCurrency = (amount, currency) => {
@@ -325,9 +338,18 @@ var PromotionGeneralSection = ({
   const displayValue = getDisplayValue(promotion);
   return /* @__PURE__ */ jsxs4(Container3, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(Heading3, { children: promotion.code }) }),
+      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "code", data: promotion, children: /* @__PURE__ */ jsx4(Heading3, { children: promotion.code }) }) }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx4(StatusCell, { promotion }),
+        /* @__PURE__ */ jsx4(
+          DisplayField,
+          {
+            model: "promotion",
+            zone: "general",
+            id: "status",
+            data: promotion,
+            children: /* @__PURE__ */ jsx4(StatusCell, { promotion })
+          }
+        ),
         /* @__PURE__ */ jsx4(
           ActionMenu,
           {
@@ -355,45 +377,105 @@ var PromotionGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.method") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("fields.code") }),
-      /* @__PURE__ */ jsx4(
-        Copy,
-        {
-          content: promotion.code,
-          className: "text-ui-tag-neutral-text",
-          asChild: true,
-          children: /* @__PURE__ */ jsx4(
-            Badge3,
+    /* @__PURE__ */ jsx4(
+      DisplayField,
+      {
+        model: "promotion",
+        zone: "general",
+        id: "is_automatic",
+        data: promotion,
+        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.method") }),
+          /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      DisplayField,
+      {
+        model: "promotion",
+        zone: "general",
+        id: "code_value",
+        data: promotion,
+        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("fields.code") }),
+          /* @__PURE__ */ jsx4(
+            Copy,
             {
-              size: "2xsmall",
-              rounded: "full",
-              className: "cursor-pointer text-pretty",
-              children: promotion.code
+              content: promotion.code,
+              className: "text-ui-tag-neutral-text",
+              asChild: true,
+              children: /* @__PURE__ */ jsx4(
+                Badge3,
+                {
+                  size: "2xsmall",
+                  rounded: "full",
+                  className: "cursor-pointer text-pretty",
+                  children: promotion.code
+                }
+              )
             }
           )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "type", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.type") }),
+      /* @__PURE__ */ jsx4(
+        Text2,
+        {
+          size: "small",
+          leading: "compact",
+          className: "text-pretty capitalize",
+          children: promotion.type
         }
       )
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.type") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", children: promotion.type })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "value", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.value") }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", children: displayValue || "-" }),
         promotion?.application_method?.type === "fixed" && /* @__PURE__ */ jsx4(Badge3, { size: "2xsmall", rounded: "full", children: promotion?.application_method?.currency_code?.toUpperCase() })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.allocation") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", children: promotion.application_method?.allocation })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx4(
+      DisplayField,
+      {
+        model: "promotion",
+        zone: "general",
+        id: "allocation",
+        data: promotion,
+        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.allocation") }),
+          /* @__PURE__ */ jsx4(
+            Text2,
+            {
+              size: "small",
+              leading: "compact",
+              className: "text-pretty capitalize",
+              children: promotion.application_method?.allocation
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      DisplayExtensionZone3,
+      {
+        model: "promotion",
+        zone: "general",
+        data: promotion,
+        builtInFieldIds: [
+          "code",
+          "status",
+          "is_automatic",
+          "code_value",
+          "type",
+          "value",
+          "allocation"
+        ]
+      }
+    )
   ] });
 };
 
@@ -411,7 +493,7 @@ var Root = ({ children }) => {
   if (isLoading || !promotion)
     return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1, showJSON: true });
   return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: promotion, hasOutlet: true, children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx5(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "promotions.detail.main", data: promotion, children: [
       /* @__PURE__ */ jsx5(PromotionGeneralSection, { promotion }),
       /* @__PURE__ */ jsx5(PromotionConditionsSection, { rules: rules || [], ruleType: "rules" }),
       /* @__PURE__ */ jsx5(
@@ -428,8 +510,8 @@ var Root = ({ children }) => {
           ruleType: "buy-rules"
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(CampaignSection, { campaign: promotion.campaign }) })
+    ] }) }),
+    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(WidgetZone, { id: "promotions.detail.side", data: promotion, children: /* @__PURE__ */ jsx5(CampaignSection, { campaign: promotion.campaign }) }) })
   ] }) });
 };
 var PromotionDetailPage = Object.assign(Root, {

package/dist/{[id]-O22LRQBI.js → [id]-WG6ZEK3I.js}

@@ -9,11 +9,11 @@ import {
 } from "./chunk-LYYM7H7H.js";
 import {
   useProductTableColumns
-} from "./chunk-Q57UH7FE.js";
-import "./chunk-BAVE4NRL.js";
+} from "./chunk-WQQMCV7M.js";
+import "./chunk-7HLAOLG7.js";
 import {
   useProductTableQuery
-} from "./chunk-H6LZ77GX.js";
+} from "./chunk-QGZH3D2P.js";
 import "./chunk-FWPGOIFA.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
@@ -21,7 +21,7 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-XRLRKSND.js";
+} from "./chunk-W3UHAQCV.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-634XVU3D.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk-YV6MK4PZ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-YZBEJ3CY.js";
+import "./chunk-VYSB4CTB.js";
 import "./chunk-WIYFXWRI.js";
 import {
   Skeleton,
@@ -91,33 +91,64 @@ var loader = async ({ params }) => {
 // src/pages/categories/[id]/category-detail-page.tsx
 import { Children } from "react";
 import { useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/categories/[id]/_components/category-general-section/category-general-section.tsx
 import { Container, Heading, Text } from "@medusajs/ui";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = ["name", "description", "handle"];
 var CategoryGeneralSection = ({
   category
 }) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { children: category.name }) }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: category.description || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
-      /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
-        "/",
-        category.handle
-      ] })
-    ] })
+    /* @__PURE__ */ jsx(DisplayField, { model: "category", zone: "general", id: "name", data: category, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { children: category.name }) }) }),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "category",
+        zone: "general",
+        id: "description",
+        data: category,
+        children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: category.description || "-" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "category",
+        zone: "general",
+        id: "handle",
+        data: category,
+        children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
+          /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
+            "/",
+            category.handle
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "category",
+        zone: "general",
+        data: category,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
 // src/pages/categories/[id]/_components/category-icon-section/category-icon-section.tsx
 import { Container as Container2, Heading as Heading2, Text as Text2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CategoryIconSection = ({
@@ -147,13 +178,14 @@ var CategoryIconSection = ({
         }
       ),
       /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-muted", children: t("categories.icon.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone2, { model: "category", zone: "icon", data: category })
   ] });
 };
 
 // src/pages/categories/[id]/_components/category-media-section/category-media-section.tsx
 import { ThumbnailBadge } from "@medusajs/icons";
-import { ListBadge } from "@mercurjs/dashboard-shared";
+import { DisplayExtensionZone as DisplayExtensionZone3, ListBadge } from "@mercurjs/dashboard-shared";
 import { Container as Container3, Heading as Heading3, Text as Text3, Tooltip } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -197,13 +229,15 @@ var CategoryMediaSection = ({
         }
       ),
       /* @__PURE__ */ jsx3(Text3, { size: "small", className: "text-ui-fg-muted", children: t("categories.media.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone3, { model: "category", zone: "media", data: category })
   ] });
 };
 
 // src/pages/categories/[id]/_components/category-organize-section/category-organize-section.tsx
 import { FolderIllustration, TriangleRightMini } from "@medusajs/icons";
 import { Badge, Container as Container4, Heading as Heading4, Text as Text4, Tooltip as Tooltip2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -221,7 +255,8 @@ var CategoryOrganizeSection = ({
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start gap-3 px-6 py-4", children: [
       /* @__PURE__ */ jsx4(Text4, { size: "small", leading: "compact", weight: "plus", children: t("categories.fields.children.label") }),
       /* @__PURE__ */ jsx4(ChildrenDisplay, { category })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone4, { model: "category", zone: "organize", data: category })
   ] });
 };
 var PathDisplay = ({
@@ -313,6 +348,7 @@ var ChildrenDisplay = ({
 
 // src/pages/categories/[id]/_components/category-product-section/category-product-section.tsx
 import { Container as Container5, Heading as Heading5 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useMemo as useMemo2, useState as useState2 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
@@ -382,7 +418,8 @@ var CategoryProductSection = ({
           message: t("categories.products.list.noRecordsMessage")
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone5, { model: "category", zone: "products", data: category })
   ] });
 };
 var useColumns = () => {
@@ -450,13 +487,13 @@ var Root = ({ children }) => {
     throw error;
   }
   return /* @__PURE__ */ jsx6(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: product_category, children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "categories.detail.main", data: product_category, children: [
       /* @__PURE__ */ jsx6(CategoryGeneralSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryMediaSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryIconSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryProductSection, { category: product_category })
-    ] }),
-    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(CategoryOrganizeSection, { category: product_category }) })
+    ] }) }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(WidgetZone, { id: "categories.detail.side", data: product_category, children: /* @__PURE__ */ jsx6(CategoryOrganizeSection, { category: product_category }) }) })
   ] }) });
 };
 var CategoryDetailPage = Object.assign(Root, {

package/dist/{[id]-ESWNTTKU.js → [id]-YDR5VTPB.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk-MAVQ636Y.js";
 import {
   useProductTableColumns
-} from "./chunk-Q57UH7FE.js";
-import "./chunk-BAVE4NRL.js";
+} from "./chunk-WQQMCV7M.js";
+import "./chunk-7HLAOLG7.js";
 import {
   useProductTableQuery
-} from "./chunk-H6LZ77GX.js";
+} from "./chunk-QGZH3D2P.js";
 import "./chunk-FWPGOIFA.js";
 import {
   useProductTableFilters
-} from "./chunk-Y3WDFB7J.js";
+} from "./chunk-ZZUJHLFM.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-XRLRKSND.js";
+} from "./chunk-W3UHAQCV.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-634XVU3D.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk-YV6MK4PZ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-YZBEJ3CY.js";
+import "./chunk-VYSB4CTB.js";
 import "./chunk-WIYFXWRI.js";
 import {
   SingleColumnPageSkeleton

package/dist/{[id]-ISKSMHND.js → [id]-ZV36X6E6.js}

@@ -32,7 +32,7 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-XRLRKSND.js";
+} from "./chunk-W3UHAQCV.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import {
@@ -110,9 +110,11 @@ var loader = async ({ params }) => {
 // src/pages/customers/[id]/customer-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/customers/[id]/_components/customer-address-section/customer-address-section.tsx
 import { Container, Heading, Text } from "@medusajs/ui";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var getAddressLabel = (address) => {
@@ -194,12 +196,14 @@ var CustomerAddressSection = ({
         },
         address.id
       );
-    }) })
+    }) }),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "customer", zone: "addresses", data: customer })
   ] });
 };
 
 // src/pages/customers/[id]/_components/customer-general-section/customer-general-section.tsx
 import { Container as Container2, Heading as Heading2, StatusBadge, Text as Text2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CustomerGeneralSection = ({
@@ -211,25 +215,53 @@ var CustomerGeneralSection = ({
   const statusText = customer.has_account ? t2("customers.fields.registered") : t2("customers.fields.guest");
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Heading2, { children: customer.email }),
-      /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsx2(StatusBadge, { color: statusColor, children: statusText }) })
+      /* @__PURE__ */ jsx2(DisplayField, { model: "customer", zone: "general", id: "email", data: customer, children: /* @__PURE__ */ jsx2(Heading2, { children: customer.email }) }),
+      /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsx2(
+        DisplayField,
+        {
+          model: "customer",
+          zone: "general",
+          id: "status",
+          data: customer,
+          children: /* @__PURE__ */ jsx2(StatusBadge, { color: statusColor, children: statusText })
+        }
+      ) })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx2(DisplayField, { model: "customer", zone: "general", id: "name", data: customer, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t2("fields.name") }),
       /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t2("fields.company") }),
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: customer.company_name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      DisplayField,
+      {
+        model: "customer",
+        zone: "general",
+        id: "company_name",
+        data: customer,
+        children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+          /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t2("fields.company") }),
+          /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: customer.company_name || "-" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "customer", zone: "general", id: "phone", data: customer, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t2("fields.phone") }),
       /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: customer.phone || "-" })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone2,
+      {
+        model: "customer",
+        zone: "general",
+        data: customer,
+        builtInFieldIds: ["email", "status", "name", "company_name", "phone"]
+      }
+    )
   ] });
 };
 
 // src/pages/customers/[id]/_components/customer-group-section/customer-group-section.tsx
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import {
   Button,
   Checkbox,
@@ -376,7 +408,8 @@ var CustomerGroupSection = ({
           icon: null
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone3, { model: "customer", zone: "groups", data: customer })
   ] });
 };
 var CustomerGroupRowActions = ({
@@ -490,6 +523,7 @@ var useColumns = (customerId, customerCountByGroup = {}) => {
 
 // src/pages/customers/[id]/_components/customer-order-section/customer-order-section.tsx
 import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { useMemo as useMemo2 } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -555,7 +589,8 @@ var CustomerOrderSection = ({
         queryObject: raw,
         prefix: PREFIX2
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone4, { model: "customer", zone: "orders", data: customer })
   ] });
 };
 var useColumns2 = () => {
@@ -580,12 +615,12 @@ var Root = ({ children }) => {
   }
   if (isError) throw error;
   return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: customer, showJSON: true, hasOutlet: true, children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx5(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "customers.detail.main", data: customer, children: [
       /* @__PURE__ */ jsx5(CustomerGeneralSection, { customer }),
       /* @__PURE__ */ jsx5(CustomerOrderSection, { customer }),
       /* @__PURE__ */ jsx5(CustomerGroupSection, { customer })
-    ] }),
-    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(CustomerAddressSection, { customer }) })
+    ] }) }),
+    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(WidgetZone, { id: "customers.detail.side", data: customer, children: /* @__PURE__ */ jsx5(CustomerAddressSection, { customer }) }) })
   ] }) });
 };
 var CustomerDetailPage = Object.assign(Root, {