@mercurjs/admin 2.2.0-canary.5 → 2.2.0-canary.50

package/dist/{chunk-XJ3WC4G7.js → chunk-ESC6LVVC.js}

@@ -1,7 +1,7 @@
 import {
   TaxRegionTable,
   useTaxRegionTable
-} from "./chunk-COP7NFSJ.js";
+} from "./chunk-ZVPTNPLI.js";
 import {
   useTaxRegionTableQuery
 } from "./chunk-AYVH6Q5O.js";
@@ -10,10 +10,11 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   useTaxRegions
-} from "./chunk-LYD3C73Z.js";
+} from "./chunk-JI7HMGMO.js";
 
 // src/pages/tax-regions/tax-region-list/tax-region-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/tax-regions/tax-region-list/components/tax-region-list-view/tax-region-list-view.tsx
 import { Children as Children2 } from "react";
@@ -98,7 +99,7 @@ var TaxRegionListView = ({
 // src/pages/tax-regions/tax-region-list/tax-region-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(TaxRegionListView, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx4(WidgetZone, { id: "tax-regions.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(TaxRegionListView, {}) }) });
 };
 var TaxRegionListPage = Object.assign(Root, {
   Table: TaxRegionListView,

package/dist/{chunk-46M463BR.js → chunk-EWFOFSF7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/product-types.tsx
 import {

package/dist/{chunk-533GMKEG.js → chunk-F5NW4XBU.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/product-attributes.tsx
 import {
@@ -17,10 +17,26 @@ var PRODUCT_ATTRIBUTES_QUERY_KEY = "product_attributes";
 var productAttributesQueryKeys = queryKeysFactory(
   PRODUCT_ATTRIBUTES_QUERY_KEY
 );
+var sortAttributeValuesByRank = (attributes) => {
+  attributes?.forEach((attribute) => {
+    if (Array.isArray(attribute.values)) {
+      attribute.values.sort((a, b) => (a.rank ?? 0) - (b.rank ?? 0));
+    }
+  });
+};
 var useProductAttribute = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryKey: productAttributesQueryKeys.detail(id, query),
-    queryFn: async () => sdk.admin.productAttributes.$id.query({ $id: id, ...query }),
+    queryFn: async () => {
+      const res = await sdk.admin.productAttributes.$id.query({
+        $id: id,
+        ...query
+      });
+      sortAttributeValuesByRank(
+        res?.product_attribute ? [res.product_attribute] : void 0
+      );
+      return res;
+    },
     ...options
   });
   return { ...data, ...rest };
@@ -28,7 +44,11 @@ var useProductAttribute = (id, query, options) => {
 var useProductAttributes = (query, options) => {
   const { data, ...rest } = useQuery({
     queryKey: productAttributesQueryKeys.list(query),
-    queryFn: async () => sdk.admin.productAttributes.query({ ...query }),
+    queryFn: async () => {
+      const res = await sdk.admin.productAttributes.query({ ...query });
+      sortAttributeValuesByRank(res?.product_attributes);
+      return res;
+    },
     ...options
   });
   return { ...data, ...rest };

package/dist/{chunk-5AZCIOS4.js → chunk-F6NPDZHW.js}

@@ -15,13 +15,13 @@ import {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError
-} from "./chunk-KT7X72J4.js";
+} from "./chunk-JXSXBSV6.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   StackedFocusModal
 } from "./chunk-FWJLS7XD.js";

package/dist/{chunk-R5F52U3C.js → chunk-FIWEITDG.js}

@@ -7,7 +7,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -16,21 +16,23 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   useStockLocations
-} from "./chunk-EPHVGD5Z.js";
+} from "./chunk-VXW3BCN2.js";
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-ZB4SO44T.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-UFGVU7RF.js → chunk-FLFE6HXW.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteShippingOptionType
-} from "./chunk-46A3QXAL.js";
+} from "./chunk-ABS7HMLY.js";
 
 // src/pages/shipping-option-types/common/hooks/use-delete-shipping-option-type-action.tsx
 import { useNavigate } from "react-router-dom";

package/dist/{chunk-4LXBQTFN.js → chunk-FREUYHMS.js}

@@ -1,6 +1,6 @@
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal
 } from "./chunk-FWJLS7XD.js";

package/dist/{chunk-2ZRWLCYP.js → chunk-FVG5DTS6.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/collections.tsx
 import {
@@ -20,7 +20,7 @@ var COLLECTION_QUERY_KEY = "collections";
 var collectionsQueryKeys = queryKeysFactory(COLLECTION_QUERY_KEY);
 var useCollection = (id, query, options) => {
   const { data, ...rest } = useQuery({
-    queryKey: collectionsQueryKeys.detail(id),
+    queryKey: collectionsQueryKeys.detail(id, query),
     queryFn: () => sdk.admin.collections.$id.query({ $id: id, ...query }),
     ...options
   });

package/dist/{chunk-E5WBU7ZR.js → chunk-G2LHEJLS.js}

@@ -1,9 +1,9 @@
 import {
   customerGroupsQueryKeys
-} from "./chunk-PRBE5CM3.js";
+} from "./chunk-AFYILTAC.js";
 import {
   productsQueryKeys
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/price-lists.tsx
 import {
@@ -24,7 +24,7 @@ var priceListsQueryKeys = queryKeysFactory(PRICE_LISTS_QUERY_KEY);
 var usePriceList = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.priceLists.$id.query({ $id: id, ...query }),
-    queryKey: priceListsQueryKeys.detail(id),
+    queryKey: priceListsQueryKeys.detail(id, query),
     ...options
   });
   return { ...data, ...rest };

package/dist/{chunk-OHOWEMHO.js → chunk-G5KNNOXX.js}

@@ -6,69 +6,75 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
-// src/hooks/api/commission-rates.tsx
+// src/hooks/api/commissions.tsx
 import {
   useMutation,
   useQuery
 } from "@tanstack/react-query";
-var COMMISSION_RATES_QUERY_KEY = "commission_rates";
-var commissionRatesQueryKeys = queryKeysFactory(
-  COMMISSION_RATES_QUERY_KEY
-);
-var useCommissionRate = (id, query, options) => {
+var COMMISSIONS_QUERY_KEY = "commissions";
+var commissionsQueryKeys = queryKeysFactory(COMMISSIONS_QUERY_KEY);
+var useCommissionRule = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.commissionRates.$id.query({ $id: id, ...query }),
-    queryKey: commissionRatesQueryKeys.detail(id),
+    queryKey: commissionsQueryKeys.detail(id, query),
     ...options
   });
   return { ...data, ...rest };
 };
