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

package/dist/{[id]-XB45DY2D.js → [id]-ONBG5DZJ.js}

@@ -7,8 +7,8 @@ import {
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-TPGIMZLI.js";
-import "./chunk-Y4PM3IDZ.js";
+} from "./chunk-VR7P4DAZ.js";
+import "./chunk-GGXGKMYK.js";
 import "./chunk-JHIMVLB2.js";
 import {
   usePromotionTableFilters
@@ -19,18 +19,18 @@ import "./chunk-PHOCVOZ5.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
-import "./chunk-KZQFIPY2.js";
+import "./chunk-ESXMD6CR.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 "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
 import {
@@ -48,26 +48,28 @@ import {
   useCampaign,
   useDeleteCampaign,
   useRemovePromotionFromCampaign
-} from "./chunk-ZLHCZ5F2.js";
+} from "./chunk-MR6REQKT.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
   fetchQuery
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-DTGEFKK4.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/campaigns/[id]/loader.tsx
-var campaignDetailQuery = (id) => ({
-  queryKey: campaignsQueryKeys.detail(id, { fields: CAMPAIGN_DETAIL_FIELDS }),
-  queryFn: async () => fetchQuery(`/vendor/campaigns/${id}`, {
-    method: "GET",
-    query: {
-      fields: CAMPAIGN_DETAIL_FIELDS
-    }
-  })
-});
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var campaignDetailQuery = (id) => {
+  const query = getLinkQuery("campaign", CAMPAIGN_DETAIL_FIELDS);
+  return {
+    queryKey: campaignsQueryKeys.detail(id, query),
+    queryFn: async () => fetchQuery(`/vendor/campaigns/${id}`, {
+      method: "GET",
+      query
+    })
+  };
+};
 var loader = async ({ params }) => {
   const id = params.id;
   const query = campaignDetailQuery(id);
@@ -77,11 +79,13 @@ var loader = async ({ params }) => {
 // src/pages/campaigns/[id]/campaign-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/[id]/_components/campaign-budget/campaign-budget.tsx
 import { ChartPie, PencilSquare } from "@medusajs/icons";
 import { Container, Heading, Text } from "@medusajs/ui";
 import { Trans, useTranslation } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CampaignBudget = ({ campaign }) => {
   const { t } = useTranslation();
@@ -148,7 +152,8 @@ var CampaignBudget = ({ campaign }) => {
           }
         )
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "campaign", zone: "budget", data: campaign })
   ] });
 };
 
@@ -156,6 +161,7 @@ var CampaignBudget = ({ campaign }) => {
 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 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CampaignConfigurationSection = ({
   campaign
@@ -188,6 +194,14 @@ var CampaignConfigurationSection = ({
         endsAt: campaign.ends_at,
         showTime: true
       }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone2,
+      {
+        model: "campaign",
+        zone: "configuration",
+        data: campaign
+      }
     )
   ] });
 };
@@ -205,6 +219,7 @@ import {
 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3, DisplayField } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/common/utils/campaign-status.ts
 import { isAfter, isBefore } from "date-fns";
@@ -272,9 +287,18 @@ var CampaignGeneralSection = ({
   const status = campaignStatus(campaign);
   return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx3(Heading3, { children: campaign.name }),
+      /* @__PURE__ */ jsx3(DisplayField, { model: "campaign", zone: "general", id: "name", data: campaign, children: /* @__PURE__ */ jsx3(Heading3, { children: campaign.name }) }),
       /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor(status), children: t(`campaigns.status.${status}`) }),
