@mercurjs/admin 2.2.0-rc.0 → 2.2.0-rc.2

package/dist/{chunk-7O7LYBHL.js → chunk-MCK4I4JE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   getPromotionStatus
-} from "./chunk-RIO2IHPE.js";
+} from "./chunk-67KYEPSA.js";
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";
@@ -15,12 +15,12 @@ import {
 } from "./chunk-E74OUNA3.js";
 import {
   NoRecords
-} from "./chunk-PAYQJPGK.js";
+} from "./chunk-7PPT3477.js";
 import {
   useDeletePromotion,
   usePromotion,
   usePromotionRules
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-42BAC3EV.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -31,12 +31,14 @@ import {
 // src/pages/promotions/promotion-detail/promotion-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams as useParams4 } from "react-router-dom";
+import { useLinkQuery as useLinkQuery4, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/promotions/promotion-detail/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, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CampaignDetailSection = ({
   campaign
@@ -62,7 +64,8 @@ var CampaignSection = ({
 }) => {
   const { t } = useTranslation();
   const { id } = useParams();
-  const { promotion } = usePromotion(id, {
+  const linkQuery = useLinkQuery("promotion");
+  const { promotion } = usePromotion(id, linkQuery, {
     enabled: campaignProp === void 0
   });
   const campaign = campaignProp !== void 0 ? campaignProp : promotion?.campaign ?? null;
@@ -108,7 +111,8 @@ var CampaignSection = ({
         buttonVariant: "transparentIconLeft",
         dataTestId: "promotion-campaign-section-add-to-campaign-button"
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "promotion", zone: "campaign", data: campaign })
   ] });
 };
 
@@ -117,6 +121,7 @@ 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 { useParams as useParams2 } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone2, useLinkQuery as useLinkQuery2 } from "@mercurjs/dashboard-shared";
 
 // src/components/common/badge-list-summary/badge-list-summary.tsx
 import { Badge, Tooltip, clx } from "@medusajs/ui";
@@ -199,7 +204,8 @@ var PromotionConditionsSection = ({
 }) => {
   const { t } = useTranslation3();
   const { id } = useParams2();
-  const { promotion } = usePromotion(id, {
+  const linkQuery = useLinkQuery2("promotion");
+  const { promotion } = usePromotion(id, linkQuery, {
     enabled: rulesProp === void 0
   });
   const query = {};
@@ -287,6 +293,14 @@ var PromotionConditionsSection = ({
               ))
             ]
           }
+        ),
+        /* @__PURE__ */ jsx3(
+          DisplayExtensionZone2,
+          {
+            model: "promotion",
+            zone: `conditions-${ruleType}`,
+            data: rules
+          }
         )
       ]
     }
@@ -307,7 +321,22 @@ import {
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { useParams as useParams3 } from "react-router-dom";
+import {
+  DisplayExtensionZone as DisplayExtensionZone3,
+  DisplayField,
+  useLinkQuery as useLinkQuery3
+} from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "code",
+  "status",
+  "is_automatic",
+  "code_badge",
+  "type",
+  "value",
+  "allocation",
+  "is_tax_inclusive"
+];
 function getDisplayValue(promotion) {
   const value = promotion.application_method?.value;
   if (!value) {
@@ -331,7 +360,8 @@ var PromotionGeneralSection = ({
   const prompt = usePrompt();
   const navigate = useNavigate();
   const { id } = useParams3();
-  const { promotion: fetched } = usePromotion(id, {
+  const linkQuery = useLinkQuery3("promotion");
+  const { promotion: fetched } = usePromotion(id, linkQuery, {
     enabled: !promotionProp
   });
   const promotion = promotionProp ?? fetched;
@@ -363,9 +393,9 @@ var PromotionGeneralSection = ({
   const displayValue = getDisplayValue(promotion);
   return /* @__PURE__ */ jsxs4(Container3, { className: "divide-y p-0", "data-testid": "promotion-general-section-container", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "promotion-general-section-header", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(Heading3, { "data-testid": "promotion-general-section-code", 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, { "data-testid": "promotion-general-section-code", children: promotion.code }) }) }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx4(StatusBadge, { color, "data-testid": "promotion-general-section-status", children: text }),
+        /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "status", data: promotion, children: /* @__PURE__ */ jsx4(StatusBadge, { color, "data-testid": "promotion-general-section-status", children: text }) }),
         /* @__PURE__ */ jsx4(
           ActionMenu,
           {
@@ -394,11 +424,11 @@ var PromotionGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-method", children: [
+    /* @__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", "data-testid": "promotion-general-section-method", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-method-label", children: t("promotions.fields.method") }),
       /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", "data-testid": "promotion-general-section-method-value", 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", "data-testid": "promotion-general-section-code-field", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "code_badge", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "promotion-general-section-code-field", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-code-label", children: t("fields.code") }),
       /* @__PURE__ */ jsx4(
         Copy,
@@ -419,26 +449,35 @@ var PromotionGeneralSection = ({
           )
         }
       )
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-type", children: [
+    ] }) }),
+    /* @__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", "data-testid": "promotion-general-section-type", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-type-label", children: t("promotions.fields.type") }),
       /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", "data-testid": "promotion-general-section-type-value", children: promotion.type })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-value", 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", "data-testid": "promotion-general-section-value", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-value-label", children: t("promotions.fields.value") }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", "data-testid": "promotion-general-section-value-content", children: [
         /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", "data-testid": "promotion-general-section-value-text", children: displayValue || "-" }),
         promotion?.application_method?.type === "fixed" && /* @__PURE__ */ jsx4(Badge3, { size: "2xsmall", rounded: "full", "data-testid": "promotion-general-section-value-currency", 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", "data-testid": "promotion-general-section-allocation", children: [
+    ] }) }),
+    /* @__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", "data-testid": "promotion-general-section-allocation", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-allocation-label", children: t("promotions.fields.allocation") }),
       /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", "data-testid": "promotion-general-section-allocation-value", children: promotion.application_method?.allocation })
-    ] }),
-    promotion.application_method?.type === "fixed" && /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-tax-inclusive", children: [
+    ] }) }),
+    promotion.application_method?.type === "fixed" && /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "is_tax_inclusive", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", "data-testid": "promotion-general-section-tax-inclusive", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", "data-testid": "promotion-general-section-tax-inclusive-label", children: t("promotions.fields.taxInclusive") }),
       /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-x-2", "data-testid": "promotion-general-section-tax-inclusive-value", children: /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", children: promotion.is_tax_inclusive ? t("fields.true") : t("fields.false") }) })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx4(
+      DisplayExtensionZone3,
+      {
+        model: "promotion",
+        zone: "general",
+        data: promotion,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
@@ -447,7 +486,10 @@ import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams4();
-  const { promotion, isLoading } = usePromotion(id, { initialData });
+  const linkQuery = useLinkQuery4("promotion");
+  const { promotion, isLoading } = usePromotion(id, linkQuery, {
+    initialData
+  });
   const query = {};
   if (promotion?.type === "buyget") {
     query.promotion_type = promotion.type;
@@ -459,7 +501,7 @@ var Root = ({ children }) => {
     return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1, showJSON: true });
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx5(TwoColumnPage, { data: promotion, hasOutlet: true, showJSON: true, "data-testid": "promotion-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: promotion, hasOutlet: true, showJSON: true, "data-testid": "promotion-detail-page", 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,
@@ -484,8 +526,8 @@ var Root = ({ children }) => {
           applicationMethodTargetType: "items"
         }
       )
-    ] }),
-    /* @__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/{chunk-4346EIRG.js → chunk-MSUG6ERE.js}

@@ -1,18 +1,18 @@
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-52KJSIHS.js";
 import {
   useProductTags
-} from "./chunk-ABS7HMLY.js";
+} from "./chunk-XQBF2FRT.js";
 import {
   useProductTypes
-} from "./chunk-EWFOFSF7.js";
+} from "./chunk-K6FC5Y72.js";
 import {
   useCollections
-} from "./chunk-BNFTJW4L.js";
+} from "./chunk-GS7VNGVP.js";
 import {
   useProductCategories
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-LAS6SXKB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-KT4DGVRQ.js → chunk-N2WNCZLR.js}

@@ -1,7 +1,7 @@
 import {
   useDeleteCommissionRuleAction,
   useScopeReferenceNames
-} from "./chunk-JSVYNNPF.js";
+} from "./chunk-4EM4RG5L.js";
 import {
   formatCommissionValue,
   getIsActiveProps,
@@ -18,20 +18,20 @@ import {
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useCommissionRules,
   useDefaultCommission
-} from "./chunk-G5KNNOXX.js";
+} from "./chunk-D5FHUQQK.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -41,6 +41,7 @@ import {
 
 // src/pages/commissions/commissions-list/commissions-page.tsx
 import { Children } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/commissions/commissions-list/components/global-commission-section/global-commission-section.tsx
 import { PencilSquare } from "@medusajs/icons";
@@ -366,10 +367,10 @@ var CommissionRulesTable = () => {
 // src/pages/commissions/commissions-list/commissions-page.tsx
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, "data-testid": "commissions-page", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, "data-testid": "commissions-page", children: /* @__PURE__ */ jsx5(WidgetZone, { id: "commissions.list", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsx5(GlobalCommissionSection, {}),
     /* @__PURE__ */ jsx5(CommissionRulesTable, {})
-  ] }) });
+  ] }) }) });
 };
 var CommissionsPage = Object.assign(Root, {
   GlobalCommission: GlobalCommissionSection,

package/dist/{chunk-YHEH25IE.js → chunk-NH62M7H7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   usePayout
-} from "./chunk-L7DIEO5B.js";
+} from "./chunk-55NZ2MMZ.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -14,6 +14,7 @@ import {
 // src/pages/payouts/payout-detail/payout-detail.tsx
 import { Children } from "react";
 import { useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/payouts/payout-detail/components/payout-general-section.tsx
 import { Container, Heading, StatusBadge, Text } from "@medusajs/ui";
@@ -85,7 +86,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(PayoutGeneralSection, { payout }) });
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { data: payout, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(WidgetZone, { id: "payouts.detail.main", data: payout, children: /* @__PURE__ */ jsx2(PayoutGeneralSection, { payout }) }) });
 };
 var PayoutDetailPage = Object.assign(Root, {
   GeneralSection: PayoutGeneralSection

package/dist/{chunk-HRDVGFS7.js → chunk-NHKZJMNX.js}

@@ -4,29 +4,31 @@ import {
 import {
   useCampaignTableQuery
 } from "./chunk-DY3XQPHC.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useCampaigns,
   useDeleteCampaign
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-42BAC3EV.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/campaigns/campaign-list/campaign-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/campaign-list/components/campaign-list-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Button, Container, Heading, toast, usePrompt } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { Children, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -59,15 +61,19 @@ var CampaignListHeader = ({ children }) => {
 var CampaignListDataTable = () => {
   const { t } = useTranslation();
   const { raw, searchParams } = useCampaignTableQuery({ pageSize: PAGE_SIZE });
+  const linkQuery = useLinkQuery("campaign");
   const {
     campaigns,
     count,
     isPending: isLoading,
     isError,
     error
-  } = useCampaigns(searchParams, {
-    placeholderData: keepPreviousData
-  });
+  } = useCampaigns(
+    { ...searchParams, ...linkQuery },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
   const columns = useColumns();
   const { table } = useDataTable({
     data: campaigns ?? [],
@@ -166,9 +172,13 @@ var CampaignActions = ({ campaign }) => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = useCampaignTableColumns();
+  const { columns: extended } = useExtendableTable({
+    model: "campaign",
+    columns: base
+  });
   return useMemo(
     () => [
-      ...base,
+      ...extended,
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
@@ -176,14 +186,14 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
 };
 
 // src/pages/campaigns/campaign-list/campaign-list.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { hasOutlet: true, children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(CampaignListTable, {}) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx2(WidgetZone, { id: "campaigns.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(CampaignListTable, {}) }) });
 };
 var CampaignListPage = Object.assign(Root, {
   Table: CampaignListTable,

package/dist/{chunk-UZ452ISX.js → chunk-NLLX6JO6.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-54EPH67T.js";
 import {
   useCustomerGroupTableFilters
-} from "./chunk-FMJBQE56.js";
+} from "./chunk-LFNC565R.js";
 import {
   useOrderGroupTableFilters
-} from "./chunk-4C7L7TJT.js";
+} from "./chunk-XQ5IRC23.js";
 import {
   useOrderTableQuery
 } from "./chunk-QUHSHIAC.js";
@@ -36,13 +36,13 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   NoRecords
-} from "./chunk-PAYQJPGK.js";
+} from "./chunk-7PPT3477.js";
 import {
   useOrderGroups
-} from "./chunk-PYF5EER5.js";
+} from "./chunk-43C2OEFK.js";
 import {
   useBatchCustomerCustomerGroups,
   useCustomer,
@@ -50,7 +50,7 @@ import {
   useDeleteCustomer,
   useDeleteCustomerAddress,
   useRemoveCustomersFromGroup
-} from "./chunk-RGS5ZOY7.js";
+} from "./chunk-HOOIU4KF.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -61,11 +61,13 @@ import {
 // src/pages/customers/customer-detail/customer-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/customers/customer-detail/components/customer-address-section/customer-address-section.tsx
 import { Button, clx, Container, Heading, toast, usePrompt } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { PencilSquare, Trash } from "@medusajs/icons";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { Link, useNavigate } from "react-router-dom";
 
 // src/components/common/listicle/listicle.tsx
@@ -112,9 +114,7 @@ var CustomerAddressSection = ({
     }
     await deleteAddress(address.id, {
       onSuccess: () => {
-        toast.success(
-          t2("general.success", { name: address.address_name ?? "address" })
-        );
+        toast.success(t2("customers.addresses.delete.successToast"));
         navigate(`/customers/${customer.id}`, { replace: true });
       },
       onError: (e) => {
@@ -174,7 +174,8 @@ var CustomerAddressSection = ({
           )
         }
       ) }, address.id);
-    })
+    }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone, { model: "customer", zone: "addresses", data: customer })
   ] });
 };
 
