@mercurjs/vendor 2.2.0-canary.39 → 2.2.0-canary.41

package/dist/{[id]-DVFWG6XZ.js → [id]-BGOV2BKI.js}

@@ -15,7 +15,7 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-XRLRKSND.js";
+} from "./chunk-W3UHAQCV.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-634XVU3D.js";
@@ -71,9 +71,11 @@ var loader = async ({ params }) => {
 // src/pages/inventory/[id]/inventory-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/[id]/_components/inventory-item-attributes/attributes-section.tsx
 import { Container, Heading } from "@medusajs/ui";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { PencilSquare } from "@medusajs/icons";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -113,6 +115,14 @@ var InventoryItemAttributeSection = ({
         title: t("fields.countryOfOrigin"),
         value: getFormattedCountry(inventoryItem.origin_country)
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "inventory_item",
+        zone: "attributes",
+        data: inventoryItem
+      }
     )
   ] });
 };
@@ -121,7 +131,9 @@ var InventoryItemAttributeSection = ({
 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 as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = ["title", "sku", "in_stock", "reserved", "available"];
 var InventoryItemGeneralSection = ({
   inventoryItem
 }) => {
@@ -137,11 +149,20 @@ var InventoryItemGeneralSection = ({
   const availableQuantity = stockedQuantity - reservedQuantity;
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxs2(Heading2, { children: [
-        inventoryItem.title ?? inventoryItem.sku,
-        " ",
-        t("fields.details")
-      ] }),
+      /* @__PURE__ */ jsx2(
+        DisplayField,
+        {
+          model: "inventory_item",
+          zone: "general",
+          id: "title",
+          data: inventoryItem,
+          children: /* @__PURE__ */ jsxs2(Heading2, { children: [
+            inventoryItem.title ?? inventoryItem.sku,
+            " ",
+            t("fields.details")
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsx2(
         ActionMenu,
         {
@@ -159,36 +180,81 @@ var InventoryItemGeneralSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.sku"), value: inventoryItem.sku ?? "-" }),
     /* @__PURE__ */ jsx2(
-      SectionRow,
+      DisplayField,
       {
-        title: t("fields.inStock"),
-        value: getQuantityFormat(
-          stockedQuantity,
-          inventoryItem.location_levels?.length
+        model: "inventory_item",
+        zone: "general",
+        id: "sku",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.sku"), value: inventoryItem.sku ?? "-" })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "in_stock",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("fields.inStock"),
+            value: getQuantityFormat(
+              stockedQuantity,
+              inventoryItem.location_levels?.length
+            )
+          }
         )
       }
     ),
     /* @__PURE__ */ jsx2(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reserved"),
-        value: getQuantityFormat(
-          reservedQuantity,
-          inventoryItem.location_levels?.length
+        model: "inventory_item",
+        zone: "general",
+        id: "reserved",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("inventory.reserved"),
+            value: getQuantityFormat(
+              reservedQuantity,
+              inventoryItem.location_levels?.length
+            )
+          }
         )
       }
     ),
     /* @__PURE__ */ jsx2(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.available"),
-        value: getQuantityFormat(
-          availableQuantity,
-          inventoryItem.location_levels?.length
+        model: "inventory_item",
+        zone: "general",
+        id: "available",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("inventory.available"),
+            value: getQuantityFormat(
+              availableQuantity,
+              inventoryItem.location_levels?.length
+            )
+          }
         )
       }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone2,
+      {
+        model: "inventory_item",
+        zone: "general",
+        data: inventoryItem,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
     )
   ] });
 };
@@ -203,6 +269,7 @@ var getQuantityFormat = (quantity, locations) => {
 import { Button, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/[id]/_components/location-levels-table/use-location-list-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
@@ -404,7 +471,15 @@ var InventoryItemLocationLevelsSection = ({
       /* @__PURE__ */ jsx6(Heading3, { children: t("inventory.locationLevels") }),
       /* @__PURE__ */ jsx6(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx6(Link, { to: "locations", children: t("inventory.manageLocations") }) })
     ] }),
-    /* @__PURE__ */ jsx6(ItemLocationListTable, { inventory_item_id: inventoryItem.id })
+    /* @__PURE__ */ jsx6(ItemLocationListTable, { inventory_item_id: inventoryItem.id }),
+    /* @__PURE__ */ jsx6(
+      DisplayExtensionZone3,
+      {
+        model: "inventory_item",
+        zone: "locations",
+        data: inventoryItem
+      }
+    )
   ] });
 };
 