+        /* @__PURE__ */ jsx3(
+          DisplayField,
+          {
+            model: "campaign",
+            zone: "general",
+            id: "status",
+            data: campaign,
+            children: /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor(status), children: t(`campaigns.status.${status}`) })
+          }
+        ),
         /* @__PURE__ */ jsx3(
           ActionMenu,
           {
@@ -302,21 +326,63 @@ var CampaignGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("campaigns.fields.identifier") }),
-      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", children: campaign.campaign_identifier })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
-      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", children: campaign.description || "-" })
-    ] }),
-    campaign?.budget && campaign.budget.type === "spend" && /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.currency") }),
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3(Badge, { size: "xsmall", children: campaign?.budget.currency_code }),
-        /* @__PURE__ */ jsx3(Text2, { className: "inline pl-3", size: "small", leading: "compact", children: currencies[campaign?.budget.currency_code?.toUpperCase()]?.name })
-      ] })
-    ] })
+    /* @__PURE__ */ jsx3(
+      DisplayField,
+      {
+        model: "campaign",
+        zone: "general",
+        id: "campaign_identifier",
+        data: campaign,
+        children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("campaigns.fields.identifier") }),
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", children: campaign.campaign_identifier })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      DisplayField,
+      {
+        model: "campaign",
+        zone: "general",
+        id: "description",
+        data: campaign,
+        children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", children: campaign.description || "-" })
+        ] })
+      }
+    ),
+    campaign?.budget && campaign.budget.type === "spend" && /* @__PURE__ */ jsx3(
+      DisplayField,
+      {
+        model: "campaign",
+        zone: "general",
+        id: "currency_code",
+        data: campaign,
+        children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.currency") }),
+          /* @__PURE__ */ jsxs3("div", { children: [
+            /* @__PURE__ */ jsx3(Badge, { size: "xsmall", children: campaign?.budget.currency_code }),
+            /* @__PURE__ */ jsx3(Text2, { className: "inline pl-3", size: "small", leading: "compact", children: currencies[campaign?.budget.currency_code?.toUpperCase()]?.name })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      DisplayExtensionZone3,
+      {
+        model: "campaign",
+        zone: "general",
+        data: campaign,
+        builtInFieldIds: [
+          "name",
+          "status",
+          "campaign_identifier",
+          "description",
+          "currency_code"
+        ]
+      }
+    )
   ] });
 };
 
@@ -327,6 +393,7 @@ import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var CampaignPromotionSection = ({
@@ -428,6 +495,14 @@ var CampaignPromotionSection = ({
           message: t("campaigns.promotions.list.noRecordsMessage")
         }
       }
+    ),
+    /* @__PURE__ */ jsx4(
+      DisplayExtensionZone4,
+      {
+        model: "campaign",
+        zone: "promotions",
+        data: campaign
+      }
     )
   ] });
 };
@@ -522,6 +597,7 @@ var useColumns = () => {
 import { CurrencyDollar } from "@medusajs/icons";
 import { Container as Container5, Heading as Heading5, Text as Text3 } from "@medusajs/ui";
 import { Trans as Trans2, useTranslation as useTranslation5 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var CampaignSpend = ({ campaign }) => {
   const { t } = useTranslation5();
@@ -563,7 +639,8 @@ var CampaignSpend = ({ campaign }) => {
           }
         )
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone5, { model: "campaign", zone: "spend", data: campaign })
   ] });
 };
 
@@ -573,9 +650,10 @@ var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
   const { searchParams } = usePromotionTableQuery({});
