@nosto/search-js 1.7.5 → 1.8.0

package/dist/preact/preact.es.js

@@ -1,566 +1,187 @@
+import { s as b } from "../index.es-B8mbAxS4.js";
+import { cloneElement as L, Fragment as B, toChildArray as j } from "preact";
 import { isBot as H } from "../utils/utils.es.js";
-import { options as B, createContext as W, Fragment as G, toChildArray as ne } from "preact";
-import { useContext as q, useState as I, useEffect as N, useMemo as M, useCallback as v, useRef as oe } from "preact/hooks";
-import { s as se } from "../search-B0-bVNMy.js";
-import { s as E } from "../index.es-B8mbAxS4.js";
-var ie = 0;
-function w(e, r, t, n, o, c) {
-  r || (r = {});
-  var s, i, l = r;
-  if ("ref" in l) for (i in l = {}, r) i == "ref" ? s = r[i] : l[i] = r[i];
-  var u = { type: e, props: l, key: t, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --ie, __i: -1, __u: 0, __source: o, __self: c };
-  if (typeof e == "function" && (s = e.defaultProps)) for (i in s) l[i] === void 0 && (l[i] = s[i]);
-  return B.vnode && B.vnode(u), u;
-}
-const U = (e) => String(e) === "[object Object]";
-function F(e) {
-  if (!U(e))
-    return !1;
-  const r = e.constructor;
-  if (r === void 0)
-    return !0;
-  const t = r.prototype;
-  return !(!U(t) || !t.hasOwnProperty("isPrototypeOf"));
-}
-function x(...e) {
-  return e.reduce((r, t) => V(r, t));
-}
-function Q(...e) {
-  return e.reduce((r, t) => V(r, t));
-}
-function V(e, r) {
-  return F(e) && F(r) ? Object.entries(r).reduce(
-    (t, [n, o]) => (t[n] = V(t[n], o), t),
-    { ...e }
-  ) : F(e) ? e : r;
-}
-function b(e, r) {
-  if (e === r)
-    return !0;
-  if (e instanceof Date && r instanceof Date)
-    return e.getTime() === r.getTime();
-  if (Array.isArray(e) && Array.isArray(r))
-    return e.length !== r.length ? !1 : e.every((t, n) => b(t, r[n]));
-  if (F(e) && F(r)) {
-    const t = Object.entries(e);
-    return t.length !== Object.keys(r).length ? !1 : t.every(([n, o]) => b(o, r[n]));
-  }
-  return !1;
-}
-function ce(e, r = {}) {
-  const t = /* @__PURE__ */ new Map();
-  let n = Q(e, r ?? {});
-  const o = Q(e, r);
-  function c(a) {
-    n = a(n);
-    for (const d of t.values())
-      d(n);
-  }
-  function s(a) {
-    c((d) => ({ ...d, ...a }));
-  }
-  function i() {
-    return n;
-  }
-  function l() {
-    return structuredClone(o);
-  }
-  function u(a, d) {
-    let m;
-    t.set(d, (g) => {
-      const h = a(g);
-      b(h, m) || (m = h, d(h));
-    });
-  }
-  function f(a) {
-    t.delete(a);
-  }
-  return {
-    updateState: s,
-    getState: i,
-    getInitialState: l,
-    onChange: u,
-    clearOnChange: f
-  };
-}
-const ue = {
-  loading: !0,
-  query: {},
-  response: {},
-  initialized: !1
-};
-function _(e = {}) {
-  return ce(ue, e);
-}
-const A = W(_());
-function y(e = ae) {
-  const r = q(A), [t, n] = I(e(r.getState()));
-  return r.onChange(e, n), N(() => () => r.clearOnChange(n), [r]), t;
-}
-const ae = (e) => e;
-function J(e, ...r) {
-  return r.reduce(
-    (t, n) => (t[n] = e[n], t),
-    {}
-  );
-}
-const T = W(null), Y = () => {
-  const e = q(T);
-  if (!e)
-    throw new Error("useConfig must be used within a ConfigProvider");
-  return e;
-};
-function le(e) {
-  return Array.from(new Set(e));
-}
-function fe(e, r) {
-  return {
-    ...r,
-    products: {
-      facets: e === "autocomplete" ? void 0 : ["*"],
-      fields: de,
-      ...r.products
-    },
-    ...r.keywords ? {
-      keywords: {
-        ...r.keywords,
-        fields: le([...ge, ...r.keywords.fields ?? []]),
-        highlight: r.keywords.highlight ?? {
-          preTag: "<strong>",
-          postTag: "</strong>"
-        }
-      }
-    } : {}
-  };
-}
-const de = [
-  "productId",
-  "url",
-  "name",
-  "imageUrl",
-  "imageHash",
-  "thumbUrl",
-  "description",
-  "brand",
-  "variantId",
-  "availability",
-  "price",
-  "priceText",
-  "categoryIds",
-  "categories",
-  "customFields.key",
-  "customFields.value",
-  "priceCurrencyCode",
-  "datePublished",
-  "listPrice",
-  "unitPricingBaseMeasure",
-  "unitPricingUnit",
-  "unitPricingMeasure",
-  "googleCategory",
-  "gtin",
-  "ageGroup",
-  "gender",
-  "condition",
-  "alternateImageUrls",
-  "ratingValue",
-  "reviewCount",
-  "inventoryLevel",
-  "skus.id",
-  "skus.name",
-  "skus.price",
-  "skus.listPrice",
-  "skus.priceText",
-  "skus.url",
-  "skus.imageUrl",
-  "skus.inventoryLevel",
-  "skus.customFields.key",
-  "skus.customFields.value",
-  "skus.availability",
-  "pid",
-  "onDiscount",
-  "extra.key",
-  "extra.value",
-  "saleable",
-  "available",
-  "tags1",
-  "tags2",
-  "tags3"
-], ge = ["keyword", "_redirect"];
-function pe(...e) {
-  if (!e.every((r) => r == null))
-    return e.filter((r) => Array.isArray(r)).reduce((r, t) => r.concat(t), []);
-}
-const X = "nosto.search.";
-function me(e) {
-  var t;
-  const r = `${X}${e}`;
-  (t = window.performance) == null || t.mark(`${r}.start`);
-}
-function he(e) {
-  var t, n;
-  const r = `${X}${e}`;
-  (t = window.performance) == null || t.mark(`${r}.end`), (n = window.performance) == null || n.measure(r, `${r}.start`, `${r}.end`);
-}
-function O(e) {
-  return me(e), () => he(e);
-}
-function ye(e, r, t) {
-  const n = JSON.stringify(r);
-  try {
-    console.info("Setting storage", e, n), t.setItem(e, n);
-  } catch (o) {
-    console.warn(o);
-  }
-}
-function Se(e, r) {
-  try {
-    const t = r.getItem(e);
-    if (t)
-      return JSON.parse(t);
-  } catch (t) {
-    console.warn(t);
-  }
-}
-function ve(e, r) {
-  ye(e, r, sessionStorage);
-}
-function we(e) {
-  return Se(e, sessionStorage);
-}
-const Z = "nosto:search:searchResult";
-function Ce(e, r, t) {
-  if (!e)
-    return;
-  ve(Z, { query: r, result: t });
-}
-function ke(e, r) {
-  if (!e)
-    return null;
-  const t = we(Z);
-  if (!t || !Pe(t))
-    return null;
-  const n = K(t.query);
-  return b(K(r), n) ? t.result : null;
-}
-function K(e) {
-  return {
-    accountId: e.accountId,
-    customRules: e.customRules,
-    explain: e.explain,
-    keywords: e.keywords,
-    products: e.products,
-    query: e.query,
-    redirect: e.redirect,
-    rules: e.rules,
-    segments: e.segments,
-    sessionParams: e.sessionParams
-  };
-}
-function Pe(e) {
-  return typeof e == "object" && e !== null && "query" in e && "result" in e;
-}
-async function ee(e, r, t) {
-  var u, f, a;
-  const n = O("newSearch"), o = e.config.pageType, c = x(e.store.getInitialState().query, r), s = x(e.config.search, t, {
-    track: o,
-    redirect: o !== "autocomplete",
-    isKeyword: !!(t != null && t.isKeyword)
-  });
-  e.store.updateState({
-    query: c,
-    loading: !0,
-    initialized: !0
-  });
-  const i = o !== "autocomplete" && e.config.persistentSearchCache, l = e.config.queryModifications(
-    {
-      ...c,
-      products: {
-        ...c.products,
-        // Apply filter merging to avoid overwriting base filters
-        filter: pe((f = (u = e.store.getInitialState().query) == null ? void 0 : u.products) == null ? void 0 : f.filter, (a = r.products) == null ? void 0 : a.filter)
-      }
-    },
-    o
-  );
-  try {
-    let d;
-    const m = ke(i, l);
-    if (m)
-      d = m;
-    else {
-      const g = fe(o, l);
-      d = await se(g, s), Ce(i, l, d);
+import { u as V, a as C, b as v, h as O, p as D, i as U, I as W, c as $, d as x, S as R, C as T, e as K, f as P } from "../InfiniteScrollWithObserver-kuSGeBWr.js";
+import { k as Ie, j as Le } from "../InfiniteScrollWithObserver-kuSGeBWr.js";
+import { useEffect as I, useState as N, useMemo as A, useCallback as F } from "preact/hooks";
+function Y(e) {
+  return e !== null && typeof e == "object" && "props" in e && typeof e.type == "string";
+}
+function he({ children: e, hit: n }) {
+  var r;
+  if (!Y(e))
+    throw new Error(
+      "AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported."
+    );
+  const t = (r = e.props) == null ? void 0 : r.onClick;
+  return L(e, {
+    onClick: (o) => {
+      n && b((a) => a.recordSearchClick("autocomplete", n)), typeof t == "function" && t(o);
     }
-    e.store.updateState({
-      response: d,
-      loading: !1
-    });
-  } catch (d) {
-    console.error("Search action failed", d);
-  }
-  n();
-}
-async function $(e, r, t) {
-  const n = O("updateSearch"), o = x(e.store.getState().query, { products: { from: 0 } }, r);
-  await ee(e, o, t), n();
-}
-async function Fe(e, r, t) {
-  var s;
-  const n = O("replaceFilter"), o = (s = e.store.getState().query.products) == null ? void 0 : s.filter, c = t !== void 0 ? [{ field: r, [typeof t == "object" ? "range" : "value"]: [t] }] : [];
-  await $(e, {
-    products: {
-      filter: [...(o == null ? void 0 : o.filter((i) => i.field !== r)) ?? [], ...c]
-    }
-  }), n();
-}
-async function be(e, r, t, n) {
-  var l, u;
-  const o = O("toggleProductFilter"), c = (l = e.store.getState().query.products) == null ? void 0 : l.filter, s = c == null ? void 0 : c.find((f) => f.value instanceof Array && f.field === r), i = s != null && s.value ? {
-    ...s,
-    value: [...s.value.filter((f) => !b(f, t)), ...n ? [t] : []]
-  } : n ? {
-    field: r,
-    value: [t]
-  } : void 0;
-  await $(e, {
-    products: {
-      filter: [...(c == null ? void 0 : c.filter((f) => f !== s)) ?? [], ...(u = i == null ? void 0 : i.value) != null && u.length ? [i] : []]
-    }
-  }), o();
-}
-function P() {
-  const e = Y(), r = q(A), t = M(
-    () => ({
-      config: e,
-      store: r
-    }),
-    [e, r]
-  ), n = v(
-    (i, l) => ee(t, i, l),
-    [t]
-  ), o = v(
-    (i, l) => $(t, i, l),
-    [t]
-  ), c = v(
-    (i, l, u) => be(t, i, l, u),
-    [t]
-  ), s = v(
-    (i, l) => Fe(t, i, l),
-    [t]
-  );
-  return {
-    newSearch: n,
-    updateSearch: o,
-    toggleProductFilter: c,
-    replaceFilter: s
-  };
-}
-function Me({ from: e, size: r, pageSize: t }) {
-  return H() ? {
-    products: { from: e + t }
-  } : {
-    products: { size: r + t }
-  };
-}
-function te(e = 24) {
-  const { from: r, size: t } = y((c) => {
-    var s, i;
-    return {
-      from: ((s = c.query.products) == null ? void 0 : s.from) ?? 0,
-      size: ((i = c.query.products) == null ? void 0 : i.size) ?? 0
-    };
-  }), { updateSearch: n } = P();
-  return {
-    loadMore: v(async () => {
-      await n(Me({ from: r, size: t, pageSize: e }));
-    }, [r, t, e, n])
-  };
-}
-function Ae({ pageSize: e }) {
-  const { loadMore: r } = te(e);
-  return /* @__PURE__ */ w("button", { onClick: r, children: "More results" });
-}
-function re(e, r) {
-  var c, s, i;
-  const t = ((c = r.products) == null ? void 0 : c.total) ?? 0, n = ((s = e.products) == null ? void 0 : s.from) ?? 0, o = ((i = e.products) == null ? void 0 : i.size) ?? 0;
-  return t > 0 && t > n + o;
+  });
 }
-function Ie() {
-  return !!(window.IntersectionObserver && window.IntersectionObserverEntry && "intersectionRatio" in window.IntersectionObserverEntry.prototype);
+function _({ pageSize: e }) {
+  const { loadMore: n } = V(e);
+  return /* @__PURE__ */ C("button", { onClick: n, children: "More results" });
 }
-function Re({ children: e, loadMoreComponent: r, pageSize: t }) {
-  const { loading: n, query: o, response: c } = y((i) => J(i, "loading", "query", "response")), s = !n && re(o, c);
-  return /* @__PURE__ */ w(G, { children: [
+function G({ children: e, loadMoreComponent: n, pageSize: t }) {
+  const { loading: r, query: o, response: a } = v((u) => D(u, "loading", "query", "response")), i = !r && O(o, a);
+  return /* @__PURE__ */ C(B, { children: [
     e,
-    s && (r ? /* @__PURE__ */ w(r, { pageSize: t }) : /* @__PURE__ */ w(Ae, { pageSize: t }))
+    i && (n ? /* @__PURE__ */ C(n, { pageSize: t }) : /* @__PURE__ */ C(_, { pageSize: t }))
   ] });
 }
-function Ne({ children: e, pageSize: r }) {
-  const t = oe(null), { query: n, response: o } = y((s) => J(s, "query", "response")), { loadMore: c } = te(r);
-  return N(() => {
-    let s, i;
-    return re(n, o) && (s = t.current, i = new IntersectionObserver((l) => {
-      const u = l[0];
-      u != null && u.isIntersecting && c();
-    }), s && i.observe(s)), () => {
-      s && i.unobserve(s);
-    };
-  }, [o]), /* @__PURE__ */ w(G, { children: [
-    e,
-    /* @__PURE__ */ w("div", { ref: t, style: { height: "1px" } })
-  ] });
-}
-const Ye = !H() && Ie() ? Ne : Re;
-function _e(e) {
+const ye = !H() && U() ? W : G;
+function J(e) {
   return e.type === "input";
 }
-function Te(e) {
+function Q(e) {
   return !!e && typeof e == "object" && "type" in e && "props" in e;
 }
-function j(e, r = { depth: 0 }) {
+function q(e, n = { depth: 0 }) {
   const { children: t } = e;
-  return ne(t).map((n) => {
-    if (!Te(n))
-      return n;
-    const o = e.updateElement(n, r);
+  return j(t).map((r) => {
+    if (!Q(r))
+      return r;
+    const o = e.updateElement(r, n);
     return o === null ? null : (o.props = {
       ...o.props,
-      children: j({ ...e, children: o.props.children }, { depth: r.depth + 1 })
+      children: q({ ...e, children: o.props.children }, { depth: n.depth + 1 })
     }, o);
   });
 }
-function Xe({ children: e, onSearchInput: r }) {
-  return j({
+function ve({ children: e, onSearchInput: n }) {
+  return q({
     children: e,
-    updateElement: (t) => (!_e(t) || t.props.type !== "search" || (t.props = {
+    updateElement: (t) => (!J(t) || t.props.type !== "search" || (t.props = {
       ...t.props,
-      onInput: (n) => {
-        n.target instanceof HTMLInputElement && r(n.target);
+      onInput: (r) => {
+        r.target instanceof HTMLInputElement && n(r.target);
       }
     }), t)
   });
 }
-const Oe = "nosto:search:scrollPos";
-function ze() {
-  window.sessionStorage.setItem(Oe, window.scrollY.toString());
+const X = "nosto:search:scrollPos";
+function Z() {
+  window.sessionStorage.setItem(X, window.scrollY.toString());
 }
-function Ze({ children: e, hit: r, onClick: t }) {
-  const { pageType: n } = Y(), o = n === "autocomplete" ? void 0 : n;
-  return j({
+function Se({ children: e, hit: n, onClick: t }) {
+  const { pageType: r } = $(), o = r === "autocomplete" ? void 0 : r;
+  return q({
     children: e,
-    updateElement: (c, s) => (s.depth > 0 || (c.props = {
-      ...c.props,
-      onClick: (i) => {
-        r && o && E((l) => l.recordSearchClick(o, r)), ze(), typeof t == "function" && t(i);
+    updateElement: (a, i) => (i.depth > 0 || (a.props = {
+      ...a.props,
+      onClick: (u) => {
+        n && o && b((d) => d.recordSearchClick(o, n)), Z(), typeof t == "function" && t(u);
       }
-    }), c)
+    }), a)
   });
 }
-function D() {
-  N(() => {
+function E() {
+  I(() => {
     const e = window.setTimeout(() => {
       console.error("Nosto client script has not loaded after 3 seconds.");
     }, 3e3);
-    E(() => {
+    b(() => {
       window.clearTimeout(e);
     });
   }, []);
 }
-const L = {
+const z = {
   defaultCurrency: "EUR",
   queryModifications: (e) => e
-}, xe = {
-  ...L
+}, ee = {
+  ...z
 };
-function qe(e) {
+function te(e) {
   return {
     pageType: "autocomplete",
-    ...xe,
+    ...ee,
     ...e
   };
 }
-function et({ config: e, store: r, children: t }) {
-  const n = r ?? _();
-  return D(), /* @__PURE__ */ w(T, { value: qe(e), children: /* @__PURE__ */ w(A, { value: n, children: t }) });
+function Ce({ config: e, store: n, children: t }) {
+  const r = n ?? x();
+  return E(), /* @__PURE__ */ C(T, { value: te(e), children: /* @__PURE__ */ C(R, { value: r, children: t }) });
 }
-const Ee = {
-  ...L,
+const ne = {
+  ...z,
   persistentSearchCache: !1,
   preservePageScroll: !1
 };
-function Ve(e) {
+function re(e) {
   return {
     pageType: "category",
-    ...Ee,
+    ...ne,
     ...e
   };
 }
-function tt({ config: e, store: r, children: t }) {
-  const n = r ?? _();
-  return D(), /* @__PURE__ */ w(T, { value: Ve(e), children: /* @__PURE__ */ w(A, { value: n, children: t }) });
+function Me({ config: e, store: n, children: t }) {
+  const r = n ?? x();
+  return E(), /* @__PURE__ */ C(T, { value: re(e), children: /* @__PURE__ */ C(R, { value: r, children: t }) });
 }
-const $e = {
-  ...L,
+const oe = {
+  ...z,
   persistentSearchCache: !1,
   preservePageScroll: !1
 };
-function je(e = {}) {
+function se(e = {}) {
   return {
     pageType: "serp",
-    ...$e,
+    ...oe,
     ...e
   };
 }
-function rt({ config: e, store: r, children: t }) {
-  const n = r ?? _();
-  return D(), /* @__PURE__ */ w(T, { value: je(e), children: /* @__PURE__ */ w(A, { value: n, children: t }) });
+function Fe({ config: e, store: n, children: t }) {
+  const r = n ?? x();
+  return E(), /* @__PURE__ */ C(T, { value: se(e), children: /* @__PURE__ */ C(R, { value: r, children: t }) });
 }
-function nt(e) {
-  const r = y((t) => t.response);
-  return e && Array.isArray(e) || e && F(e) ? e : r;
+function Pe(e) {
+  const n = v((t) => t.response);
+  return e && Array.isArray(e) || e && K(e) ? e : n;
 }
-function ot(e) {
-  var s;
-  const r = ((s = e.data) == null ? void 0 : s.filter((i) => i.selected).length) ?? 0, [t, n] = I(r > 0), { toggleProductFilter: o } = P();
+function we(e) {
+  var i;
+  const n = ((i = e.data) == null ? void 0 : i.filter((u) => u.selected).length) ?? 0, [t, r] = N(n > 0), { toggleProductFilter: o } = P();
   return {
     /** Active value */
     active: t,
     /** Selected filters count */
-    selectedFiltersCount: r,
+    selectedFiltersCount: n,
     /** Toggle active function */
     toggleActive: () => {
-      n(!t);
+      r(!t);
     },
     /** Toggle product filter function */
     toggleProductFilter: o
   };
 }
-function st() {
-  const { loading: e, facets: r } = y((t) => {
-    var n, o;
+function be() {
+  const { loading: e, facets: n } = v((t) => {
+    var r, o;
     return {
       loading: t.loading,
-      facets: ((o = (n = t.response) == null ? void 0 : n.products) == null ? void 0 : o.facets) ?? []
+      facets: ((o = (r = t.response) == null ? void 0 : r.products) == null ? void 0 : o.facets) ?? []
     };
   });
   return {
     /** Loading state */
     loading: e,
     /** Array of facets*/
-    facets: r
+    facets: n
   };
 }
-function De(e, r) {
-  const t = r - e;
-  return !isNaN(t) && t > 0 ? new Array(r - e).fill(void 0).map((n, o) => o + e) : [];
+function ie(e, n) {
+  const t = n - e;
+  return !isNaN(t) && t > 0 ? new Array(n - e).fill(void 0).map((r, o) => o + e) : [];
 }
-function it(e) {
-  const { query: r, products: t } = y((n) => ({
-    query: n.query,
-    products: n.response.products
+function Ae(e) {
+  const { query: n, products: t } = v((r) => ({
+    query: r.query,
+    products: r.response.products
   }));
-  return M(() => {
-    var k;
+  return A(() => {
+    var M;
     if (!t)
       return {
         totalPages: 0,
@@ -568,138 +189,138 @@ function it(e) {
         resultsTo: 0,
         pages: []
       };
-    const n = ((k = r.products) == null ? void 0 : k.from) ?? 0, o = (e == null ? void 0 : e.width) ?? 1 / 0, c = Math.max(Math.floor(o - 1) / 2, 1), s = t.size > 0 ? Math.floor(n / t.size) + 1 : 1, i = t.size > 0 ? Math.ceil(t.total / t.size) : 0, l = (C) => C >= s - c && C <= s + c, u = n + 1, f = Math.min(n + t.total, t.total), a = {
-      from: n,
-      page: s,
+    const r = ((M = n.products) == null ? void 0 : M.from) ?? 0, o = (e == null ? void 0 : e.width) ?? 1 / 0, a = Math.max(Math.floor(o - 1) / 2, 1), i = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, u = t.size > 0 ? Math.ceil(t.total / t.size) : 0, d = (y) => y >= i - a && y <= i + a, s = r + 1, l = Math.min(r + t.total, t.total), c = {
+      from: r,
+      page: i,
       current: !0
-    }, d = (C) => ({
-      from: (C - 1) * t.size,
-      page: C,
-      current: C === s
-    }), m = s > 1 ? d(s - 1) : void 0, g = s < i ? d(s + 1) : void 0, h = c === 1 / 0 || s - c - 1 > 1 ? d(1) : void 0, p = c === 1 / 0 || s + c + 1 < i ? d(i) : void 0, S = De(1, i + 1).filter(l).map(d);
+    }, g = (y) => ({
+      from: (y - 1) * t.size,
+      page: y,
+      current: y === i
+    }), m = i > 1 ? g(i - 1) : void 0, f = i < u ? g(i + 1) : void 0, S = a === 1 / 0 || i - a - 1 > 1 ? g(1) : void 0, p = a === 1 / 0 || i + a + 1 < u ? g(u) : void 0, h = ie(1, u + 1).filter(d).map(g);
     return {
-      totalPages: i,
-      resultsFrom: u,
-      resultsTo: f,
-      current: a,
+      totalPages: u,
+      resultsFrom: s,
+      resultsTo: l,
+      current: c,
       prev: m,
-      next: g,
-      first: h,
+      next: f,
+      first: S,
       last: p,
-      pages: S
+      pages: h
     };
-  }, [r, t, e == null ? void 0 : e.width]);
-}
-function ct() {
-  const [e, r] = I([]), [t, n] = I([]);
-  return N(() => {
-    E(async (o) => {
-      const { products: c, segments: s } = await o.getSearchSessionParams();
-      r(s ?? []), n((c == null ? void 0 : c.personalizationBoost) ?? []);
+  }, [n, t, e == null ? void 0 : e.width]);
+}
+function ke() {
+  const [e, n] = N([]), [t, r] = N([]);
+  return I(() => {
+    b(async (o) => {
+      const { products: a, segments: i } = await o.getSearchSessionParams();
+      n(i ?? []), r((a == null ? void 0 : a.personalizationBoost) ?? []);
     });
   }, []), {
     segments: e,
     boost: t
   };
 }
-function Le() {
-  const { facets: e } = y((u) => {
-    var f;
+function ce() {
+  const { facets: e } = v((s) => {
+    var l;
     return {
-      facets: ((f = u.response.products) == null ? void 0 : f.facets) ?? []
+      facets: ((l = s.response.products) == null ? void 0 : l.facets) ?? []
     };
-  }), { replaceFilter: r, toggleProductFilter: t } = P(), n = v(
-    (u) => {
-      const f = e == null ? void 0 : e.find((a) => a.type === "stats" && a.field === u);
-      if (f && "min" in f && "max" in f)
-        return f;
+  }), { replaceFilter: n, toggleProductFilter: t } = P(), r = F(
+    (s) => {
+      const l = e == null ? void 0 : e.find((c) => c.type === "stats" && c.field === s);
+      if (l && "min" in l && "max" in l)
+        return l;
     },
     [e]
-  ), o = v(
-    (u) => {
-      var f;
-      return ((f = e == null ? void 0 : e.find((a) => a.field === u)) == null ? void 0 : f.name) ?? u;
+  ), o = F(
+    (s) => {
+      var l;
+      return ((l = e == null ? void 0 : e.find((c) => c.field === s)) == null ? void 0 : l.name) ?? s;
     },
     [e]
-  ), c = v((u) => "field" in u && (u.value instanceof Array || u.range instanceof Array), []), s = v((u) => {
-    var f;
+  ), a = F((s) => "field" in s && (s.value instanceof Array || s.range instanceof Array), []), i = F((s) => {
+    var l;
     return {
-      ...u,
-      range: (f = u.range) == null ? void 0 : f.map((a) => ({
-        gt: a.gt ? Number(a.gt) : a.gt,
-        gte: a.gte ? Number(a.gte) : a.gte,
-        lt: a.lt ? Number(a.lt) : a.lt,
-        lte: a.lte ? Number(a.lte) : a.lte
+      ...s,
+      range: (l = s.range) == null ? void 0 : l.map((c) => ({
+        gt: c.gt ? Number(c.gt) : c.gt,
+        gte: c.gte ? Number(c.gte) : c.gte,
+        lt: c.lt ? Number(c.lt) : c.lt,
+        lte: c.lte ? Number(c.lte) : c.lte
       }))
     };
-  }, []), i = v(
-    (u) => (u.value ?? []).map((a) => ({
-      value: a,
-      field: u.field,
-      name: o(u.field),
-      filter: s(u),
+  }, []), u = F(
+    (s) => (s.value ?? []).map((c) => ({
+      value: c,
+      field: s.field,
+      name: o(s.field),
+      filter: i(s),
       remove: () => {
-        t(u.field, a, !1);
+        t(s.field, c, !1);
       }
     })),
-    [s, o, t]
-  ), l = v(
-    (u) => (u.range ?? []).map((a) => {
-      var g, h;
-      const d = a.gte ?? a.gt ?? ((g = n(u.field)) == null ? void 0 : g.min), m = a.lte ?? a.lt ?? ((h = n(u.field)) == null ? void 0 : h.max);
-      if (d !== void 0 && m !== void 0)
+    [i, o, t]
+  ), d = F(
+    (s) => (s.range ?? []).map((c) => {
+      var f, S;
+      const g = c.gte ?? c.gt ?? ((f = r(s.field)) == null ? void 0 : f.min), m = c.lte ?? c.lt ?? ((S = r(s.field)) == null ? void 0 : S.max);
+      if (g !== void 0 && m !== void 0)
         return {
-          value: `${d} - ${m}`,
-          field: u.field,
-          name: o(u.field),
-          filter: s(u),
+          value: `${g} - ${m}`,
+          field: s.field,
+          name: o(s.field),
+          filter: i(s),
           remove: () => {
-            r(u.field, void 0);
+            n(s.field, void 0);
           }
         };
     }).filter(Boolean),
-    [s, n, o, r]
+    [i, r, o, n]
   );
   return {
-    selectFilters: c,
-    toValueFilter: i,
-    toRangeFilter: l
+    selectFilters: a,
+    toValueFilter: u,
+    toRangeFilter: d
   };
 }
-function Be() {
-  const { filter: e } = y((i) => {
-    var l;
+function ae() {
+  const { filter: e } = v((u) => {
+    var d;
     return {
-      filter: ((l = i.query.products) == null ? void 0 : l.filter) ?? []
+      filter: ((d = u.query.products) == null ? void 0 : d.filter) ?? []
     };
-  }), { updateSearch: r } = P(), { selectFilters: t, toValueFilter: n, toRangeFilter: o } = Le(), c = M(() => e ? e.filter(t).flatMap((i) => "value" in i ? n(i) : "range" in i ? o(i) : []).filter(Boolean) : [], [e, t, o, n]), s = v(() => {
-    r({
+  }), { updateSearch: n } = P(), { selectFilters: t, toValueFilter: r, toRangeFilter: o } = ce(), a = A(() => e ? e.filter(t).flatMap((u) => "value" in u ? r(u) : "range" in u ? o(u) : []).filter(Boolean) : [], [e, t, o, r]), i = F(() => {
+    n({
       products: {
         filter: []
       }
     });
-  }, [r]);
+  }, [n]);
   return {
     /** Selected filters array. */
-    filters: c,
+    filters: a,
     /** Should remove all selected filters. */
-    removeAll: s
+    removeAll: i
   };
 }
-function R(e) {
+function w(e) {
   if (typeof e == "number")
     return e;
   if (typeof e != "string")
     return;
-  const r = Number(e);
-  return isNaN(r) ? void 0 : r;
-}
-function Ue(e) {
-  var a, d, m;
-  const { replaceFilter: r } = P(), { query: t, products: n } = y((g) => ({
-    query: g.query,
-    products: g.response.products
-  })), o = (a = n == null ? void 0 : n.facets) == null ? void 0 : a.find((g) => g.id === e);
+  const n = Number(e);
+  return isNaN(n) ? void 0 : n;
+}
+function ue(e) {
+  var c, g, m;
+  const { replaceFilter: n } = P(), { query: t, products: r } = v((f) => ({
+    query: f.query,
+    products: f.response.products
+  })), o = (c = r == null ? void 0 : r.facets) == null ? void 0 : c.find((f) => f.id === e);
   if (!o)
     return {
       min: 0,
@@ -708,173 +329,173 @@ function Ue(e) {
       updateRange: () => {
       }
     };
-  const c = (m = (d = t.products) == null ? void 0 : d.filter) == null ? void 0 : m.find((g) => g.field === o.field), s = c != null && c.range ? c.range[0] : void 0, i = typeof s == "object" && ("gte" in s || "lte" in s) ? [R(s.gte), R(s.lte)] : [void 0, void 0], l = "min" in o ? Math.floor(o.min) : 0, u = "max" in o ? Math.ceil(o.max) : 0, f = ([g, h]) => {
-    const p = g !== void 0 ? Math.floor(g) : void 0, S = h !== void 0 ? Math.ceil(h) : void 0, k = p !== void 0, C = S !== void 0;
-    (l === p || !k) && (u === S || !C) ? r(o.field, void 0) : (l === p || !k) && C ? r(o.field, {
-      lte: S.toString()
-    }) : (u === S || !C) && k ? r(o.field, {
+  const a = (m = (g = t.products) == null ? void 0 : g.filter) == null ? void 0 : m.find((f) => f.field === o.field), i = a != null && a.range ? a.range[0] : void 0, u = typeof i == "object" && ("gte" in i || "lte" in i) ? [w(i.gte), w(i.lte)] : [void 0, void 0], d = "min" in o ? Math.floor(o.min) : 0, s = "max" in o ? Math.ceil(o.max) : 0, l = ([f, S]) => {
+    const p = f !== void 0 ? Math.floor(f) : void 0, h = S !== void 0 ? Math.ceil(S) : void 0, M = p !== void 0, y = h !== void 0;
+    (d === p || !M) && (s === h || !y) ? n(o.field, void 0) : (d === p || !M) && y ? n(o.field, {
+      lte: h.toString()
+    }) : (s === h || !y) && M ? n(o.field, {
       gte: p.toString()
-    }) : k && C && r(o.field, {
+    }) : M && y && n(o.field, {
       gte: p.toString(),
-      lte: S.toString()
+      lte: h.toString()
     });
   };
   return {
     /** Min value */
-    min: l,
+    min: d,
     /** Max value */
-    max: u,
+    max: s,
     /** Range value */
-    range: [i[0] ?? l, i[1] ?? u],
+    range: [u[0] ?? d, u[1] ?? s],
     /** Update range function */
-    updateRange: f
+    updateRange: l
   };
 }
-function ut(e, r) {
-  const { min: t, max: n, range: o, updateRange: c } = Ue(e), { filters: s } = Be(), i = M(() => {
-    var h;
-    const a = s.find((p) => {
-      var S;
-      return (S = p == null ? void 0 : p.filter) == null ? void 0 : S.range;
+function Ne(e, n) {
+  const { min: t, max: r, range: o, updateRange: a } = ue(e), { filters: i } = ae(), u = A(() => {
+    var S;
+    const c = i.find((p) => {
+      var h;
+      return (h = p == null ? void 0 : p.filter) == null ? void 0 : h.range;
     });
-    let d = null;
-    if (a) {
-      const p = (h = a.filter.range) == null ? void 0 : h[0];
-      d = [R(p == null ? void 0 : p.gte), R(p == null ? void 0 : p.lte)];
+    let g = null;
+    if (c) {
+      const p = (S = c.filter.range) == null ? void 0 : S[0];
+      g = [w(p == null ? void 0 : p.gte), w(p == null ? void 0 : p.lte)];
     }
     const m = [];
-    let g = Math.floor(t / r) * r;
-    for (; g < n; ) {
-      const p = g + r, S = d && d[0] === g && d[1] === p;
+    let f = Math.floor(t / n) * n;
+    for (; f < r; ) {
+      const p = f + n, h = g && g[0] === f && g[1] === p;
       m.push({
-        min: g,
+        min: f,
         max: p,
-        selected: S
-      }), g = p;
+        selected: h
+      }), f = p;
     }
     return m;
-  }, [s, t, n, r]), l = (a) => {
-    c([a, o[1]]);
-  }, u = (a) => {
-    c([o[0], a]);
-  }, f = t !== o[0] || n !== o[1];
+  }, [i, t, r, n]), d = (c) => {
+    a([c, o[1]]);
+  }, s = (c) => {
+    a([o[0], c]);
+  }, l = t !== o[0] || r !== o[1];
   return {
     /** Minimum value */
     min: t,
     /** Maximum value */
-    max: n,
+    max: r,
     /** Range value */
     range: o,
     /** Update range function */
-    updateRange: c,
+    updateRange: a,
     /** Ranges */
-    ranges: i,
+    ranges: u,
     /** Handle min change */
-    handleMinChange: l,
+    handleMinChange: d,
     /** Handle max change */
-    handleMaxChange: u,
+    handleMaxChange: s,
     /** Is selected */
-    isSelected: f
+    isSelected: l
   };
 }
-function at() {
-  const { products: e, keywords: r } = y((t) => t.response);
+function xe() {
+  const { products: e, keywords: n } = v((t) => t.response);
   return {
     /** Array of products */
     products: e ?? { hits: [], total: 0 },
     /** Array of keywords */
-    keywords: r ?? { hits: [], total: 0 }
+    keywords: n ?? { hits: [], total: 0 }
   };
 }
-function lt() {
-  const e = y((t) => {
-    var n;
-    return (n = t.query.products) == null ? void 0 : n.filter;
+function Re() {
+  const e = v((t) => {
+    var r;
+    return (r = t.query.products) == null ? void 0 : r.filter;
   });
-  return M(() => e ? e.reduce((t, n) => t + (Array.isArray(n.value) ? n.value.length : 1), 0) : 0, [e]);
+  return A(() => e ? e.reduce((t, r) => t + (Array.isArray(r.value) ? r.value.length : 1), 0) : 0, [e]);
 }
-function z(e) {
+function k(e) {
   return e && !Number.isNaN(e) ? e : 0;
 }
-function ft(e, r) {
-  const { from: t, size: n, total: o } = y((u) => {
-    var f, a, d, m, g;
+function Te(e, n) {
+  const { from: t, size: r, total: o } = v((s) => {
+    var l, c, g, m, f;
     return {
-      from: z(((f = u.query.products) == null ? void 0 : f.from) ?? 0),
-      size: z(((d = (a = u.response) == null ? void 0 : a.products) == null ? void 0 : d.size) ?? 0),
-      total: z(((g = (m = u.response) == null ? void 0 : m.products) == null ? void 0 : g.total) ?? 0)
+      from: k(((l = s.query.products) == null ? void 0 : l.from) ?? 0),
+      size: k(((g = (c = s.response) == null ? void 0 : c.products) == null ? void 0 : g.size) ?? 0),
+      total: k(((f = (m = s.response) == null ? void 0 : m.products) == null ? void 0 : f.total) ?? 0)
     };
-  }), { updateSearch: c } = P(), s = t + n, i = [...e].reverse().filter((u) => u + r < o);
+  }), { updateSearch: a } = P(), i = t + r, u = [...e].reverse().filter((s) => s + n < o);
   return {
     /** from value */
     from: t,
     /** to value */
-    to: s,
+    to: i,
     /** total value */
     total: o,
     /** size value */
-    size: n,
+    size: r,
     /** Array of size options */
-    sizeOptions: i,
+    sizeOptions: u,
     /** Should be called when size is changed */
-    handleSizeChange: (u) => {
-      c({
+    handleSizeChange: (s) => {
+      a({
         products: {
-          size: u
+          size: s
         }
       });
     }
   };
 }
-function Qe(e, r) {
-  return e.length !== r.length ? !1 : e.every((t) => r.find((n) => t.field === n.field && t.order === n.order));
+function le(e, n) {
+  return e.length !== n.length ? !1 : e.every((t) => n.find((r) => t.field === r.field && t.order === r.order));
 }
-function dt(e) {
-  var c, s;
-  const r = y((i) => i.query), { updateSearch: t } = P();
+function qe(e) {
+  var a, i;
+  const n = v((u) => u.query), { updateSearch: t } = P();
   return {
     /** Active sort */
-    activeSort: ((c = e.find((i) => {
-      var l;
-      return Qe(i.value.sort, ((l = r.products) == null ? void 0 : l.sort) || []);
-    })) == null ? void 0 : c.id) ?? ((s = e[0]) == null ? void 0 : s.id),
+    activeSort: ((a = e.find((u) => {
+      var d;
+      return le(u.value.sort, ((d = n.products) == null ? void 0 : d.sort) || []);
+    })) == null ? void 0 : a.id) ?? ((i = e[0]) == null ? void 0 : i.id),
     /** Set sort function */
-    setSort: (i) => {
-      const l = e.find((u) => u.id === i);
-      l && t({
+    setSort: (u) => {
+      const d = e.find((s) => s.id === u);
+      d && t({
         products: {
-          sort: l.value.sort
+          sort: d.value.sort
         }
       });
     }
   };
 }
 export {
-  et as AutocompletePageProvider,
-  tt as CategoryPageProvider,
-  Ye as InfiniteScroll,
-  Re as InfiniteScrollWithLink,
-  Xe as SearchInput,
-  rt as SearchPageProvider,
-  Ze as SerpElement,
-  A as StoreContext,
-  ce as createExtendableStore,
-  _ as createStore,
-  ue as defaultState,
-  Me as getNextPageQuery,
+  he as AutocompleteElement,
+  Ce as AutocompletePageProvider,
+  Me as CategoryPageProvider,
+  ye as InfiniteScroll,
+  G as InfiniteScrollWithLink,
+  ve as SearchInput,
+  Fe as SearchPageProvider,
+  Se as SerpElement,
+  R as StoreContext,
+  Ie as createExtendableStore,
+  x as createStore,
+  Le as defaultState,
   P as useActions,
-  nt as useDecoratedSearchResults,
-  ot as useFacet,
-  st as useFacets,
-  te as useLoadMore,
-  y as useNostoAppState,
-  it as usePagination,
-  ct as usePersonalization,
-  Be as useProductFilters,
-  Ue as useRange,
-  ut as useRangeSelector,
-  at as useResponse,
-  lt as useSelectedFiltersCount,
-  ft as useSizeOptions,
-  dt as useSort
+  Pe as useDecoratedSearchResults,
+  we as useFacet,
+  be as useFacets,
+  V as useLoadMore,
+  v as useNostoAppState,
+  Ae as usePagination,
+  ke as usePersonalization,
+  ae as useProductFilters,
+  ue as useRange,
+  Ne as useRangeSelector,
+  xe as useResponse,
+  Re as useSelectedFiltersCount,
+  Te as useSizeOptions,
+  qe as useSort
 };