@mercurjs/admin 2.2.0-canary.40 → 2.2.0-canary.41

package/dist/{chunk-J3L2FUIA.js → chunk-5DAFNAZJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useSellersTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useSellers
 } from "./chunk-BILFRATX.js";
@@ -32,6 +32,7 @@ import {
 
 // src/pages/stores/store-list/store-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/stores/store-list/components/store-list-table/store-list-table.tsx
 import { Children as Children2 } from "react";
@@ -69,7 +70,10 @@ import { useNavigate } from "react-router-dom";
 import { Checkbox } from "@medusajs/ui";
 import { PencilSquare } from "@medusajs/icons";
 import { keepPreviousData } from "@tanstack/react-query";
-import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import {
+  createColumnHelper as createColumnHelper2
+} from "@tanstack/react-table";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
 
 // src/hooks/table/columns/use-seller-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
@@ -155,8 +159,12 @@ var StoreListDataTable = () => {
       placeholderData: keepPreviousData
     }
   );
-  const columns = useColumns();
-  const filters = useSellerTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const baseFilters = useSellerTableFilters();
+  const filters = useMemo2(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: sellers ?? [],
     columns,
@@ -224,40 +232,48 @@ var StoreActions = ({ seller }) => {
 };
 var useColumns = () => {
   const base = useSellersTableColumns();
-  return useMemo2(
-    () => [
-      columnHelper2.display({
-        id: "select",
-        header: ({ table }) => {
-          return /* @__PURE__ */ jsx4(
-            Checkbox,
-            {
-              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
-              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+  const selectColumn = useMemo2(
+    () => columnHelper2.display({
+      id: "select",
+      header: ({ table }) => {
+        return /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        );
+      },
+      cell: ({ row }) => {
+        return /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => {
+              e.stopPropagation();
             }
-          );
-        },
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsx4(
-            Checkbox,
-            {
-              checked: row.getIsSelected(),
-              onCheckedChange: (value) => row.toggleSelected(!!value),
-              onClick: (e) => {
-                e.stopPropagation();
-              }
-            }
-          );
-        }
-      }),
-      ...base,
+          }
+        );
+      }
+    }),
+    []
+  );
+  const { columns: extended, filters } = useExtendableTable({
+    model: "store",
+    columns: [selectColumn, ...base]
+  });
+  const columns = useMemo2(
+    () => [
+      ...extended,
       columnHelper2.display({
         id: "actions",
         cell: ({ row }) => /* @__PURE__ */ jsx4(StoreActions, { seller: row.original })
       })
     ],
-    [base]
+    [extended]
   );
+  return { columns, filters };
 };
 
 // src/pages/stores/store-list/components/store-list-table/store-list-table.tsx
@@ -272,7 +288,7 @@ var StoreListTable = ({ children }) => {
 // src/pages/stores/store-list/store-list.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx6(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(StoreListTable, {}) });
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx6(WidgetZone, { id: "stores.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(StoreListTable, {}) }) });
 };
 var StoreListPage = Object.assign(Root, {
   Table: StoreListTable,

package/dist/{chunk-BLR3NTU6.js → chunk-5PNM6QNB.js}

@@ -381,6 +381,8 @@ var CreateCategoryForm = ({
   return /* @__PURE__ */ jsx3(
     TabbedForm,
     {
+      model: "category",
+      zone: "create",
       form,
       onSubmit: handleSubmit,
       isLoading: isPending,

package/dist/{chunk-GCU4LHGY.js → chunk-5UT374IW.js}

@@ -1,6 +1,6 @@
 import {
   ProductMediaSection
-} from "./chunk-BVIIRGSW.js";
+} from "./chunk-F3F4JC7E.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useSeller
 } from "./chunk-BILFRATX.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 } 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);
@@ -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();
@@ -1206,17 +1251,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-BTJR5RSV.js → chunk-7U2JJYMP.js}

@@ -12,10 +12,10 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";
@@ -47,11 +47,13 @@ import {
 // src/pages/price-lists/price-list-detail/price-list-detail.tsx
 import { Children } from "react";
 import { useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/price-lists/price-list-detail/components/price-list-configuration-section/price-list-configuration-section.tsx
 import { PencilSquare } from "@medusajs/icons";
 import { Container, Heading } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var PriceListConfigurationSection = ({
   priceList
@@ -89,6 +91,14 @@ var PriceListConfigurationSection = ({
         showTime: true,
         "data-testid": "price-list-configuration-section-date-range"
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "price_list",
+        zone: "configuration",
+        data: priceList
+      }
     )
   ] });
 };
@@ -129,6 +139,7 @@ var CustomerGroupDisplay = ({
 import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, StatusBadge, Text } from "@medusajs/ui";
 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 PriceListGeneralSection = ({
   priceList
@@ -138,11 +149,18 @@ var PriceListGeneralSection = ({
   const { color, text } = getPriceListStatus(t, priceList);
   const handleDelete = useDeletePriceListAction({ priceList });
   const type = priceList.type === "sale" ? t("priceLists.fields.type.options.sale.label") : t("priceLists.fields.type.options.override.label");
+  const GENERAL_FIELD_IDS = [
+    "title",
+    "status",
+    "type",
+    "description",
+    "price_overrides"
+  ];
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "price-list-general-section-container", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "price-list-general-section-header", children: [
-      /* @__PURE__ */ jsx2(Heading2, { "data-testid": "price-list-general-section-title", children: priceList.title }),
+      /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "title", data: priceList, children: /* @__PURE__ */ jsx2(Heading2, { "data-testid": "price-list-general-section-title", children: priceList.title }) }),
       /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx2(StatusBadge, { color, "data-testid": "price-list-general-section-status", children: text }),
+        /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "status", data: priceList, children: /* @__PURE__ */ jsx2(StatusBadge, { color, "data-testid": "price-list-general-section-status", children: text }) }),
         /* @__PURE__ */ jsx2(
           ActionMenu,
           {
@@ -171,18 +189,19 @@ var PriceListGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-type", children: [
+    /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "type", data: priceList, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-type", children: [
       /* @__PURE__ */ jsx2(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-type-label", children: t("fields.type") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-type-value", children: type })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-description", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "description", data: priceList, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-description", children: [
       /* @__PURE__ */ jsx2(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-description-label", children: t("fields.description") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-description-value", children: priceList.description })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-price-overrides", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "price_list", zone: "general", id: "price_overrides", data: priceList, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-price-overrides", children: [
       /* @__PURE__ */ jsx2(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-price-overrides-label", children: t("priceLists.fields.priceOverrides.label") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-price-overrides-value", children: overrideCount || "-" })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone2, { model: "price_list", zone: "general", data: priceList, builtInFieldIds: GENERAL_FIELD_IDS })
   ] });
 };
 
@@ -194,6 +213,7 @@ import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var PREFIX = "p";
@@ -333,6 +353,14 @@ var PriceListProductSection = ({
         queryObject: raw,
         "data-testid": "price-list-product-section-table"
       }
+    ),
+    /* @__PURE__ */ jsx3(
+      DisplayExtensionZone3,
+      {
+        model: "price_list",
+        zone: "products",
+        data: priceList
+      }
     )
   ] });
 };