@@ -413,6 +488,7 @@ import { TriangleRightMini } from "@medusajs/icons";
 import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var InventoryItemVariantsSection = ({
   variants
@@ -445,7 +521,15 @@ var InventoryItemVariantsSection = ({
         },
         variant.id
       );
-    }) })
+    }) }),
+    /* @__PURE__ */ jsx7(
+      DisplayExtensionZone4,
+      {
+        model: "inventory_item",
+        zone: "variants",
+        data: variants
+      }
+    )
   ] });
 };
 
@@ -471,19 +555,29 @@ var Root = ({ children }) => {
     );
   }
   return /* @__PURE__ */ jsx8(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: inventory_item, children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx8(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.main", data: inventory_item, children: [
       /* @__PURE__ */ jsx8(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
-      /* @__PURE__ */ jsx8(InventoryItemLocationLevelsSection, { inventoryItem: inventory_item })
-    ] }),
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx8(
+        InventoryItemLocationLevelsSection,
+        {
+          inventoryItem: inventory_item
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx8(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.side", data: inventory_item, children: [
       /* @__PURE__ */ jsx8(
         InventoryItemVariantsSection,
         {
           variants: inventory_item.variants
         }
       ),
-      /* @__PURE__ */ jsx8(InventoryItemAttributeSection, { inventoryItem: inventory_item })
-    ] })
+      /* @__PURE__ */ jsx8(
+        InventoryItemAttributeSection,
+        {
+          inventoryItem: inventory_item
+        }
+      )
+    ] }) })
   ] }) });
 };
 var InventoryDetailPage = Object.assign(Root, {

package/dist/{[id]-TGP6MMMJ.js → [id]-KUVSIFMW.js}

@@ -37,15 +37,15 @@ import "./chunk-3BXCPHN6.js";
 import "./chunk-JRTZWK77.js";
 import {
   useProductTableColumns
-} from "./chunk-Q57UH7FE.js";
-import "./chunk-BAVE4NRL.js";
+} from "./chunk-WQQMCV7M.js";
+import "./chunk-7HLAOLG7.js";
 import {
   useProductTableQuery
-} from "./chunk-H6LZ77GX.js";
+} from "./chunk-QGZH3D2P.js";
 import "./chunk-FWPGOIFA.js";
 import {
   useProductTableFilters
-} from "./chunk-Y3WDFB7J.js";
+} from "./chunk-ZZUJHLFM.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-IQPN4PZJ.js";
@@ -53,7 +53,7 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-XRLRKSND.js";
+} from "./chunk-W3UHAQCV.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-634XVU3D.js";
@@ -62,7 +62,7 @@ import {
 } from "./chunk-YV6MK4PZ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-YZBEJ3CY.js";
+import "./chunk-VYSB4CTB.js";
 import "./chunk-WIYFXWRI.js";
 import {
   SingleColumnPageSkeleton

package/dist/{[id]-3PB4ZW3D.js → [id]-LFYUX6ON.js}

@@ -1,7 +1,7 @@
 import {
   ProductGeneralSection,
   ProductMediaSection
-} from "./chunk-MUGQQY6P.js";
+} from "./chunk-TB3B7NEX.js";
 import {
   SectionRow
 } from "./chunk-4TLP3TAA.js";
