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

package/dist/{chunk-L7DIEO5B.js → chunk-55NZ2MMZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-JTAECZCT.js";
 
 // src/hooks/api/payouts.tsx
 import { useQuery } from "@tanstack/react-query";

package/dist/{chunk-CU4UVEHX.js → chunk-56LEZVAH.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   useStore
-} from "./chunk-EJY35WBK.js";
+} from "./chunk-2Z4JZU5E.js";
 
 // src/pages/commissions/common/hooks/use-store-currencies.tsx
 var useStoreCurrencies = () => {

package/dist/{chunk-GISFIAGQ.js → chunk-577LTDI6.js}

@@ -1,7 +1,7 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-ML7UVBKL.js";
+} from "./chunk-TIG77LHS.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";
@@ -17,13 +17,13 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   useAddOrRemoveCampaignPromotions,
   useCampaign,
   useDeleteCampaign,
   usePromotions
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-42BAC3EV.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -34,6 +34,7 @@ import {
 // src/pages/campaigns/campaign-detail/campaign-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/campaign-detail/components/campaign-budget/campaign-budget.tsx
 import { ChartPie, PencilSquare } from "@medusajs/icons";
@@ -120,6 +121,7 @@ var CampaignBudget = ({ campaign }) => {
 import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CampaignConfigurationSection = ({
   campaign
@@ -154,6 +156,14 @@ var CampaignConfigurationSection = ({
         showTime: true,
         "data-testid": "campaign-configuration-section-date-range"
       }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone,
+      {
+        model: "campaign",
+        zone: "configuration",
+        data: campaign
+      }
     )
   ] });
 };
@@ -171,6 +181,7 @@ import {
 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/common/utils/campaign-status.ts
 import { isAfter, isBefore } from "date-fns";
@@ -202,6 +213,13 @@ var statusColor = (status) => {
 
 // src/pages/campaigns/campaign-detail/components/campaign-general-section/campaign-general-section.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "name",
+  "status",
+  "campaign_identifier",
+  "description",
+  "currency_code"
+];
 var CampaignGeneralSection = ({
   campaign
 }) => {
@@ -238,9 +256,9 @@ var CampaignGeneralSection = ({
   const status = campaignStatus(campaign);
   return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", "data-testid": "campaign-general-section-container", children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "campaign-general-section-header", children: [
-      /* @__PURE__ */ jsx3(Heading3, { "data-testid": "campaign-general-section-name", children: campaign.name }),
+      /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "name", data: campaign, children: /* @__PURE__ */ jsx3(Heading3, { "data-testid": "campaign-general-section-name", children: campaign.name }) }),
       /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor(status), "data-testid": "campaign-general-section-status", children: t(`campaigns.status.${status}`) }),
