@mercurjs/vendor 2.3.6-canary.8 → 2.3.6

package/dist/{chunk-H5ECELHX.js → chunk-RDN6US4B.js}

@@ -18,44 +18,44 @@ import {
 } from "./chunk-QFKER4GM.js";
 import {
   useProductTags
-} from "./chunk-SGXPBAWE.js";
+} from "./chunk-PC4EJU3M.js";
 import {
   useLogout
-} from "./chunk-K5324KIX.js";
+} from "./chunk-3JFOBIRE.js";
 import {
   useProductTypes
-} from "./chunk-SQQTCTTG.js";
+} from "./chunk-P6UW4MKP.js";
 import {
   usePriceLists
-} from "./chunk-NV2RZAHW.js";
+} from "./chunk-TBKX7EQP.js";
 import {
   useCampaigns,
   usePromotions
-} from "./chunk-MR6REQKT.js";
+} from "./chunk-JXLOX7ZP.js";
 import {
   useMe,
   useSelectSeller,
   useSellers
-} from "./chunk-VHFHMV3X.js";
+} from "./chunk-Y3KLCTG3.js";
 import {
   useCustomers
-} from "./chunk-II3CLUXA.js";
+} from "./chunk-6NPALPJ6.js";
 import {
   useCollections
-} from "./chunk-OCYVN77Z.js";
+} from "./chunk-BDMA67RG.js";
 import {
   useProductCategories
-} from "./chunk-DETQ6IBQ.js";
+} from "./chunk-2VXV42WD.js";
 import {
   useStockLocations
-} from "./chunk-O72AIZUN.js";
+} from "./chunk-ARB246D5.js";
 import {
   useOrders
-} from "./chunk-JYUHDM23.js";
+} from "./chunk-XVVNJBC5.js";
 import {
   useInventoryItems,
   useProducts
-} from "./chunk-EMUCGKHP.js";
+} from "./chunk-SKYXU4GP.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -1474,15 +1474,24 @@ import {
   CreditCardRefresh,
   EllipsisHorizontal as EllipsisHorizontal2,
   MagnifyingGlass as MagnifyingGlass2,
+  MinusMini,
   Plus as Plus2,
   ReceiptPercent,
   ShoppingCart,
-  StarSolid,
+  Star,
   Tag,
   Users
 } from "@medusajs/icons";
-import { Avatar as Avatar2, Divider, DropdownMenu as DropdownMenu3, Text as Text5, clx as clx5 } from "@medusajs/ui";
-import { useMemo as useMemo4 } from "react";
+import {
+  Avatar as Avatar2,
+  Divider,
+  DropdownMenu as DropdownMenu3,
+  IconButton as IconButton4,
+  Text as Text5,
+  clx as clx5
+} from "@medusajs/ui";
+import { Fragment as Fragment2, useMemo as useMemo4 } from "react";
+import { Collapsible as RadixCollapsible2 } from "radix-ui";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import { useLocation as useLocation6, useNavigate as useNavigate4 } from "react-router-dom";
 
