@websolutespa/bom-mixer-hooks 1.2.1 → 1.4.0

package/CHANGELOG.md

@@ -1,56 +1,69 @@
-# @websolutespa/bom-mixer-hooks
-
-## 1.2.1
-
-### Patch Changes
-
-- Added: LabelService.
-- Modified: useLabels, useScrollTo.
-
-## 1.2.0
-
-### Minor Changes
-
-- Updating: next 13.
-
-## 1.1.0
-
-### Minor Changes
-
-- Modified: useHttp, useApi.
-
-## 1.0.0
-
-### Minor Changes
-
-- Added: useScrolled.
-
-## 0.2.2
-
-### Patch Changes
-
-- Modified: useBreakpoint theme mediaQuery.
-
-## 0.2.1
-
-### Patch Changes
-
-- Added: source files.
-
-## 0.2.0
-
-### Minor Changes
-
-- Added: splat routes.
-
-## 0.1.0
-
-### Minor Changes
-
-- Added: @websolutespa/bom-core.
-
-## 0.0.2
-
-### Patch Changes
-
-- Added: first release.
+# @websolutespa/bom-mixer-hooks
+
+## 1.4.0
+
+### Minor Changes
+
+- Added useLazyModules.
+
+## 1.3.0
+
+### Minor Changes
+
+- Added: useSearchParamsQs.
+- Modified: useSearchParamsEncoded, useSearchParams, useScrollTo.
+
+## 1.2.1
+
+### Patch Changes
+
+- Added: LabelService.
+- Modified: useLabels, useScrollTo.
+
+## 1.2.0
+
+### Minor Changes
+
+- Updating: next 13.
+
+## 1.1.0
+
+### Minor Changes
+
+- Modified: useHttp, useApi.
+
+## 1.0.0
+
+### Minor Changes
+
+- Added: useScrolled.
+
+## 0.2.2
+
+### Patch Changes
+
+- Modified: useBreakpoint theme mediaQuery.
+
+## 0.2.1
+
+### Patch Changes
+
+- Added: source files.
+
+## 0.2.0
+
+### Minor Changes
+
+- Added: splat routes.
+
+## 0.1.0
+
+### Minor Changes
+
+- Added: @websolutespa/bom-core.
+
+## 0.0.2
+
+### Patch Changes
+
+- Added: first release.

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import * as zustand_middleware from 'zustand/middleware';
 import { StateStorage } from 'zustand/middleware';
 import * as zustand from 'zustand';
 import { ISchema, IEquatable, ILabel, ILocalizable, ILayout, IPage } from '@websolutespa/bom-core';
-import { ICartItem, ICartAddItem, IAddressOptions, ICheckoutPartial, IFeatureType, IUser } from '@websolutespa/bom-mixer-models';
+import { ICartItem, ICartAddItem, IAddressOptions, ICheckoutPartial, IFeatureType, ILazyModules, IUser } from '@websolutespa/bom-mixer-models';
 import { NextRouter } from 'next/router';
 
 declare function useApiFetch<T = unknown>(pathname: string, options?: ApiRequestOptions): [T | undefined, boolean, any, React$1.Dispatch<any>];
@@ -252,7 +252,7 @@ declare function useGeolocation(options?: PositionOptions): GeoLocationSensorSta
 
 declare function useIdle(delay?: number, immediate?: boolean): boolean;
 
-declare function useInfiniteLoader(items: any[], perPage?: number, delayInMs?: number): [any[], () => void, boolean];
+declare function useInfiniteLoader<T = any>(items: T[], perPage?: number, delayInMs?: number): [T[], () => void, boolean];
 
 declare const useIsomorphicLayoutEffect: typeof useEffect;
 
@@ -392,6 +392,13 @@ declare function LayoutProvider({ children, layout }: {
     layout: ILayout;
 }): react_jsx_runtime.JSX.Element;
 
+type ILazyModulesContext = ILazyModules;
+declare const useLazyModules: () => ILazyModules;
+declare function LazyModulesProvider({ children, modules }: {
+    children?: React__default.ReactNode;
+    modules: ILazyModules;
+}): react_jsx_runtime.JSX.Element;
+
 declare function useModal(): [modal: UIValue, open: (value?: string) => void, close: () => void];
 
 declare function useMounted(): boolean;