@@ -13,7 +13,7 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-XRLRKSND.js";
+} from "./chunk-W3UHAQCV.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-634XVU3D.js";
@@ -26,7 +26,7 @@ import {
 import "./chunk-LRD242C7.js";
 import {
   require_dist
-} from "./chunk-YZBEJ3CY.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
@@ -89,13 +89,23 @@ import {
 } from "./chunk-NBMM2TZK.js";
 
 // src/pages/products/[id]/loader.tsx
-var productDetailQuery = (id) => ({
-  queryKey: productsQueryKeys.detail(id, PRODUCT_DETAIL_QUERY),
-  queryFn: async () => sdk.vendor.products.$id.query({
-    $id: id,
-    ...PRODUCT_DETAIL_QUERY
-  })
+import { getExtensionRegistry, withLinkFields } from "@mercurjs/dashboard-shared";
+var productDetailQueryWithLinks = () => ({
+  fields: withLinkFields(
+    PRODUCT_DETAIL_QUERY.fields,
+    getExtensionRegistry()?.getLinks("product") ?? []
+  )
 });
+var productDetailQuery = (id) => {
+  const query = productDetailQueryWithLinks();
+  return {
+    queryKey: productsQueryKeys.detail(id, query),
+    queryFn: async () => sdk.vendor.products.$id.query({
+      $id: id,
+      ...query
+    })
+  };
+};
 var loader = async ({ params }) => {
   const id = params.id;
   const query = productDetailQuery(id);
@@ -109,6 +119,7 @@ var loader = async ({ params }) => {
 // src/pages/products/[id]/product-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/products/[id]/_components/product-active-edit-section/product-active-edit-section.tsx
 var import_types = __toESM(require_dist(), 1);
@@ -224,6 +235,7 @@ import { PencilSquare } from "@medusajs/icons";
 import { Badge, Container, Heading, Tooltip } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var ProductOrganizationSection = ({
   product
@@ -319,7 +331,8 @@ var ProductOrganizationSection = ({
             ) : void 0,
             "data-testid": "product-type-row"
           }
-        )
+        ),
+        /* @__PURE__ */ jsx2(DisplayExtensionZone, { model: "product", zone: "organize", data: product })
       ]
     }
   );
@@ -347,6 +360,7 @@ import {
   Tooltip as Tooltip2,
   usePrompt as usePrompt2
 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useTranslation as useTranslation3 } from "react-i18next";
@@ -426,7 +440,8 @@ var ProductVariantSection = ({
           message: t("products.variants.empty.description")
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone2, { model: "product", zone: "variants", data: product })
   ] });
 };
 var columnHelper = createColumnHelper();
@@ -606,6 +621,7 @@ import {
   Tooltip as Tooltip3,
   usePrompt as usePrompt3
 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation4 } from "react-i18next";
 var import_types2 = __toESM(require_dist(), 1);
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -794,7 +810,8 @@ var ProductAttributeSection = ({
         attributes: infoAttributes,
         productId: product.id
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone3, { model: "product", zone: "attributes", data: product })
   ] });
 };
 
@@ -802,6 +819,7 @@ var ProductAttributeSection = ({
 import { PencilSquare as PencilSquare4, ShoppingBag } from "@medusajs/icons";
 import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var ProductShippingProfileSection = ({
   product
@@ -836,7 +854,8 @@ var ProductShippingProfileSection = ({
         descriptionKey: shippingProfile.type,
         icon: /* @__PURE__ */ jsx5(ShoppingBag, {})
       }
-    )
+    ),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone4, { model: "product", zone: "shipping-profile", data: product })
   ] });
 };
 
@@ -844,6 +863,7 @@ var ProductShippingProfileSection = ({
 import { Channels, PencilSquare as PencilSquare5 } from "@medusajs/icons";
 import { Container as Container5, Heading as Heading5, Text as Text2, Tooltip as Tooltip4 } from "@medusajs/ui";
 import { Trans, useTranslation as useTranslation6 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var ProductSalesChannelSection = ({
   product
@@ -922,7 +942,8 @@ var ProductSalesChannelSection = ({
           )
         ]
       }
-    ) }) })
+    ) }) }),
+    /* @__PURE__ */ jsx6(DisplayExtensionZone5, { model: "product", zone: "sales-channels", data: product })
   ] });
 };
 
