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

package/dist/{chunk-GCU4LHGY.js → chunk-VWT7NSJO.js}

@@ -1,6 +1,6 @@
 import {
   ProductMediaSection
-} from "./chunk-BVIIRGSW.js";
+} from "./chunk-EDCGEQ4V.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -13,19 +13,19 @@ import {
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-52KJSIHS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useSeller
-} from "./chunk-BILFRATX.js";
+} from "./chunk-6HHMZ2QV.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -44,10 +44,10 @@ import {
   useRejectProduct,
   useRemoveAttributeFromProduct,
   useRequestProductChanges
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-QRN63LUS.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-JTAECZCT.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -55,6 +55,7 @@ import {
 // src/pages/products/product-detail/product-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone, useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/products/product-detail/components/product-active-edit-section/product-active-edit-section.tsx
 var import_types = __toESM(require_dist(), 1);
@@ -104,11 +105,11 @@ var ConfirmPrompt = ({
     await onConfirm(showNoteField && trimmed ? trimmed : void 0);
   };
   return /* @__PURE__ */ jsx(Prompt, { open, onOpenChange: handleOpenChange, variant, children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
-    /* @__PURE__ */ jsxs(Prompt.Header, { children: [
+    /* @__PURE__ */ jsxs(Prompt.Header, { className: showNoteField ? "pb-6" : void 0, children: [
       /* @__PURE__ */ jsx(Prompt.Title, { children: title }),
       description ? /* @__PURE__ */ jsx(Prompt.Description, { children: description }) : null
     ] }),
-    showNoteField ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: [
+    showNoteField ? /* @__PURE__ */ jsxs("div", { className: "border-ui-border-base flex flex-col gap-y-2 border-y px-6 py-4", children: [
       /* @__PURE__ */ jsxs(Label, { size: "small", weight: "plus", children: [
         noteLabel,
         noteOptional ? /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-muted ml-1 font-normal", children: [
@@ -306,6 +307,7 @@ import { useState as useState3 } from "react";
 import { Button as Button2, Container, Heading, Text as Text2, toast as toast2 } from "@medusajs/ui";
 import { ExclamationCircleSolid } from "@medusajs/icons";
 import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ProductActiveRequestSection = ({
   product
@@ -451,7 +453,8 @@ var ProductActiveRequestSection = ({
             isLoading: isRejecting,
             onConfirm: handleReject
           }
-        )
+        ),
+        /* @__PURE__ */ jsx3(DisplayExtensionZone, { model: "product", zone: "request", data: product })
       ]
     }
   );
@@ -476,6 +479,7 @@ import {
   usePrompt
 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var AttributeActions = ({
   productId,
@@ -655,7 +659,8 @@ var ProductAttributeSection = ({
         attributes: infoAttributes,
         productId: product.id
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone2, { model: "product", zone: "attributes", data: product })
   ] });
 };
 
@@ -664,7 +669,16 @@ import { PencilSquare as PencilSquare2, Trash as Trash2 } from "@medusajs/icons"
 import { Container as Container3, Heading as Heading3, StatusBadge, usePrompt as usePrompt2 } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "title",
+  "status",
+  "description",
+  "subtitle",
+  "handle",
+  "discountable"
+];
 var productStatusColor = (status) => {
   switch (status) {
     case "draft":
@@ -711,7 +725,7 @@ var ProductGeneralSection = ({
         className: "flex items-center justify-between px-6 py-4",
         "data-testid": "product-general-header",
         children: [
-          /* @__PURE__ */ jsx5(Heading3, { "data-testid": "product-general-title", children: product.title }),
+          /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "title", data: product, children: /* @__PURE__ */ jsx5(Heading3, { "data-testid": "product-general-title", children: product.title }) }),
           /* @__PURE__ */ jsxs5(
             "div",
             {
@@ -719,11 +733,20 @@ var ProductGeneralSection = ({
               "data-testid": "product-general-actions",
               children: [
                 /* @__PURE__ */ jsx5(
-                  StatusBadge,
+                  DisplayField,
                   {
-                    color: productStatusColor(product.status),
-                    "data-testid": "product-status-badge",
-                    children: t(`products.productStatus.${product.status}`)
+                    model: "product",
+                    zone: "general",
+                    id: "status",
+                    data: product,
+                    children: /* @__PURE__ */ jsx5(
+                      StatusBadge,
+                      {
+                        color: productStatusColor(product.status),
+                        "data-testid": "product-status-badge",
+                        children: t(`products.productStatus.${product.status}`)
+                      }
+                    )
                   }
                 ),
                 /* @__PURE__ */ jsx5(
@@ -758,36 +781,54 @@ var ProductGeneralSection = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "description", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.description"),
         value: product.description,
         "data-testid": "product-description-row"
       }
-    ),
-    /* @__PURE__ */ jsx5(
+    ) }),
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "subtitle", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.subtitle"),
         value: product.subtitle,
         "data-testid": "product-subtitle-row"
       }
-    ),
-    /* @__PURE__ */ jsx5(
+    ) }),
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "handle", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.handle"),
         value: `/${product.handle}`,
         "data-testid": "product-handle-row"
       }
+    ) }),
+    /* @__PURE__ */ jsx5(
+      DisplayField,
+      {
+        model: "product",
+        zone: "general",
+        id: "discountable",
+        data: product,
+        children: /* @__PURE__ */ jsx5(
+          SectionRow,
+          {
+            title: t("fields.discountable"),
+            value: product.discountable ? t("fields.true") : t("fields.false"),
+            "data-testid": "product-discountable-row"
+          }
+        )
+      }
     ),
     /* @__PURE__ */ jsx5(
-      SectionRow,
+      DisplayExtensionZone3,
       {
-        title: t("fields.discountable"),
-        value: product.discountable ? t("fields.true") : t("fields.false"),
-        "data-testid": "product-discountable-row"
+        model: "product",
+        zone: "general",
+        data: product,
+        builtInFieldIds: GENERAL_FIELD_IDS
       }
     )
   ] });
@@ -798,6 +839,7 @@ import { PencilSquare as PencilSquare3 } from "@medusajs/icons";
 import { Badge as Badge2, Container as Container4, Heading as Heading4, Tooltip as Tooltip2 } from "@medusajs/ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var ProductOrganizationSection = ({
   product
@@ -893,7 +935,8 @@ var ProductOrganizationSection = ({
             ) : void 0,
             "data-testid": "product-type-row"
           }
-        )
+        ),
+        /* @__PURE__ */ jsx6(DisplayExtensionZone4, { model: "product", zone: "organize", data: product })
       ]
     }
   );
