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

package/dist/{chunk-GCU4LHGY.js → chunk-3KS7PC2Z.js}

@@ -1,6 +1,6 @@
 import {
   ProductMediaSection
-} from "./chunk-BVIIRGSW.js";
+} from "./chunk-KUBTN5TC.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -13,19 +13,19 @@ import {
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useSeller
-} from "./chunk-BILFRATX.js";
+} from "./chunk-SAU35JEB.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -44,7 +44,7 @@ import {
   useRejectProduct,
   useRemoveAttributeFromProduct,
   useRequestProductChanges
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   sdk
 } from "./chunk-LXZXXOJ3.js";
@@ -55,6 +55,7 @@ import {
 // src/pages/products/product-detail/product-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/products/product-detail/components/product-active-edit-section/product-active-edit-section.tsx
 var import_types = __toESM(require_dist(), 1);
@@ -104,11 +105,11 @@ var ConfirmPrompt = ({
     await onConfirm(showNoteField && trimmed ? trimmed : void 0);
   };
   return /* @__PURE__ */ jsx(Prompt, { open, onOpenChange: handleOpenChange, variant, children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
-    /* @__PURE__ */ jsxs(Prompt.Header, { children: [
+    /* @__PURE__ */ jsxs(Prompt.Header, { className: showNoteField ? "pb-6" : void 0, children: [
       /* @__PURE__ */ jsx(Prompt.Title, { children: title }),
       description ? /* @__PURE__ */ jsx(Prompt.Description, { children: description }) : null
     ] }),
-    showNoteField ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: [
+    showNoteField ? /* @__PURE__ */ jsxs("div", { className: "border-ui-border-base flex flex-col gap-y-2 border-y px-6 py-4", children: [
       /* @__PURE__ */ jsxs(Label, { size: "small", weight: "plus", children: [
         noteLabel,
         noteOptional ? /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-muted ml-1 font-normal", children: [
@@ -306,6 +307,7 @@ import { useState as useState3 } from "react";
 import { Button as Button2, Container, Heading, Text as Text2, toast as toast2 } from "@medusajs/ui";
 import { ExclamationCircleSolid } from "@medusajs/icons";
 import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ProductActiveRequestSection = ({
   product
@@ -451,7 +453,8 @@ var ProductActiveRequestSection = ({
             isLoading: isRejecting,
             onConfirm: handleReject
           }
-        )
+        ),
+        /* @__PURE__ */ jsx3(DisplayExtensionZone, { model: "product", zone: "request", data: product })
       ]
     }
   );
@@ -476,6 +479,7 @@ import {
   usePrompt
 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var AttributeActions = ({
   productId,
@@ -655,7 +659,8 @@ var ProductAttributeSection = ({
         attributes: infoAttributes,
         productId: product.id
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone2, { model: "product", zone: "attributes", data: product })
   ] });
 };
 
@@ -664,7 +669,16 @@ import { PencilSquare as PencilSquare2, Trash as Trash2 } from "@medusajs/icons"
 import { Container as Container3, Heading as Heading3, StatusBadge, usePrompt as usePrompt2 } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "title",
+  "status",
+  "description",
+  "subtitle",
+  "handle",
+  "discountable"
+];
 var productStatusColor = (status) => {
   switch (status) {
     case "draft":
@@ -711,7 +725,7 @@ var ProductGeneralSection = ({
         className: "flex items-center justify-between px-6 py-4",
         "data-testid": "product-general-header",
         children: [
-          /* @__PURE__ */ jsx5(Heading3, { "data-testid": "product-general-title", children: product.title }),
+          /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "title", data: product, children: /* @__PURE__ */ jsx5(Heading3, { "data-testid": "product-general-title", children: product.title }) }),
           /* @__PURE__ */ jsxs5(
             "div",
             {
@@ -719,11 +733,20 @@ var ProductGeneralSection = ({
               "data-testid": "product-general-actions",
               children: [
                 /* @__PURE__ */ jsx5(
-                  StatusBadge,
+                  DisplayField,
                   {
-                    color: productStatusColor(product.status),
-                    "data-testid": "product-status-badge",
-                    children: t(`products.productStatus.${product.status}`)
+                    model: "product",
+                    zone: "general",
+                    id: "status",
+                    data: product,
+                    children: /* @__PURE__ */ jsx5(
+                      StatusBadge,
+                      {
+                        color: productStatusColor(product.status),
+                        "data-testid": "product-status-badge",
+                        children: t(`products.productStatus.${product.status}`)
+                      }
+                    )
                   }
                 ),
                 /* @__PURE__ */ jsx5(
@@ -758,36 +781,54 @@ var ProductGeneralSection = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "description", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.description"),
         value: product.description,
         "data-testid": "product-description-row"
       }
-    ),
-    /* @__PURE__ */ jsx5(
+    ) }),
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "subtitle", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.subtitle"),
         value: product.subtitle,
         "data-testid": "product-subtitle-row"
       }
-    ),
-    /* @__PURE__ */ jsx5(
+    ) }),
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "handle", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.handle"),
         value: `/${product.handle}`,
         "data-testid": "product-handle-row"
       }
+    ) }),
+    /* @__PURE__ */ jsx5(
+      DisplayField,
+      {
+        model: "product",
+        zone: "general",
+        id: "discountable",
+        data: product,
+        children: /* @__PURE__ */ jsx5(
+          SectionRow,
+          {
+            title: t("fields.discountable"),
+            value: product.discountable ? t("fields.true") : t("fields.false"),
+            "data-testid": "product-discountable-row"
+          }
+        )
+      }
     ),
     /* @__PURE__ */ jsx5(
-      SectionRow,
+      DisplayExtensionZone3,
       {
-        title: t("fields.discountable"),
-        value: product.discountable ? t("fields.true") : t("fields.false"),
-        "data-testid": "product-discountable-row"
+        model: "product",
+        zone: "general",
+        data: product,
+        builtInFieldIds: GENERAL_FIELD_IDS
       }
     )
   ] });
@@ -798,6 +839,7 @@ import { PencilSquare as PencilSquare3 } from "@medusajs/icons";
 import { Badge as Badge2, Container as Container4, Heading as Heading4, Tooltip as Tooltip2 } from "@medusajs/ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var ProductOrganizationSection = ({
   product
@@ -893,7 +935,8 @@ var ProductOrganizationSection = ({
             ) : void 0,
             "data-testid": "product-type-row"
           }
-        )
+        ),
+        /* @__PURE__ */ jsx6(DisplayExtensionZone4, { model: "product", zone: "organize", data: product })
       ]
     }
   );
