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

package/dist/{chunk-NOKCLBAL.js → chunk-4TNOZ4VH.js}

@@ -15,6 +15,7 @@ import {
 // src/pages/users/user-detail/user-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/users/user-detail/components/user-general-section/user-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -108,7 +109,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(UserGeneralSection, { user }) });
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(WidgetZone, { id: "users.detail.main", data: user, children: /* @__PURE__ */ jsx2(UserGeneralSection, { user }) }) });
 };
 var UserDetailPage = Object.assign(Root, {
   GeneralSection: UserGeneralSection

package/dist/{chunk-FICKHCWL.js → chunk-4TW5RTWO.js}

@@ -7,10 +7,10 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   NoRecords
-} from "./chunk-PAYQJPGK.js";
+} from "./chunk-7PPT3477.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -211,6 +211,7 @@ var OfferPricingSection = ({ offer }) => {
 // src/pages/offers/[id]/_components/offer-store-sidebar.tsx
 import { TriangleRightMini } from "@medusajs/icons";
 import { Avatar, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link } from "react-router-dom";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -268,7 +269,8 @@ var OfferStoreSidebar = ({ seller }) => {
         "data-testid": "offer-detail-store-link",
         children: Inner
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone, { model: "offer", zone: "store", data: seller })
   ] });
 };
 

package/dist/{chunk-6DJQITWV.js → chunk-5CHUXS7G.js}

@@ -20,7 +20,7 @@ import {
 import {
   useCampaign,
   useUpdatePromotion
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-MTHPNKQ4.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";

package/dist/{chunk-QDUZCJ7F.js → chunk-5EOYDQAS.js}

@@ -1,6 +1,6 @@
 import {
   useDeletePriceList
-} from "./chunk-LSMTJU6Y.js";
+} from "./chunk-G2LHEJLS.js";
 
 // src/pages/price-lists/common/hooks/use-delete-price-list-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-CNODWD3F.js → chunk-5NAX6LXB.js}

@@ -7,12 +7,12 @@ import {
 import {
   getFormattedAddress
 } from "./chunk-W6Y3PPU5.js";
-import {
-  PlaceholderCell
-} from "./chunk-PHOCVOZ5.js";
 import {
   DataTable
 } from "./chunk-C4XKPQ6T.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
@@ -34,6 +34,7 @@ import {
 import { Children } from "react";
 import { ShoppingBag, TruckFast } from "@medusajs/icons";
 import { Container, Heading } from "@medusajs/ui";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 
 // src/pages/locations/location-list/constants.ts
@@ -339,7 +340,7 @@ var LinksSection = () => {
 };
 var Root = ({ children }) => {
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(TwoColumnPage, { showJSON: true, children }) : /* @__PURE__ */ jsxs2(TwoColumnPage, { showJSON: true, children: [
-    /* @__PURE__ */ jsx3(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx3(LocationListContent, {}) }),
+    /* @__PURE__ */ jsx3(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx3(WidgetZone, { id: "locations.list", children: /* @__PURE__ */ jsx3(LocationListContent, {}) }) }),
     /* @__PURE__ */ jsx3(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx3(LinksSection, {}) })
   ] });
 };

package/dist/{chunk-BFUHW56P.js → chunk-5NC3VFXY.js}

@@ -19,7 +19,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 
 // src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
 import { Button as Button2, Checkbox } from "@medusajs/ui";

package/dist/{chunk-H7NIKMPE.js → chunk-5NSOIZFB.js}

@@ -3,11 +3,13 @@ import {
 } from "./chunk-THHRRYRS.js";
 
 // src/hooks/table/query/use-product-table-query.tsx
