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

package/dist/{chunk-EX4AGESR.js → chunk-DMZDXTS5.js}

@@ -9,16 +9,16 @@ import {
   useOfferTableCommands,
   useOfferTableFilters,
   useOfferTableQuery
-} from "./chunk-HQM7D57C.js";
+} from "./chunk-ODDJZVYL.js";
 import {
   useOrderTableFilters
-} from "./chunk-4BCUGMOR.js";
+} from "./chunk-UK5BVJI7.js";
 import {
   useOffers
 } from "./chunk-IZDTQFCP.js";
 import {
   useMemberTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-IJ2CSCLP.js";
 import {
   useOrderTableQuery
 } from "./chunk-QUHSHIAC.js";
@@ -34,20 +34,21 @@ import {
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
+import {
+  require_dist
+} from "./chunk-VYSB4CTB.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   NoRecords
-} from "./chunk-PAYQJPGK.js";
-import {
-  require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-7PPT3477.js";
 import {
   useOrders
 } from "./chunk-WF3ZDT5Z.js";
 import {
+  sellersQueryKeys,
   useApproveSeller,
   useDeleteSellerInvite,
   useRemoveSellerMember,
@@ -56,27 +57,53 @@ import {
   useSellerInvites,
   useSellerMembers,
   useSuspendSeller
-} from "./chunk-BILFRATX.js";
+} from "./chunk-SAU35JEB.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
 
+// src/pages/stores/store-details/loader.ts
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var STORE_DETAIL_FIELDS = "+address.*,+payment_details.*,+professional_details.*";
+var sellerDetailQuery = (id) => {
+  const query = getLinkQuery("seller", STORE_DETAIL_FIELDS);
+  return {
+    queryKey: sellersQueryKeys.detail(id, query),
+    queryFn: async () => sdk.admin.sellers.$id.query({ $id: id, ...query })
+  };
+};
+var storeDetailLoader = async ({ params }) => {
+  const id = params.id;
+  return queryClient.ensureQueryData({
+    ...sellerDetailQuery(id),
+    staleTime: 9e4
+  });
+};
+
 // src/pages/stores/store-details/components/store-details.tsx
 import { Children as Children3, useState as useState3 } from "react";
 import { useParams } from "react-router-dom";
 import { useTranslation as useTranslation12 } from "react-i18next";
+import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 var import_types3 = __toESM(require_dist(), 1);
 
 // src/pages/stores/store-details/components/store-general-section.tsx
 import { Children as Children2 } from "react";
 import { Badge, Container, Text } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 
 // src/pages/stores/store-details/components/store-detail-header.tsx
 import { Children } from "react";
@@ -215,33 +242,49 @@ var StoreGeneralSection = ({
       }
     ) }) }),
     /* @__PURE__ */ jsx2(StoreDetailHeader, { seller }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "description", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.description || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "handle", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.handle ? `/${seller.handle}` : "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "email", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.email") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.email || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "phone", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.phone") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.phone || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "website_url", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.website") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.website_url || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "seller", zone: "general", id: "currency_code", data: seller, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.currency") }),
       /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: seller.currency_code?.toUpperCase() }),
         /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: currencies[seller.currency_code?.toUpperCase()]?.name || "-" })
       ] })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone,
+      {
+        model: "seller",
+        zone: "general",
+        data: seller,
+        builtInFieldIds: [
+          "description",
+          "handle",
+          "email",
+          "phone",
+          "website_url",
+          "currency_code"
+        ]
+      }
+    )
   ] }) });
 };
 
@@ -249,6 +292,7 @@ var StoreGeneralSection = ({
 import { CreditCard, PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, Text as Text2 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var StorePaymentDetailsSection = ({
   seller
@@ -295,7 +339,8 @@ var StorePaymentDetailsSection = ({
     ] }) }) }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("store.paymentDetails.empty.title") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", className: "text-ui-fg-muted", children: t("store.paymentDetails.empty.message") })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone2, { model: "seller", zone: "payment-details", data: seller })
   ] });
 };
 
