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

package/dist/{chunk-6BWJWA2F.js → chunk-WF2PHYTE.js}

@@ -7,13 +7,13 @@ import {
 import {
   useRegionTableQuery
 } from "./chunk-7SVLKK6Q.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useDeleteRegion,
   useRegions
@@ -24,6 +24,7 @@ import {
 
 // src/pages/regions/region-list/region-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/regions/region-list/components/region-list-view/region-list-view.tsx
 import { Children as Children2 } from "react";
@@ -230,7 +231,7 @@ var RegionListView = ({
 // src/pages/regions/region-list/region-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RegionListView, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "regions.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RegionListView, {}) }) });
 };
 var RegionListPage = Object.assign(Root, {
   Table: RegionListView,

package/dist/{chunk-GLZLBHFC.js → chunk-WX4ABVXL.js}

@@ -1,7 +1,7 @@
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -23,7 +23,7 @@ var reservationItemsQueryKeys = queryKeysFactory(
 );
 var useReservationItem = (id, query, options) => {
   const { data, ...rest } = useQuery({
-    queryKey: reservationItemsQueryKeys.detail(id),
+    queryKey: reservationItemsQueryKeys.detail(id, query),
     queryFn: () => sdk.admin.reservations.$id.query({ $id: id, ...query }),
     ...options
   });

package/dist/{chunk-VPYI4X6C.js → chunk-X4SSIHH7.js}

@@ -3,23 +3,23 @@ import {
 } from "./chunk-QG6PLWNH.js";
 import {
   useCustomerTableFilters
-} from "./chunk-HGTPUAHD.js";
+} from "./chunk-DUVYF37J.js";
 import {
   useCustomerTableQuery
 } from "./chunk-GRH7C3QN.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useCustomerGroup,
   useCustomers,
   useDeleteCustomerGroup,
   useRemoveCustomersFromGroup
-} from "./chunk-RGS5ZOY7.js";
+} from "./chunk-AFYILTAC.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -30,10 +30,12 @@ import {
 // src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/customer-groups/customer-group-detail/components/customer-group-customer-section/customer-group-customer-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Button, Checkbox, Container, Heading, usePrompt } from "@medusajs/ui";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -131,6 +133,14 @@ var CustomerGroupCustomerSection = ({
           message: t("customerGroups.customers.list.noRecordsMessage")
         }
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "customer_group",
+        zone: "customers",
+        data: group
+      }
     )
   ] });
 };
@@ -235,6 +245,7 @@ var useColumns = () => {
 // src/pages/customer-groups/customer-group-detail/components/customer-group-general-section/customer-group-general-section.tsx
 import { PencilSquare as PencilSquare2, Trash as Trash2 } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, Text, toast, usePrompt as usePrompt2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -273,7 +284,7 @@ var CustomerGroupGeneralSection = ({
   };
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "customer-group-general-section", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-group-general-section-header", children: [
-      /* @__PURE__ */ jsx2(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }),
+      /* @__PURE__ */ jsx2(DisplayField, { model: "customer_group", zone: "general", id: "name", data: group, children: /* @__PURE__ */ jsx2(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }) }),
       /* @__PURE__ */ jsx2(
         ActionMenu,
         {
@@ -301,14 +312,23 @@ var CustomerGroupGeneralSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-customers-row", children: [
+    /* @__PURE__ */ jsx2(DisplayField, { model: "customer_group", zone: "general", id: "customers", data: group, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-customers-row", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-group-general-section-customers-label", children: t("customers.domain") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "customer-group-general-section-customers-value", children: group.customers?.length || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-owner-row", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "customer_group", zone: "general", id: "owner", data: group, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-group-general-section-owner-row", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-group-general-section-owner-label", children: t("fields.owner") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "customer-group-general-section-owner-value", children: group.seller?.name || "-" })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone2,
+      {
+        model: "customer_group",
+        zone: "general",
+        data: group,
+        builtInFieldIds: ["name", "customers", "owner"]
+      }
+    )
   ] });
 };
 