+import { useExtension, withLinkFields } from "@mercurjs/dashboard-shared";
 var DEFAULT_FIELDS = "id,title,handle,status,*collection,*categories,variants.id,thumbnail";
 var useProductTableQuery = ({
   prefix,
   pageSize = 20
 }) => {
+  const links = useExtension().getLinks("product");
   const queryObject = useQueryParams(
     [
       "offset",
@@ -48,7 +50,7 @@ var useProductTableQuery = ({
     type_id: type_id?.split(","),
     status: status?.split(","),
     q,
-    fields: DEFAULT_FIELDS
+    fields: withLinkFields(DEFAULT_FIELDS, links)
   };
   return {
     searchParams,

package/dist/{chunk-RIO2IHPE.js → chunk-67KYEPSA.js}

@@ -1,6 +1,6 @@
 import {
   i18n
-} from "./chunk-F2SZ4LPF.js";
+} from "./chunk-R2LW5LGL.js";
 
 // src/lib/promotions.ts
 var getPromotionStatusMap = () => ({

package/dist/{chunk-EOSJHPHN.js → chunk-6DDS7IRR.js}

@@ -7,13 +7,13 @@ import {
 import {
   useAttributeTableQuery
 } from "./chunk-4YWKKCTT.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   productAttributesQueryKeys,
   useDeleteProductAttribute,
@@ -45,6 +45,7 @@ var attributeListLoader = async (_args) => {
 
 // src/pages/attributes/attribute-list/attribute-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/attributes/attribute-list/components/attribute-list-view/attribute-list-view.tsx
 import { Children as Children2 } from "react";
@@ -388,7 +389,7 @@ var AttributeListView = ({
 // src/pages/attributes/attribute-list/attribute-list.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx5(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(AttributeListView, {}) });
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: /* @__PURE__ */ jsx5(WidgetZone, { id: "attributes.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(AttributeListView, {}) }) });
 };
 var AttributeListPage = Object.assign(Root, {
   Table: AttributeListView,

package/dist/{chunk-XW2BES72.js → chunk-6R767EBC.js}

@@ -25,7 +25,7 @@ import {
 } from "./chunk-E74OUNA3.js";
 import {
   NoRecords
-} from "./chunk-PAYQJPGK.js";
+} from "./chunk-7PPT3477.js";
 import {
   useDeleteFulfillmentServiceZone,
   useDeleteFulfillmentSet
@@ -44,7 +44,7 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannels
-} from "./chunk-MW47LDBT.js";
+} from "./chunk-ZOTBKQLG.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -651,6 +651,9 @@ function LocationsSalesChannelsSection({
 }
 var locations_sales_channels_section_default = LocationsSalesChannelsSection;
 
+// src/pages/locations/location-detail/location-detail.tsx
+import { WidgetZone } from "@mercurjs/dashboard-shared";
+
 // src/pages/locations/location-detail/components/location-fulfillment-providers-section/location-fulfillment-providers-section.tsx
 import { HandTruck, PencilSquare as PencilSquare3 } from "@medusajs/icons";
 import { Container as Container3, Heading as Heading3 } from "@medusajs/ui";
@@ -749,11 +752,11 @@ var Root = ({ children }) => {
       hasOutlet: true,
       "data-testid": "location-detail-page",
       children: [
-        /* @__PURE__ */ jsx4(TwoColumnPage.Main, { "data-testid": "location-detail-main", children: /* @__PURE__ */ jsx4(LocationGeneralSection, { location }) }),
-        /* @__PURE__ */ jsxs4(TwoColumnPage.Sidebar, { "data-testid": "location-detail-sidebar", children: [
+        /* @__PURE__ */ jsx4(TwoColumnPage.Main, { "data-testid": "location-detail-main", children: /* @__PURE__ */ jsx4(WidgetZone, { id: "locations.detail.main", data: location, children: /* @__PURE__ */ jsx4(LocationGeneralSection, { location }) }) }),
+        /* @__PURE__ */ jsx4(TwoColumnPage.Sidebar, { "data-testid": "location-detail-sidebar", children: /* @__PURE__ */ jsxs4(WidgetZone, { id: "locations.detail.side", data: location, children: [
           /* @__PURE__ */ jsx4(locations_sales_channels_section_default, { location }),
           /* @__PURE__ */ jsx4(location_fulfillment_providers_section_default, { location })
-        ] })
+        ] }) })
       ]
     }
   );

package/dist/{chunk-EGHDC6K6.js → chunk-6S5RUSUU.js}

@@ -1,19 +1,19 @@
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-APMBU7ZV.js";
 import {
   useProductTableQuery
-} from "./chunk-H7NIKMPE.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-5NSOIZFB.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -21,17 +21,18 @@ import {
   useDeleteSalesChannel,
   useSalesChannel,
   useSalesChannelRemoveProducts
-} from "./chunk-MW47LDBT.js";
+} from "./chunk-ZOTBKQLG.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/sales-channels/sales-channel-detail/sales-channel-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/sales-channels/sales-channel-detail/components/sales-channel-general-section/sales-channel-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -345,10 +346,10 @@ var Root = ({ children }) => {
   if (isLoading || !sales_channel) {
     return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: sales_channel, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { showJSON: true, showMetadata: true, data: sales_channel, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: sales_channel, children }) : /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: sales_channel, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "sales-channels.detail.main", data: sales_channel, children: [
     /* @__PURE__ */ jsx3(SalesChannelGeneralSection, { salesChannel: sales_channel }),
     /* @__PURE__ */ jsx3(SalesChannelProductSection, { salesChannel: sales_channel })
-  ] });
+  ] }) });
 };
 var SalesChannelDetailPage = Object.assign(Root, {
   GeneralSection: SalesChannelGeneralSection,

package/dist/{chunk-TDJSZ73V.js → chunk-6TMGHMZ2.js}

@@ -4,33 +4,35 @@ import {
 import {
   PlaceholderCell
 } from "./chunk-PHOCVOZ5.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useStockLocations
 } from "./chunk-VXW3BCN2.js";
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-GLZLBHFC.js";
+} from "./chunk-WX4ABVXL.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/reservations/reservation-list/reservation-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/reservations/reservation-list/components/reservation-list-table/reservation-list-table.tsx
 import { Button, Container, Heading, Text } from "@medusajs/ui";
-import { Children } from "react";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
+import { Children, useMemo as useMemo2 } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
 
@@ -255,10 +257,15 @@ var ReservationListDataTable = () => {
     pageSize: PAGE_SIZE
   });
   const { reservations, count, isPending, isError, error } = useReservationItems({
-    ...searchParams
+    ...searchParams,
+    ...useLinkQuery("reservation")
   });