+  const linkQuery = useLinkQuery("campaign", CAMPAIGN_DETAIL_FIELDS);
   const { campaign, isLoading, isError, error } = useCampaign(
     id,
-    { ...searchParams, fields: CAMPAIGN_DETAIL_FIELDS },
+    { ...searchParams, ...linkQuery },
     {
       placeholderData: initialData
     }
@@ -587,15 +665,15 @@ var Root = ({ children }) => {
     throw error;
   }
   return /* @__PURE__ */ jsx6(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs6(TwoColumnPage, { hasOutlet: true, data: campaign, children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "campaigns.detail.main", data: campaign, children: [
       /* @__PURE__ */ jsx6(CampaignGeneralSection, { campaign }),
       /* @__PURE__ */ jsx6(CampaignPromotionSection, { campaign })
-    ] }),
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Sidebar, { children: [
+    ] }) }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "campaigns.detail.side", data: campaign, children: [
       /* @__PURE__ */ jsx6(CampaignConfigurationSection, { campaign }),
       /* @__PURE__ */ jsx6(CampaignSpend, { campaign }),
       /* @__PURE__ */ jsx6(CampaignBudget, { campaign })
-    ] })
+    ] }) })
   ] }) });
 };
 var CampaignDetailPage = Object.assign(Root, {

package/dist/{[id]-CUBGVODE.js → [id]-OV5VX7KD.js}

@@ -9,28 +9,28 @@ import {
 } from "./chunk-LYYM7H7H.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 "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.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 "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-DSTHXHJ5.js";
+import "./chunk-52KJSIHS.js";
 import "./chunk-WIYFXWRI.js";
 import {
   Skeleton,
@@ -38,33 +38,33 @@ import {
 } from "./chunk-INNFZYX2.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-O7BGGWW6.js";
-import "./chunk-KIURBTC4.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 "./chunk-XKEYHWBS.js";
+import "./chunk-J2XUEO2E.js";
 import {
   categoriesQueryKeys,
   useProductCategory
-} from "./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-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
@@ -72,16 +72,21 @@ import {
 import "./chunk-ZA2KFUFR.js";
 import {
   fetchQuery
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-DTGEFKK4.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/categories/[id]/loader.tsx
-var categoryDetailQuery = (id) => ({
-  queryKey: categoriesQueryKeys.detail(id),
-  queryFn: async () => fetchQuery(`/vendor/product-categories/${id}`, {
-    method: "GET"
-  })
-});
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var categoryDetailQuery = (id) => {
+  const query = getLinkQuery("category");
+  return {
+    queryKey: categoriesQueryKeys.detail(id, query),
+    queryFn: async () => fetchQuery(`/vendor/product-categories/${id}`, {
+      method: "GET",
+      query
+    })
+  };
+};
 var loader = async ({ params }) => {
   const id = params.id;
   const query = categoryDetailQuery(id);
@@ -91,33 +96,64 @@ var loader = async ({ params }) => {
 // src/pages/categories/[id]/category-detail-page.tsx
 import { Children } from "react";
 import { useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/categories/[id]/_components/category-general-section/category-general-section.tsx
 import { Container, Heading, 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 = ["name", "description", "handle"];
 var CategoryGeneralSection = ({
   category
 }) => {
   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: category.name }) }),
-    /* @__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: "name", data: category, children: /* @__PURE__ */ jsx("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: "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: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
 // src/pages/categories/[id]/_components/category-icon-section/category-icon-section.tsx
 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 = ({
@@ -147,13 +183,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/[id]/_components/category-media-section/category-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";
@@ -197,13 +234,15 @@ 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 })
   ] });
 };
 
 // src/pages/categories/[id]/_components/category-organize-section/category-organize-section.tsx
 import { FolderIllustration, 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";
@@ -221,7 +260,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 = ({
@@ -313,6 +353,7 @@ var ChildrenDisplay = ({
 
 // src/pages/categories/[id]/_components/category-product-section/category-product-section.tsx
 import { Container as Container5, Heading as Heading5 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useMemo as useMemo2, useState as useState2 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
@@ -382,7 +423,8 @@ var CategoryProductSection = ({
           message: t("categories.products.list.noRecordsMessage")
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone5, { model: "category", zone: "products", data: category })
   ] });
 };
 var useColumns = () => {
@@ -427,14 +469,13 @@ var useColumns = () => {
 import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
+  const linkQuery = useLinkQuery("category", "+is_active,+is_internal");
   const {
     product_category,
     isLoading: categoryLoading,
     isError: categoryError,
     error
-  } = useProductCategory(id, {
-    fields: "+is_active,+is_internal"
-  });
+  } = useProductCategory(id, linkQuery);
   if (categoryLoading || !product_category) {
     return /* @__PURE__ */ jsx6(
       TwoColumnPageSkeleton,
@@ -450,13 +491,13 @@ var Root = ({ children }) => {
     throw error;
   }
   return /* @__PURE__ */ jsx6(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: product_category, 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, {