@@ -461,7 +468,6 @@ declare function scrollToY(y?: number): void;
 
 declare function useScrolled(callback?: (top: number, left: number) => boolean): boolean;
 
-declare const isBrowser: boolean;
 declare function getSearchParams(url: string, key?: string): IParams | string | null;
 declare function updateSearchParams(currentPath: string, params: IParams): {
     pathname: string;
@@ -473,21 +479,20 @@ declare function replaceSearchParams(router: NextRouter, params: IParams): void;
 declare function pushSearchParams(router: NextRouter, params: IParams): void;
 declare function replaceSearchParamsSilently(params: IParams): void;
 declare function useSearchParams(): IUseSearchParamsResult;
-declare function useSearchParamsValue(key: string): IUseSearchParamsValueResult;
-type IUseSearchParamsResult = {
-    params: IParams;
-    replaceParamsSilently: (params: IParams) => void;
-    replaceParams: (params: IParams) => void;
+type IParams = {
+    [key: string]: string;
 };
 type IUseSearchParamsValueResult = {
     params: string | null;
     replaceParamsSilently: (params: IParams) => void;
 };
-type IParams = {
-    [key: string]: string;
+type IUseSearchParamsResult = {
+    params: IParams;
+    replaceParamsSilently: (params: IParams) => void;
+    replaceParams: (params: IParams) => void;
 };
+declare function useSearchParamsValue(key: string): IUseSearchParamsValueResult;
 
-declare function decode(encoded: string | null | undefined, key?: string): IParamsEncoded;
 declare function getSearchParamsEncoded(url: string, key?: string): {} | null;
 declare function updateSearchParamsEncoded(currentPath: string, value: IParamsEncoded, key?: string): {
     pathname: string;
@@ -498,15 +503,33 @@ declare function updateSearchParamsEncoded(currentPath: string, value: IParamsEn
 declare function replaceSearchParamsEncoded(router: NextRouter, value: IParamsEncoded, key?: string): void;
 declare function pushSearchParamsEncoded(router: NextRouter, value: IParamsEncoded, key?: string): void;
 declare function replaceSearchParamsEncodedSilently(value: IParamsEncoded, key?: string): void;
-declare function useSearchParamsEncoded(key?: string): IUseSearchParamsEncodedResult;
+type IParamsEncoded = {
+    [key: string]: any;
+} | null;
 type IUseSearchParamsEncodedResult = {
     params: IParamsEncoded;
     replaceParamsSilently: (params: IParamsEncoded) => void;
     replaceParams: (params: IParamsEncoded) => void;
 };
-type IParamsEncoded = {
-    [key: string]: any;
-} | null;
+declare function useSearchParamsEncoded(key?: string): IUseSearchParamsEncodedResult;
+
+declare function getSearchParamsQs(url: string, key?: string): {} | null;
+declare function updateSearchParamsQs(currentPath: string, value: IParamsQs, key?: string): {
+    pathname: string;
+    query: {
+        [key: string]: string;
+    };
+};
+declare function replaceSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void;
+declare function pushSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void;
+declare function replaceSearchParamsQsSilently(value: IParamsQs, key?: string): void;
+type IParamsQs = {};
+type IUseSearchParamsQsResult = {
+    params: Record<string, any> | null;
+    replaceParamsSilently: (params: IParamsQs) => void;
+    replaceParams: (params: IParamsQs) => void;
+};
+declare function useSearchParamsQs(key?: string): IUseSearchParamsQsResult;
 
 type Sorting<T> = {
     items: T[];
@@ -555,4 +578,4 @@ type WindowSize = {
 };
 declare function useWindowSize(): WindowSize;
 
-export { BodyScrollOptions, CartContext, CartProvider, CheckoutContext, CheckoutProvider, ClickOutGetContainer, CurrentStateType, ElementStackItem, Filter, FilterMode, FilterParams, FilterValues, GeoLocationSensorState, IFilter, IFilterOption, IGeolocationPositionError, ILabelContext, ILayoutContext, IPageContext, IPaginationInfo, IParams, IParamsEncoded, IUseSearchParamsEncodedResult, IUseSearchParamsResult, IUseSearchParamsValueResult, KeyCode, KeyMod, KeyboardOptions, KeyboardResult, LabelProvider, LabelService, LayoutProvider, PageProvider, SSRState, SizeResult, SizeType, Sorting, UIReducer, UIValue, UseFiltersResultType, UseKeyboard, UseKeyboardHandler, createElementWithId, createGenericContext, decode, detectIsBrowser, filtersToParams, getCurrentPosition, getFilteredItems, getFilters, getOwnerPaddingRight, getOwnerScrollbarWidth, getPagedItems, getRealSize, getSearchParams, getSearchParamsEncoded, getUID, hasGeolocation, isBrowser, parseLabel, parseParams, pushSearchParams, pushSearchParamsEncoded, replaceSearchParams, replaceSearchParamsEncoded, replaceSearchParamsEncodedSilently, replaceSearchParamsSilently, scrollToRelativeY, scrollToSelector, scrollToY, setFilters, updateSearchParams, updateSearchParamsEncoded, useApi, useApiDelete, useApiFetch, useApiGet, useApiPatch, useApiPost, useApiPut, useBodyScroll, useBreakpoint, useCart, useCheckout, useClickAnyWhere, useClickOut, useCurrency, useCurrentState, useDateTimeFormat, useDebounce, useDebounceCallback, useDebugChangedProps, useDomObserver, useDrawer, useElementSize, useEventListener, useFilters, useGeolocation, useIdle, useInfiniteLoader, useIsomorphicLayoutEffect, useKeyboard, useLabel, useLayout, useModal, useMounted, useNumber, usePage, usePagination, usePortal, usePrevious, useRealSize, useResize, useSSR, useScroll, useScrollTo, useScrolled, useSearchParams, useSearchParamsEncoded, useSearchParamsValue, useSorting, useSwiperIndex, useSyncedRef, useUI, useUnit, useUnmountEffect, useUser, useWindowSize };
+export { BodyScrollOptions, CartContext, CartProvider, CheckoutContext, CheckoutProvider, ClickOutGetContainer, CurrentStateType, ElementStackItem, Filter, FilterMode, FilterParams, FilterValues, GeoLocationSensorState, IFilter, IFilterOption, IGeolocationPositionError, ILabelContext, ILayoutContext, ILazyModulesContext, IPageContext, IPaginationInfo, IParams, IParamsEncoded, IParamsQs, IUseSearchParamsEncodedResult, IUseSearchParamsQsResult, IUseSearchParamsResult, IUseSearchParamsValueResult, KeyCode, KeyMod, KeyboardOptions, KeyboardResult, LabelProvider, LabelService, LayoutProvider, LazyModulesProvider, PageProvider, SSRState, SizeResult, SizeType, Sorting, UIReducer, UIValue, UseFiltersResultType, UseKeyboard, UseKeyboardHandler, createElementWithId, createGenericContext, detectIsBrowser, filtersToParams, getCurrentPosition, getFilteredItems, getFilters, getOwnerPaddingRight, getOwnerScrollbarWidth, getPagedItems, getRealSize, getSearchParams, getSearchParamsEncoded, getSearchParamsQs, getUID, hasGeolocation, parseLabel, parseParams, pushSearchParams, pushSearchParamsEncoded, pushSearchParamsQs, replaceSearchParams, replaceSearchParamsEncoded, replaceSearchParamsEncodedSilently, replaceSearchParamsQs, replaceSearchParamsQsSilently, replaceSearchParamsSilently, scrollToRelativeY, scrollToSelector, scrollToY, setFilters, updateSearchParams, updateSearchParamsEncoded, updateSearchParamsQs, useApi, useApiDelete, useApiFetch, useApiGet, useApiPatch, useApiPost, useApiPut, useBodyScroll, useBreakpoint, useCart, useCheckout, useClickAnyWhere, useClickOut, useCurrency, useCurrentState, useDateTimeFormat, useDebounce, useDebounceCallback, useDebugChangedProps, useDomObserver, useDrawer, useElementSize, useEventListener, useFilters, useGeolocation, useIdle, useInfiniteLoader, useIsomorphicLayoutEffect, useKeyboard, useLabel, useLayout, useLazyModules, useModal, useMounted, useNumber, usePage, usePagination, usePortal, usePrevious, useRealSize, useResize, useSSR, useScroll, useScrollTo, useScrolled, useSearchParams, useSearchParamsEncoded, useSearchParamsQs, useSearchParamsValue, useSorting, useSwiperIndex, useSyncedRef, useUI, useUnit, useUnmountEffect, useUser, useWindowSize };

package/dist/index.js

@@ -80,10 +80,10 @@ __export(src_exports, {
   LabelProvider: () => LabelProvider,
   LabelService: () => LabelService,
   LayoutProvider: () => LayoutProvider,
+  LazyModulesProvider: () => LazyModulesProvider,
   PageProvider: () => PageProvider,
   createElementWithId: () => createElementWithId,
   createGenericContext: () => createGenericContext,
-  decode: () => decode,
   detectIsBrowser: () => detectIsBrowser,
   filtersToParams: () => filtersToParams,
   getCurrentPosition: () => getCurrentPosition,
@@ -95,16 +95,19 @@ __export(src_exports, {
   getRealSize: () => getRealSize,
   getSearchParams: () => getSearchParams,
   getSearchParamsEncoded: () => getSearchParamsEncoded,
+  getSearchParamsQs: () => getSearchParamsQs,
   getUID: () => getUID,
   hasGeolocation: () => hasGeolocation,
-  isBrowser: () => isBrowser,
   parseLabel: () => parseLabel,
   parseParams: () => parseParams,
   pushSearchParams: () => pushSearchParams,
   pushSearchParamsEncoded: () => pushSearchParamsEncoded,
+  pushSearchParamsQs: () => pushSearchParamsQs,
   replaceSearchParams: () => replaceSearchParams,
   replaceSearchParamsEncoded: () => replaceSearchParamsEncoded,
   replaceSearchParamsEncodedSilently: () => replaceSearchParamsEncodedSilently,
+  replaceSearchParamsQs: () => replaceSearchParamsQs,
+  replaceSearchParamsQsSilently: () => replaceSearchParamsQsSilently,
   replaceSearchParamsSilently: () => replaceSearchParamsSilently,
   scrollToRelativeY: () => scrollToRelativeY,
   scrollToSelector: () => scrollToSelector,
@@ -112,6 +115,7 @@ __export(src_exports, {
   setFilters: () => setFilters,
   updateSearchParams: () => updateSearchParams,
   updateSearchParamsEncoded: () => updateSearchParamsEncoded,
+  updateSearchParamsQs: () => updateSearchParamsQs,
   useApi: () => useApi,
   useApiDelete: () => useApiDelete,
   useApiFetch: () => useApiFetch,
@@ -143,6 +147,7 @@ __export(src_exports, {
   useKeyboard: () => useKeyboard,
   useLabel: () => useLabel,
   useLayout: () => useLayout,
+  useLazyModules: () => useLazyModules,
   useModal: () => useModal,
   useMounted: () => useMounted,
   useNumber: () => useNumber,
@@ -158,6 +163,7 @@ __export(src_exports, {
   useScrolled: () => useScrolled,
   useSearchParams: () => useSearchParams,
   useSearchParamsEncoded: () => useSearchParamsEncoded,
+  useSearchParamsQs: () => useSearchParamsQs,
   useSearchParamsValue: () => useSearchParamsValue,
   useSorting: () => useSorting,
   useSwiperIndex: () => useSwiperIndex,
@@ -334,8 +340,9 @@ var import_react6 = require("react");
 var import_react5 = require("react");
 
 // src/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts
+var import_bom_core2 = require("@websolutespa/bom-core");
 var import_react4 = require("react");
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react4.useLayoutEffect : import_react4.useEffect;
+var useIsomorphicLayoutEffect = import_bom_core2.isBrowser ? import_react4.useLayoutEffect : import_react4.useEffect;
 
 // src/useEventListener/useEventListener.ts
 function useEventListener_(eventName, handler, element, options) {
@@ -1379,6 +1386,13 @@ function parseParams(label, params) {
   });
 }
 
+// src/useLazyModules/useLazyModules.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var [useLazyModules, LazyModulesContextProvider] = createGenericContext({});
+function LazyModulesProvider({ children, modules }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LazyModulesContextProvider, { value: modules, children });
+}
+
 // src/useModal/useModal.ts
 function useModal() {
   const modal = useUI((state) => state.views.modal);
@@ -1406,10 +1420,10 @@ function useMounted() {
 }
 
 // src/usePage/usePage.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var [usePage, PageContextProvider] = createGenericContext();
 function PageProvider({ children, page }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PageContextProvider, { value: page, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PageContextProvider, { value: page, children });
 }
 
 // src/usePagination/pagination.service.ts
@@ -1458,9 +1472,9 @@ function usePagination($items, $page = 1, $perPage = 15) {
 var import_react27 = require("react");
 var namespace = "theme";
 function usePortal(name = getUID(), getContainer) {
-  const { isBrowser: isBrowser2 } = useSSR();
+  const { isBrowser: isBrowser6 } = useSSR();
   const id = `${namespace}-${name}`;
-  const [portal, setPortal] = (0, import_react27.useState)(isBrowser2 ? createElementWithId(id) : null);
+  const [portal, setPortal] = (0, import_react27.useState)(isBrowser6 ? createElementWithId(id) : null);
   (0, import_react27.useEffect)(() => {
     const container = typeof getContainer === "function" ? getContainer() : null;
     const parentElement = container || document.body;
@@ -1552,6 +1566,7 @@ function useScroll() {
 }
 
 // src/useScrollTo/useScrollTo.ts
+var import_bom_core3 = require("@websolutespa/bom-core");
 var import_framer_motion = require("framer-motion");
 function useScrollTo(offset = 0) {
   const scrollToHash = (event) => {
@@ -1564,7 +1579,7 @@ function useScrollTo(offset = 0) {
   return scrollToHash;
 }
 function scrollToSelector(selector, offset = 0) {
-  if (selector && typeof window !== "undefined") {
+  if (selector && import_bom_core3.isBrowser) {
     const element = document.querySelector(selector);
     if (element) {
       const rect = element.getBoundingClientRect();
@@ -1607,9 +1622,9 @@ function useScrolled(callback = DEFAULT_CALLBACK) {
 }
 
 // src/useSearchParams/useSearchParams.ts
+var import_bom_core4 = require("@websolutespa/bom-core");
 var import_router = require("next/router");
 var import_react32 = require("react");
-var isBrowser = typeof window !== "undefined";
 function replace_(params) {
   if (window.history) {
     const title = document.title;
@@ -1660,7 +1675,7 @@ function pushSearchParams(router, params) {
   router.push({ pathname, query });
 }
 function replaceSearchParamsSilently(params) {
-  if (isBrowser) {
+  if (import_bom_core4.isBrowser) {
     const searchParams = serialize_(window.location.search, params);
     replace_(searchParams);
   }
@@ -1696,18 +1711,19 @@ function useSearchParamsValue(key) {
 }
 
 // src/useSearchParamsEncoded/useSearchParamsEncoded.ts
+var import_bom_core5 = require("@websolutespa/bom-core");
 var import_router2 = require("next/router");
 var import_react33 = require("react");
 var USE_ENCRYPTION = true;
 function base64ToString(base64) {
   if (!USE_ENCRYPTION)
     return base64;
-  return isBrowser ? window.atob(base64) : Buffer.from(base64, "base64").toString();
+  return import_bom_core5.isBrowser ? window.atob(base64) : Buffer.from(base64, "base64").toString();
 }
 function stringToBase64(text) {
   if (!USE_ENCRYPTION)
     return text;
-  return isBrowser ? window.btoa(text) : Buffer.from(text).toString("base64");
+  return import_bom_core5.isBrowser ? window.btoa(text) : Buffer.from(text).toString("base64");
 }
 function stringToURLSearchParams(url) {
   return new URLSearchParams(url);
@@ -1796,7 +1812,7 @@ function pushSearchParamsEncoded(router, value, key) {
   router.push({ pathname, query });
 }
 function replaceSearchParamsEncodedSilently(value, key) {
-  if (isBrowser) {
+  if (import_bom_core5.isBrowser) {
     const searchParams = serialize_2(window.location.search, value, key);
     replace_2(searchParams);
   }
@@ -1817,13 +1833,123 @@ function useSearchParamsEncoded(key) {
   return { params, replaceParamsSilently, replaceParams };
 }
 
-// src/useSorting/useSorting.ts
+// src/useSearchParamsQs/useSearchParamsQs.ts
+var import_bom_core6 = require("@websolutespa/bom-core");
+var import_router3 = require("next/router");
 var import_react34 = require("react");
+function decode2(encoded, key) {
+  let decoded = null;
+  if (encoded) {
+    decoded = (0, import_bom_core6.qsDeserializeRaw)(encoded);
+  }
+  if (key && decoded) {
+    decoded = decoded[key];
+  }
+  return decoded || null;
+}
+function encode2(params, value, key) {
+  if (key) {
+    params = __spreadProps(__spreadValues({}, params), { [key]: value });
+  } else if (typeof value === "object") {
+    params = __spreadValues(__spreadValues({}, params), value);
+  } else {
+    params = __spreadValues({}, params);
+  }
+  const encoded = (0, import_bom_core6.qsSerializeRaw)(params);
+  return encoded;
+}
+function stringToURLSearchParams2(url) {
+  return new URLSearchParams(url);
+}
+function getURLSearchParams2(url, key) {
+  const params = stringToURLSearchParams2(url);
+  return params.get(key);
+}
+function setURLSearchParams2(url, keyOrValue, value) {
+  const params = stringToURLSearchParams2(url);
+  if (value != null) {
+    params.set(keyOrValue, value);
+  } else {
+    params.set(keyOrValue, "");
+  }
+  return params;
+}
+function replace_3(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.replaceState(params.toString(), title, url);
+  }
+}
+function deserialize_3(url, key) {
+  const encoded = getURLSearchParams2(url, "params");
+  return decode2(encoded, key);
+}
+function serialize_3(url, value, key) {
+  const params = deserialize_3(url);
+  const encoded = encode2(params, value, key);
+  return setURLSearchParams2(url, "params", encoded);
+}
+function searchParamsToObject_3(params) {
+  const entries = params.entries();
+  const result = {};
+  for (const [key, value] of entries) {
+    result[key] = value;
+  }
+  return result;
+}
+function getSearchParamsQs(url, key) {
+  const components = url.split("?");
+  const search = components[1] || "";
+  const searchParams = new URLSearchParams(search);
+  const params = searchParams.get("params");
+  const value = params ? decode2(params, key) : null;
+  return value;
+}
+function updateSearchParamsQs(currentPath, value, key) {
+  const components = currentPath.split("?");
+  const searchParams = serialize_3(components[1] || "", value, key);
+  const query = searchParamsToObject_3(searchParams);
+  const pathname = components[0] || "";
+  return { pathname, query };
+}
+function replaceSearchParamsQs(router, value, key) {
+  const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
+  router.replace({ pathname, query });
+}
+function pushSearchParamsQs(router, value, key) {
+  const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
+  router.push({ pathname, query });
+}
+function replaceSearchParamsQsSilently(value, key) {
+  if (import_bom_core6.isBrowser) {
+    const searchParams = serialize_3(window.location.search, value, key);
+    replace_3(searchParams);
+  }
+}
+function useSearchParamsQs(key) {
+  const router = (0, import_router3.useRouter)();
+  const initialValue = (0, import_react34.useMemo)(() => {
+    const value = getSearchParamsQs(router.asPath, key);
+    return value;
+  }, [key, router.asPath]);
+  const params = initialValue;
+  const replaceParamsSilently = (0, import_react34.useCallback)((params2) => {
+    replaceSearchParamsQsSilently(params2, key);
+  }, [key]);
+  const replaceParams = (0, import_react34.useCallback)((params2) => {
+    replaceSearchParamsQs(router, params2, key);
+  }, [key, router]);
+  return { params, replaceParamsSilently, replaceParams };
+}
+
+// src/useSorting/useSorting.ts
+var import_react35 = require("react");
 function useSorting(items_, callback_, sort_) {
-  const [sort, setSort] = (0, import_react34.useState)(sort_);
-  const [items, setItems] = (0, import_react34.useState)(callback_(items_.slice(), sort));
-  const isInitialMount = (0, import_react34.useRef)(true);
-  (0, import_react34.useEffect)(() => {
+  const [sort, setSort] = (0, import_react35.useState)(sort_);
+  const [items, setItems] = (0, import_react35.useState)(callback_(items_.slice(), sort));
+  const isInitialMount = (0, import_react35.useRef)(true);
+  (0, import_react35.useEffect)(() => {
     if (isInitialMount.current) {
       isInitialMount.current = false;
     } else {
@@ -1839,18 +1965,18 @@ function useSorting(items_, callback_, sort_) {
 }
 
 // src/useSwiperIndex/useSwiperIndex.ts
-var import_react35 = require("react");
-var import_react36 = require("swiper/react");
+var import_react36 = require("react");
+var import_react37 = require("swiper/react");
 function useSwiperIndex() {
-  const swiper = (0, import_react36.useSwiper)();
-  const [index, setIndex] = (0, import_react35.useState)(swiper.realIndex);
-  const slideTo = (0, import_react35.useCallback)((index2) => {
+  const swiper = (0, import_react37.useSwiper)();
+  const [index, setIndex] = (0, import_react36.useState)(swiper.realIndex);
+  const slideTo = (0, import_react36.useCallback)((index2) => {
     swiper.slideTo(index2);
   }, [swiper]);
   const onSlideChange = (swiper2) => {
     setIndex(swiper2.realIndex);
   };
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (swiper) {
       swiper.on("slideChange", onSlideChange);
     }
@@ -1864,11 +1990,11 @@ function useSwiperIndex() {
 }
 
 // src/useSyncedRef/useSyncedRef.ts
-var import_react37 = require("react");
+var import_react38 = require("react");
 function useSyncedRef(value) {
-  const ref = (0, import_react37.useRef)(value);
+  const ref = (0, import_react38.useRef)(value);
   ref.current = value;
-  return (0, import_react37.useMemo)(() => Object.freeze({
+  return (0, import_react38.useMemo)(() => Object.freeze({
     get current() {
       return ref.current;
     }
@@ -1881,10 +2007,10 @@ function useUnit(unit = "kilometer", locale) {
 }
 
 // src/useUnmountEffect/useUnmountEffect.ts
-var import_react38 = require("react");
+var import_react39 = require("react");
 function useUnmountEffect(effect) {
   const effectRef = useSyncedRef(effect);
-  (0, import_react38.useEffect)(() => () => {
+  (0, import_react39.useEffect)(() => () => {
     effectRef.current();
   }, []);
 }
@@ -1909,10 +2035,10 @@ var useUser = (0, import_zustand4.create)((set) => ({
   LabelProvider,
   LabelService,
   LayoutProvider,
+  LazyModulesProvider,
   PageProvider,
   createElementWithId,
   createGenericContext,
-  decode,
   detectIsBrowser,
   filtersToParams,
   getCurrentPosition,
@@ -1924,16 +2050,19 @@ var useUser = (0, import_zustand4.create)((set) => ({
   getRealSize,
   getSearchParams,
   getSearchParamsEncoded,
+  getSearchParamsQs,
   getUID,
   hasGeolocation,
-  isBrowser,
   parseLabel,
   parseParams,
   pushSearchParams,
   pushSearchParamsEncoded,
+  pushSearchParamsQs,
   replaceSearchParams,
   replaceSearchParamsEncoded,
   replaceSearchParamsEncodedSilently,
+  replaceSearchParamsQs,
+  replaceSearchParamsQsSilently,
   replaceSearchParamsSilently,
   scrollToRelativeY,
   scrollToSelector,
@@ -1941,6 +2070,7 @@ var useUser = (0, import_zustand4.create)((set) => ({
   setFilters,
   updateSearchParams,
   updateSearchParamsEncoded,
+  updateSearchParamsQs,
   useApi,
   useApiDelete,
   useApiFetch,
@@ -1972,6 +2102,7 @@ var useUser = (0, import_zustand4.create)((set) => ({
   useKeyboard,
   useLabel,
   useLayout,
+  useLazyModules,
   useModal,
   useMounted,
   useNumber,
@@ -1987,6 +2118,7 @@ var useUser = (0, import_zustand4.create)((set) => ({
   useScrolled,
   useSearchParams,
   useSearchParamsEncoded,
+  useSearchParamsQs,
   useSearchParamsValue,
   useSorting,
   useSwiperIndex,