@@ -303,6 +348,7 @@ var StorePaymentDetailsSection = ({
 import { Buildings, PencilSquare as PencilSquare3 } from "@medusajs/icons";
 import { Container as Container3, Heading as Heading3, Text as Text3 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var StoreCompanyDetailsSection = ({
   seller
@@ -347,7 +393,8 @@ var StoreCompanyDetailsSection = ({
     ] }) }) }) : /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
       /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("store.professionalDetails.empty.title") }),
       /* @__PURE__ */ jsx4(Text3, { size: "small", className: "text-ui-fg-muted", children: t("store.professionalDetails.empty.message") })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone3, { model: "seller", zone: "company-details", data: seller })
   ] });
 };
 
@@ -355,6 +402,7 @@ var StoreCompanyDetailsSection = ({
 import { CalendarMini } from "@medusajs/icons";
 import { Container as Container4, Heading as Heading4, Table } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var StoreConfigurationSection = ({
   seller
@@ -381,7 +429,8 @@ var StoreConfigurationSection = ({
         title: t("store.timeOff.empty.title"),
         message: t("store.timeOff.empty.message")
       }
-    )
+    ),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone4, { model: "seller", zone: "configuration", data: seller })
   ] });
 };
 
@@ -389,6 +438,7 @@ var StoreConfigurationSection = ({
 import { BuildingStorefront, PencilSquare as PencilSquare4 } from "@medusajs/icons";
 import { Container as Container5, Heading as Heading5, Text as Text4 } from "@medusajs/ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var StoreAddressSection = ({ seller }) => {
   const { t } = useTranslation6();
@@ -440,7 +490,8 @@ var StoreAddressSection = ({ seller }) => {
     ] }) }) }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
       /* @__PURE__ */ jsx6(Text4, { size: "small", leading: "compact", weight: "plus", children: t("store.address.empty.title") }),
       /* @__PURE__ */ jsx6(Text4, { size: "small", className: "text-ui-fg-muted", children: t("store.address.empty.message") })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx6(DisplayExtensionZone5, { model: "seller", zone: "address", data: seller })
   ] });
 };
 
@@ -448,6 +499,7 @@ var StoreAddressSection = ({ seller }) => {
 import { Button, Container as Container6, Heading as Heading6 } from "@medusajs/ui";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone6 } from "@mercurjs/dashboard-shared";
 
 // src/pages/stores/store-details/components/store-members-section/store-members-data-table.tsx
 import { useMemo } from "react";
@@ -737,7 +789,8 @@ var StoreMembersSection = ({ sellerId }) => {
       /* @__PURE__ */ jsx8(Heading6, { level: "h2", children: t("users.domain") }),
       /* @__PURE__ */ jsx8(Link, { to: "invite", children: /* @__PURE__ */ jsx8(Button, { size: "small", variant: "secondary", children: t("stores.members.addUser.action") }) })
     ] }),
-    /* @__PURE__ */ jsx8(StoreMembersDataTable, { sellerId })
+    /* @__PURE__ */ jsx8(StoreMembersDataTable, { sellerId }),
+    /* @__PURE__ */ jsx8(DisplayExtensionZone6, { model: "seller", zone: "members", data: sellerId })
   ] });
 };
 
