@mercurjs/vendor 2.2.0-canary.9 → 2.2.0-rc.1

package/dist/{chunk-463CNCJC.js → chunk-7CQ4RKVV.js}

@@ -3,24 +3,34 @@ import {
   TextHeader
 } from "./chunk-JHIMVLB2.js";
 import {
-  getCategoryPath
-} from "./chunk-BDZOSMAX.js";
+  getCategoryGallery,
+  getCategoryPath,
+  getIsActiveProps,
+  getIsInternalProps
+} from "./chunk-LYYM7H7H.js";
 import {
-  _DataTable,
-  useDataTable
-} from "./chunk-SSUUT5LK.js";
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 import {
   useProductCategories
-} from "./chunk-5QI3NDJG.js";
+} from "./chunk-4EAC3GT7.js";
 
 // src/pages/categories/category-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/categories/_components/category-list-table/category-list-table.tsx
 import { Children as Children2 } from "react";
@@ -36,7 +46,7 @@ var CategoryListTitle = () => {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(Heading, { children: t("categories.domain") }),
-    /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: "Organize products into categories." })
+    /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("categories.subtitle") })
   ] });
 };
 var CategoryListActions = ({
@@ -55,6 +65,7 @@ var CategoryListHeader = ({
 
 // src/pages/categories/_components/category-list-table/category-list-data-table.tsx
 import { keepPreviousData } from "@tanstack/react-query";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { useMemo as useMemo2 } from "react";
 
 // src/pages/categories/_components/category-list-table/use-category-table-columns.tsx
@@ -89,6 +100,10 @@ var useCategoryTableColumns = () => {
               chip.id
             )) });
           }
+          const gallery = getCategoryGallery(
+            row.original.media_images
+          );
+          const thumbnailSrc = gallery.find((image) => image.is_thumbnail)?.url ?? gallery[0]?.url ?? null;
           return /* @__PURE__ */ jsxs2("div", { className: "flex size-full items-center gap-x-3 overflow-hidden", children: [
             /* @__PURE__ */ jsx2("div", { className: "flex size-7 items-center justify-center", children: row.getCanExpand() ? /* @__PURE__ */ jsx2(
               IconButton,
@@ -112,6 +127,7 @@ var useCategoryTableColumns = () => {
                 )
               }
             ) : null }),
+            /* @__PURE__ */ jsx2(Thumbnail, { src: thumbnailSrc }),
             /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() })
           ] });
         }
@@ -121,37 +137,21 @@ var useCategoryTableColumns = () => {
         cell: ({ getValue }) => {
           return /* @__PURE__ */ jsx2(TextCell, { text: `/${getValue()}` });
         }
+      }),
+      columnHelper.accessor("is_active", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("fields.status") }),
+        cell: ({ getValue }) => {
+          const { color, label } = getIsActiveProps(getValue(), t);
+          return /* @__PURE__ */ jsx2(StatusCell, { color, children: label });
+        }
+      }),
+      columnHelper.accessor("is_internal", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("categories.fields.visibility.label") }),
+        cell: ({ getValue }) => {
+          const { color, label } = getIsInternalProps(getValue(), t);
+          return /* @__PURE__ */ jsx2(StatusCell, { color, children: label });
+        }
       })
-      // columnHelper.accessor('is_active', {
-      //   header: () => (
-      //     <TextHeader text={t('fields.status')} />
-      //   ),
-      //   cell: ({ getValue }) => {
-      //     console.log('getValue', getValue());
-      //     // const { color, label } = getIsActiveProps(
-      //     //   getValue(),
-      //     //   t
-      //     // );
-      //     return (
-      //       // <StatusCell color={color}>{label}</StatusCell>
-      //       <span>eee</span>
-      //     );
-      //   },
-      // }),
-      // columnHelper.accessor('is_internal', {
-      //   header: () => (
-      //     <TextHeader
-      //       text={t('categories.fields.visibility.label')}
-      //     />
-      //   ),
-      //   cell: ({ getValue }) => {
-      //     // const { color, label } = getIsInternalProps(
-      //     //   getValue(),
-      //     //   t
-      //     // );
-      //     return <span>ddd</span>;
-      //   },
-      // }),
     ],
     [t]
   );
