@websolutespa/bom-mixer-hooks 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -1,49 +1,63 @@
-# @websolutespa/bom-mixer-hooks
-
-## 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.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

@@ -5,7 +5,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as zustand_middleware from 'zustand/middleware';
 import { StateStorage } from 'zustand/middleware';
 import * as zustand from 'zustand';
-import { ISchema, IEquatable, ILayout, IPage } from '@websolutespa/bom-core';
+import { ISchema, IEquatable, ILabel, ILocalizable, ILayout, IPage } from '@websolutespa/bom-core';
 import { ICartItem, ICartAddItem, IAddressOptions, ICheckoutPartial, IFeatureType, IUser } from '@websolutespa/bom-mixer-models';
 import { NextRouter } from 'next/router';
 
@@ -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;
 
@@ -371,16 +371,19 @@ type KeyboardResult = {
 type UseKeyboardHandler = (event: React__default.KeyboardEvent | KeyboardEvent) => void;
 type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
 
-type ILabelContext = (key: string, params?: {
-    [key: string]: any;
-}) => string;
+type ILabelContext = (key: string, params?: Record<string, any>) => string;
 declare const useLabel: () => ILabelContext;
 declare function LabelProvider({ children }: {
     children?: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare function parseParams(label: string, params: {
-    [key: string]: any;
-}): string;
+declare class LabelService {
+    labels: ILabel[];
+    dictionary: Record<string, ILocalizable | undefined>;
+    constructor(labels: ILabel[]);
+    getLabel(key: string, params?: Record<string, any>): string;
+}
+declare function parseLabel(dictionary: Record<string, ILocalizable | undefined>, key: string, params?: Record<string, any>): string;
+declare function parseParams(label: string, params: Record<string, any>): string;
 
 type ILayoutContext = ILayout;
 declare const useLayout: () => ILayout;
@@ -451,14 +454,13 @@ type Scroll = {
 };
 declare function useScroll(): Scroll;
 
-declare function useScrollTo(): (event: React.MouseEvent<HTMLElement>) => void;
+declare function useScrollTo(offset?: number): (event: React.MouseEvent<HTMLElement>) => void;
 declare function scrollToSelector(selector?: string, offset?: number): void;
 declare function scrollToRelativeY(y?: number, offset?: number): void;
 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;
@@ -470,21 +472,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;
@@ -495,15 +496,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[];
@@ -552,4 +571,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, 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, 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, IPageContext, IPaginationInfo, IParams, IParamsEncoded, IParamsQs, IUseSearchParamsEncodedResult, IUseSearchParamsQsResult, IUseSearchParamsResult, IUseSearchParamsValueResult, KeyCode, KeyMod, KeyboardOptions, KeyboardResult, LabelProvider, LabelService, LayoutProvider, 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, 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

@@ -78,11 +78,11 @@ __export(src_exports, {
   KeyCode: () => KeyCode,
   KeyMod: () => KeyMod,
   LabelProvider: () => LabelProvider,
+  LabelService: () => LabelService,
   LayoutProvider: () => LayoutProvider,
   PageProvider: () => PageProvider,
   createElementWithId: () => createElementWithId,
   createGenericContext: () => createGenericContext,
-  decode: () => decode,
   detectIsBrowser: () => detectIsBrowser,
   filtersToParams: () => filtersToParams,
   getCurrentPosition: () => getCurrentPosition,
@@ -94,15 +94,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,
@@ -110,6 +114,7 @@ __export(src_exports, {
   setFilters: () => setFilters,
   updateSearchParams: () => updateSearchParams,
   updateSearchParamsEncoded: () => updateSearchParamsEncoded,
+  updateSearchParamsQs: () => updateSearchParamsQs,
   useApi: () => useApi,
   useApiDelete: () => useApiDelete,
   useApiFetch: () => useApiFetch,
@@ -156,6 +161,7 @@ __export(src_exports, {
   useScrolled: () => useScrolled,
   useSearchParams: () => useSearchParams,
   useSearchParamsEncoded: () => useSearchParamsEncoded,
+  useSearchParamsQs: () => useSearchParamsQs,
   useSearchParamsValue: () => useSearchParamsValue,
   useSorting: () => useSorting,
   useSwiperIndex: () => useSwiperIndex,
@@ -332,8 +338,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) {
@@ -1346,16 +1353,28 @@ var useKeyboard = (handler, keyBindings, options = {}) => {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var [useLabel, LabelContextProvider] = createGenericContext();
 function LabelProvider({ children }) {
-  const { locale, labels } = useLayout();
-  const dictionary = Object.fromEntries(labels.map((l) => [l.id, l.text]));
-  const context = (key, params) => {
-    const label = dictionary[key] != null ? dictionary[key] : key;
-    if (params) {
-      return parseParams(label, params);
-    }
-    return label;
+  const { labels } = useLayout();
+  const labelService = new LabelService(labels);
+  const getLabel = (key, params) => {
+    return labelService.getLabel(key, params);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LabelContextProvider, { value: context, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LabelContextProvider, { value: getLabel, children });
+}
+var LabelService = class {
+  constructor(labels) {
+    this.labels = labels;
+    this.dictionary = Object.fromEntries(labels.map((l) => [l.id, l.text]));
+  }
+  getLabel(key, params) {
+    return parseLabel(this.dictionary, key, params);
+  }
+};
+function parseLabel(dictionary, key, params) {
+  const label = dictionary[key] != null ? dictionary[key] : key;
+  if (params) {
+    return parseParams(label, params);
+  }
+  return label;
 }
 function parseParams(label, params) {
   const TEMPLATE_REGEXP = /@(\w+)/g;
@@ -1444,9 +1463,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;
@@ -1538,19 +1557,20 @@ function useScroll() {
 }
 
 // src/useScrollTo/useScrollTo.ts
+var import_bom_core3 = require("@websolutespa/bom-core");
 var import_framer_motion = require("framer-motion");
-function useScrollTo() {
+function useScrollTo(offset = 0) {
   const scrollToHash = (event) => {
     const href = event.currentTarget.getAttribute("href");
     if (href && href.indexOf("#") !== -1) {
       const hashId = `#${href.split("#")[1]}`;
-      scrollToSelector(hashId);
+      scrollToSelector(hashId, offset);
     }
   };
   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();
@@ -1593,9 +1613,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;
@@ -1646,7 +1666,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);
   }
@@ -1682,18 +1702,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);
@@ -1782,7 +1803,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);
   }
@@ -1803,13 +1824,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 {
@@ -1825,18 +1956,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);
     }
@@ -1850,11 +1981,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;
     }
@@ -1867,10 +1998,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();
   }, []);
 }
@@ -1893,11 +2024,11 @@ var useUser = (0, import_zustand4.create)((set) => ({
   KeyCode,
   KeyMod,
   LabelProvider,
+  LabelService,
   LayoutProvider,
   PageProvider,
   createElementWithId,
   createGenericContext,
-  decode,
   detectIsBrowser,
   filtersToParams,
   getCurrentPosition,
@@ -1909,15 +2040,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,
@@ -1925,6 +2060,7 @@ var useUser = (0, import_zustand4.create)((set) => ({
   setFilters,
   updateSearchParams,
   updateSearchParamsEncoded,
+  updateSearchParamsQs,
   useApi,
   useApiDelete,
   useApiFetch,
@@ -1971,6 +2107,7 @@ var useUser = (0, import_zustand4.create)((set) => ({
   useScrolled,
   useSearchParams,
   useSearchParamsEncoded,
+  useSearchParamsQs,
   useSearchParamsValue,
   useSorting,
   useSwiperIndex,