@@ -2461,10 +2470,11 @@ var useSearch = () => {
 import menuItemsModule from "virtual:mercur/menu-items";
 import {
   applyNavOverrides,
+  groupNavItems,
   useExtension,
   usePermissions as usePermissions2
 } from "@mercurjs/dashboard-shared";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var navId = (to) => to.replace(/^\//, "");
 var toCoreNavItem = (route) => ({
   id: navId(route.to),
@@ -2495,7 +2505,8 @@ var addNestedItems = (to, menuItems, items) => {
 };
 var useSidebarRoutes = () => {
   const coreRoutes = useCoreRoutes();
-  const navOverrides = useExtension().getNavOverrides();
+  const extension = useExtension();
+  const navOverrides = extension.getNavOverrides();
   const permissions = usePermissions2();
   const { hasAnyPermission, hasAllPermissions } = permissions;
   const canReach = ({ to }) => canReachRoute(permissions, to);
@@ -2523,35 +2534,87 @@ var useSidebarRoutes = () => {
       to: item.path,
       icon: Icon2 ? /* @__PURE__ */ jsx10(Icon2, {}) : void 0,
       translationNs: item.translationNs,
+      group: item.group,
       items: addNestedItems(item.path, visibleMenuItems)
     };
   });
-  return { routesWithNested, customRoutesWithNested };
+  const groupById = new Map(
+    navOverrides.map((o) => [o.id, o.group])
+  );
+  return groupNavItems(
+    [
+      ...routesWithNested.map((route) => ({
+        ...route,
+        group: groupById.get(route.id)
+      })),
+      ...customRoutesWithNested
+    ],
+    extension.getNavGroups()
+  );
 };
 var useLandingRoute = () => {
-  const { routesWithNested, customRoutesWithNested } = useSidebarRoutes();
-  const first = [...routesWithNested, ...customRoutesWithNested][0];
+  const { ungrouped, groups } = useSidebarRoutes();
+  const first = [...ungrouped, ...groups.flatMap((group) => group.items)][0];
   return first?.to ?? "/settings/profile";
 };
 var MainSidebar = () => {
-  const { routesWithNested, customRoutesWithNested } = useSidebarRoutes();
+  const { ungrouped, groups } = useSidebarRoutes();
   return /* @__PURE__ */ jsx10("aside", { className: "flex flex-1 flex-col justify-between overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col", children: [
     /* @__PURE__ */ jsxs7("div", { className: "bg-ui-bg-subtle sticky top-0", children: [
       /* @__PURE__ */ jsx10(Header, {}),
       /* @__PURE__ */ jsx10("div", { className: "px-3", children: /* @__PURE__ */ jsx10(Divider, { variant: "dashed" }) })
     ] }),
     /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col justify-between", children: [
-      /* @__PURE__ */ jsx10("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ jsxs7("nav", { className: "flex flex-col gap-y-1 py-3", children: [
-        /* @__PURE__ */ jsx10(Searchbar, {}),
-        routesWithNested.map((route) => {
-          return /* @__PURE__ */ jsx10(NavItem, { ...route }, route.to);
-        }),
-        customRoutesWithNested.map((route) => /* @__PURE__ */ jsx10(NavItem, { ...route }, route.to))
-      ] }) }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col", children: [
+        /* @__PURE__ */ jsxs7("nav", { className: "flex flex-col gap-y-1 py-3", children: [
+          /* @__PURE__ */ jsx10(Searchbar, {}),
+          ungrouped.map((route) => /* @__PURE__ */ jsx10(NavItem, { ...route }, route.to))
+        ] }),
+        groups.map((group) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          /* @__PURE__ */ jsx10("div", { className: "px-3", children: /* @__PURE__ */ jsx10(Divider, { variant: "dashed" }) }),
+          /* @__PURE__ */ jsx10(SidebarGroup, { group })
+        ] }, group.id))
+      ] }),
       /* @__PURE__ */ jsx10(UtilitySection, {})
     ] })
   ] }) });
 };