@@ -320,11 +340,10 @@ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
+  const query = useLinkQuery("customer_group", CUSTOMER_GROUP_DETAIL_FIELDS);
   const { customer_group, isLoading, isError, error } = useCustomerGroup(
     id,
-    {
-      fields: CUSTOMER_GROUP_DETAIL_FIELDS
-    },
+    query,
     { initialData }
   );
   if (isLoading || !customer_group) {
@@ -333,10 +352,10 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children }) : /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "customer-groups.detail.main", data: customer_group, children: [
     /* @__PURE__ */ jsx3(CustomerGroupGeneralSection, { group: customer_group }),
     /* @__PURE__ */ jsx3(CustomerGroupCustomerSection, { group: customer_group })
-  ] });
+  ] }) });
 };
 var CustomerGroupDetailPage = Object.assign(Root, {
   GeneralSection: CustomerGroupGeneralSection,

package/dist/{chunk-VJ4LQXMA.js → chunk-XDMCPTDG.js}

@@ -10,7 +10,7 @@ import {
   decorateVariantsWithDefaultValues,
   generateVariantsFromAttributes,
   normalizeProductFormValues
-} from "./chunk-3BTRS4AA.js";
+} from "./chunk-3FKB6UTO.js";
 import {
   HandleInput
 } from "./chunk-HJ56YXBU.js";
@@ -20,12 +20,9 @@ import {
 import {
   useAttributeTableQuery
 } from "./chunk-4YWKKCTT.js";
-import {
-  DataTable
-} from "./chunk-C4XKPQ6T.js";
 import {
   SingleCategoryCombobox
-} from "./chunk-OPSGADQI.js";
+} from "./chunk-DP6YFZHP.js";
 import {
   useComboboxData
 } from "./chunk-5KGMGL4N.js";
@@ -58,7 +55,11 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useProductAttributes
 } from "./chunk-F5NW4XBU.js";
@@ -73,10 +74,10 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannel
-} from "./chunk-MW47LDBT.js";
+} from "./chunk-ZOTBKQLG.js";
 import {
   useCreateProduct
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   sdk
 } from "./chunk-LXZXXOJ3.js";
@@ -118,14 +119,13 @@ import {
 import { useTranslation as useTranslation2 } from "react-i18next";
 
 // src/pages/products/product-create/components/product-create-attributes-form/product-create-add-attributes-modal.tsx
+import { Badge, Button, Checkbox } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
 import {
-  Badge,
-  Button,
-  createDataTableColumnHelper
-} from "@medusajs/ui";
+  createColumnHelper
+} from "@tanstack/react-table";
 import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { keepPreviousData } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ADD_ATTRIBUTES_MODAL_ID = "add-attributes";
 var PAGE_SIZE = 20;