-  const filters = useReservationTableFilters();
-  const columns = useReservationTableColumns();
+  const baseFilters = useReservationTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo2(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: reservations || [],
     columns,
@@ -286,6 +293,27 @@ var ReservationListDataTable = () => {
     }
   );
 };
+var useColumns = () => {
+  const base = useReservationTableColumns();
+  const actionsColumn = base.filter(
+    (c) => c.id === "actions"
+  );
+  const dataColumns = base.filter(
+    (c) => c.id !== "actions"
+  );
+  const { columns: extended, filters } = useExtendableTable({
+    model: "reservation",
+    columns: dataColumns
+  });
+  const columns = useMemo2(
+    () => [
+      ...extended,
+      ...actionsColumn
+    ],
+    [extended, actionsColumn]
+  );
+  return { columns, filters };
+};
 var ReservationListTable = ({ children }) => {
   return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx3(ReservationListHeader, {}),
@@ -296,7 +324,7 @@ var ReservationListTable = ({ children }) => {
 // src/pages/reservations/reservation-list/reservation-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(ReservationListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(WidgetZone, { id: "reservation.list", children: /* @__PURE__ */ jsx4(ReservationListTable, {}) }) });
 };
 var ReservationListPage = Object.assign(Root, {
   Table: ReservationListTable,

package/dist/{chunk-CW3HYGS5.js → chunk-7CQD5AQ6.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductCategory
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-QVIX6O76.js";
 
 // src/pages/categories/common/hooks/use-delete-product-category-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";
@@ -25,11 +25,7 @@ var useDeleteProductCategoryAction = (category) => {
     }
     await mutateAsync(void 0, {
       onSuccess: () => {
-        toast.success(
-          t("categories.delete.successToast", {
-            name: category.name
-          })
-        );
+        toast.success(t("categories.delete.successToast"));
         navigate("/categories", {
           replace: true
         });

package/dist/{chunk-JSVYNNPF.js → chunk-7IGLZARZ.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-G5KNNOXX.js";
 import {
   useSellers
-} from "./chunk-BILFRATX.js";
+} from "./chunk-SAU35JEB.js";
 import {
   useProductCategories
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-QVIX6O76.js";
 
 // src/pages/commissions/common/hooks/use-delete-commission-rule-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-PAYQJPGK.js → chunk-7PPT3477.js}

@@ -10,7 +10,7 @@ var NoResults = ({ title, message, className }) => {
     "div",
     {
       className: clx(
-        "flex h-[400px] w-full items-center justify-center",
+        "flex min-h-[400px] size-full items-center justify-center",
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-2", children: [
@@ -40,7 +40,7 @@ var NoRecords = ({
     "div",
     {
       className: clx(
-        "flex h-[400px] w-full flex-col items-center justify-center gap-y-4",
+        "flex min-h-[400px] size-full flex-col items-center justify-center gap-y-4",
         className
       ),
       children: [

package/dist/{chunk-JLCA6PWC.js → chunk-AASCLZ5N.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-FWJLS7XD.js";
 import {
   useCreateCampaign
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-MTHPNKQ4.js";
 
 // src/pages/campaigns/campaign-create/components/create-campaign-form/create-campaign-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";

package/dist/{chunk-RGS5ZOY7.js → chunk-AFYILTAC.js}

@@ -26,7 +26,7 @@ var customerGroupsQueryKeys = queryKeysFactory(
 var useCustomerGroup = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.customerGroups.$id.query({ $id: id, ...query }),
-    queryKey: customerGroupsQueryKeys.detail(id),
+    queryKey: customerGroupsQueryKeys.detail(id, query),
     ...options
   });
   return { ...data, ...rest };
@@ -147,7 +147,7 @@ var customerAddressesQueryKeys = queryKeysFactory(
 );
 var useCustomer = (id, query, options) => {
   const { data, ...rest } = useQuery2({
-    queryKey: customersQueryKeys.detail(id),
+    queryKey: customersQueryKeys.detail(id, query),
     queryFn: () => sdk.admin.customers.$id.query({ $id: id, ...query }),
     ...options
   });
@@ -271,13 +271,14 @@ var useCustomerAddress = (id, addressId, options) => {
       $id: id,
       $addressId: addressId
     }),
-    queryKey: customerAddressesQueryKeys.detail(id),
+    queryKey: customerAddressesQueryKeys.detail(addressId),
     ...options
   });
   return { ...data, ...rest };
 };
 
 export {
+  customersQueryKeys,
   useCustomer,
   useCustomers,
   useCreateCustomer,

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-4346EIRG.js → chunk-APMBU7ZV.js}

@@ -1,6 +1,6 @@
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useProductTags
 } from "./chunk-ABS7HMLY.js";
@@ -9,10 +9,10 @@ import {
 } from "./chunk-EWFOFSF7.js";
 import {
   useCollections
-} from "./chunk-BNFTJW4L.js";
+} from "./chunk-FVG5DTS6.js";
 import {
   useProductCategories
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-QVIX6O76.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";