+var SidebarGroup = ({ group }) => {
+  const { t } = useTranslation8(group.translationNs);
+  return /* @__PURE__ */ jsxs7(
+    RadixCollapsible2.Root,
+    {
+      defaultOpen: true,
+      className: "py-3",
+      "data-testid": `sidebar-group-${group.id}`,
+      children: [
+        /* @__PURE__ */ jsx10("div", { className: "px-3", children: /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: clx5(
+              "flex h-7 items-center justify-between overflow-hidden whitespace-nowrap px-2 text-ui-fg-muted",
+              SIDEBAR_RAIL_FADE
+            ),
+            children: [
+              /* @__PURE__ */ jsx10(Text5, { size: "small", leading: "compact", children: group.translationNs ? t(group.label) : group.label }),
+              /* @__PURE__ */ jsx10(RadixCollapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx10(
+                IconButton4,
+                {
+                  size: "2xsmall",
+                  variant: "transparent",
+                  className: "static",
+                  "data-testid": `sidebar-group-${group.id}-toggle`,
+                  children: /* @__PURE__ */ jsx10(MinusMini, { className: "text-ui-fg-muted" })
+                }
+              ) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx10(RadixCollapsible2.Content, { children: /* @__PURE__ */ jsx10("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx10("nav", { className: "flex flex-col gap-y-1", children: group.items.map((route) => /* @__PURE__ */ jsx10(NavItem, { ...route }, route.to)) }) }) })
+      ]
+    }
+  );
+};
 var StoreList = ({ currentSellerId }) => {
   const { t } = useTranslation8();
   const navigate = useNavigate4();
@@ -2563,7 +2626,7 @@ var StoreList = ({ currentSellerId }) => {
     await selectSeller({ seller_id: sellerId });
     navigate("/", { replace: true });
   };
-  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
     !!seller_members?.length && /* @__PURE__ */ jsx10(DropdownMenu3.RadioGroup, { value: currentSellerId, children: seller_members.map((member) => {
       const seller = member.seller;
       return /* @__PURE__ */ jsxs7(
@@ -2766,7 +2829,7 @@ var useCoreRoutes = () => {
       to: "/payouts"
     },
     {
-      icon: /* @__PURE__ */ jsx10(StarSolid, {}),
+      icon: /* @__PURE__ */ jsx10(Star, {}),
       label: t("reviews.domain"),
       to: "/reviews"
     }

package/dist/{chunk-LLRUNGEW.js → chunk-RFBXMG3F.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-4RI5QHNO.js";
 import {
   useProductCategories
-} from "./chunk-DETQ6IBQ.js";
+} from "./chunk-2VXV42WD.js";
 
 // src/pages/products/common/components/category-combobox/single-category-combobox.tsx
 import {

package/dist/{chunk-4U2BLH45.js → chunk-RFOLOEUY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-DTGEFKK4.js";
+} from "./chunk-UKLW4VDE.js";
 
 // src/hooks/api/sales-channels.tsx
 import {

package/dist/{chunk-D5CDWGYE.js → chunk-RPE3IXRR.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-GSRMAHJE.js";
 import {
   usePayouts
-} from "./chunk-J2XUEO2E.js";
+} from "./chunk-DHC22IMF.js";
 
 // src/pages/payouts/payout-list-page.tsx
 import { Children as Children3 } from "react";
@@ -50,7 +50,7 @@ var PayoutListHeader = ({
 import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { keepPreviousData } from "@tanstack/react-query";
-import { useExtendableTable } from "@mercurjs/dashboard-shared";
+import { useExtendableTable, mergeListFilters } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var PayoutListDataTable = () => {
@@ -71,7 +71,7 @@ var PayoutListDataTable = () => {
   });
   const baseFilters = usePayoutTableFilters();
   const filters = useMemo(
-    () => [...baseFilters, ...extFilters],
+    () => mergeListFilters(baseFilters, extFilters),
     [baseFilters, extFilters]
   );
   const { table } = useDataTable({

package/dist/{chunk-TDL742KZ.js → chunk-RSYEEPCV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-SPFLYPY6.js";
 import {
   useCustomerGroup
-} from "./chunk-II3CLUXA.js";
+} from "./chunk-6NPALPJ6.js";
 
 // src/pages/customer-groups/customer-group-detail/breadcrumb.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-C3OU4RDU.js → chunk-S2VRZMKR.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-UXD3VNBO.js";
 import {
   i18n
-} from "./chunk-KHEC7A36.js";
+} from "./chunk-U5U446UX.js";
 import {
   require_dist
-} from "./chunk-VPUTUJQG.js";
+} from "./chunk-ESRIX7ZH.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-43XB5SOF.js → chunk-S6IGY77X.js}

@@ -2,7 +2,7 @@ import {
   PriceListUpdateOffersSchema,
   usePriceListCurrencyData,
   usePriceListGridColumns
-} from "./chunk-VU5DJ7UT.js";
+} from "./chunk-IDQIECSP.js";
 import {
   DataGrid
 } from "./chunk-YXJUIFQA.js";
@@ -19,13 +19,13 @@ import {
 import {
   useBatchPriceListPrices,
   usePriceList
-} from "./chunk-NV2RZAHW.js";
+} from "./chunk-TBKX7EQP.js";
 import {
   useOffers
-} from "./chunk-AHR2FIMC.js";
+} from "./chunk-V7ZAQBSV.js";
 import {
   useProducts
-} from "./chunk-EMUCGKHP.js";
+} from "./chunk-SKYXU4GP.js";
 
 // src/pages/price-lists/[id]/products/[variant_id]/edit/price-list-prices-edit-form/use-price-list-edit-grid.tsx
 import {

package/dist/{chunk-AVDRED5I.js → chunk-SEINN7AT.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk-WIYFXWRI.js";
 import {
   useProductCategories
-} from "./chunk-DETQ6IBQ.js";
+} from "./chunk-2VXV42WD.js";
 
 // src/pages/categories/category-list-page.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-EMUCGKHP.js → chunk-SKYXU4GP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-DTGEFKK4.js";
+} from "./chunk-UKLW4VDE.js";
 
 // src/hooks/api/inventory.tsx
 import {

package/dist/{chunk-KH6YWAFX.js → chunk-SVZAFMBH.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-GRH7C3QN.js";
 import {
   useCustomerTableFilters
-} from "./chunk-O6NPVVWQ.js";
+} from "./chunk-H3HWSPZV.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-GSRMAHJE.js";
 import {
   useCustomers
-} from "./chunk-II3CLUXA.js";
+} from "./chunk-6NPALPJ6.js";
 
 // src/pages/customers/customer-list-page.tsx
 import { Children as Children3 } from "react";
@@ -52,7 +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 { useExtendableTable, useLinkQuery, mergeListFilters } from "@mercurjs/dashboard-shared";
 import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -75,7 +75,7 @@ var CustomerListDataTable = () => {
   const baseFilters = useCustomerTableFilters();
   const { columns, filters: extFilters } = useColumns();
   const filters = useMemo(
-    () => [...baseFilters, ...extFilters],
+    () => mergeListFilters(baseFilters, extFilters),
     [baseFilters, extFilters]
   );
   const { table } = useDataTable({

package/dist/{chunk-A74QSU4R.js → chunk-SWZYH77J.js}

@@ -1,6 +1,6 @@
 import {
   i18n
-} from "./chunk-KHEC7A36.js";
+} from "./chunk-U5U446UX.js";
 
 // src/lib/promotions.ts
 var promotionStatusMap = {

package/dist/{chunk-7TKB2FAE.js → chunk-T7CFO2NU.js}

@@ -10,25 +10,25 @@ import {
 } from "./chunk-HJ56YXBU.js";
 import {
   uploadRichTextImage
-} from "./chunk-EIWUECQV.js";
+} from "./chunk-YXC5DS7W.js";
 import {
   SwitchBox
 } from "./chunk-YVCBMOJG.js";
 import {
   SingleCategoryCombobox
-} from "./chunk-LLRUNGEW.js";
+} from "./chunk-RFBXMG3F.js";
 import {
   useComboboxData
 } from "./chunk-OVPAOBZB.js";
 import {
   UploadMediaFormItem
-} from "./chunk-XTIKH3HH.js";
+} from "./chunk-UKFEMWID.js";
 import {
   PRODUCT_CREATE_FORM_DEFAULTS,
   ProductCreateSchema,
   generateVariantsFromAttributes,
   normalizeProductFormValues
-} from "./chunk-C3OU4RDU.js";
+} from "./chunk-S2VRZMKR.js";
 import {
   ChipInput
 } from "./chunk-KDE4HKH2.js";
@@ -64,17 +64,17 @@ import {
 } from "./chunk-3UOYBH5O.js";
 import {
   require_dist
-} from "./chunk-VPUTUJQG.js";
+} from "./chunk-ESRIX7ZH.js";
 import {
   useFeatureFlags
-} from "./chunk-SGXPBAWE.js";
+} from "./chunk-PC4EJU3M.js";
 import {
   useCreateProduct,
   useProductAttributes
-} from "./chunk-EMUCGKHP.js";
+} from "./chunk-SKYXU4GP.js";
 import {
   sdk
-} from "./chunk-DTGEFKK4.js";
+} from "./chunk-UKLW4VDE.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-NV2RZAHW.js → chunk-TBKX7EQP.js}

@@ -1,9 +1,9 @@
 import {
   customerGroupsQueryKeys
-} from "./chunk-II3CLUXA.js";
+} from "./chunk-6NPALPJ6.js";
 import {
   productsQueryKeys
-} from "./chunk-EMUCGKHP.js";
+} from "./chunk-SKYXU4GP.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-DTGEFKK4.js";
+} from "./chunk-UKLW4VDE.js";
 
 // src/hooks/api/price-lists.tsx
 import {

package/dist/{chunk-E4TCTJUM.js → chunk-TEGB74UF.js}

@@ -4,7 +4,7 @@ import {
   OfferListHeader,
   OfferListTable,
   OfferListTitle
-} from "./chunk-T4RIT6WS.js";
+} from "./chunk-XLGMSDJO.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";

package/dist/{chunk-7LIENHWP.js → chunk-TIZRIQFH.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-DTGEFKK4.js";
+} from "./chunk-UKLW4VDE.js";
 
 // src/hooks/api/regions.tsx
 import {

package/dist/{chunk-LEKY3BLG.js → chunk-TWONJGD2.js}

@@ -17,7 +17,7 @@ import {
 import {
   useCampaigns,
   useDeleteCampaign
-} from "./chunk-MR6REQKT.js";
+} from "./chunk-JXLOX7ZP.js";
 
 // src/pages/campaigns/campaign-list-page.tsx
 import { Children as Children3 } from "react";