@mercurjs/admin 2.2.0-canary.40 → 2.2.0-canary.42

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

@@ -9,7 +9,7 @@ import {
   useOfferTableCommands,
   useOfferTableFilters,
   useOfferTableQuery
-} from "./chunk-HQM7D57C.js";
+} from "./chunk-4RLXMDIJ.js";
 import {
   useOrderTableFilters
 } from "./chunk-4BCUGMOR.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-IZDTQFCP.js";
 import {
   useMemberTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   useOrderTableQuery
 } from "./chunk-QUHSHIAC.js";
@@ -43,7 +43,7 @@ import {
 } from "./chunk-PAYQJPGK.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useOrders
 } from "./chunk-WF3ZDT5Z.js";
@@ -71,12 +71,14 @@ import {
 import { Children as Children3, useState as useState3 } from "react";
 import { useParams } from "react-router-dom";
 import { useTranslation as useTranslation12 } from "react-i18next";
+import { WidgetZone } 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 +217,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 +267,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 +314,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 +323,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 +368,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 +377,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 +404,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 +413,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 +465,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 +474,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 +764,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 +782,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 +853,8 @@ var StoreRequestSection = ({ seller }) => {
           }
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx9(DisplayExtensionZone7, { model: "seller", zone: "requests", data: seller })
   ] });
 };
 var RequestActionPrompt = ({
@@ -897,6 +927,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 +1001,8 @@ var StoreOrdersSection = ({ sellerId }) => {
           icon: /* @__PURE__ */ jsx10(ShoppingCart, { className: "text-ui-fg-subtle" })
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx10(DisplayExtensionZone8, { model: "seller", zone: "orders", data: sellerId })
   ] });
 };
 
@@ -980,6 +1012,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 +1085,8 @@ var StoreOffersSection = ({ sellerId }) => {
         },
         commands
       }
-    )
+    ),
+    /* @__PURE__ */ jsx11(DisplayExtensionZone9, { model: "seller", zone: "offers", data: sellerId })
   ] });
 };
 
@@ -1112,7 +1146,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 +1186,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, {

package/dist/{chunk-IVBNI2QE.js → chunk-VIJXGPDE.js}

@@ -16,10 +16,10 @@ import {
 } from "./chunk-QJCUPZZQ.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";
@@ -46,12 +46,14 @@ import {
 } from "./chunk-ZKHF75MZ.js";
 
 // src/pages/categories/category-detail/category-detail.tsx
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
 // src/pages/categories/category-detail/components/category-general-section/category-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Container, Heading, StatusBadge, Text } from "@medusajs/ui";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CategoryGeneralSection = ({
@@ -63,11 +65,29 @@ var CategoryGeneralSection = ({
   const handleDelete = useDeleteProductCategoryAction(category);
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Heading, { children: category.name }),
+      /* @__PURE__ */ jsx(DisplayField, { model: "category", zone: "general", id: "name", data: category, children: /* @__PURE__ */ jsx(Heading, { children: category.name }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-          /* @__PURE__ */ jsx(StatusBadge, { color: activeProps.color, children: activeProps.label }),
-          /* @__PURE__ */ jsx(StatusBadge, { color: internalProps.color, children: internalProps.label })
+          /* @__PURE__ */ jsx(
+            DisplayField,
+            {
+              model: "category",
+              zone: "general",
+              id: "is_active",
+              data: category,
+              children: /* @__PURE__ */ jsx(StatusBadge, { color: activeProps.color, children: activeProps.label })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DisplayField,
+            {
+              model: "category",
+              zone: "general",
+              id: "is_internal",
+              data: category,
+              children: /* @__PURE__ */ jsx(StatusBadge, { color: internalProps.color, children: internalProps.label })
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx(
           ActionMenu,
@@ -96,23 +116,51 @@ var CategoryGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: category.description || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
-      /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
-        "/",
-        category.handle
-      ] })
-    ] })
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "category",
+        zone: "general",
+        id: "description",
+        data: category,
+        children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: category.description || "-" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "category",
+        zone: "general",
+        id: "handle",
+        data: category,
+        children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
+          /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
+            "/",
+            category.handle
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "category",
+        zone: "general",
+        data: category,
+        builtInFieldIds: ["name", "is_active", "is_internal", "description", "handle"]
+      }
+    )
   ] });
 };
 
 // src/pages/categories/category-detail/components/category-icon-section/category-icon-section.tsx
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, Text as Text2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CategoryIconSection = ({
@@ -161,13 +209,14 @@ var CategoryIconSection = ({
         }
       ),
       /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-muted", children: t("categories.icon.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone2, { model: "category", zone: "icon", data: category })
   ] });
 };
 
 // src/pages/categories/category-detail/components/category-media-section/category-media-section.tsx
 import { PencilSquare as PencilSquare3, ThumbnailBadge } from "@medusajs/icons";