@@ -754,6 +807,7 @@ import {
   toast as toast2
 } from "@medusajs/ui";
 import { useTranslation as useTranslation9 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone7 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var StoreRequestSection = ({ seller }) => {
   const { t } = useTranslation9();
@@ -824,7 +878,8 @@ var StoreRequestSection = ({ seller }) => {
           }
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx9(DisplayExtensionZone7, { model: "seller", zone: "requests", data: seller })
   ] });
 };
 var RequestActionPrompt = ({
@@ -897,6 +952,7 @@ import { ShoppingCart } from "@medusajs/icons";
 import { Container as Container8, Heading as Heading8 } from "@medusajs/ui";
 import { keepPreviousData as keepPreviousData2 } from "@tanstack/react-query";
 import { useTranslation as useTranslation10 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone8 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 10;
 var PREFIX = "store-orders";
@@ -970,7 +1026,8 @@ var StoreOrdersSection = ({ sellerId }) => {
           icon: /* @__PURE__ */ jsx10(ShoppingCart, { className: "text-ui-fg-subtle" })
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx10(DisplayExtensionZone8, { model: "seller", zone: "orders", data: sellerId })
   ] });
 };
 
@@ -980,6 +1037,7 @@ import { Container as Container9, Heading as Heading9 } from "@medusajs/ui";
 import { keepPreviousData as keepPreviousData3 } from "@tanstack/react-query";
 import { useState as useState2 } from "react";
 import { useTranslation as useTranslation11 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone9 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var PAGE_SIZE3 = 10;
 var PREFIX2 = "store-offers";
@@ -1052,7 +1110,8 @@ var StoreOffersSection = ({ sellerId }) => {
         },
         commands
       }
-    )
+    ),
+    /* @__PURE__ */ jsx11(DisplayExtensionZone9, { model: "seller", zone: "offers", data: sellerId })
   ] });
 };
 
@@ -1101,7 +1160,8 @@ var TabBar = ({
 var Root = ({ children }) => {
   const { id } = useParams();
   const [activeTab, setActiveTab] = useState3("orders");
-  const { seller, isLoading, isError, error } = useSeller(id);
+  const query = useLinkQuery("seller", STORE_DETAIL_FIELDS);
+  const { seller, isLoading, isError, error } = useSeller(id, query);
   if (isLoading || !seller) {
     return /* @__PURE__ */ jsx12(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 3 });
   }
@@ -1112,7 +1172,7 @@ var Root = ({ children }) => {
     return /* @__PURE__ */ jsx12(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children });
   }
   return /* @__PURE__ */ jsxs12(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children: [
-    /* @__PURE__ */ jsxs12(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx12(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs12(WidgetZone, { id: "stores.detail.main", data: seller, children: [
       seller.status === import_types3.SellerStatus.PENDING_APPROVAL && !seller.approved_at && !seller.rejected_at && /* @__PURE__ */ jsx12(StoreRequestSection, { seller }),
       /* @__PURE__ */ jsx12(StoreGeneralSection, { seller }),
       /* @__PURE__ */ jsx12(TabBar, { activeTab, onTabChange: setActiveTab }),
@@ -1152,12 +1212,12 @@ var Root = ({ children }) => {
           children: /* @__PURE__ */ jsx12(StoreConfigurationSection, { seller })
         }
       )
-    ] }),
-    /* @__PURE__ */ jsxs12(TwoColumnPage.Sidebar, { children: [
+    ] }) }),
+    /* @__PURE__ */ jsx12(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs12(WidgetZone, { id: "stores.detail.side", data: seller, children: [
       /* @__PURE__ */ jsx12(StoreAddressSection, { seller }),
       /* @__PURE__ */ jsx12(StoreCompanyDetailsSection, { seller }),
       /* @__PURE__ */ jsx12(StorePaymentDetailsSection, { seller })
-    ] })
+    ] }) })
   ] });
 };
 var StoreDetailPage = Object.assign(Root, {
@@ -1176,5 +1236,6 @@ var StoreDetailPage = Object.assign(Root, {
 });
 
 export {
+  storeDetailLoader,
   StoreDetailPage
 };

package/dist/{chunk-OPSGADQI.js → chunk-DP6YFZHP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PYDRHQTY.js";
 import {
   useProductCategories
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-QVIX6O76.js";
 import {
   TextSkeleton
 } from "./chunk-INNFZYX2.js";

package/dist/{chunk-HGTPUAHD.js → chunk-DUVYF37J.js}

@@ -1,6 +1,6 @@
 import {
   useCustomerGroups
-} from "./chunk-RGS5ZOY7.js";
+} from "./chunk-AFYILTAC.js";
 
 // src/hooks/table/filters/use-customer-table-filters.tsx
 import { useTranslation } from "react-i18next";

package/dist/{chunk-BTJR5RSV.js → chunk-F57NIOVJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4F5GP7J7.js";
 import {
   useDeletePriceListAction
-} from "./chunk-QDUZCJ7F.js";
+} from "./chunk-5EOYDQAS.js";
 import {
   getPriceListStatus
 } from "./chunk-U5MJIHLY.js";
@@ -12,27 +12,27 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-APMBU7ZV.js";
 import {
   useProductTableQuery
-} from "./chunk-H7NIKMPE.js";
+} from "./chunk-5NSOIZFB.js";
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   usePriceList,
   usePriceListLinkProducts
-} from "./chunk-LSMTJU6Y.js";
+} from "./chunk-G2LHEJLS.js";
 import {
   useCustomerGroups
-} from "./chunk-RGS5ZOY7.js";
+} from "./chunk-AFYILTAC.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -42,16 +42,18 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/price-lists/price-list-detail/price-list-detail.tsx
 import { Children } from "react";
 import { useParams } from "react-router-dom";
