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

package/dist/{[id]-5P5LTATX.js → [id]-QWI3RWE6.js}

@@ -1,6 +1,6 @@
 import {
   getStylizedAmount
-} from "./chunk-3BXCPHN6.js";
+} from "./chunk-XCHKUSUU.js";
 import "./chunk-IQPN4PZJ.js";
 import {
   SingleColumnPage
@@ -10,19 +10,28 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   usePayout
-} from "./chunk-KIURBTC4.js";
+} from "./chunk-J2XUEO2E.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-LXZXXOJ3.js";
+import "./chunk-DTGEFKK4.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/payouts/[id]/payout-detail-page.tsx
 import { Children } from "react";
 import { useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/payouts/[id]/_components/payout-general-section.tsx
 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 GENERAL_FIELD_IDS = [
+  "display_id",
+  "status",
+  "amount",
+  "created_at",
+  "updated_at"
+];
 var payoutStatusColor = (status) => {
   switch (status) {
     case "paid":
@@ -45,17 +54,17 @@ var PayoutGeneralSection = ({ payout }) => {
   });
   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__ */ jsxs(Heading, { children: [
+      /* @__PURE__ */ jsx(DisplayField, { model: "payout", zone: "general", id: "display_id", data: payout, children: /* @__PURE__ */ jsxs(Heading, { children: [
         "#",
         payout.display_id
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsx(StatusBadge, { color: payoutStatusColor(payout.status), children: statusText }) })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsx(DisplayField, { model: "payout", zone: "general", id: "status", data: payout, children: /* @__PURE__ */ jsx(StatusBadge, { color: payoutStatusColor(payout.status), children: statusText }) }) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx(DisplayField, { model: "payout", zone: "general", id: "amount", data: payout, 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.amount") }),
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: getStylizedAmount(payout.amount, payout.currency_code) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx(DisplayField, { model: "payout", zone: "general", id: "created_at", data: payout, 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.createdAt") }),
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: new Date(payout.created_at).toLocaleDateString(void 0, {
         year: "numeric",
@@ -64,8 +73,8 @@ var PayoutGeneralSection = ({ payout }) => {
         hour: "2-digit",
         minute: "2-digit"
       }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx(DisplayField, { model: "payout", zone: "general", id: "updated_at", data: payout, 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.updatedAt") }),
       /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: new Date(payout.updated_at).toLocaleDateString(void 0, {
         year: "numeric",
@@ -74,7 +83,16 @@ var PayoutGeneralSection = ({ payout }) => {
         hour: "2-digit",
         minute: "2-digit"
       }) })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "payout",
+        zone: "general",
+        data: payout,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
@@ -89,7 +107,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(PayoutGeneralSection, { payout }) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(WidgetZone, { id: "payouts.detail.main", data: payout, children: /* @__PURE__ */ jsx2(PayoutGeneralSection, { payout }) }) });
 };
 var PayoutDetailPage = Object.assign(Root, {
   GeneralSection: PayoutGeneralSection

package/dist/{[id]-AQUUZFRX.js → [id]-RFC2YGFT.js}

@@ -11,17 +11,17 @@ import {
 import {
   SectionRow
 } from "./chunk-4TLP3TAA.js";
+import {
+  TwoColumnPage
+} from "./chunk-YV6MK4PZ.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-W3UHAQCV.js";
+} from "./chunk-7TQNE3E2.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
-import "./chunk-634XVU3D.js";
-import {
-  TwoColumnPage
-} from "./chunk-YV6MK4PZ.js";
+import "./chunk-CVXKASWV.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
@@ -43,7 +43,7 @@ import {
   useDeleteInventoryItemLevel,
   useInventoryItem,
   useInventoryItemLevels
-} from "./chunk-G6YNCIVF.js";
+} from "./chunk-YAUGB4LD.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -51,17 +51,21 @@ import {
 import "./chunk-ZA2KFUFR.js";
 import {
   fetchQuery
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-DTGEFKK4.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/inventory/[id]/loader.tsx
-var inventoryDetailQuery = (id) => ({
-  queryKey: inventoryItemsQueryKeys.detail(id),
-  queryFn: async () => fetchQuery(
-    `/vendor/inventory-items/${id}?fields=${INVENTORY_DETAIL_FIELDS}`,
-    { method: "GET" }
-  )
-});
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var inventoryDetailQuery = (id) => {
+  const query = getLinkQuery("inventory_item", INVENTORY_DETAIL_FIELDS);
+  return {
+    queryKey: inventoryItemsQueryKeys.detail(id, query),
+    queryFn: async () => fetchQuery(
+      `/vendor/inventory-items/${id}?fields=${query.fields}`,
+      { method: "GET" }
+    )
+  };
+};
 var loader = async ({ params }) => {
   const id = params.id;
   const query = inventoryDetailQuery(id);
@@ -71,9 +75,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 { useLinkQuery, 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 +119,14 @@ var InventoryItemAttributeSection = ({
         title: t("fields.countryOfOrigin"),
         value: getFormattedCountry(inventoryItem.origin_country)
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "inventory_item",
+        zone: "attributes",
+        data: inventoryItem
+      }
     )
   ] });
 };
@@ -121,7 +135,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 +153,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 +184,81 @@ var InventoryItemGeneralSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.sku"), value: inventoryItem.sku ?? "-" }),
     /* @__PURE__ */ jsx2(
-      SectionRow,
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "sku",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.sku"), value: inventoryItem.sku ?? "-" })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayField,
       {
-        title: t("fields.inStock"),
-        value: getQuantityFormat(
-          stockedQuantity,
-          inventoryItem.location_levels?.length
+        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 +273,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 +475,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 +492,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 +525,15 @@ var InventoryItemVariantsSection = ({
         },
         variant.id
       );
-    }) })
+    }) }),
+    /* @__PURE__ */ jsx7(
+      DisplayExtensionZone4,
+      {
+        model: "inventory_item",
+        zone: "variants",
+        data: variants
+      }
+    )
   ] });
 };
 
@@ -456,7 +544,7 @@ var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { inventory_item, isPending: isLoading } = useInventoryItem(
     id,
-    { fields: INVENTORY_DETAIL_FIELDS },
+    useLinkQuery("inventory_item", INVENTORY_DETAIL_FIELDS),
     { initialData }
   );
   if (isLoading || !inventory_item) {
@@ -471,19 +559,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]-5EECCIRP.js → [id]-VKEADKFV.js}

@@ -4,31 +4,31 @@ import {
 } from "./chunk-42R54Z2X.js";
 import {
   useProductTableColumns
-} from "./chunk-FDKFUIYV.js";
-import "./chunk-WBCWER26.js";
+} from "./chunk-AAKR2CB4.js";
+import "./chunk-G64YUZSL.js";
 import {
   useProductTableQuery
-} from "./chunk-H6LZ77GX.js";
+} from "./chunk-BEPAXQMU.js";
 import "./chunk-FWPGOIFA.js";
 import {
   useProductTableFilters
-} from "./chunk-JK4M3ZKY.js";
+} from "./chunk-LFX6R456.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
+import {
+  SingleColumnPage
+} from "./chunk-YV6MK4PZ.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-W3UHAQCV.js";
+} from "./chunk-7TQNE3E2.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
-import "./chunk-634XVU3D.js";
-import {
-  SingleColumnPage
-} from "./chunk-YV6MK4PZ.js";
+import "./chunk-CVXKASWV.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-DSTHXHJ5.js";
+import "./chunk-52KJSIHS.js";
 import "./chunk-WIYFXWRI.js";
 import {
   SingleColumnPageSkeleton
@@ -39,34 +39,34 @@ import {
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-BQHVM46E.js";
-import "./chunk-QIF4QE7T.js";
-import "./chunk-VE6GRIIN.js";
-import "./chunk-7MARNXFG.js";
-import "./chunk-MNHP6YRC.js";
-import "./chunk-NTJ3BMOE.js";
-import "./chunk-5PAUN3PM.js";
-import "./chunk-ZLHCZ5F2.js";
-import "./chunk-GZ4KTAWS.js";
-import "./chunk-PUAWN7SS.js";
-import "./chunk-MVEHWM7K.js";
-import "./chunk-OYUJYPDF.js";
+import "./chunk-RLRWDHME.js";
+import "./chunk-K5324KIX.js";
+import "./chunk-FV76G2D7.js";
+import "./chunk-GHDLST2P.js";
+import "./chunk-YVYYOBAE.js";
+import "./chunk-L2NJPDUD.js";
+import "./chunk-P7UBW2EI.js";
+import "./chunk-MR6REQKT.js";
+import "./chunk-EPSDO2MJ.js";
+import "./chunk-BHEU34FL.js";
+import "./chunk-W34KDYZA.js";
+import "./chunk-II3CLUXA.js";
 import {
   collectionsQueryKeys,
   useCollection,
   useUpdateCollectionProducts
-} from "./chunk-O7BGGWW6.js";
-import "./chunk-KIURBTC4.js";
-import "./chunk-3SH24DGG.js";
-import "./chunk-JR7AABT5.js";
-import "./chunk-ZQCCVCHB.js";
-import "./chunk-5BQO3YQP.js";
-import "./chunk-EPRYM3FA.js";
-import "./chunk-6FDPVW7Y.js";
-import "./chunk-JJP6AKMV.js";
+} from "./chunk-XKEYHWBS.js";
+import "./chunk-J2XUEO2E.js";
+import "./chunk-656G74I2.js";
+import "./chunk-VWPNMEOE.js";
+import "./chunk-O72AIZUN.js";
+import "./chunk-VUWAOX7H.js";
+import "./chunk-5DKUSZQ7.js";
+import "./chunk-DIAWPVYS.js";
+import "./chunk-4U2BLH45.js";
 import {
   useProducts
-} from "./chunk-G6YNCIVF.js";
+} from "./chunk-YAUGB4LD.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -74,14 +74,18 @@ import {
 import "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-DTGEFKK4.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/collections/[id]/loader.tsx
-var collectionDetailQuery = (id) => ({
-  queryKey: collectionsQueryKeys.detail(id),
-  queryFn: async () => sdk.vendor.collections.$id.query({ $id: id })
-});
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var collectionDetailQuery = (id) => {
+  const query = getLinkQuery("collection");
+  return {
+    queryKey: collectionsQueryKeys.detail(id, query),
+    queryFn: async () => sdk.vendor.collections.$id.query({ $id: id, ...query })
+  };
+};
 var loader = async ({ params }) => {
   const id = params.id;
   const query = collectionDetailQuery(id);
@@ -91,30 +95,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, useLinkQuery } 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 +160,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 +211,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 +222,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 +327,8 @@ var CollectionProductSection = ({
           message: t("collections.products.list.noRecordsMessage")
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone4, { model: "collection", zone: "products", data: collection })
   ] });
 };
 var ProductActions = ({
@@ -426,19 +447,23 @@ import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
-  const { collection, isLoading, isError, error } = useCollection(id, {
-    initialData
-  });
+  const { collection, isLoading, isError, error } = useCollection(
+    id,
+    useLinkQuery("collection"),
+    {
+      initialData
+    }
+  );
   if (isLoading || !collection) {
     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,