@@ -182,14 +182,22 @@ var CategoryListDataTable = () => {
   const { raw, searchParams } = useCategoryTableQuery({
     pageSize: PAGE_SIZE
   });
+  const ancestorsLinkQuery = useLinkQuery(
+    "category",
+    "id,name,handle,is_active,is_internal,parent_category"
+  );
+  const descendantsLinkQuery = useLinkQuery(
+    "category",
+    "id,name,category_children,handle,is_internal,is_active"
+  );
   const query = raw.q ? {
     include_ancestors_tree: true,
-    fields: "id,name,handle,is_active,is_internal,parent_category",
+    ...ancestorsLinkQuery,
     ...searchParams
   } : {
     include_descendants_tree: true,
     parent_category_id: "null",
-    fields: "id,name,category_children,handle,is_internal,is_active",
+    ...descendantsLinkQuery,
     ...searchParams
   };
   const { product_categories, count, isLoading, isError, error } = useProductCategories(
@@ -230,7 +238,11 @@ var CategoryListDataTable = () => {
 };
 var useColumns = () => {
   const base = useCategoryTableColumns();
-  return useMemo2(() => [...base], [base]);
+  const { columns: extended } = useExtendableTable({
+    model: "category",
+    columns: base
+  });
+  return useMemo2(() => [...extended], [extended]);
 };
 
 // src/pages/categories/_components/category-list-table/category-list-table.tsx
@@ -248,7 +260,7 @@ var CategoryListTable = ({ children }) => {
 // src/pages/categories/category-list-page.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(CategoryListTable, {}) });
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx5(WidgetZone, { id: "categories.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(CategoryListTable, {}) }) });
 };
 var CategoryListPage = Object.assign(Root, {
   Table: CategoryListTable,

package/dist/{chunk-U5G3AVED.js → chunk-7HLAOLG7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-PHOCVOZ5.js";
 import {
   require_dist
-} from "./chunk-UCYSCKZV.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-M6N4ISXL.js → chunk-7MARNXFG.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/tax-regions.tsx
 import {

package/dist/{chunk-SSUUT5LK.js → chunk-7TQNE3E2.js}

@@ -4,11 +4,11 @@ import {
 } from "./chunk-YN3FGNJM.js";
 import {
   DataTableOrderBy
-} from "./chunk-6OUPJNYO.js";
+} from "./chunk-KCHYLLVG.js";
 import {
   NoRecords,
   NoResults
-} from "./chunk-3EF54XFY.js";
+} from "./chunk-CVXKASWV.js";
 import {
   useDate
 } from "./chunk-LRD242C7.js";
@@ -734,7 +734,7 @@ var SelectFilter = ({
                 value: search,
                 onValueChange: setSearch,
                 className: "txt-compact-small placeholder:text-ui-fg-muted bg-transparent outline-none",
-                placeholder: "Search"
+                placeholder: t2("general.search")
               }
             ),
             /* @__PURE__ */ jsx4("div", { className: "flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx4(
@@ -1054,6 +1054,7 @@ var DataTableFilter = ({
   );
 };
 var ClearAllFilters = ({ filters, prefix }) => {
+  const { t: t2 } = useTranslation5();
   const { removeAllFilters } = useDataTableFilterContext();
   const [_, setSearchParams] = useSearchParams();
   const handleRemoveAll = () => {
@@ -1076,7 +1077,7 @@ var ClearAllFilters = ({ filters, prefix }) => {
         "hover:text-ui-fg-subtle",
         "focus-visible:shadow-borders-focus"
       ),
-      children: "Clear all"
+      children: t2("actions.clearAll")
     }
   );
 };

package/dist/chunk-7ZNZJIVN.js

@@ -0,0 +1,30 @@
+import {
+  CUSTOMER_GROUP_DETAIL_FIELDS
+} from "./chunk-SPFLYPY6.js";
+import {
+  useCustomerGroup
+} from "./chunk-XWHHBJGS.js";
+
+// src/pages/customer-groups/customer-group-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var CustomerGroupDetailBreadcrumb = (props) => {
+  const { id } = props.params || {};
+  const { customer_group } = useCustomerGroup(
+    id,
+    {
+      fields: CUSTOMER_GROUP_DETAIL_FIELDS
+    },
+    {
+      initialData: props.data,
+      enabled: Boolean(id)
+    }
+  );
+  if (!customer_group) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: customer_group.name });
+};
+
+export {
+  CustomerGroupDetailBreadcrumb
+};

package/dist/{chunk-TYESCFYW.js → chunk-AOLE7MBM.js}

@@ -1,6 +1,6 @@
 import {
   useProductTag
-} from "./chunk-TBYCZRZ7.js";
+} from "./chunk-BQHVM46E.js";
 
 // src/pages/settings/product-tags/[id]/breadcrumb.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-YHIJCI4U.js → chunk-APWPWXWQ.js}

@@ -1,25 +1,26 @@
 import {
   useCollectionTableColumns
-} from "./chunk-JQV7CXEC.js";
+} from "./chunk-YNGA3GRX.js";
 import {
   useCollectionTableQuery
 } from "./chunk-BI2AYXZQ.js";
 import {
   useCollectionTableFilters
 } from "./chunk-HHD2VUED.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-SSUUT5LK.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   useCollections
-} from "./chunk-DDJQRV6E.js";
+} from "./chunk-5NVY7JZC.js";
 
 // src/pages/collections/collection-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/collections/_components/collection-list-table/collection-list-table.tsx
 import { Children as Children2 } from "react";