@@ -450,11 +478,11 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx4(TwoColumnPage, { data: price_list, showJSON: true, "data-testid": "price-list-detail-page", children }) : /* @__PURE__ */ jsxs4(TwoColumnPage, { data: price_list, showJSON: true, "data-testid": "price-list-detail-page", children: [
-    /* @__PURE__ */ jsxs4(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx4(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs4(WidgetZone, { id: "price-lists.detail.main", data: price_list, children: [
       /* @__PURE__ */ jsx4(PriceListGeneralSection, { priceList: price_list }),
       /* @__PURE__ */ jsx4(PriceListProductSection, { priceList: price_list })
-    ] }),
-    /* @__PURE__ */ jsx4(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx4(PriceListConfigurationSection, { priceList: price_list }) })
+    ] }) }),
+    /* @__PURE__ */ jsx4(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "price-lists.detail.side", data: price_list, children: /* @__PURE__ */ jsx4(PriceListConfigurationSection, { priceList: price_list }) }) })
   ] });
 };
 var PriceListDetailPage = Object.assign(Root, {

package/dist/{chunk-2Z2M5K5A.js → chunk-ADTYNS4J.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useProductTagTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   _DataTable,
   useDataTable

package/dist/chunk-APAT344J.js

@@ -0,0 +1,144 @@
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/inventory/inventory-detail/components/inventory-item-general-section.tsx
+import { Container, Heading } from "@medusajs/ui";
+import { PencilSquare } from "@medusajs/icons";
+import { useTranslation } from "react-i18next";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InventoryItemGeneralSection = ({
+  inventoryItem
+}) => {
+  const { t } = useTranslation();
+  const getQuantityFormat = (quantity) => {
+    if (quantity !== void 0 && !isNaN(quantity)) {
+      return t("inventory.quantityAcrossLocations", {
+        quantity,
+        locations: inventoryItem.location_levels?.length
+      });
+    }
+    return "-";
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "inventory-item-general-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-general-header", children: [
+      /* @__PURE__ */ jsx(
+        DisplayField,
+        {
+          model: "inventory_item",
+          zone: "general",
+          id: "title",
+          data: inventoryItem,
+          children: /* @__PURE__ */ jsxs(Heading, { "data-testid": "inventory-item-general-title", children: [
+            inventoryItem.title ?? inventoryItem.sku,
+            " ",
+            t("fields.details")
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                  label: t("actions.edit"),
+                  to: "edit"
+                }
+              ]
+            }
+          ],
+          "data-testid": "inventory-item-general-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "sku",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(SectionRow, { title: t("fields.sku"), value: inventoryItem.sku ?? "-", "data-testid": "inventory-item-sku-row" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "stocked_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("fields.inStock"),
+            value: getQuantityFormat(inventoryItem.stocked_quantity),
+            "data-testid": "inventory-item-in-stock-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "reserved_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reserved"),
+            value: getQuantityFormat(inventoryItem.reserved_quantity),
+            "data-testid": "inventory-item-reserved-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "available_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.available"),
+            value: getQuantityFormat(
+              inventoryItem.stocked_quantity - inventoryItem.reserved_quantity
+            ),
+            "data-testid": "inventory-item-available-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "inventory_item",
+        zone: "general",
+        data: inventoryItem,
+        builtInFieldIds: [
+          "title",
+          "sku",
+          "stocked_quantity",
+          "reserved_quantity",
+          "available_quantity"
+        ]
+      }
+    )
+  ] });
+};
+
+export {
+  InventoryItemGeneralSection
+};

package/dist/{chunk-NWSKT55Z.js → chunk-BQWSY6FS.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-RQQ53CQJ.js";
 import {
   useReturnReasonTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   _DataTable,
   useDataTable