-import { ListBadge } from "@mercurjs/dashboard-shared";
+import { DisplayExtensionZone as DisplayExtensionZone3, ListBadge } from "@mercurjs/dashboard-shared";
 import { Container as Container3, Heading as Heading3, Text as Text3, Tooltip } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -230,7 +279,8 @@ var CategoryMediaSection = ({
         }
       ),
       /* @__PURE__ */ jsx3(Text3, { size: "small", className: "text-ui-fg-muted", children: t("categories.media.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone3, { model: "category", zone: "media", data: category })
   ] });
 };
 
@@ -241,6 +291,7 @@ import {
   TriangleRightMini
 } from "@medusajs/icons";
 import { Badge, Container as Container4, Heading as Heading4, Text as Text4, Tooltip as Tooltip2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -276,7 +327,8 @@ var CategoryOrganizeSection = ({
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start gap-3 px-6 py-4", children: [
       /* @__PURE__ */ jsx4(Text4, { size: "small", leading: "compact", weight: "plus", children: t("categories.fields.children.label") }),
       /* @__PURE__ */ jsx4(ChildrenDisplay, { category })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone4, { model: "category", zone: "organize", data: category })
   ] });
 };
 var PathDisplay = ({
@@ -380,6 +432,7 @@ var ChildrenDisplay = ({
 
 // src/pages/categories/category-detail/components/category-product-section/category-product-section.tsx
 import { ExclamationCircle, PlusMini } from "@medusajs/icons";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import {
   Checkbox,
   CommandBar,
@@ -519,7 +572,8 @@ var CategoryProductSection = ({
           shortcut: "r"
         }
       )
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone5, { model: "category", zone: "products", data: category })
   ] });
 };
 var columnHelper = createColumnHelper();
@@ -580,13 +634,13 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, "data-testid": "category-detail-page", children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, "data-testid": "category-detail-page", children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "categories.detail.main", data: product_category, children: [
       /* @__PURE__ */ jsx6(CategoryGeneralSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryMediaSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryIconSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryProductSection, { category: product_category })
-    ] }),
-    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(CategoryOrganizeSection, { category: product_category }) })
+    ] }) }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(WidgetZone, { id: "categories.detail.side", data: product_category, children: /* @__PURE__ */ jsx6(CategoryOrganizeSection, { category: product_category }) }) })
   ] });
 };
 var CategoryDetailPage = Object.assign(Root, {

package/dist/{chunk-W7CJSBDM.js → chunk-VLYPVR5U.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";
@@ -40,7 +40,10 @@ import {
   usePrompt
 } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
-import { createColumnHelper } from "@tanstack/react-table";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
 import { useMemo, useState, Children } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, Outlet, useLoaderData, useNavigate } from "react-router-dom";
@@ -103,8 +106,12 @@ var ProductListDataTable = () => {
       placeholderData: keepPreviousData
     }
   );
-  const filters = useProductTableFilters();
-  const columns = useColumns();
+  const baseFilters = useProductTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: products ?? [],
     columns,
@@ -266,6 +273,10 @@ var ProductActions = ({ product }) => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = useProductTableColumns();
+  const { columns: extended, filters } = useExtendableTable({
+    model: "product",
+    columns: base
+  });
   const columns = useMemo(
     () => [
       columnHelper.display({
@@ -288,7 +299,7 @@ var useColumns = () => {
           }
         )
       }),
-      ...base,
+      ...extended,
       columnHelper.display({
         id: "actions",
         header: () => /* @__PURE__ */ jsx(
@@ -304,9 +315,9 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
-  return columns;
+  return { columns, filters };
 };
 
 // src/pages/products/product-list/product-list.tsx

package/dist/{chunk-6KWWJE5P.js → chunk-VXDRQQRZ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-HC25LNX7.js";
 import {
   useShippingOptionTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   useProductTypeTableQuery
 } from "./chunk-VOHEQ7B5.js";
@@ -27,10 +27,10 @@ import {
 } from "./chunk-JHIMVLB2.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";