@@ -56,6 +57,7 @@ var CollectionListHeader = ({
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useMemo } from "react";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var CollectionListDataTable = () => {
@@ -66,14 +68,18 @@ var CollectionListDataTable = () => {
   const { collections, count, isError, error, isLoading } = useCollections(
     {
       ...searchParams,
-      fields: "*products"
+      ...useLinkQuery("collection", "*products")
     },
     {
       placeholderData: keepPreviousData
     }
   );
-  const filters = useCollectionTableFilters();
-  const columns = useColumns();
+  const baseFilters = useCollectionTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: collections ?? [],
     columns,
@@ -114,7 +120,12 @@ var CollectionListDataTable = () => {
 };
 var useColumns = () => {
   const base = useCollectionTableColumns();
-  return useMemo(() => [...base], [base]);
+  const { columns: extended, filters } = useExtendableTable({
+    model: "collection",
+    columns: base
+  });
+  const columns = useMemo(() => [...extended], [extended]);
+  return { columns, filters };
 };
 
 // src/pages/collections/_components/collection-list-table/collection-list-table.tsx
@@ -132,7 +143,7 @@ var CollectionListTable = ({ children }) => {
 // src/pages/collections/collection-list-page.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CollectionListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "collections.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CollectionListTable, {}) }) });
 };
 var CollectionListPage = Object.assign(Root, {
   Table: CollectionListTable,

package/dist/{chunk-TBYCZRZ7.js → chunk-BQHVM46E.js}

@@ -1,6 +1,3 @@
-import {
-  ordersQueryKeys
-} from "./chunk-Y2MQ5EMD.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -10,17 +7,30 @@ import {
 import {
   fetchQuery,
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
+
+// src/hooks/api/feature-flags.tsx
+import { useQuery } from "@tanstack/react-query";
+var FEATURE_FLAGS_QUERY_KEY = "feature_flags";
+var featureFlagsQueryKeys = queryKeysFactory(FEATURE_FLAGS_QUERY_KEY);
+var useFeatureFlags = (options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.vendor.featureFlags.query(),
+    queryKey: featureFlagsQueryKeys.lists(),
+    ...options
+  });
+  return { ...data, ...rest };
+};
 
 // src/hooks/api/tags.tsx
 import {
   useMutation,
-  useQuery
+  useQuery as useQuery2
 } from "@tanstack/react-query";
 var TAGS_QUERY_KEY = "tags";
 var productTagsQueryKeys = queryKeysFactory(TAGS_QUERY_KEY);
 var useProductTag = (id, query, options) => {
-  const { data, ...rest } = useQuery({
+  const { data, ...rest } = useQuery2({
     queryKey: productTagsQueryKeys.detail(id, query),
     queryFn: async () => sdk.vendor.productTags.$id.query({ $id: id, ...query }),
     ...options
@@ -28,7 +38,7 @@ var useProductTag = (id, query, options) => {
   return { ...data, ...rest };
 };
 var useProductTags = (query, options) => {
-  const { data, ...rest } = useQuery({
+  const { data, ...rest } = useQuery2({
     queryKey: productTagsQueryKeys.list(query),
     queryFn: async () => sdk.vendor.productTags.query({ ...query }),
     ...options
@@ -67,23 +77,10 @@ var useDeleteProductTag = (id, options) => {
 };
 
 // src/hooks/api/currencies.tsx
-import { useQuery as useQuery2 } from "@tanstack/react-query";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
 var CURRENCIES_QUERY_KEY = "currencies";
 var currenciesQueryKeys = queryKeysFactory(CURRENCIES_QUERY_KEY);
 
-// src/hooks/api/feature-flags.tsx
-import { useQuery as useQuery3 } from "@tanstack/react-query";
-var FEATURE_FLAGS_QUERY_KEY = "feature_flags";
-var featureFlagsQueryKeys = queryKeysFactory(FEATURE_FLAGS_QUERY_KEY);
-var useFeatureFlags = (options) => {
-  const { data, ...rest } = useQuery3({
-    queryFn: () => sdk.vendor.featureFlags.query(),
-    queryKey: featureFlagsQueryKeys.lists(),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-
 // src/hooks/api/fulfillment.tsx
 import { useMutation as useMutation2 } from "@tanstack/react-query";
 var FULFILLMENTS_QUERY_KEY = "fulfillments";
@@ -149,43 +146,24 @@ var useNotifications = (query, options) => {
   return { ...data, ...rest };
 };
 
-// src/hooks/api/payment-collections.tsx
-import { useMutation as useMutation4 } from "@tanstack/react-query";
-var PAYMENT_COLLECTION_QUERY_KEY = "payment-collection";
-var paymentCollectionQueryKeys = queryKeysFactory(
-  PAYMENT_COLLECTION_QUERY_KEY
+// src/hooks/api/product-variants.tsx
+import {
+  useQuery as useQuery6
+} from "@tanstack/react-query";
+var PRODUCT_VARIANT_QUERY_KEY = "product_variant";
+var productVariantQueryKeys = queryKeysFactory(
+  PRODUCT_VARIANT_QUERY_KEY
 );
-var useMarkPaymentCollectionAsPaid = (orderId, paymentCollectionId, options) => {
-  return useMutation4({
-    mutationFn: (payload) => sdk.vendor.paymentCollections.$id.markAsPaid.mutate({
-      $id: paymentCollectionId,
-      ...payload
-    }),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.details()
-      });
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.preview(orderId)
-      });
-      queryClient.invalidateQueries({
-        queryKey: paymentCollectionQueryKeys.all
-      });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
 
 // src/hooks/api/regions.tsx
 import {
-  useMutation as useMutation5,
-  useQuery as useQuery6
+  useMutation as useMutation4,
+  useQuery as useQuery7
 } from "@tanstack/react-query";
 var REGIONS_QUERY_KEY = "regions";
 var regionsQueryKeys = queryKeysFactory(REGIONS_QUERY_KEY);
 var useRegions = (query, options) => {
-  const { data, ...rest } = useQuery6({
+  const { data, ...rest } = useQuery7({
     queryFn: () => sdk.vendor.regions.query({ ...query }),
     queryKey: regionsQueryKeys.list(query),
     ...options
@@ -195,8 +173,8 @@ var useRegions = (query, options) => {
 
 // src/hooks/api/shipping-option-types.tsx
 import {
-  useMutation as useMutation6,
-  useQuery as useQuery7
+  useMutation as useMutation5,
+  useQuery as useQuery8
 } from "@tanstack/react-query";
 var SHIPPING_OPTION_TYPES_QUERY_KEY = "shipping_option_types";
 var shippingOptionTypesQueryKeys = queryKeysFactory(
@@ -204,7 +182,7 @@ var shippingOptionTypesQueryKeys = queryKeysFactory(
 );
 
 // src/hooks/api/store.tsx
-import { useQuery as useQuery8 } from "@tanstack/react-query";
+import { useQuery as useQuery9 } from "@tanstack/react-query";
 import { ClientError } from "@mercurjs/client";
 var STORE_QUERY_KEY = "store";
 var storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
@@ -217,7 +195,7 @@ async function retrieveActiveStore(query) {
   return { store: activeStore };
 }
 var useStore = (query, options) => {
-  const { data, ...rest } = useQuery8({
+  const { data, ...rest } = useQuery9({
     queryFn: () => retrieveActiveStore(query),
     queryKey: storeQueryKeys.details(),
     ...options
@@ -235,7 +213,6 @@ export {
   useCreateInvite,
   notificationQueryKeys,
   useNotifications,
-  useMarkPaymentCollectionAsPaid,
   useRegions,
   storeQueryKeys,
   retrieveActiveStore,

package/dist/{chunk-UFFVRF4V.js → chunk-BXDN7ZA5.js}

@@ -3,23 +3,24 @@ import {
 } from "./chunk-GJM5XI3E.js";
 import {
   useCustomerTableQuery
-} from "./chunk-PVZBDWLK.js";
+} from "./chunk-GRH7C3QN.js";
 import {
   useCustomerTableFilters
-} from "./chunk-X22KTLZ7.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-Z3SPAROE.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   useCustomers
-} from "./chunk-LWJF63JW.js";
+} from "./chunk-XWHHBJGS.js";
 
 // src/pages/customers/customer-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/customers/_components/customer-list-table/customer-list-table.tsx
 import { Children as Children2 } from "react";
@@ -51,6 +52,7 @@ var CustomerListHeader = ({
 
 // src/pages/customers/_components/customer-list-table/customer-list-data-table.tsx
 import { keepPreviousData } from "@tanstack/react-query";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -60,22 +62,22 @@ var CustomerListDataTable = () => {
   const { searchParams, raw } = useCustomerTableQuery({
     pageSize: PAGE_SIZE
   });
+  const linkQuery = useLinkQuery("customer");
   const { customers, count, isLoading, isError, error } = useCustomers(
     {
-      offset: searchParams.offset,
-      limit: searchParams.limit
+      ...searchParams,
+      ...linkQuery
     },
     {
       placeholderData: keepPreviousData
-    },
-    {
-      has_account: searchParams.has_account,
-      order: searchParams.order,
-      q: searchParams.q
     }
   );
-  const filters = useCustomerTableFilters();
-  const columns = useColumns();
+  const baseFilters = useCustomerTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: customers ?? [],
     columns,
@@ -115,6 +117,7 @@ var CustomerListDataTable = () => {
           label: t("fields.updatedAt")
         }
       ],
+      defaultOrderBy: "-created_at",
       isLoading,
       navigateTo: (row) => row.original.id,
       queryObject: raw,
@@ -126,8 +129,12 @@ var CustomerListDataTable = () => {
   );
 };
 var useColumns = () => {
-  const columns = useCustomerTableColumns();
-  return useMemo(() => [...columns], [columns]);
+  const base = useCustomerTableColumns();
+  const { columns, filters } = useExtendableTable({
+    model: "customer",
+    columns: base
+  });
+  return { columns: useMemo(() => [...columns], [columns]), filters };
 };
 
 // src/pages/customers/_components/customer-list-table/customer-list-table.tsx
@@ -145,7 +152,7 @@ var CustomerListTable = ({ children }) => {
 // src/pages/customers/customer-list-page.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CustomerListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "customers.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CustomerListTable, {}) }) });
 };
 var CustomerListPage = Object.assign(Root, {
   Table: CustomerListTable,

package/dist/{chunk-BXRNZS5K.js → chunk-CLS6PNZY.js}

@@ -1,9 +1,9 @@
 import {
   customerGroupsQueryKeys
-} from "./chunk-LWJF63JW.js";
+} from "./chunk-XWHHBJGS.js";
 import {
   productsQueryKeys
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-744GLNZW.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/price-lists.tsx
 import {

package/dist/{chunk-7CMRFP5Q.js → chunk-COGWTNSC.js}

@@ -1,14 +1,14 @@
 import {
   LocalizedTablePagination,
   TaxRegionCard
-} from "./chunk-E2HQPY32.js";
+} from "./chunk-5RMLLTR7.js";
 import {
   DataTableOrderBy
-} from "./chunk-6OUPJNYO.js";
+} from "./chunk-KCHYLLVG.js";
 import {
   NoRecords,
   NoResults
-} from "./chunk-3EF54XFY.js";
+} from "./chunk-CVXKASWV.js";
 import {
   TableFooterSkeleton
 } from "./chunk-INNFZYX2.js";

package/dist/{chunk-EIZP3XL5.js → chunk-CQRCUQC4.js}

@@ -1,7 +1,7 @@
 import {
   FileUpload,
   formatFileSize
-} from "./chunk-MZTDRBCR.js";
+} from "./chunk-2INANL6V.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";