@@ -912,6 +955,7 @@ var OrganizationTag = ({ label, to }) => {
 // src/pages/products/product-detail/components/product-variant-section/product-variant-section.tsx
 import { useCallback, useMemo } from "react";
 import { PencilSquare as PencilSquare4, Trash as Trash3 } from "@medusajs/icons";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import {
   Badge as Badge3,
   Button as Button3,
@@ -999,7 +1043,8 @@ var ProductVariantSection = ({
           message: t("products.variants.empty.description")
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx7(DisplayExtensionZone5, { model: "product", zone: "variants", data: product })
   ] });
 };
 var columnHelper = createColumnHelper();
@@ -1166,12 +1211,13 @@ import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
+  const query = useLinkQuery("product", PRODUCT_DETAIL_QUERY.fields);
   const {
     product: rawProduct,
     isLoading,
     isError,
     error
-  } = useProduct(id, PRODUCT_DETAIL_QUERY, {
+  } = useProduct(id, query, {
     initialData
   });
   const product = rawProduct;
@@ -1206,17 +1252,17 @@ var Root = ({ children }) => {
       showMetadata: true,
       "data-testid": "product-detail-page",
       children: [
-        /* @__PURE__ */ jsxs8(TwoColumnPage.Main, { "data-testid": "product-detail-main", children: [
+        /* @__PURE__ */ jsx8(TwoColumnPage.Main, { "data-testid": "product-detail-main", children: /* @__PURE__ */ jsxs8(WidgetZone, { id: "product.detail.main", data: product, children: [
           /* @__PURE__ */ jsx8(ProductActiveRequestSection, { product }),
           /* @__PURE__ */ jsx8(ProductActiveEditSection, { product }),
           /* @__PURE__ */ jsx8(ProductGeneralSection, { product }),
           /* @__PURE__ */ jsx8(ProductMediaSection, { product }),
           /* @__PURE__ */ jsx8(ProductVariantSection, { product })
-        ] }),
-        /* @__PURE__ */ jsxs8(TwoColumnPage.Sidebar, { "data-testid": "product-detail-sidebar", children: [
+        ] }) }),
+        /* @__PURE__ */ jsx8(TwoColumnPage.Sidebar, { "data-testid": "product-detail-sidebar", children: /* @__PURE__ */ jsxs8(WidgetZone, { id: "product.detail.side", data: product, children: [
           /* @__PURE__ */ jsx8(ProductOrganizationSection, { product }),
           /* @__PURE__ */ jsx8(ProductAttributeSection, { product })
-        ] })
+        ] }) })
       ]
     }
   );

package/dist/{chunk-PMVWIBTI.js → chunk-WRAOTX6G.js}

@@ -1,6 +1,6 @@
 import {
   InventoryItemGeneralSection
-} from "./chunk-LFKTHNWI.js";
+} from "./chunk-APAT344J.js";
 import {
   getFormattedCountry
 } from "./chunk-W6Y3PPU5.js";