@@ -190,7 +191,9 @@ import {
 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate as useNavigate2 } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = ["email", "status", "name", "company_name", "phone"];
 var CustomerGeneralSection = ({
   customer
 }) => {
@@ -231,9 +234,9 @@ var CustomerGeneralSection = ({
   };
   return /* @__PURE__ */ jsxs3(Container2, { className: "divide-y p-0", "data-testid": "customer-general-section", children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-general-section-header", children: [
-      /* @__PURE__ */ jsx3(Heading2, { "data-testid": "customer-general-section-email", children: customer.email }),
+      /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "email", data: customer, children: /* @__PURE__ */ jsx3(Heading2, { "data-testid": "customer-general-section-email", children: customer.email }) }),
       /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", "data-testid": "customer-general-section-actions", children: [
-        /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor, "data-testid": "customer-general-section-status-badge", children: statusText }),
+        /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "status", data: customer, children: /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor, "data-testid": "customer-general-section-status-badge", children: statusText }) }),
         /* @__PURE__ */ jsx3(
           ActionMenu,
           {
@@ -262,18 +265,27 @@ var CustomerGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-name-row", children: [
+    /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "name", data: customer, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-name-row", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-name-label", children: t2("fields.name") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-name-value", children: name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-company-row", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "company_name", data: customer, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-company-row", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-company-label", children: t2("fields.company") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-company-value", children: customer.company_name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-phone-row", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "phone", data: customer, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-phone-row", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-phone-label", children: t2("fields.phone") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-phone-value", children: customer.phone || "-" })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx3(
+      DisplayExtensionZone2,
+      {
+        model: "customer",
+        zone: "general",
+        data: customer,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
@@ -290,6 +302,7 @@ import { createColumnHelper } from "@tanstack/react-table";
 import { t } from "i18next";
 import { useMemo, useState } from "react";
 import { PencilSquare as PencilSquare3, Trash as Trash3 } from "@medusajs/icons";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
@@ -405,7 +418,8 @@ var CustomerGroupSection = ({
           icon: null
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone3, { model: "customer", zone: "groups", data: customer })
   ] });
 };
 var CustomerGroupRowActions = ({
@@ -521,6 +535,7 @@ import { keepPreviousData as keepPreviousData2 } from "@tanstack/react-query";
 import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
 import { useMemo as useMemo2 } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var PREFIX2 = "cusord";
 var PAGE_SIZE2 = 10;
@@ -645,7 +660,8 @@ var CustomerOrderSection = ({
         queryObject: raw,
         prefix: PREFIX2
       }
-    )
+    ),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone4, { model: "customer", zone: "orders", data: customer })
   ] });
 };
 var CustomerOrderActions = ({ orderId }) => {
@@ -780,11 +796,10 @@ import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
-  const { customer, isLoading, isError, error } = useCustomer(
-    id,
-    { fields: "+*addresses" },
-    { initialData }
-  );
+  const query = useLinkQuery("customer", "+*addresses");
+  const { customer, isLoading, isError, error } = useCustomer(id, query, {
+    initialData
+  });
   if (isLoading || !customer) {
     return /* @__PURE__ */ jsx6(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
   }
@@ -792,12 +807,12 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { data: customer, hasOutlet: true, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: customer, hasOutlet: true, showJSON: true, showMetadata: true, children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "customers.detail.main", data: customer, children: [
       /* @__PURE__ */ jsx6(CustomerGeneralSection, { customer }),
       /* @__PURE__ */ jsx6(CustomerOrderSection, { customer }),
       /* @__PURE__ */ jsx6(CustomerGroupSection, { customer })
-    ] }),
-    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(CustomerAddressSection, { customer }) })
+    ] }) }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(WidgetZone, { id: "customers.detail.side", data: customer, children: /* @__PURE__ */ jsx6(CustomerAddressSection, { customer }) }) })
   ] });
 };
 var CustomerDetailPage = Object.assign(Root, {

package/dist/{chunk-PYZ7VL5X.js → chunk-NVU672HY.js}

@@ -1,9 +1,9 @@
 import {
   returnsQueryKeys
-} from "./chunk-YXKHBSQJ.js";
+} from "./chunk-ZIELZO2F.js";
 import {
   ordersQueryKeys
-} from "./chunk-WF3ZDT5Z.js";
+} from "./chunk-Y4QL7QLU.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-JTAECZCT.js";
 
 // src/hooks/api/exchanges.tsx
 import {