-var useCommissionRates = (query, options) => {
+var useCommissionRules = (query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.commissionRates.query({ ...query }),
-    queryKey: commissionRatesQueryKeys.list(query),
+    queryKey: commissionsQueryKeys.list(query),
     ...options
   });
   return { ...data, ...rest };
 };
-var useCreateCommissionRate = (options) => {
+var useDefaultCommission = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.commissionRates.query({ is_default: true, ...query }),
+    queryKey: commissionsQueryKeys.list({ is_default: true, ...query }),
+    ...options
+  });
+  return { default_commission: data?.commission_rates?.[0], ...rest };
+};
+var useCreateCommissionRule = (options) => {
   return useMutation({
     mutationFn: (payload) => sdk.admin.commissionRates.mutate(payload),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useUpdateCommissionRate = (id, options) => {
+var useUpdateCommissionRule = (id, options) => {
   return useMutation({
     mutationFn: (payload) => sdk.admin.commissionRates.$id.mutate({ $id: id, ...payload }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useDeleteCommissionRate = (id, options) => {
+var useDeleteCommissionRule = (id, options) => {
   return useMutation({
     mutationFn: () => sdk.admin.commissionRates.$id.delete({ $id: id }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
@@ -80,10 +86,10 @@ var useBatchCommissionRules = (id, options) => {
     mutationFn: (payload) => sdk.admin.commissionRates.$id.rules.mutate({ $id: id, ...payload }),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.detail(id)
+        queryKey: commissionsQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({
-        queryKey: commissionRatesQueryKeys.lists()
+        queryKey: commissionsQueryKeys.lists()
       });
       options?.onSuccess?.(data, variables, context);
     },
@@ -92,11 +98,11 @@ var useBatchCommissionRules = (id, options) => {
 };
 
 export {
-  commissionRatesQueryKeys,
-  useCommissionRate,
-  useCommissionRates,
-  useCreateCommissionRate,
-  useUpdateCommissionRate,
-  useDeleteCommissionRate,
+  useCommissionRule,
+  useCommissionRules,
+  useDefaultCommission,
+  useCreateCommissionRule,
+  useUpdateCommissionRule,
+  useDeleteCommissionRule,
   useBatchCommissionRules
 };

package/dist/{chunk-CKUIM5ZD.js → chunk-GLWJ5J3F.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4F5GP7J7.js";
 import {
   useDeletePriceListAction
-} from "./chunk-PR7Y27BW.js";
+} from "./chunk-5EOYDQAS.js";
 import {
   getPriceListStatus
 } from "./chunk-U5MJIHLY.js";
@@ -12,27 +12,27 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   useProductTableColumns
-} from "./chunk-6NDM5WGE.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-NMFVQDVF.js";
+} from "./chunk-APMBU7ZV.js";
 import {
   useProductTableQuery
-} from "./chunk-LYZDVZWA.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-5NSOIZFB.js";
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6ZVV2XHU.js";
 import {
   usePriceList,
   usePriceListLinkProducts
-} from "./chunk-E5WBU7ZR.js";
+} from "./chunk-G2LHEJLS.js";
 import {
   useCustomerGroups
-} from "./chunk-PRBE5CM3.js";
+} from "./chunk-AFYILTAC.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -42,16 +42,18 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/price-lists/price-list-detail/price-list-detail.tsx
 import { Children } from "react";
 import { useParams } from "react-router-dom";
+import { useLinkQuery, 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
+      }
     )
   ] });
 };
@@ -442,7 +470,8 @@ var useColumns = (priceList) => {
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
-  const { price_list, isLoading, isError, error } = usePriceList(id);
+  const linkQuery = useLinkQuery("price_list");
+  const { price_list, isLoading, isError, error } = usePriceList(id, linkQuery);
   if (isLoading || !price_list) {
     return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { mainSections: 2, sidebarSections: 1, showJSON: true });
   }
@@ -450,11 +479,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-PVZBDWLK.js → chunk-GRH7C3QN.js}

@@ -25,7 +25,7 @@ var useCustomerTableQuery = ({
     offset: offset ? Number(offset) : 0,
     groups: groups?.split(","),
     has_account: has_account ? has_account === "true" : void 0,
-    order,
+    order: order ? order : "-created_at",
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     q

package/dist/{chunk-CKD5563X.js → chunk-GT5A4XN2.js}

@@ -4,7 +4,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -13,13 +13,14 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   useUsers
-} from "./chunk-GKGLVDDV.js";
+} from "./chunk-A2F5MDPU.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/users/user-list/user-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/users/user-list/components/user-list-table/user-list-table.tsx
 import { Children as Children2 } from "react";
@@ -234,7 +235,7 @@ var UserListTable = ({ children }) => {
 // src/pages/users/user-list/user-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(UserListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "users.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(UserListTable, {}) }) });
 };
 var UserListPage = Object.assign(Root, {
   Table: UserListTable,