@mercurjs/vendor 2.2.0-canary.5 → 2.2.0-canary.51

package/dist/{[id]-3QBUXM5P.js → [id]-66LIKKOL.js}

@@ -6,49 +6,53 @@ import {
 } from "./chunk-BWGPN6XV.js";
 import {
   StatusCell
-} from "./chunk-NIZ6GG7F.js";
+} from "./chunk-CSIWSOAM.js";
 import "./chunk-FMFVTERD.js";
 import "./chunk-DB6ANJBO.js";
-import {
-  NoRecords
-} from "./chunk-3EF54XFY.js";
-import "./chunk-FZHQ4RU7.js";
+import "./chunk-NQBWBBDV.js";
 import {
   TwoColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  NoRecords
+} from "./chunk-CVXKASWV.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-QHQWEERJ.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import {
-  promotionsQueryKeys,
-  useDeletePromotion,
-  usePromotion,
-  usePromotionRules
-} from "./chunk-BOZJOOGW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
+import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
+import {
+  promotionsQueryKeys,
+  useDeletePromotion,
+  usePromotion,
+  usePromotionRules
+} from "./chunk-JIXW4WHZ.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
   fetchQuery
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/promotions/[id]/loader.tsx
-var promotionDetailQuery = (id) => ({
-  queryKey: promotionsQueryKeys.detail(id),
-  queryFn: async () => fetchQuery(`/vendor/promotions/${id}`, {
-    method: "GET",
-    query: { fields: "+status" }
-  })
-});
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var promotionDetailQuery = (id) => {
+  const query = getLinkQuery("promotion", "+status");
+  return {
+    queryKey: promotionsQueryKeys.detail(id, query),
+    queryFn: async () => fetchQuery(`/vendor/promotions/${id}`, {
+      method: "GET",
+      query
+    })
+  };
+};
 var loader = async ({ params }) => {
   const id = params.id;
   return queryClient.ensureQueryData(promotionDetailQuery(id));
@@ -57,12 +61,14 @@ var loader = async ({ params }) => {
 // src/pages/promotions/[id]/promotion-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams as useParams2 } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/promotions/[id]/_components/campaign-section/campaign-section.tsx
 import { ArrowUpRightOnBox, PencilSquare } from "@medusajs/icons";
 import { Container, Heading, Text } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { useParams } from "react-router-dom";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CampaignDetailSection = ({
   campaign
@@ -120,15 +126,16 @@ var CampaignSection = ({
       NoRecords,
       {
         className: "h-[180px] pt-4 text-center",
-        title: "Not part of a campaign",
-        message: "Add this promotion to an existing campaign",
+        title: t("promotions.campaignSection.noRecordsTitle"),
+        message: t("promotions.campaignSection.noRecordsMessage"),
         action: {
           to: `/promotions/${id}/add-to-campaign`,
-          label: "Add to Campaign"
+          label: t("promotions.campaignSection.addToCampaign")
         },
         buttonVariant: "transparentIconLeft"
       }
-    )
+    ),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "promotion", zone: "campaign", data: campaign })
   ] });
 };
 
@@ -136,6 +143,7 @@ var CampaignSection = ({
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { Badge as Badge2, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 
 // src/components/common/badge-list-summary/badge-list-summary.tsx
 import { Badge, Tooltip, clx } from "@medusajs/ui";
@@ -258,7 +266,15 @@ var PromotionConditionsSection = ({
         }
       ),
       rules.map((rule) => /* @__PURE__ */ jsx3(RuleBlock, { rule }, `${rule.id}-${rule.attribute}`))
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      DisplayExtensionZone2,
+      {
+        model: "promotion",
+        zone: `conditions-${ruleType}`,
+        data: rules
+      }
+    )
   ] });
 };
 