+        /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "status", data: campaign, children: /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor(status), "data-testid": "campaign-general-section-status", children: t(`campaigns.status.${status}`) }) }),
         /* @__PURE__ */ jsx3(
           ActionMenu,
           {
@@ -269,21 +287,30 @@ var CampaignGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-identifier", children: [
+    /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "campaign_identifier", data: campaign, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-identifier", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "campaign-general-section-identifier-label", children: t("campaigns.fields.identifier") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "campaign-general-section-identifier-value", children: campaign.campaign_identifier })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-description", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "description", data: campaign, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-description", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "campaign-general-section-description-label", children: t("fields.description") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "campaign-general-section-description-value", children: campaign.description || "-" })
-    ] }),
-    campaign?.budget && campaign.budget.type === "spend" && /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-currency", children: [
+    ] }) }),
+    campaign?.budget && campaign.budget.type === "spend" && /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "currency_code", data: campaign, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "campaign-general-section-currency", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "campaign-general-section-currency-label", children: t("fields.currency") }),
       /* @__PURE__ */ jsxs3("div", { "data-testid": "campaign-general-section-currency-value", children: [
         /* @__PURE__ */ jsx3(Badge, { size: "xsmall", "data-testid": "campaign-general-section-currency-badge", children: campaign?.budget.currency_code }),
         /* @__PURE__ */ jsx3(Text2, { className: "inline pl-3", size: "small", leading: "compact", "data-testid": "campaign-general-section-currency-name", children: currencies[campaign?.budget.currency_code?.toUpperCase()]?.name })
       ] })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx3(
+      DisplayExtensionZone2,
+      {
+        model: "campaign",
+        zone: "general",
+        data: campaign,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
@@ -294,6 +321,7 @@ import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var CampaignPromotionSection = ({
@@ -381,7 +409,8 @@ var CampaignPromotionSection = ({
         },
         "data-testid": "campaign-promotion-section-table"
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone3, { model: "campaign", zone: "promotions", data: campaign })
   ] });
 };
 var PromotionActions = ({
@@ -546,9 +575,10 @@ import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
+  const query = useLinkQuery("campaign", CAMPAIGN_DETAIL_FIELDS);
   const { campaign, isLoading, isError, error } = useCampaign(
     id,
-    { fields: CAMPAIGN_DETAIL_FIELDS },
+    query,
     { initialData }
   );
   if (isLoading || !campaign) {
@@ -566,15 +596,15 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, "data-testid": "campaign-detail-page", children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, "data-testid": "campaign-detail-page", children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "campaigns.detail.main", data: campaign, children: [
       /* @__PURE__ */ jsx6(CampaignGeneralSection, { campaign }),
       /* @__PURE__ */ jsx6(CampaignPromotionSection, { campaign })
-    ] }),
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Sidebar, { children: [
+    ] }) }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "campaigns.detail.side", data: campaign, children: [
       /* @__PURE__ */ jsx6(CampaignConfigurationSection, { campaign }),
       /* @__PURE__ */ jsx6(CampaignSpend, { campaign }),
       /* @__PURE__ */ jsx6(CampaignBudget, { campaign })
-    ] })
+    ] }) })
   ] });
 };
 var CampaignDetailPage = Object.assign(Root, {

package/dist/{chunk-6BWJWA2F.js → chunk-5JHHADVY.js}

@@ -7,23 +7,24 @@ import {
 import {
   useRegionTableQuery
 } from "./chunk-7SVLKK6Q.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useDeleteRegion,
   useRegions
-} from "./chunk-VHCDSNXF.js";
+} from "./chunk-IXC4VZBU.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/regions/region-list/region-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/regions/region-list/components/region-list-view/region-list-view.tsx
 import { Children as Children2 } from "react";
@@ -230,7 +231,7 @@ var RegionListView = ({
 // src/pages/regions/region-list/region-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RegionListView, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "regions.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RegionListView, {}) }) });
 };
 var RegionListPage = Object.assign(Root, {
   Table: RegionListView,

package/dist/{chunk-BFUHW56P.js → chunk-5NC3VFXY.js}

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

package/dist/{chunk-RIO2IHPE.js → chunk-67KYEPSA.js}

@@ -1,6 +1,6 @@
 import {
   i18n
-} from "./chunk-F2SZ4LPF.js";
+} from "./chunk-R2LW5LGL.js";
 
 // src/lib/promotions.ts
 var getPromotionStatusMap = () => ({

package/dist/{chunk-HQM7D57C.js → chunk-6FZTLQKQ.js}

@@ -1,12 +1,12 @@
 import {
   useBulkDeleteOffers
-} from "./chunk-IZDTQFCP.js";
+} from "./chunk-UBME2ENV.js";
 import {
   CategoryCell,
   CategoryHeader,
   ProductStatusCell,
   ProductStatusHeader
-} from "./chunk-DI2M3J5Q.js";
+} from "./chunk-IHO6OGWR.js";
 import {
   ProductCell,
   ProductHeader
@@ -19,25 +19,25 @@ import {
 } from "./chunk-THHRRYRS.js";
 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 {
   useSellers
-} from "./chunk-BILFRATX.js";
+} from "./chunk-6HHMZ2QV.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useProductCategories
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-LAS6SXKB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -389,6 +389,7 @@ var useOfferTableFilters = () => {
 };
 
 // src/pages/offers/_components/use-offer-table-query.tsx
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
 var OFFER_LIST_FIELDS = [
   "id",
   "product_id",
@@ -444,6 +445,7 @@ var useOfferTableQuery = ({
     order,
     q
   } = raw;
+  const { fields } = useLinkQuery("offer", OFFER_LIST_FIELDS);
   const searchParams = {
     limit: pageSize,
     offset: offset ? parseInt(offset, 10) : 0,
@@ -458,7 +460,7 @@ var useOfferTableQuery = ({
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     group_by_seller: "true",
-    fields: OFFER_LIST_FIELDS
+    fields
   };
   return {
     searchParams,

package/dist/{chunk-BILFRATX.js → chunk-6HHMZ2QV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-JTAECZCT.js";
 
 // src/hooks/api/sellers.tsx
 import {
@@ -22,7 +22,7 @@ var sellerInvitesQueryKeys = queryKeysFactory(SELLER_INVITES_QUERY_KEY);
 var useSeller = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.sellers.$id.query({ $id: id, ...query }),
-    queryKey: sellersQueryKeys.detail(id),
+    queryKey: sellersQueryKeys.detail(id, query),
     ...options
   });
   return { ...data, ...rest };

package/dist/{chunk-WKDHY2DJ.js → chunk-6QXSN5IG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-52KJSIHS.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -105,6 +105,7 @@ var useReturnReasonTableQuery = ({
 };
 
 // src/hooks/table/query/use-sellers-table-query.tsx
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
 var import_types = __toESM(require_dist(), 1);
 var ACTIVE_STATUSES = [
   import_types.SellerStatus.OPEN,
@@ -115,6 +116,7 @@ var useSellersTableQuery = ({
   prefix,
   pageSize = 20
 }) => {
+  const linkQuery = useLinkQuery("seller");
   const queryObject = useQueryParams(
     ["offset", "q", "created_at", "updated_at", "status", "is_premium", "order"],
     prefix
@@ -128,7 +130,8 @@ var useSellersTableQuery = ({
     status: status?.split(",") ?? ACTIVE_STATUSES,
     is_premium: is_premium ? is_premium === "true" : void 0,
     q,
-    order: order ? order : "-created_at"
+    order: order ? order : "-created_at",
+    ...linkQuery
   };
   return {
     searchParams,

package/dist/{chunk-2Z2M5K5A.js → chunk-6TJPMF7U.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductTagAction
-} from "./chunk-QE4R2KT3.js";
+} from "./chunk-3BZMCD7I.js";
 import {
   useProductTagTableColumns
 } from "./chunk-5A4JNOK3.js";
@@ -9,23 +9,24 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useProductTagTableQuery
-} from "./chunk-WKDHY2DJ.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-6QXSN5IG.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useProductTags
-} from "./chunk-ABS7HMLY.js";
+} from "./chunk-XQBF2FRT.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/product-tags/product-tag-list/product-tag-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/product-tags/product-tag-list/components/product-tag-list-view/product-tag-list-view.tsx
 import { Children as Children2 } from "react";
@@ -189,7 +190,7 @@ var ProductTagListView = ({
 // src/pages/product-tags/product-tag-list/product-tag-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(ProductTagListView, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: /* @__PURE__ */ jsx4(WidgetZone, { id: "product-tags.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(ProductTagListView, {}) }) });
 };
 var ProductTagListPage = Object.assign(Root, {
   Table: ProductTagListView,

package/dist/{chunk-VPYI4X6C.js → chunk-6XYDJWNG.js}

@@ -3,23 +3,23 @@ import {
 } from "./chunk-QG6PLWNH.js";
 import {
   useCustomerTableFilters
-} from "./chunk-HGTPUAHD.js";
+} from "./chunk-ENWEPNEB.js";
 import {
   useCustomerTableQuery
 } from "./chunk-GRH7C3QN.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useCustomerGroup,
   useCustomers,
   useDeleteCustomerGroup,
   useRemoveCustomersFromGroup
-} from "./chunk-RGS5ZOY7.js";
+} from "./chunk-HOOIU4KF.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -30,10 +30,12 @@ import {
 // src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/customer-groups/customer-group-detail/components/customer-group-customer-section/customer-group-customer-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Button, Checkbox, Container, Heading, usePrompt } from "@medusajs/ui";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -131,6 +133,14 @@ var CustomerGroupCustomerSection = ({
           message: t("customerGroups.customers.list.noRecordsMessage")
         }
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "customer_group",
+        zone: "customers",
+        data: group
+      }
     )
   ] });
 };
@@ -235,6 +245,7 @@ var useColumns = () => {
 // src/pages/customer-groups/customer-group-detail/components/customer-group-general-section/customer-group-general-section.tsx
 import { PencilSquare as PencilSquare2, Trash as Trash2 } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, Text, toast, usePrompt as usePrompt2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -273,7 +284,7 @@ var CustomerGroupGeneralSection = ({
   };
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "customer-group-general-section", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-group-general-section-header", children: [
-      /* @__PURE__ */ jsx2(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }),
+      /* @__PURE__ */ jsx2(DisplayField, { model: "customer_group", zone: "general", id: "name", data: group, children: /* @__PURE__ */ jsx2(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }) }),
       /* @__PURE__ */ jsx2(
         ActionMenu,
         {
@@ -301,14 +312,23 @@ var CustomerGroupGeneralSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-customers-row", children: [
+    /* @__PURE__ */ jsx2(DisplayField, { model: "customer_group", zone: "general", id: "customers", data: group, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-customers-row", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-group-general-section-customers-label", children: t("customers.domain") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "customer-group-general-section-customers-value", children: group.customers?.length || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-owner-row", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "customer_group", zone: "general", id: "owner", data: group, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-owner-row", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-group-general-section-owner-label", children: t("fields.owner") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "customer-group-general-section-owner-value", children: group.seller?.name || "-" })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone2,
+      {
+        model: "customer_group",
+        zone: "general",
+        data: group,
+        builtInFieldIds: ["name", "customers", "owner"]
+      }
+    )
   ] });
 };
 
@@ -320,11 +340,10 @@ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
+  const query = useLinkQuery("customer_group", CUSTOMER_GROUP_DETAIL_FIELDS);
   const { customer_group, isLoading, isError, error } = useCustomerGroup(
     id,
-    {
-      fields: CUSTOMER_GROUP_DETAIL_FIELDS
-    },
+    query,
     { initialData }
   );
   if (isLoading || !customer_group) {
@@ -333,10 +352,10 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children }) : /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "customer-groups.detail.main", data: customer_group, children: [
     /* @__PURE__ */ jsx3(CustomerGroupGeneralSection, { group: customer_group }),
     /* @__PURE__ */ jsx3(CustomerGroupCustomerSection, { group: customer_group })
-  ] });
+  ] }) });
 };
 var CustomerGroupDetailPage = Object.assign(Root, {
   GeneralSection: CustomerGroupGeneralSection,

package/dist/{chunk-6DJQITWV.js → chunk-7CAQDCJ4.js}

@@ -1,6 +1,6 @@
 import {
   CreateCampaignFormFields
-} from "./chunk-2V74T2WI.js";
+} from "./chunk-TF643ZL6.js";
 import {
   useComboboxData
 } from "./chunk-5KGMGL4N.js";
@@ -20,13 +20,13 @@ import {
 import {
   useCampaign,
   useUpdatePromotion
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-42BAC3EV.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-JTAECZCT.js";
 
 // src/pages/promotions/promotion-add-campaign/components/add-campaign-promotion-form/add-campaign-promotion-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";

package/dist/{chunk-LQSSUC7W.js → chunk-7LSEDXCB.js}

@@ -1,25 +1,26 @@
 import {
   DateCell
 } from "./chunk-25LYVP3C.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 {
   useUsers
-} from "./chunk-A2F5MDPU.js";
+} from "./chunk-D6RWXLO6.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/users/user-list/user-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/users/user-list/components/user-list-table/user-list-table.tsx
 import { Children as Children2 } from "react";
@@ -234,7 +235,7 @@ var UserListTable = ({ children }) => {
 // src/pages/users/user-list/user-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(UserListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "users.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(UserListTable, {}) }) });
 };
 var UserListPage = Object.assign(Root, {
   Table: UserListTable,

package/dist/{chunk-PAYQJPGK.js → chunk-7PPT3477.js}

@@ -10,7 +10,7 @@ var NoResults = ({ title, message, className }) => {
     "div",
     {
       className: clx(
-        "flex h-[400px] w-full items-center justify-center",
+        "flex min-h-[400px] size-full items-center justify-center",
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-2", children: [
@@ -40,7 +40,7 @@ var NoRecords = ({
     "div",
     {
       className: clx(
-        "flex h-[400px] w-full flex-col items-center justify-center gap-y-4",
+        "flex min-h-[400px] size-full flex-col items-center justify-center gap-y-4",
         className
       ),
       children: [

package/dist/{chunk-NEGOGYEO.js → chunk-7YBDUUYJ.js}

@@ -11,13 +11,13 @@ import {
 } from "./chunk-WIYFXWRI.js";
 import {
   useRegions
-} from "./chunk-VHCDSNXF.js";
+} from "./chunk-IXC4VZBU.js";
 import {
   useStore
-} from "./chunk-EJY35WBK.js";
+} from "./chunk-2Z4JZU5E.js";
 import {
   usePricePreferences
-} from "./chunk-GYRTURN7.js";
+} from "./chunk-JJKPETJT.js";
 
 // src/pages/price-lists/common/hooks/use-price-list-currency-data.tsx
 var usePriceListCurrencyData = () => {