@@ -20,23 +20,23 @@ import {
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
-import {
-  useQueryParams
-} from "./chunk-THHRRYRS.js";
 import {
   useStockLocations
-} from "./chunk-VXW3BCN2.js";
+} from "./chunk-IF2MFOIQ.js";
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-GLZLBHFC.js";
+} from "./chunk-UCA7UES2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -48,21 +48,23 @@ import {
   inventoryItemsQueryKeys,
   useInventoryItem,
   useInventoryItemLevels
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-QRN63LUS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-JTAECZCT.js";
 
 // src/pages/inventory/inventory-detail/inventory-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/inventory-detail/components/inventory-item-attributes/attributes-section.tsx
 import { Container, Heading } from "@medusajs/ui";
 import { PencilSquare } from "@medusajs/icons";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var InventoryItemAttributeSection = ({
@@ -104,12 +106,21 @@ var InventoryItemAttributeSection = ({
         value: getFormattedCountry(inventoryItem.origin_country),
         "data-testid": "inventory-item-country-of-origin-row"
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "inventory_item",
+        zone: "attributes",
+        data: inventoryItem
+      }
     )
   ] });
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-location-levels.tsx
 import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link } from "react-router-dom";
 
@@ -340,7 +351,15 @@ var InventoryItemLocationLevelsSection = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx4(ItemLocationListTable, { inventory_item_id: inventoryItem.id })
+        /* @__PURE__ */ jsx4(ItemLocationListTable, { inventory_item_id: inventoryItem.id }),
+        /* @__PURE__ */ jsx4(
+          DisplayExtensionZone2,
+          {
+            model: "inventory_item",
+            zone: "locations",
+            data: inventoryItem
+          }
+        )
       ]
     }
   );
@@ -348,6 +367,7 @@ var InventoryItemLocationLevelsSection = ({
 
 // src/pages/inventory/inventory-detail/components/inventory-item-reservations.tsx
 import { Button as Button2, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation7 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
 
@@ -591,13 +611,22 @@ var InventoryItemReservationsSection = ({
       /* @__PURE__ */ jsx9(Heading3, { "data-testid": "inventory-item-reservations-title", children: t("reservations.domain") }),
       /* @__PURE__ */ jsx9(Button2, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-reservation-button", children: /* @__PURE__ */ jsx9(Link2, { to: `/reservations/create?item_id=${inventoryItem.id}`, "data-testid": "inventory-create-reservation-link", children: t("actions.create") }) })
     ] }),
-    /* @__PURE__ */ jsx9(ReservationItemTable, { inventoryItem })
+    /* @__PURE__ */ jsx9(ReservationItemTable, { inventoryItem }),
+    /* @__PURE__ */ jsx9(
+      DisplayExtensionZone3,
+      {
+        model: "inventory_item",
+        zone: "reservations",
+        data: inventoryItem
+      }
+    )
   ] });
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-variants/variants-section.tsx
 import { TriangleRightMini } from "@medusajs/icons";
 import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import { Link as Link3 } from "react-router-dom";
 import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -633,7 +662,15 @@ var InventoryItemVariantsSection = ({
         },
         variant.id
       );
-    }) })
+    }) }),
+    /* @__PURE__ */ jsx10(
+      DisplayExtensionZone4,
+      {
+        model: "inventory_item",
+        zone: "variants",
+        data: variants
+      }
+    )
   ] });
 };
 
@@ -652,9 +689,7 @@ var Root = ({ children }) => {
     error
   } = useInventoryItem(
     id,
-    {
-      fields: INVENTORY_DETAIL_FIELDS
-    },
+    useLinkQuery("inventory_item", INVENTORY_DETAIL_FIELDS),
     {
       initialData
     }
@@ -674,7 +709,7 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx11(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: [
+    /* @__PURE__ */ jsx11(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.main", data: inventory_item, children: [
       /* @__PURE__ */ jsx11(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
       /* @__PURE__ */ jsx11(
         InventoryItemLocationLevelsSection,
@@ -683,8 +718,8 @@ var Root = ({ children }) => {
         }
       ),
       /* @__PURE__ */ jsx11(InventoryItemReservationsSection, { inventoryItem: inventory_item })
-    ] }),
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx11(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.side", data: inventory_item, children: [
       inventory_item.variants && inventory_item.variants?.length > 0 && /* @__PURE__ */ jsx11(
         InventoryItemVariantsSection,
         {
@@ -692,7 +727,7 @@ var Root = ({ children }) => {
         }
       ),
       /* @__PURE__ */ jsx11(InventoryItemAttributeSection, { inventoryItem: inventory_item })
-    ] })
+    ] }) })
   ] });
 };
 var InventoryDetailPage = Object.assign(Root, {