@@ -912,6 +955,7 @@ var OrganizationTag = ({ label, to }) => {
 // src/pages/products/product-detail/components/product-variant-section/product-variant-section.tsx
 import { useCallback, useMemo } from "react";
 import { PencilSquare as PencilSquare4, Trash as Trash3 } from "@medusajs/icons";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import {
   Badge as Badge3,
   Button as Button3,
@@ -999,7 +1043,8 @@ var ProductVariantSection = ({
           message: t("products.variants.empty.description")
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx7(DisplayExtensionZone5, { model: "product", zone: "variants", data: product })
   ] });
 };
 var columnHelper = createColumnHelper();
@@ -1166,12 +1211,13 @@ import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
+  const query = useLinkQuery("product", PRODUCT_DETAIL_QUERY.fields);
   const {
     product: rawProduct,
     isLoading,
     isError,
     error
-  } = useProduct(id, PRODUCT_DETAIL_QUERY, {
+  } = useProduct(id, query, {
     initialData
   });
   const product = rawProduct;
@@ -1206,17 +1252,17 @@ var Root = ({ children }) => {
       showMetadata: true,
       "data-testid": "product-detail-page",
       children: [
-        /* @__PURE__ */ jsxs8(TwoColumnPage.Main, { "data-testid": "product-detail-main", children: [
+        /* @__PURE__ */ jsx8(TwoColumnPage.Main, { "data-testid": "product-detail-main", children: /* @__PURE__ */ jsxs8(WidgetZone, { id: "product.detail.main", data: product, children: [
           /* @__PURE__ */ jsx8(ProductActiveRequestSection, { product }),
           /* @__PURE__ */ jsx8(ProductActiveEditSection, { product }),
           /* @__PURE__ */ jsx8(ProductGeneralSection, { product }),
           /* @__PURE__ */ jsx8(ProductMediaSection, { product }),
           /* @__PURE__ */ jsx8(ProductVariantSection, { product })
-        ] }),
-        /* @__PURE__ */ jsxs8(TwoColumnPage.Sidebar, { "data-testid": "product-detail-sidebar", children: [
+        ] }) }),
+        /* @__PURE__ */ jsx8(TwoColumnPage.Sidebar, { "data-testid": "product-detail-sidebar", children: /* @__PURE__ */ jsxs8(WidgetZone, { id: "product.detail.side", data: product, children: [
           /* @__PURE__ */ jsx8(ProductOrganizationSection, { product }),
           /* @__PURE__ */ jsx8(ProductAttributeSection, { product })
-        ] })
+        ] }) })
       ]
     }
   );

package/dist/{chunk-HI7NZVSJ.js → chunk-3LDOWS4A.js}

@@ -3,7 +3,7 @@ import {
   useSalesChannelTableEmptyState,
   useSalesChannelTableFilters,
   useSalesChannelTableQuery
-} from "./chunk-7OKYEA6I.js";
+} from "./chunk-HC2TEEKQ.js";
 import {
   DataTable
 } from "./chunk-C4XKPQ6T.js";
@@ -16,10 +16,11 @@ import {
 import {
   useDeleteSalesChannelLazy,
   useSalesChannels
-} from "./chunk-MW47LDBT.js";
+} from "./chunk-ZOTBKQLG.js";
 
 // src/pages/sales-channels/sales-channel-list/sales-channel-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/sales-channels/sales-channel-list/components/sales-channel-list-view/sales-channel-list-view.tsx
 import { Children as Children2 } from "react";