+import { useLinkQuery, 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
+      }
     )
   ] });
 };
@@ -442,7 +470,8 @@ var useColumns = (priceList) => {
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
-  const { price_list, isLoading, isError, error } = usePriceList(id);
+  const linkQuery = useLinkQuery("price_list");
+  const { price_list, isLoading, isError, error } = usePriceList(id, linkQuery);
   if (isLoading || !price_list) {
     return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { mainSections: 2, sidebarSections: 1, showJSON: true });
   }
@@ -450,11 +479,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-CHMIK6PK.js → chunk-F6DGTW4E.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-54EPH67T.js";
 import {
   useCustomerGroupTableFilters
-} from "./chunk-FMJBQE56.js";
+} from "./chunk-LPIPSLR7.js";
 import {
   useCustomerGroupTableQuery
 } from "./chunk-3XOE4NV5.js";
@@ -14,10 +14,10 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   useCustomerGroups
-} from "./chunk-RGS5ZOY7.js";
+} from "./chunk-AFYILTAC.js";
 
 // src/pages/price-lists/common/components/price-list-customer-group-rule-form/price-list-customer-group-rule-form.tsx
 import { Button, Checkbox } from "@medusajs/ui";

package/dist/{chunk-BNFTJW4L.js → chunk-FVG5DTS6.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -20,7 +20,7 @@ var COLLECTION_QUERY_KEY = "collections";
 var collectionsQueryKeys = queryKeysFactory(COLLECTION_QUERY_KEY);
 var useCollection = (id, query, options) => {
   const { data, ...rest } = useQuery({
-    queryKey: collectionsQueryKeys.detail(id),
+    queryKey: collectionsQueryKeys.detail(id, query),
     queryFn: () => sdk.admin.collections.$id.query({ $id: id, ...query }),
     ...options
   });

package/dist/{chunk-LSMTJU6Y.js → chunk-G2LHEJLS.js}

@@ -1,9 +1,9 @@
 import {
   customerGroupsQueryKeys
-} from "./chunk-RGS5ZOY7.js";
+} from "./chunk-AFYILTAC.js";
 import {
   productsQueryKeys
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -24,7 +24,7 @@ var priceListsQueryKeys = queryKeysFactory(PRICE_LISTS_QUERY_KEY);
 var usePriceList = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.priceLists.$id.query({ $id: id, ...query }),
-    queryKey: priceListsQueryKeys.detail(id),
+    queryKey: priceListsQueryKeys.detail(id, query),
     ...options
   });
   return { ...data, ...rest };