@@ -267,6 +283,7 @@ import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
 import { Badge as Badge3, Container as Container3, Copy, Heading as Heading3, Text as Text2, usePrompt } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3, DisplayField } from "@mercurjs/dashboard-shared";
 
 // src/lib/format-currency.ts
 var formatCurrency = (amount, currency) => {
@@ -325,9 +342,18 @@ var PromotionGeneralSection = ({
   const displayValue = getDisplayValue(promotion);
   return /* @__PURE__ */ jsxs4(Container3, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(Heading3, { children: promotion.code }) }),
+      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "code", data: promotion, children: /* @__PURE__ */ jsx4(Heading3, { children: promotion.code }) }) }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx4(StatusCell, { promotion }),
+        /* @__PURE__ */ jsx4(
+          DisplayField,
+          {
+            model: "promotion",
+            zone: "general",
+            id: "status",
+            data: promotion,
+            children: /* @__PURE__ */ jsx4(StatusCell, { promotion })
+          }
+        ),
         /* @__PURE__ */ jsx4(
           ActionMenu,
           {
@@ -355,45 +381,105 @@ var PromotionGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.method") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("fields.code") }),
-      /* @__PURE__ */ jsx4(
-        Copy,
-        {
-          content: promotion.code,
-          className: "text-ui-tag-neutral-text",
-          asChild: true,
-          children: /* @__PURE__ */ jsx4(
-            Badge3,
+    /* @__PURE__ */ jsx4(
+      DisplayField,
+      {
+        model: "promotion",
+        zone: "general",
+        id: "is_automatic",
+        data: promotion,
+        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.method") }),
+          /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      DisplayField,
+      {
+        model: "promotion",
+        zone: "general",
+        id: "code_value",
+        data: promotion,
+        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("fields.code") }),
+          /* @__PURE__ */ jsx4(
+            Copy,
             {
-              size: "2xsmall",
-              rounded: "full",
-              className: "cursor-pointer text-pretty",
-              children: promotion.code
+              content: promotion.code,
+              className: "text-ui-tag-neutral-text",
+              asChild: true,
+              children: /* @__PURE__ */ jsx4(
+                Badge3,
+                {
+                  size: "2xsmall",
+                  rounded: "full",
+                  className: "cursor-pointer text-pretty",
+                  children: promotion.code
+                }
+              )
             }
           )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "type", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.type") }),
+      /* @__PURE__ */ jsx4(
+        Text2,
+        {
+          size: "small",
+          leading: "compact",
+          className: "text-pretty capitalize",
+          children: promotion.type
         }
       )
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.type") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", children: promotion.type })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "value", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
       /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.value") }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", children: displayValue || "-" }),
         promotion?.application_method?.type === "fixed" && /* @__PURE__ */ jsx4(Badge3, { size: "2xsmall", rounded: "full", children: promotion?.application_method?.currency_code?.toUpperCase() })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.allocation") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", children: promotion.application_method?.allocation })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx4(
+      DisplayField,
+      {
+        model: "promotion",
+        zone: "general",
+        id: "allocation",
+        data: promotion,
+        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.allocation") }),
+          /* @__PURE__ */ jsx4(
+            Text2,
+            {
+              size: "small",
+              leading: "compact",
+              className: "text-pretty capitalize",
+              children: promotion.application_method?.allocation
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      DisplayExtensionZone3,
+      {
+        model: "promotion",
+        zone: "general",
+        data: promotion,
+        builtInFieldIds: [
+          "code",
+          "status",
+          "is_automatic",
+          "code_value",
+          "type",
+          "value",
+          "allocation"
+        ]
+      }
+    )
   ] });
 };
 
@@ -402,7 +488,10 @@ import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams2();
-  const { promotion, isLoading } = usePromotion(id, { initialData });
+  const linkQuery = useLinkQuery("promotion", "+status");
+  const { promotion, isLoading } = usePromotion(id, linkQuery, {
+    initialData
+  });
   const query = {};
   if (promotion?.type === "buyget") query.promotion_type = promotion.type;
   const { rules } = usePromotionRules(id, "rules", query);
@@ -411,7 +500,7 @@ var Root = ({ children }) => {
   if (isLoading || !promotion)
     return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1, showJSON: true });
   return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: promotion, hasOutlet: true, children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx5(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "promotions.detail.main", data: promotion, children: [
       /* @__PURE__ */ jsx5(PromotionGeneralSection, { promotion }),
       /* @__PURE__ */ jsx5(PromotionConditionsSection, { rules: rules || [], ruleType: "rules" }),
       /* @__PURE__ */ jsx5(
@@ -428,8 +517,8 @@ var Root = ({ children }) => {
           ruleType: "buy-rules"
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(CampaignSection, { campaign: promotion.campaign }) })
+    ] }) }),
+    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(WidgetZone, { id: "promotions.detail.side", data: promotion, children: /* @__PURE__ */ jsx5(CampaignSection, { campaign: promotion.campaign }) }) })
   ] }) });
 };
 var PromotionDetailPage = Object.assign(Root, {

package/dist/{[id]-CLENX4P4.js → [id]-6K5OJU5T.js}

@@ -2,15 +2,15 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-Y54FXXKC.js";
+} from "./chunk-EX5IIVVN.js";
 import "./chunk-Q4UVXS46.js";
 import {
   TaxRegionTable,
   useTaxRegionTable
-} from "./chunk-NJMNYS7G.js";
+} from "./chunk-COGWTNSC.js";
 import {
   TaxRegionCard
-} from "./chunk-E2HQPY32.js";
+} from "./chunk-5RMLLTR7.js";
 import {
   getCountryProvinceObjectByIso2
 } from "./chunk-N2TQXB44.js";