@@ -184,7 +185,7 @@ var SalesChannelListView = ({
 // src/pages/sales-channels/sales-channel-list/sales-channel-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(SalesChannelListView, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx4(WidgetZone, { id: "sales-channels.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(SalesChannelListView, {}) }) });
 };
 var SalesChannelListPage = Object.assign(Root, {
   Table: SalesChannelListView,

package/dist/{chunk-HT34QVZR.js → chunk-3LGGCLSO.js}

@@ -1,7 +1,7 @@
 import {
   useDeleteCommissionRuleAction,
   useScopeReferenceNames
-} from "./chunk-JSVYNNPF.js";
+} from "./chunk-7IGLZARZ.js";
 import {
   formatCommissionValue,
   getIsActiveProps,
@@ -27,6 +27,7 @@ import { PencilSquare, Trash } from "@medusajs/icons";
 import { Container, Heading, StatusBadge } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ScopeSection = ({ rule }) => {
   const { t } = useTranslation();
@@ -173,10 +174,10 @@ var CommissionRuleDetail = () => {
   if (isLoading || !commission_rate) {
     return null;
   }
-  return /* @__PURE__ */ jsxs(SingleColumnPage, { hasOutlet: true, data: commission_rate, children: [
+  return /* @__PURE__ */ jsx(SingleColumnPage, { hasOutlet: true, data: commission_rate, children: /* @__PURE__ */ jsxs(WidgetZone, { id: "commissions.detail.main", data: commission_rate, children: [
     /* @__PURE__ */ jsx(ScopeSection, { rule: commission_rate }),
     /* @__PURE__ */ jsx(CommissionSection, { rule: commission_rate })
-  ] });
+  ] }) });
 };
 
 export {

package/dist/{chunk-UZ452ISX.js → chunk-3WCK2FT4.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-54EPH67T.js";
 import {
   useCustomerGroupTableFilters
-} from "./chunk-FMJBQE56.js";
+} from "./chunk-LPIPSLR7.js";
 import {
   useOrderGroupTableFilters
-} from "./chunk-4C7L7TJT.js";
+} from "./chunk-LXNWSQOE.js";
 import {
   useOrderTableQuery
 } from "./chunk-QUHSHIAC.js";
@@ -36,10 +36,10 @@ 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";
@@ -50,7 +50,7 @@ import {
   useDeleteCustomer,
   useDeleteCustomerAddress,
   useRemoveCustomersFromGroup
-} from "./chunk-RGS5ZOY7.js";
+} from "./chunk-AFYILTAC.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-DPG4AWSG.js → chunk-4DJL3XN7.js}

@@ -1,32 +1,34 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-ML7UVBKL.js";
+} from "./chunk-TIG77LHS.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useDeletePromotion,
   usePromotions
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-MTHPNKQ4.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/promotions/promotion-list/promotions-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/promotions/promotion-list/components/promotion-list-table/promotion-list-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Button, Container, Heading, usePrompt } from "@medusajs/ui";
 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, Outlet, useLoaderData, useNavigate } from "react-router-dom";
@@ -61,15 +63,20 @@ var PromotionListDataTable = () => {
   const { t } = useTranslation();
   const initialData = useLoaderData();
   const { searchParams, raw } = usePromotionTableQuery({ pageSize: PAGE_SIZE });
+  const linkQuery = useLinkQuery("promotion");
   const { promotions, count, isLoading, isError, error } = usePromotions(
-    { ...searchParams },
+    { ...searchParams, ...linkQuery },
     {
       initialData,
       placeholderData: keepPreviousData
     }
   );
-  const filters = usePromotionTableFilters();
-  const columns = useColumns();
+  const baseFilters = usePromotionTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: promotions ?? [],
     columns,
@@ -166,9 +173,13 @@ var PromotionActions = ({ promotion }) => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = usePromotionTableColumns();
-  return useMemo(
+  const { columns: extended, filters } = useExtendableTable({
+    model: "promotion",
+    columns: base
+  });
+  const columns = useMemo(
     () => [
-      ...base,
+      ...extended,
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
@@ -176,14 +187,15 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
+  return { columns, filters };
 };
 
 // src/pages/promotions/promotion-list/promotions-list.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(PromotionListTable, {}) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "promotions.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(PromotionListTable, {}) }) });
 };
 var PromotionListPage = Object.assign(Root, {
   Table: PromotionListTable,

package/dist/{chunk-PFBJWWUA.js → chunk-4QQ6BFWQ.js}

@@ -17,7 +17,7 @@ import {
 import {
   NoRecords,
   NoResults
-} from "./chunk-PAYQJPGK.js";
+} from "./chunk-7PPT3477.js";
 import {
   useProductTypes
 } from "./chunk-EWFOFSF7.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/tax-regions/common/components/tax-rate-line/tax-rate-line.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";