@@ -945,16 +966,16 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx7(TwoColumnPage, { data: product, "data-testid": "product-detail-page", children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: product, "data-testid": "product-detail-page", children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { "data-testid": "product-detail-main", children: [
+    /* @__PURE__ */ jsx7(TwoColumnPage.Main, { "data-testid": "product-detail-main", children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "product.detail.main", data: product, children: [
       /* @__PURE__ */ jsx7(ProductActiveEditSection, { product }),
       /* @__PURE__ */ jsx7(ProductGeneralSection, { product }),
       /* @__PURE__ */ jsx7(ProductMediaSection, { product }),
       /* @__PURE__ */ jsx7(ProductVariantSection, { product })
-    ] }),
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Sidebar, { "data-testid": "product-detail-sidebar", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx7(TwoColumnPage.Sidebar, { "data-testid": "product-detail-sidebar", children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "product.detail.side", data: product, children: [
       /* @__PURE__ */ jsx7(ProductOrganizationSection, { product }),
       /* @__PURE__ */ jsx7(ProductAttributeSection, { product })
-    ] })
+    ] }) })
   ] });
 };
 var ProductDetailPage = Object.assign(Root, {
@@ -971,5 +992,6 @@ var ProductDetailPage = Object.assign(Root, {
 });
 export {
   ProductDetailPage,
-  loader
+  loader,
+  productDetailQueryWithLinks
 };

package/dist/{[id]-KSROQUIC.js → [id]-M6DVHCGK.js}

@@ -4,22 +4,22 @@ import {
 } from "./chunk-42R54Z2X.js";
 import {
   useProductTableColumns
-} from "./chunk-Q57UH7FE.js";
-import "./chunk-BAVE4NRL.js";
+} from "./chunk-WQQMCV7M.js";
+import "./chunk-7HLAOLG7.js";
 import {
   useProductTableQuery
-} from "./chunk-H6LZ77GX.js";
+} from "./chunk-QGZH3D2P.js";
 import "./chunk-FWPGOIFA.js";
 import {
   useProductTableFilters
-} from "./chunk-Y3WDFB7J.js";
+} from "./chunk-ZZUJHLFM.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-XRLRKSND.js";
+} from "./chunk-W3UHAQCV.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-634XVU3D.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-YV6MK4PZ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-YZBEJ3CY.js";
+import "./chunk-VYSB4CTB.js";
 import "./chunk-WIYFXWRI.js";
 import {
   SingleColumnPageSkeleton
@@ -91,30 +91,43 @@ var loader = async ({ params }) => {
 // src/pages/collections/[id]/collection-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/collections/[id]/_components/collection-general-section/collection-general-section.tsx
 import { Container, Heading, Text } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = ["title", "handle"];
 var CollectionGeneralSection = ({
   collection
 }) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { children: collection.title }) }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx(DisplayField, { model: "collection", zone: "general", id: "title", data: collection, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { children: collection.title }) }) }),
+    /* @__PURE__ */ jsx(DisplayField, { model: "collection", zone: "general", id: "handle", data: collection, children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
       /* @__PURE__ */ jsxs(Text, { size: "small", children: [
         "/",
         collection.handle
       ] })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "collection",
+        zone: "general",
+        data: collection,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
 // src/pages/collections/[id]/_components/collection-icon-section/collection-icon-section.tsx
 import { Container as Container2, Heading as Heading2, Text as Text2 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CollectionIconSection = ({
   collection
@@ -143,13 +156,14 @@ var CollectionIconSection = ({
         }
       ),
       /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-muted", children: t("collections.icon.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone2, { model: "collection", zone: "icon", data: collection })
   ] });
 };
 
 // src/pages/collections/[id]/_components/collection-media-section/collection-media-section.tsx
 import { 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";
@@ -193,7 +207,8 @@ var CollectionMediaSection = ({
         }
       ),
       /* @__PURE__ */ jsx3(Text3, { size: "small", className: "text-ui-fg-muted", children: t("collections.media.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone3, { model: "collection", zone: "media", data: collection })
   ] });
 };
 
@@ -203,6 +218,7 @@ import { Checkbox, Container as Container4, Heading as Heading4, toast, usePromp
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { keepPreviousData } from "@tanstack/react-query";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
@@ -307,7 +323,8 @@ var CollectionProductSection = ({
           message: t("collections.products.list.noRecordsMessage")
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone4, { model: "collection", zone: "products", data: collection })
   ] });
 };
 var ProductActions = ({
@@ -433,12 +450,12 @@ var Root = ({ children }) => {
     return /* @__PURE__ */ jsx5(SingleColumnPageSkeleton, { sections: 4 });
   }
   if (isError) throw error;
-  return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(SingleColumnPage, { data: collection, children: [
+  return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx5(SingleColumnPage, { data: collection, children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "collections.detail.main", data: collection, children: [
     /* @__PURE__ */ jsx5(CollectionGeneralSection, { collection }),
     /* @__PURE__ */ jsx5(CollectionMediaSection, { collection }),
     /* @__PURE__ */ jsx5(CollectionIconSection, { collection }),
     /* @__PURE__ */ jsx5(CollectionProductSection, { collection })
-  ] }) });
+  ] }) }) });
 };
 var CollectionDetailPage = Object.assign(Root, {
   GeneralSection: CollectionGeneralSection,