@@ -24,48 +24,48 @@ import {
 import {
   getCountryByIso2
 } from "./chunk-JRTZWK77.js";
-import "./chunk-YN3FGNJM.js";
-import "./chunk-KAZ5BYTQ.js";
-import "./chunk-3EF54XFY.js";
 import "./chunk-U2EI2ZLM.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KCHYLLVG.js";
+import "./chunk-CVXKASWV.js";
 import "./chunk-THHRRYRS.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import "./chunk-YIZK67RW.js";
-import "./chunk-F4OJN2F2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
 import {
   useTaxRates
-} from "./chunk-LRARA622.js";
+} from "./chunk-VE6GRIIN.js";
 import {
   taxRegionsQueryKeys,
   useTaxRegion,
   useTaxRegions
-} from "./chunk-M6N4ISXL.js";
-import "./chunk-S7EKBD2C.js";
-import "./chunk-VXMOPVRH.js";
-import "./chunk-VV6IKGCN.js";
-import "./chunk-VIJRMTAH.js";
-import "./chunk-BOZJOOGW.js";
-import "./chunk-LWJF63JW.js";
-import "./chunk-T6LHVNWO.js";
-import "./chunk-4S6XGIC6.js";
-import "./chunk-QT7YFHCA.js";
-import "./chunk-IQWK723D.js";
-import "./chunk-UORPTGV2.js";
-import "./chunk-ZDQSWX6W.js";
-import "./chunk-VXWN37PT.js";
-import "./chunk-NJZQGGY3.js";
-import "./chunk-NBPMNUKZ.js";
-import "./chunk-L2SUH6H5.js";
-import "./chunk-3B34B2M2.js";
-import "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-ZNG4GXMP.js";
+} from "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-CLS6PNZY.js";
+import "./chunk-JIXW4WHZ.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import "./chunk-4NADEZZQ.js";
+import "./chunk-XWHHBJGS.js";
+import "./chunk-5NVY7JZC.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-4EAC3GT7.js";
+import "./chunk-JR7AABT5.js";
+import "./chunk-ZQCCVCHB.js";
+import "./chunk-MABIMRLS.js";
+import "./chunk-ULEW54ED.js";
+import "./chunk-UEPUKWD7.js";
+import "./chunk-JJP6AKMV.js";
+import "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -73,11 +73,12 @@ import {
 import "./chunk-ZA2KFUFR.js";
 import {
   fetchQuery
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/settings/tax-regions/[id]/index.tsx
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/settings/tax-regions/[id]/_components/tax-region-detail-section.tsx
 import { Badge, Container, Tooltip } from "@medusajs/ui";
@@ -299,7 +300,7 @@ var TaxRegionDetail = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs3(SingleColumnPage, { data: taxRegion, children: [
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { data: taxRegion, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "tax-regions.detail.main", data: taxRegion, children: [
     /* @__PURE__ */ jsx6(
       TaxRegionSublevelAlert,
       {
@@ -317,7 +318,7 @@ var TaxRegionDetail = () => {
       }
     ),
     /* @__PURE__ */ jsx6(TaxRegionOverrideSection, { taxRegion })
-  ] });
+  ] }) });
 };
 var Component = TaxRegionDetail;
 export {

package/dist/{[id]-ZCMSBEVM.js → [id]-6RTJXOT5.js}

@@ -7,23 +7,23 @@ import {
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import {
-  shippingProfileQueryKeys,
-  useDeleteShippingProfile,
-  useShippingProfile
-} from "./chunk-IQWK723D.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
+import {
+  shippingProfileQueryKeys,
+  useDeleteShippingProfile,
+  useShippingProfile
+} from "./chunk-GZ4KTAWS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
   fetchQuery
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/settings/shipping-profiles/[id]/loader.ts
@@ -42,6 +42,7 @@ var shippingProfileLoader = async ({ params }) => {
 // src/pages/settings/shipping-profiles/[id]/shipping-profile-detail-page.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/settings/shipping-profiles/[id]/_components/shipping-profile-general-section.tsx
 import { Trash } from "@medusajs/icons";
@@ -126,7 +127,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { data: shipping_profile, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(ShippingProfileGeneralSection, { profile: shipping_profile }) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { data: shipping_profile, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(WidgetZone, { id: "shipping-profiles.detail.main", data: shipping_profile, children: /* @__PURE__ */ jsx2(ShippingProfileGeneralSection, { profile: shipping_profile }) }) });
 };
 var ShippingProfileDetailPage = Object.assign(Root, {
   GeneralSection: ShippingProfileGeneralSection

package/dist/{[id]-K2CT7BXQ.js → [id]-ARHFE7ID.js}

@@ -1,6 +1,6 @@
 import {
   getStylizedAmount
-} from "./chunk-PXYDR7WQ.js";
+} from "./chunk-3BXCPHN6.js";
 import "./chunk-IQPN4PZJ.js";
 import {
   SingleColumnPage
@@ -10,19 +10,28 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   usePayout
-} from "./chunk-VXWN37PT.js";
+} from "./chunk-KIURBTC4.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.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