@@ -142,12 +142,10 @@ var ProductCreateAddAttributesModal = () => {
   const { t } = useTranslation();
   const { getValues, setValue } = form;
   const { setIsOpen, getIsOpen } = useStackedModal();
-  const [rowSelection, setRowSelection] = useState(
-    {}
-  );
-  const [state, setState] = useState([]);
+  const [rowSelection, setRowSelection] = useState({});
+  const [selected, setSelected] = useState([]);
   const categoryId = form.watch("category_id");
-  const { searchParams } = useAttributeTableQuery({
+  const { searchParams, raw } = useAttributeTableQuery({
     pageSize: PAGE_SIZE,
     prefix: ADD_ATTRIBUTES_MODAL_ID
   });
@@ -166,12 +164,14 @@ var ProductCreateAddAttributesModal = () => {
     const attributes = getValues("attributes") ?? [];
     const existing = attributes.filter((a) => a.attribute_id);
     const selection = {};
-    const stateEntries = [];
+    const entries = [];
     for (const a of existing) {
       if (a.attribute_id) {
         selection[a.attribute_id] = true;
-        const apiAttr = product_attributes?.find((pa) => pa.id === a.attribute_id);
-        stateEntries.push({
+        const apiAttr = product_attributes?.find(
+          (pa) => pa.id === a.attribute_id
+        );
+        entries.push({
           id: a.attribute_id,
           name: a.title,
           values: Array.isArray(a.values) ? a.values : a.values ? [a.values] : [],
@@ -185,7 +185,7 @@ var ProductCreateAddAttributesModal = () => {
       for (const attr of product_attributes) {
         if (attr.is_required && !selection[attr.id]) {
           selection[attr.id] = true;
-          stateEntries.push({
+          entries.push({
             id: attr.id,
             name: attr.name,
             values: [],
@@ -197,9 +197,10 @@ var ProductCreateAddAttributesModal = () => {
       }
     }
     setRowSelection(selection);
-    setState(stateEntries);
+    setSelected(entries);
   }, [open, getValues, product_attributes]);
-  const onRowSelectionChange = (next) => {
+  const updater = (fn) => {
+    const next = typeof fn === "function" ? fn(rowSelection) : fn;
     if (product_attributes) {
       for (const attr of product_attributes) {
         if (attr.is_required) {
@@ -207,24 +208,20 @@ var ProductCreateAddAttributesModal = () => {
         }
       }
     }
-    const ids = Object.keys(next);
-    const addedIdsSet = new Set(
-      ids.filter((id) => next[id] && !rowSelection[id])
+    const addedIds = new Set(
+      Object.keys(next).filter((id) => next[id] && !rowSelection[id])
     );
-    let addedAttributes = [];
-    if (addedIdsSet.size > 0) {
-      addedAttributes = product_attributes?.filter((attr) => addedIdsSet.has(attr.id)).map((attr) => ({
-        id: attr.id,
-        name: attr.name,
-        values: [],
-        is_variant_axis: attr.is_variant_axis,
-        type: attr.type,
-        available_values: attr.values?.map((v) => ({ id: v.id, name: v.name })) ?? []
-      })) ?? [];
-    }
-    setState((prev) => {
-      const filteredPrev = prev.filter((a) => next[a.id]);
-      return Array.from(/* @__PURE__ */ new Set([...filteredPrev, ...addedAttributes]));
+    const addedAttributes = addedIds.size > 0 ? product_attributes?.filter((attr) => addedIds.has(attr.id)).map((attr) => ({
+      id: attr.id,
+      name: attr.name,
+      values: [],
+      is_variant_axis: attr.is_variant_axis,
+      type: attr.type,
+      available_values: attr.values?.map((v) => ({ id: v.id, name: v.name })) ?? []
+    })) ?? [] : [];
+    setSelected((prev) => {
+      const kept = prev.filter((a) => next[a.id]);
+      return Array.from(/* @__PURE__ */ new Set([...kept, ...addedAttributes]));
     });
     setRowSelection(next);
   };
@@ -234,7 +231,7 @@ var ProductCreateAddAttributesModal = () => {
     const requiredIds = new Set(
       product_attributes?.filter((a) => a.is_required).map((a) => a.id) ?? []
     );
-    const selectedAttributes = state.map((a) => ({
+    const selectedAttributes = selected.map((a) => ({
       attribute_id: a.id,
       title: a.name,
       values: a.values,
@@ -252,28 +249,42 @@ var ProductCreateAddAttributesModal = () => {
   };
   const filters = useAttributeTableFilters();
   const columns = useColumns();
+  const { table } = useDataTable({
+    data: product_attributes ?? [],
+    columns,
+    count,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE,
+    enablePagination: true,
+    enableRowSelection: (row) => !row.original.is_required,
+    rowSelection: { state: rowSelection, updater },
+    prefix: ADD_ATTRIBUTES_MODAL_ID
+  });
   if (isError) {
     throw error;
   }
   return /* @__PURE__ */ jsxs(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ jsx(StackedFocusModal.Header, {}),
-    /* @__PURE__ */ jsx(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
-      DataTable,
+    /* @__PURE__ */ jsx(StackedFocusModal.Body, { className: "flex size-full flex-col overflow-hidden", children: /* @__PURE__ */ jsx(
+      _DataTable,
       {
-        data: product_attributes,
+        table,
         columns,
-        filters,
-        rowCount: count,
+        count,
         pageSize: PAGE_SIZE,
-        getRowId: (row) => row.id,
-        rowSelection: {
-          state: rowSelection,
-          onRowSelectionChange,
-          enableRowSelection: (row) => !row.original.is_required
-        },
         isLoading,
+        filters,
+        orderBy: [
+          { key: "name", label: t("attributes.fields.name") },
+          { key: "created_at", label: t("fields.createdAt") },
+          { key: "updated_at", label: t("fields.updatedAt") }
+        ],
+        queryObject: raw,
+        prefix: ADD_ATTRIBUTES_MODAL_ID,
         layout: "fill",
-        prefix: ADD_ATTRIBUTES_MODAL_ID
+        pagination: true,
+        search: true,
+        noRecords: { message: t("attributes.list.noRecordsMessage") }
       }
     ) }),
     /* @__PURE__ */ jsx(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -282,28 +293,43 @@ var ProductCreateAddAttributesModal = () => {
     ] }) })
   ] });
 };
-var columnHelper = createDataTableColumnHelper();
+var columnHelper = createColumnHelper();
 var useColumns = () => {
   const { t } = useTranslation();
   return useMemo(
     () => [
-      columnHelper.select(),
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            disabled: !row.getCanSelect(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => e.stopPropagation()
+          }
+        )
+      }),
       columnHelper.accessor("name", {
-        header: t("attributes.fields.name"),
-        enableSorting: false
+        header: t("attributes.fields.productAttribute")
       }),
       columnHelper.accessor("handle", {
         header: t("attributes.fields.handle"),
         cell: (info) => {
           const handle = info.getValue();
           return handle ? `/${handle}` : "-";
-        },
-        enableSorting: false
+        }
       }),
       columnHelper.accessor("is_required", {
         header: t("attributes.fields.required"),
-        cell: (info) => info.getValue() ? t("filters.radio.yes") : t("filters.radio.no"),
-        enableSorting: false
+        cell: (info) => info.getValue() ? t("filters.radio.yes") : t("filters.radio.no")
       }),
       columnHelper.accessor("type", {
         header: t("attributes.fields.type"),
@@ -311,13 +337,11 @@ var useColumns = () => {
           const type = info.getValue();
           const labelKey = ATTRIBUTE_TYPE_LABELS[type];
           return labelKey ? t(labelKey) : type;
-        },
-        enableSorting: false
+        }
       }),
       columnHelper.accessor("is_variant_axis", {
         header: t("attributes.fields.variantAxis"),
-        cell: (info) => info.getValue() ? t("filters.radio.yes") : t("filters.radio.no"),
-        enableSorting: false
+        cell: (info) => info.getValue() ? t("filters.radio.yes") : t("filters.radio.no")
       }),
       columnHelper.display({
         id: "values",
@@ -1285,7 +1309,7 @@ function formatFileSize(bytes, decimalPlaces = 2) {
 // src/pages/products/product-create/components/product-create-details-form/components/product-create-details-variant-section/product-create-details-variant-section.tsx
 import {
   Alert,
-  Checkbox,
+  Checkbox as Checkbox2,
   clx,
   Heading as Heading2,
   Hint as Hint2,
@@ -1391,7 +1415,7 @@ var ProductCreateVariantsSection = () => {
                 },
                 children: [
                   /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5(
-                    Checkbox,
+                    Checkbox2,
                     {
                       className: "relative",
                       checked: getCheckboxState(watchedVariants),
@@ -1432,7 +1456,7 @@ var ProductCreateVariantsSection = () => {
                                 render: ({
                                   field: { value, onChange, ...field }
                                 }) => /* @__PURE__ */ jsx5(Form.Item, { children: /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(
-                                  Checkbox,
+                                  Checkbox2,
                                   {
                                     className: "relative",
                                     ...field,
@@ -2006,6 +2030,8 @@ var ProductCreateForm = ({
   return /* @__PURE__ */ jsx10(
     TabbedForm,
     {
+      model: "product",
+      zone: "create",
       form,
       onSubmit: handleSubmit,
       isLoading: isPending || isRegionsPending,
@@ -2028,6 +2054,7 @@ var ProductCreateForm = ({
               Button3,
               {
                 "data-name": SAVE_DRAFT_BUTTON,
+                variant: "secondary",
                 size: "small",
                 type: "submit",
                 isLoading,

package/dist/{chunk-KT4DGVRQ.js → chunk-XNUH2AOW.js}

@@ -1,7 +1,7 @@
 import {
   useDeleteCommissionRuleAction,
   useScopeReferenceNames
-} from "./chunk-JSVYNNPF.js";
+} from "./chunk-7IGLZARZ.js";
 import {
   formatCommissionValue,
   getIsActiveProps,
@@ -18,16 +18,16 @@ import {
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.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 {
   useCommissionRules,
   useDefaultCommission
@@ -41,6 +41,7 @@ import {
 
 // src/pages/commissions/commissions-list/commissions-page.tsx
 import { Children } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/commissions/commissions-list/components/global-commission-section/global-commission-section.tsx
 import { PencilSquare } from "@medusajs/icons";
@@ -366,10 +367,10 @@ var CommissionRulesTable = () => {
 // src/pages/commissions/commissions-list/commissions-page.tsx
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, "data-testid": "commissions-page", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, "data-testid": "commissions-page", children: /* @__PURE__ */ jsx5(WidgetZone, { id: "commissions.list", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsx5(GlobalCommissionSection, {}),
     /* @__PURE__ */ jsx5(CommissionRulesTable, {})
-  ] }) });
+  ] }) }) });
 };
 var CommissionsPage = Object.assign(Root, {
   GlobalCommission: GlobalCommissionSection,

package/dist/{chunk-OAN4CZKX.js → chunk-XWP4ZGKN.js}

@@ -1,16 +1,16 @@
 import {
   RulesFormField
-} from "./chunk-K7H77TA5.js";
+} from "./chunk-PHWYJ26A.js";
 import {
   CreateCampaignSchema,
   DEFAULT_CAMPAIGN_VALUES
-} from "./chunk-JLCA6PWC.js";
+} from "./chunk-AASCLZ5N.js";
 import {
   DeprecatedPercentageInput
 } from "./chunk-MAEP2UCK.js";
 import {
   AddCampaignPromotionFields
-} from "./chunk-6DJQITWV.js";
+} from "./chunk-5CHUXS7G.js";
 import {
   TabbedForm,
   defineTabMeta,
@@ -29,7 +29,7 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   useCreatePromotion
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-MTHPNKQ4.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
@@ -1119,6 +1119,8 @@ function CreatePromotionForm({
   return /* @__PURE__ */ jsx4(
     TabbedForm,
     {
+      model: "promotion",
+      zone: "create",
       form,
       onSubmit: handleSubmit,
       isLoading,

package/dist/{chunk-32ZNZDFT.js → chunk-XXV6ZSWY.js}

@@ -2,7 +2,7 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-PFBJWWUA.js";
+} from "./chunk-4QQ6BFWQ.js";
 import {
   TaxRegionCard
 } from "./chunk-KXWN75T2.js";
@@ -25,6 +25,7 @@ import {
 // src/pages/tax-regions/tax-region-province-detail/tax-region-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/tax-regions/tax-region-province-detail/components/tax-region-province-detail-section/tax-region-detail-section.tsx
 import { Badge, Container, Tooltip } from "@medusajs/ui";
@@ -120,10 +121,10 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { data: taxRegion, showJSON: true, children }) : /* @__PURE__ */ jsxs2(SingleColumnPage, { data: taxRegion, showJSON: true, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { data: taxRegion, showJSON: true, children }) : /* @__PURE__ */ jsx3(SingleColumnPage, { data: taxRegion, showJSON: true, children: /* @__PURE__ */ jsxs2(WidgetZone, { id: "tax-regions.province.detail.main", data: taxRegion, children: [
     /* @__PURE__ */ jsx3(TaxRegionProvinceDetailSection, { taxRegion }),
     /* @__PURE__ */ jsx3(TaxRegionProvinceOverrideSection, { taxRegion })
-  ] });
+  ] }) });
 };
 var TaxRegionProvinceDetailPage = Object.assign(Root, {
   DetailSection: TaxRegionProvinceDetailSection,

package/dist/{chunk-GWSRWILC.js → chunk-YLQ63F5E.js}

@@ -10,13 +10,13 @@ import {
 import {
   useProductTypeTableQuery
 } from "./chunk-VOHEQ7B5.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useProductTypes
 } from "./chunk-EWFOFSF7.js";
@@ -26,6 +26,7 @@ import {
 
 // src/pages/product-types/product-type-list/product-type-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/product-types/product-type-list/components/product-type-list-view/product-type-list-view.tsx
 import { Children as Children2 } from "react";
@@ -208,7 +209,7 @@ var ProductTypeListView = ({
 // src/pages/product-types/product-type-list/product-type-list.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx5(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(ProductTypeListView, {}) });
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { children: /* @__PURE__ */ jsx5(WidgetZone, { id: "product-types.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(ProductTypeListView, {}) }) });
 };
 var ProductTypeListPage = Object.assign(Root, {
   Table: ProductTypeListView,