@nosto/search-js 1.5.1 → 1.7.0

package/dist/preact/preact.es.js

@@ -1,122 +1,79 @@
-import { toChildArray as X, createContext as L, options as B } from "preact";
-import { s as O } from "../index.es-Bcd5IQh9.js";
-import { useContext as q, useEffect as z, useMemo as N, useCallback as h, useState as R } from "preact/hooks";
-import { search as Z } from "../core/core.es.js";
-function ee(e) {
-  return e.type === "input";
-}
-function te(e) {
-  return !!e && typeof e == "object" && "type" in e && "props" in e;
-}
-function V(e, t = { depth: 0 }) {
-  const { children: r } = e;
-  return X(r).map((n) => {
-    if (!te(n))
-      return n;
-    const o = e.updateElement(n, t);
-    return o === null ? null : (o.props = {
-      ...o.props,
-      children: V({ ...e, children: o.props.children }, { depth: t.depth + 1 })
-    }, o);
-  });
-}
-function Ve({ children: e, onSearchInput: t }) {
-  return V({
-    children: e,
-    updateElement: (r) => (!ee(r) || r.props.type !== "search" || (r.props = {
-      ...r.props,
-      onInput: (n) => {
-        n.target instanceof HTMLInputElement && t(n.target);
-      }
-    }), r)
-  });
-}
-const M = L(null), G = () => {
-  const e = q(M);
-  if (!e)
-    throw new Error("useConfig must be used within a ConfigProvider");
-  return e;
-}, re = "nosto:search:scrollPos";
-function ne() {
-  window.sessionStorage.setItem(re, window.scrollY.toString());
-}
-function $e({ children: e, hit: t, onClick: r }) {
-  const { pageType: n } = G(), o = n === "autocomplete" ? void 0 : n;
-  return V({
-    children: e,
-    updateElement: (u, c) => (c.depth > 0 || (u.props = {
-      ...u.props,
-      onClick: (i) => {
-        t && o && O((l) => l.recordSearchClick(o, t)), ne(), typeof r == "function" && r(i);
-      }
-    }), u)
-  });
-}
-var oe = 0;
-function w(e, t, r, n, o, u) {
-  t || (t = {});
-  var c, i, l = t;
-  if ("ref" in l) for (i in l = {}, t) i == "ref" ? c = t[i] : l[i] = t[i];
-  var s = { type: e, props: l, key: r, ref: c, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --oe, __i: -1, __u: 0, __source: o, __self: u };
-  if (typeof e == "function" && (c = e.defaultProps)) for (i in c) l[i] === void 0 && (l[i] = c[i]);
-  return B.vnode && B.vnode(s), s;
-}
-function $() {
-  z(() => {
-    const e = window.setTimeout(() => {
-      console.error("Nosto client script has not loaded after 3 seconds.");
-    }, 3e3);
-    O(() => {
-      window.clearTimeout(e);
-    });
-  }, []);
+import { options as U, createContext as W, Fragment as G, toChildArray as oe } from "preact";
+import { useContext as q, useState as I, useEffect as x, useMemo as z, useCallback as w, useRef as se } from "preact/hooks";
+import { s as ie } from "../search-B0-bVNMy.js";
+import { s as E } from "../index.es-B8mbAxS4.js";
+var ce = " daum[ /]| deusu/| yadirectfetcher|(?:^|[^g])news(?!sapphire)|(?<! (?:channel/|google/))google(?!(app|/google| pixel))|(?<! cu)bots?(?:\\b|_)|(?<!(?:lib))http|(?<![hg]m)score|@[a-z][\\w-]+\\.|\\(\\)|\\.com\\b|\\btime/|\\||^<|^[\\w \\.\\-\\(?:\\):%]+(?:/v?\\d+(?:\\.\\d+)?(?:\\.\\d{1,10})*?)?(?:,|$)|^[^ ]{50,}$|^\\d+\\b|^\\w*search\\b|^\\w+/[\\w\\(\\)]*$|^active|^ad muncher|^amaya|^avsdevicesdk/|^biglotron|^bot|^bw/|^clamav[ /]|^client/|^cobweb/|^custom|^ddg[_-]android|^discourse|^dispatch/\\d|^downcast/|^duckduckgo|^email|^facebook|^getright/|^gozilla/|^hobbit|^hotzonu|^hwcdn/|^igetter/|^jeode/|^jetty/|^jigsaw|^microsoft bits|^movabletype|^mozilla/\\d\\.\\d\\s[\\w\\.-]+$|^mozilla/\\d\\.\\d\\s\\(compatible;?(?:\\s\\w+\\/\\d+\\.\\d+)?\\)$|^navermailapp|^netsurf|^offline|^openai/|^owler|^php|^postman|^python|^rank|^read|^reed|^rest|^rss|^snapchat|^space bison|^svn|^swcd |^taringa|^thumbor/|^track|^w3c|^webbandit/|^webcopier|^wget|^whatsapp|^wordpress|^xenu link sleuth|^yahoo|^yandex|^zdm/\\d|^zoom marketplace/|^{{.*}}$|adscanner/|analyzer|archive|ask jeeves/teoma|audit|bit\\.ly/|bluecoat drtr|browsex|burpcollaborator|capture|catch|check\\b|checker|chrome-lighthouse|chromeframe|classifier|cloudflare|convertify|cookiehubscan|crawl|cypress/|dareboost|datanyze|dejaclick|detect|dmbrowser|download|evc-batch/|exaleadcloudview|feed|firephp|functionize|gomezagent|headless|httrack|hubspot marketing grader|hydra|ibisbrowser|infrawatch|insight|inspect|iplabel|ips-agent|java(?!;)|jsjcw_scanner|library|linkcheck|mail\\.ru/|manager|measure|neustar wpm|node|nutch|offbyone|optimize|pageburst|pagespeed|parser|perl|phantomjs|pingdom|powermarks|preview|proxy|ptst[ /]\\d|retriever|rexx;|rigor|rss\\b|scanner\\.|scrape|server|sogou|sparkler/|speedcurve|spider|splash|statuscake|supercleaner|synapse|synthetic|tools|torrent|transcoder|url|validator|virtuoso|wappalyzer|webglance|webkit2png|whatcms/|zgrab", ae = /bot|crawl|http|lighthouse|scan|search|spider/i, F;
+function ue() {
+  if (F instanceof RegExp)
+    return F;
+  try {
+    F = new RegExp(ce, "i");
+  } catch {
+    F = ae;
+  }
+  return F;
 }
-const K = (e) => String(e) === "[object Object]";
-function C(e) {
-  if (!K(e))
+function le(e) {
+  return !!e && ue().test(e);
+}
+function J() {
+  return le(navigator.userAgent);
+}
+var de = 0;
+function S(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 a = { type: e, props: l, key: t, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --de, __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 U.vnode && U.vnode(a), a;
+}
+const Q = (e) => String(e) === "[object Object]";
+function P(e) {
+  if (!Q(e))
     return !1;
-  const t = e.constructor;
-  if (t === void 0)
+  const r = e.constructor;
+  if (r === void 0)
     return !0;
-  const r = t.prototype;
-  return !(!K(r) || !r.hasOwnProperty("isPrototypeOf"));
+  const t = r.prototype;
+  return !(!Q(t) || !t.hasOwnProperty("isPrototypeOf"));
 }
-function E(...e) {
-  return e.reduce((t, r) => j(t, r));
+function j(...e) {
+  return e.reduce((r, t) => $(r, t));
 }
-function Q(...e) {
-  return e.reduce((t, r) => j(t, r));
+function K(...e) {
+  return e.reduce((r, t) => $(r, t));
 }
-function j(e, t) {
-  return C(e) && C(t) ? Object.entries(t).reduce(
-    (r, [n, o]) => (r[n] = j(r[n], o), r),
+function $(e, r) {
+  return P(e) && P(r) ? Object.entries(r).reduce(
+    (t, [n, o]) => (t[n] = $(t[n], o), t),
     { ...e }
-  ) : C(e) ? e : t;
+  ) : P(e) ? e : r;
 }
-function P(e, t) {
-  if (e === t)
+function M(e, r) {
+  if (e === r)
     return !0;
-  if (e instanceof Date && t instanceof Date)
-    return e.getTime() === t.getTime();
-  if (Array.isArray(e) && Array.isArray(t))
-    return e.length !== t.length ? !1 : e.every((r, n) => P(r, t[n]));
-  if (C(e) && C(t)) {
-    const r = Object.entries(e);
-    return r.length !== Object.keys(t).length ? !1 : r.every(([n, o]) => P(o, t[n]));
+  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) => M(t, r[n]));
+  if (P(e) && P(r)) {
+    const t = Object.entries(e);
+    return t.length !== Object.keys(r).length ? !1 : t.every(([n, o]) => M(o, r[n]));
   }
   return !1;
 }
-function se(e, t = {}) {
-  const r = /* @__PURE__ */ new Map();
-  let n = Q(e, t ?? {});
-  const o = Q(e, t);
-  function u(a) {
-    n = a(n);
-    for (const d of r.values())
-      d(n);
+function fe(e, r = {}) {
+  const t = /* @__PURE__ */ new Map();
+  let n = K(e, r ?? {});
+  const o = K(e, r);
+  function c(u) {
+    n = u(n);
+    for (const f of t.values())
+      f(n);
   }
-  function c(a) {
-    u((d) => ({ ...d, ...a }));
+  function s(u) {
+    c((f) => ({ ...f, ...u }));
   }
   function i() {
     return n;
@@ -124,25 +81,25 @@ function se(e, t = {}) {
   function l() {
     return structuredClone(o);
   }
-  function s(a, d) {
+  function a(u, f) {
     let m;
-    r.set(d, (g) => {
-      const y = a(g);
-      P(y, m) || (m = y, d(y));
+    t.set(f, (p) => {
+      const h = u(p);
+      M(h, m) || (m = h, f(h));
     });
   }
-  function f(a) {
-    r.delete(a);
+  function d(u) {
+    t.delete(u);
   }
   return {
-    updateState: c,
+    updateState: s,
     getState: i,
     getInitialState: l,
-    onChange: s,
-    clearOnChange: f
+    onChange: a,
+    clearOnChange: d
   };
 }
-const ie = {
+const pe = {
   loading: !0,
   query: {
     query: ""
@@ -152,74 +109,43 @@ const ie = {
   },
   initialized: !1
 };
-function I(e = {}) {
-  return se(ie, e);
-}
-const F = L(I()), D = {
-  defaultCurrency: "EUR",
-  queryModifications: (e) => e
-}, ce = {
-  ...D
-};
-function ae(e) {
-  return {
-    pageType: "autocomplete",
-    ...ce,
-    ...e
-  };
-}
-function je({ config: e, store: t, children: r }) {
-  const n = t ?? I();
-  return $(), /* @__PURE__ */ w(M, { value: ae(e), children: /* @__PURE__ */ w(F, { value: n, children: r }) });
-}
-const ue = {
-  ...D,
-  persistentSearchCache: !1,
-  preservePageScroll: !1
-};
-function le(e) {
-  return {
-    pageType: "category",
-    ...ue,
-    ...e
-  };
-}
-function De({ config: e, store: t, children: r }) {
-  const n = t ?? I();
-  return $(), /* @__PURE__ */ w(M, { value: le(e), children: /* @__PURE__ */ w(F, { value: n, children: r }) });
+function _(e = {}) {
+  return fe(pe, e);
+}
+const A = W(_());
+function y(e = ge) {
+  const r = q(A), [t, n] = I(e(r.getState()));
+  return r.onChange(e, n), x(() => () => r.clearOnChange(n), [r]), t;
+}
+const ge = (e) => e;
+function Y(e, ...r) {
+  return r.reduce(
+    (t, n) => (t[n] = e[n], t),
+    {}
+  );
 }
-const fe = {
-  ...D,
-  persistentSearchCache: !1,
-  preservePageScroll: !1
+const N = W(null), X = () => {
+  const e = q(N);
+  if (!e)
+    throw new Error("useConfig must be used within a ConfigProvider");
+  return e;
 };
-function de(e = {}) {
-  return {
-    pageType: "serp",
-    ...fe,
-    ...e
-  };
-}
-function Ue({ config: e, store: t, children: r }) {
-  const n = t ?? I();
-  return $(), /* @__PURE__ */ w(M, { value: de(e), children: /* @__PURE__ */ w(F, { value: n, children: r }) });
-}
-function ge(e) {
+function me(e) {
   return Array.from(new Set(e));
 }
-function pe(e, t) {
+function he(e, r) {
   return {
-    ...t,
+    ...r,
     products: {
       facets: e === "autocomplete" ? void 0 : ["*"],
-      fields: me,
-      ...t.products
+      fields: ye,
+      ...r.products
     },
-    ...t.keywords ? {
+    ...r.keywords ? {
       keywords: {
-        ...t.keywords,
-        fields: ge([...ye, ...t.keywords.fields ?? []]),
-        highlight: t.keywords.highlight ?? {
+        ...r.keywords,
+        fields: me([...ve, ...r.keywords.fields ?? []]),
+        highlight: r.keywords.highlight ?? {
           preTag: "<strong>",
           postTag: "</strong>"
         }
@@ -227,7 +153,7 @@ function pe(e, t) {
     } : {}
   };
 }
-const me = [
+const ye = [
   "productId",
   "url",
   "name",
@@ -279,62 +205,62 @@ const me = [
   "tags1",
   "tags2",
   "tags3"
-], ye = ["keyword", "_redirect"];
-function he(...e) {
-  if (!e.every((t) => t == null))
-    return e.filter((t) => Array.isArray(t)).reduce((t, r) => t.concat(r), []);
+], ve = ["keyword", "_redirect"];
+function we(...e) {
+  if (!e.every((r) => r == null))
+    return e.filter((r) => Array.isArray(r)).reduce((r, t) => r.concat(t), []);
 }
-const J = "nosto.search.";
+const Z = "nosto.search.";
 function Se(e) {
-  var r;
-  const t = `${J}${e}`;
-  (r = window.performance) == null || r.mark(`${t}.start`);
+  var t;
+  const r = `${Z}${e}`;
+  (t = window.performance) == null || t.mark(`${r}.start`);
 }
-function ve(e) {
-  var r, n;
-  const t = `${J}${e}`;
-  (r = window.performance) == null || r.mark(`${t}.end`), (n = window.performance) == null || n.measure(t, `${t}.start`, `${t}.end`);
+function be(e) {
+  var t, n;
+  const r = `${Z}${e}`;
+  (t = window.performance) == null || t.mark(`${r}.end`), (n = window.performance) == null || n.measure(r, `${r}.start`, `${r}.end`);
 }
 function T(e) {
-  return Se(e), () => ve(e);
+  return Se(e), () => be(e);
 }
-function Ce(e, t, r) {
-  const n = JSON.stringify(t);
+function ke(e, r, t) {
+  const n = JSON.stringify(r);
   try {
-    console.info("Setting storage", e, n), r.setItem(e, n);
+    console.info("Setting storage", e, n), t.setItem(e, n);
   } catch (o) {
     console.warn(o);
   }
 }
-function we(e, t) {
+function Ce(e, r) {
   try {
-    const r = t.getItem(e);
-    if (r)
-      return JSON.parse(r);
-  } catch (r) {
-    console.warn(r);
+    const t = r.getItem(e);
+    if (t)
+      return JSON.parse(t);
+  } catch (t) {
+    console.warn(t);
   }
 }
-function ke(e, t) {
-  Ce(e, t, sessionStorage);
+function Pe(e, r) {
+  ke(e, r, sessionStorage);
 }
-function Pe(e) {
-  return we(e, sessionStorage);
+function Fe(e) {
+  return Ce(e, sessionStorage);
 }
-const Y = "nosto:search:searchResult";
-function Fe(e, t, r) {
+const ee = "nosto:search:searchResult";
+function Me(e, r, t) {
   if (!e)
     return;
-  ke(Y, { query: t, result: r });
+  Pe(ee, { query: r, result: t });
 }
-function Ae(e, t) {
+function ze(e, r) {
   if (!e)
     return null;
-  const r = Pe(Y);
-  if (!r || !be(r))
+  const t = Fe(ee);
+  if (!t || !Ae(t))
     return null;
-  const n = H(r.query);
-  return P(H(t), n) ? r.result : null;
+  const n = H(t.query);
+  return M(H(r), n) ? t.result : null;
 }
 function H(e) {
   return {
@@ -350,255 +276,450 @@ function H(e) {
     sessionParams: e.sessionParams
   };
 }
-function be(e) {
+function Ae(e) {
   return typeof e == "object" && e !== null && "query" in e && "result" in e;
 }
-async function W(e, t, r) {
-  var s, f, a;
-  const n = T("newSearch"), o = e.config.pageType, u = E(e.store.getInitialState().query, t), c = E(e.config.search, r, {
+async function te(e, r, t) {
+  var a, d, u;
+  const n = T("newSearch"), o = e.config.pageType, c = j(e.store.getInitialState().query, r), s = j(e.config.search, t, {
     track: o,
     redirect: o !== "autocomplete",
-    isKeyword: !!(r != null && r.isKeyword)
+    isKeyword: !!(t != null && t.isKeyword)
   });
   e.store.updateState({
-    query: u,
+    query: c,
     loading: !0,
     initialized: !0
   });
   const i = o !== "autocomplete" && e.config.persistentSearchCache, l = e.config.queryModifications(
     {
-      ...u,
+      ...c,
       products: {
-        ...u.products,
+        ...c.products,
         // Apply filter merging to avoid overwriting base filters
-        filter: he((f = (s = e.store.getInitialState().query) == null ? void 0 : s.products) == null ? void 0 : f.filter, (a = t.products) == null ? void 0 : a.filter)
+        filter: we((d = (a = e.store.getInitialState().query) == null ? void 0 : a.products) == null ? void 0 : d.filter, (u = r.products) == null ? void 0 : u.filter)
       }
     },
     o
   );
   try {
-    let d;
-    const m = Ae(i, l);
+    let f;
+    const m = ze(i, l);
     if (m)
-      d = m;
+      f = m;
     else {
-      const g = pe(o, l);
-      d = await Z(g, c), Fe(i, l, d);
+      const p = he(o, l);
+      f = await ie(p, s), Me(i, l, f);
     }
     e.store.updateState({
-      response: d,
+      response: f,
       loading: !1
     });
-  } catch (d) {
-    console.error("Search action failed", d);
+  } catch (f) {
+    console.error("Search action failed", f);
   }
   n();
 }
-async function U(e, t, r) {
-  const n = T("updateSearch"), o = E(e.store.getState().query, { products: { from: 0 } }, t);
-  await W(e, o, r), n();
+async function V(e, r, t) {
+  const n = T("updateSearch"), o = j(e.store.getState().query, { products: { from: 0 } }, r);
+  await te(e, o, t), n();
 }
-async function Re(e, t, r) {
-  var c;
-  const n = T("replaceFilter"), o = (c = e.store.getState().query.products) == null ? void 0 : c.filter, u = r !== void 0 ? [{ field: t, [typeof r == "object" ? "range" : "value"]: [r] }] : [];
-  await U(e, {
+async function Ie(e, r, t) {
+  var s;
+  const n = T("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 V(e, {
     products: {
-      filter: [...(o == null ? void 0 : o.filter((i) => i.field !== t)) ?? [], ...u]
+      filter: [...(o == null ? void 0 : o.filter((i) => i.field !== r)) ?? [], ...c]
     }
   }), n();
 }
-async function _e(e, t, r, n) {
-  var l, s;
-  const o = T("toggleProductFilter"), u = (l = e.store.getState().query.products) == null ? void 0 : l.filter, c = u == null ? void 0 : u.find((f) => f.value instanceof Array && f.field === t), i = c != null && c.value ? {
-    ...c,
-    value: [...c.value.filter((f) => !P(f, r)), ...n ? [r] : []]
+async function Re(e, r, t, n) {
+  var l, a;
+  const o = T("toggleProductFilter"), c = (l = e.store.getState().query.products) == null ? void 0 : l.filter, s = c == null ? void 0 : c.find((d) => d.value instanceof Array && d.field === r), i = s != null && s.value ? {
+    ...s,
+    value: [...s.value.filter((d) => !M(d, t)), ...n ? [t] : []]
   } : n ? {
-    field: t,
-    value: [r]
+    field: r,
+    value: [t]
   } : void 0;
-  await U(e, {
+  await V(e, {
     products: {
-      filter: [...(u == null ? void 0 : u.filter((f) => f !== c)) ?? [], ...(s = i == null ? void 0 : i.value) != null && s.length ? [i] : []]
+      filter: [...(c == null ? void 0 : c.filter((d) => d !== s)) ?? [], ...(a = i == null ? void 0 : i.value) != null && a.length ? [i] : []]
     }
   }), o();
 }
-function k() {
-  const e = G(), t = q(F), r = N(
+function C() {
+  const e = X(), r = q(A), t = z(
     () => ({
       config: e,
-      store: t
+      store: r
     }),
-    [e, t]
-  ), n = h(
-    (i, l) => W(r, i, l),
-    [r]
-  ), o = h(
-    (i, l) => U(r, i, l),
-    [r]
-  ), u = h(
-    (i, l, s) => _e(r, i, l, s),
-    [r]
-  ), c = h(
-    (i, l) => Re(r, i, l),
-    [r]
+    [e, r]
+  ), n = w(
+    (i, l) => te(t, i, l),
+    [t]
+  ), o = w(
+    (i, l) => V(t, i, l),
+    [t]
+  ), c = w(
+    (i, l, a) => Re(t, i, l, a),
+    [t]
+  ), s = w(
+    (i, l) => Ie(t, i, l),
+    [t]
   );
   return {
     newSearch: n,
     updateSearch: o,
-    toggleProductFilter: u,
-    replaceFilter: c
+    toggleProductFilter: c,
+    replaceFilter: s
+  };
+}
+function xe({ from: e, size: r, pageSize: t }) {
+  return J() ? {
+    products: { from: e + t }
+  } : {
+    products: { size: r + t }
   };
 }
-function v(e = Ne) {
-  const t = q(F), [r, n] = R(e(t.getState()));
-  return t.onChange(e, n), z(() => () => t.clearOnChange(n), [t]), r;
+function re(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 } = C();
+  return {
+    loadMore: w(async () => {
+      await n(xe({ from: r, size: t, pageSize: e }));
+    }, [r, t, e, n])
+  };
+}
+function _e({ pageSize: e }) {
+  const { loadMore: r } = re(e);
+  return /* @__PURE__ */ S("button", { onClick: r, children: "More results" });
+}
+function ne(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 Ne() {
+  return !!(window.IntersectionObserver && window.IntersectionObserverEntry && "intersectionRatio" in window.IntersectionObserverEntry.prototype);
+}
+function Te({ children: e, loadMoreComponent: r, pageSize: t }) {
+  const { loading: n, query: o, response: c } = y((i) => Y(i, "loading", "query", "response")), s = !n && ne(o, c);
+  return /* @__PURE__ */ S(G, { children: [
+    e,
+    s && (r ? /* @__PURE__ */ S(r, { pageSize: t }) : /* @__PURE__ */ S(_e, { pageSize: t }))
+  ] });
+}
+function Oe({ children: e, pageSize: r }) {
+  const t = se(null), { query: n, response: o } = y((s) => Y(s, "query", "response")), { loadMore: c } = re(r);
+  return x(() => {
+    let s, i;
+    return ne(n, o) && (s = t.current, i = new IntersectionObserver((l) => {
+      const a = l[0];
+      a != null && a.isIntersecting && c();
+    }), s && i.observe(s)), () => {
+      s && i.unobserve(s);
+    };
+  }, [o]), /* @__PURE__ */ S(G, { children: [
+    e,
+    /* @__PURE__ */ S("div", { ref: t, style: { height: "1px" } })
+  ] });
+}
+const tt = !J() && Ne() ? Oe : Te;
+function je(e) {
+  return e.type === "input";
+}
+function qe(e) {
+  return !!e && typeof e == "object" && "type" in e && "props" in e;
+}
+function B(e, r = { depth: 0 }) {
+  const { children: t } = e;
+  return oe(t).map((n) => {
+    if (!qe(n))
+      return n;
+    const o = e.updateElement(n, r);
+    return o === null ? null : (o.props = {
+      ...o.props,
+      children: B({ ...e, children: o.props.children }, { depth: r.depth + 1 })
+    }, o);
+  });
+}
+function rt({ children: e, onSearchInput: r }) {
+  return B({
+    children: e,
+    updateElement: (t) => (!je(t) || t.props.type !== "search" || (t.props = {
+      ...t.props,
+      onInput: (n) => {
+        n.target instanceof HTMLInputElement && r(n.target);
+      }
+    }), t)
+  });
 }
-const Ne = (e) => e;
+const Ee = "nosto:search:scrollPos";
+function $e() {
+  window.sessionStorage.setItem(Ee, window.scrollY.toString());
+}
+function nt({ children: e, hit: r, onClick: t }) {
+  const { pageType: n } = X(), o = n === "autocomplete" ? void 0 : n;
+  return B({
+    children: e,
+    updateElement: (c, s) => (s.depth > 0 || (c.props = {
+      ...c.props,
+      onClick: (i) => {
+        r && o && E((l) => l.recordSearchClick(o, r)), $e(), typeof t == "function" && t(i);
+      }
+    }), c)
+  });
+}
+function D() {
+  x(() => {
+    const e = window.setTimeout(() => {
+      console.error("Nosto client script has not loaded after 3 seconds.");
+    }, 3e3);
+    E(() => {
+      window.clearTimeout(e);
+    });
+  }, []);
+}
+const L = {
+  defaultCurrency: "EUR",
+  queryModifications: (e) => e
+}, Ve = {
+  ...L
+};
 function Be(e) {
-  const t = v((r) => r.response);
-  return e && Array.isArray(e) || e && C(e) ? e : t;
+  return {
+    pageType: "autocomplete",
+    ...Ve,
+    ...e
+  };
+}
+function ot({ config: e, store: r, children: t }) {
+  const n = r ?? _();
+  return D(), /* @__PURE__ */ S(N, { value: Be(e), children: /* @__PURE__ */ S(A, { value: n, children: t }) });
 }
-function Ke(e) {
-  var c;
-  const t = ((c = e.data) == null ? void 0 : c.filter((i) => i.selected).length) ?? 0, [r, n] = R(t > 0), { toggleProductFilter: o } = k();
+const De = {
+  ...L,
+  persistentSearchCache: !1,
+  preservePageScroll: !1
+};
+function Le(e) {
+  return {
+    pageType: "category",
+    ...De,
+    ...e
+  };
+}
+function st({ config: e, store: r, children: t }) {
+  const n = r ?? _();
+  return D(), /* @__PURE__ */ S(N, { value: Le(e), children: /* @__PURE__ */ S(A, { value: n, children: t }) });
+}
+const Ue = {
+  ...L,
+  persistentSearchCache: !1,
+  preservePageScroll: !1
+};
+function Qe(e = {}) {
+  return {
+    pageType: "serp",
+    ...Ue,
+    ...e
+  };
+}
+function it({ config: e, store: r, children: t }) {
+  const n = r ?? _();
+  return D(), /* @__PURE__ */ S(N, { value: Qe(e), children: /* @__PURE__ */ S(A, { value: n, children: t }) });
+}
+function ct(e) {
+  const r = y((t) => t.response);
+  return e && Array.isArray(e) || e && P(e) ? e : r;
+}
+function at(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 } = C();
   return {
     /** Active value */
-    active: r,
+    active: t,
     /** Selected filters count */
-    selectedFiltersCount: t,
+    selectedFiltersCount: r,
     /** Toggle active function */
     toggleActive: () => {
-      n(!r);
+      n(!t);
     },
     /** Toggle product filter function */
     toggleProductFilter: o
   };
 }
-function Qe() {
-  const { loading: e, facets: t } = v((r) => {
+function ut() {
+  const { loading: e, facets: r } = y((t) => {
     var n, o;
     return {
-      loading: r.loading,
-      facets: ((o = (n = r.response) == null ? void 0 : n.products) == null ? void 0 : o.facets) ?? []
+      loading: t.loading,
+      facets: ((o = (n = t.response) == null ? void 0 : n.products) == null ? void 0 : o.facets) ?? []
     };
   });
   return {
     /** Loading state */
     loading: e,
     /** Array of facets*/
-    facets: t
+    facets: r
   };
 }
-function He() {
-  const [e, t] = R([]), [r, n] = R([]);
+function Ke(e, r) {
+  const t = r - e;
+  return !isNaN(t) && t > 0 ? new Array(r - e).fill(void 0).map((n, o) => o + e) : [];
+}
+function lt(e) {
+  const { query: r, products: t } = y((n) => ({
+    query: n.query,
+    products: n.response.products
+  }));
   return z(() => {
-    O(async (o) => {
-      const { products: u, segments: c } = await o.getSearchSessionParams();
-      t(c ?? []), n((u == null ? void 0 : u.personalizationBoost) ?? []);
+    var k;
+    if (!t)
+      return {
+        totalPages: 0,
+        resultsFrom: 0,
+        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 = (b) => b >= s - c && b <= s + c, a = n + 1, d = Math.min(n + t.total, t.total), u = {
+      from: n,
+      page: s,
+      current: !0
+    }, f = (b) => ({
+      from: (b - 1) * t.size,
+      page: b,
+      current: b === s
+    }), m = s > 1 ? f(s - 1) : void 0, p = s < i ? f(s + 1) : void 0, h = c === 1 / 0 || s - c - 1 > 1 ? f(1) : void 0, g = c === 1 / 0 || s + c + 1 < i ? f(i) : void 0, v = Ke(1, i + 1).filter(l).map(f);
+    return {
+      totalPages: i,
+      resultsFrom: a,
+      resultsTo: d,
+      current: u,
+      prev: m,
+      next: p,
+      first: h,
+      last: g,
+      pages: v
+    };
+  }, [r, t, e == null ? void 0 : e.width]);
+}
+function dt() {
+  const [e, r] = I([]), [t, n] = I([]);
+  return x(() => {
+    E(async (o) => {
+      const { products: c, segments: s } = await o.getSearchSessionParams();
+      r(s ?? []), n((c == null ? void 0 : c.personalizationBoost) ?? []);
     });
   }, []), {
     segments: e,
-    boost: r
+    boost: t
   };
 }
-function Me() {
-  const { facets: e } = v((s) => {
-    var f;
+function He() {
+  const { facets: e } = y((a) => {
+    var d;
     return {
-      facets: ((f = s.response.products) == null ? void 0 : f.facets) ?? []
+      facets: ((d = a.response.products) == null ? void 0 : d.facets) ?? []
     };
-  }), { replaceFilter: t, toggleProductFilter: r } = k(), n = h(
-    (s) => {
-      const f = e == null ? void 0 : e.find((a) => a.type === "stats" && a.field === s);
-      if (f && "min" in f && "max" in f)
-        return f;
+  }), { replaceFilter: r, toggleProductFilter: t } = C(), n = w(
+    (a) => {
+      const d = e == null ? void 0 : e.find((u) => u.type === "stats" && u.field === a);
+      if (d && "min" in d && "max" in d)
+        return d;
     },
     [e]
-  ), o = h(
-    (s) => {
-      var f;
-      return ((f = e == null ? void 0 : e.find((a) => a.field === s)) == null ? void 0 : f.name) ?? s;
+  ), o = w(
+    (a) => {
+      var d;
+      return ((d = e == null ? void 0 : e.find((u) => u.field === a)) == null ? void 0 : d.name) ?? a;
     },
     [e]
-  ), u = h((s) => "field" in s && (s.value instanceof Array || s.range instanceof Array), []), c = h((s) => {
-    var f;
+  ), c = w((a) => "field" in a && (a.value instanceof Array || a.range instanceof Array), []), s = w((a) => {
+    var d;
     return {
-      ...s,
-      range: (f = s.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
+      ...a,
+      range: (d = a.range) == null ? void 0 : d.map((u) => ({
+        gt: u.gt ? Number(u.gt) : u.gt,
+        gte: u.gte ? Number(u.gte) : u.gte,
+        lt: u.lt ? Number(u.lt) : u.lt,
+        lte: u.lte ? Number(u.lte) : u.lte
       }))
     };
-  }, []), i = h(
-    (s) => (s.value ?? []).map((a) => ({
-      value: a,
-      field: s.field,
-      name: o(s.field),
-      filter: c(s),
+  }, []), i = w(
+    (a) => (a.value ?? []).map((u) => ({
+      value: u,
+      field: a.field,
+      name: o(a.field),
+      filter: s(a),
       remove: () => {
-        r(s.field, a, !1);
+        t(a.field, u, !1);
       }
     })),
-    [c, o, r]
-  ), l = h(
-    (s) => (s.range ?? []).map((a) => {
-      var g, y;
-      const d = a.gte ?? a.gt ?? ((g = n(s.field)) == null ? void 0 : g.min), m = a.lte ?? a.lt ?? ((y = n(s.field)) == null ? void 0 : y.max);
-      if (d !== void 0 && m !== void 0)
+    [s, o, t]
+  ), l = w(
+    (a) => (a.range ?? []).map((u) => {
+      var p, h;
+      const f = u.gte ?? u.gt ?? ((p = n(a.field)) == null ? void 0 : p.min), m = u.lte ?? u.lt ?? ((h = n(a.field)) == null ? void 0 : h.max);
+      if (f !== void 0 && m !== void 0)
         return {
-          value: `${d} - ${m}`,
-          field: s.field,
-          name: o(s.field),
-          filter: c(s),
+          value: `${f} - ${m}`,
+          field: a.field,
+          name: o(a.field),
+          filter: s(a),
           remove: () => {
-            t(s.field, void 0);
+            r(a.field, void 0);
           }
         };
     }).filter(Boolean),
-    [c, n, o, t]
+    [s, n, o, r]
   );
   return {
-    selectFilters: u,
+    selectFilters: c,
     toValueFilter: i,
     toRangeFilter: l
   };
 }
-function Ie() {
-  const { filter: e } = v((i) => {
+function We() {
+  const { filter: e } = y((i) => {
     var l;
     return {
       filter: ((l = i.query.products) == null ? void 0 : l.filter) ?? []
     };
-  }), { updateSearch: t } = k(), { selectFilters: r, toValueFilter: n, toRangeFilter: o } = Me(), u = N(() => e ? e.filter(r).flatMap((i) => "value" in i ? n(i) : "range" in i ? o(i) : []).filter(Boolean) : [], [e, r, o, n]), c = h(() => {
-    t({
+  }), { updateSearch: r } = C(), { selectFilters: t, toValueFilter: n, toRangeFilter: o } = He(), c = z(() => e ? e.filter(t).flatMap((i) => "value" in i ? n(i) : "range" in i ? o(i) : []).filter(Boolean) : [], [e, t, o, n]), s = w(() => {
+    r({
       products: {
         filter: []
       }
     });
-  }, [t]);
+  }, [r]);
   return {
     /** Selected filters array. */
-    filters: u,
+    filters: c,
     /** Should remove all selected filters. */
-    removeAll: c
+    removeAll: s
   };
 }
-function _(e) {
+function R(e) {
   if (typeof e == "number")
     return e;
   if (typeof e != "string")
     return;
-  const t = Number(e);
-  return isNaN(t) ? void 0 : t;
-}
-function Te(e) {
-  var a, d, m;
-  const { replaceFilter: t } = k(), { query: r, products: n } = v((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 r = Number(e);
+  return isNaN(r) ? void 0 : r;
+}
+function Ge(e) {
+  var u, f, m;
+  const { replaceFilter: r } = C(), { query: t, products: n } = y((p) => ({
+    query: p.query,
+    products: p.response.products
+  })), o = (u = n == null ? void 0 : n.facets) == null ? void 0 : u.find((p) => p.id === e);
   if (!o)
     return {
       min: 0,
@@ -607,108 +728,108 @@ function Te(e) {
       updateRange: () => {
       }
     };
-  const u = (m = (d = r.products) == null ? void 0 : d.filter) == null ? void 0 : m.find((g) => g.field === o.field), c = u != null && u.range ? u.range[0] : void 0, i = typeof c == "object" && ("gte" in c || "lte" in c) ? [_(c.gte), _(c.lte)] : [void 0, void 0], l = "min" in o ? Math.floor(o.min) : 0, s = "max" in o ? Math.ceil(o.max) : 0, f = ([g, y]) => {
-    const p = g !== void 0 ? Math.floor(g) : void 0, S = y !== void 0 ? Math.ceil(y) : void 0, A = p !== void 0, b = S !== void 0;
-    (l === p || !A) && (s === S || !b) ? t(o.field, void 0) : (l === p || !A) && b ? t(o.field, {
-      lte: S.toString()
-    }) : (s === S || !b) && A ? t(o.field, {
-      gte: p.toString()
-    }) : A && b && t(o.field, {
-      gte: p.toString(),
-      lte: S.toString()
+  const c = (m = (f = t.products) == null ? void 0 : f.filter) == null ? void 0 : m.find((p) => p.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, a = "max" in o ? Math.ceil(o.max) : 0, d = ([p, h]) => {
+    const g = p !== void 0 ? Math.floor(p) : void 0, v = h !== void 0 ? Math.ceil(h) : void 0, k = g !== void 0, b = v !== void 0;
+    (l === g || !k) && (a === v || !b) ? r(o.field, void 0) : (l === g || !k) && b ? r(o.field, {
+      lte: v.toString()
+    }) : (a === v || !b) && k ? r(o.field, {
+      gte: g.toString()
+    }) : k && b && r(o.field, {
+      gte: g.toString(),
+      lte: v.toString()
     });
   };
   return {
     /** Min value */
     min: l,
     /** Max value */
-    max: s,
+    max: a,
     /** Range value */
-    range: [i[0] ?? l, i[1] ?? s],
+    range: [i[0] ?? l, i[1] ?? a],
     /** Update range function */
-    updateRange: f
+    updateRange: d
   };
 }
-function Le(e, t) {
-  const { min: r, max: n, range: o, updateRange: u } = Te(e), { filters: c } = Ie(), i = N(() => {
-    var y;
-    const a = c.find((p) => {
-      var S;
-      return (S = p == null ? void 0 : p.filter) == null ? void 0 : S.range;
+function ft(e, r) {
+  const { min: t, max: n, range: o, updateRange: c } = Ge(e), { filters: s } = We(), i = z(() => {
+    var h;
+    const u = s.find((g) => {
+      var v;
+      return (v = g == null ? void 0 : g.filter) == null ? void 0 : v.range;
     });
-    let d = null;
-    if (a) {
-      const p = (y = a.filter.range) == null ? void 0 : y[0];
-      d = [_(p == null ? void 0 : p.gte), _(p == null ? void 0 : p.lte)];
+    let f = null;
+    if (u) {
+      const g = (h = u.filter.range) == null ? void 0 : h[0];
+      f = [R(g == null ? void 0 : g.gte), R(g == null ? void 0 : g.lte)];
     }
     const m = [];
-    let g = Math.floor(r / t) * t;
-    for (; g < n; ) {
-      const p = g + t, S = d && d[0] === g && d[1] === p;
+    let p = Math.floor(t / r) * r;
+    for (; p < n; ) {
+      const g = p + r, v = f && f[0] === p && f[1] === g;
       m.push({
-        min: g,
-        max: p,
-        selected: S
-      }), g = p;
+        min: p,
+        max: g,
+        selected: v
+      }), p = g;
     }
     return m;
-  }, [c, r, n, t]), l = (a) => {
-    u([a, o[1]]);
-  }, s = (a) => {
-    u([o[0], a]);
-  }, f = r !== o[0] || n !== o[1];
+  }, [s, t, n, r]), l = (u) => {
+    c([u, o[1]]);
+  }, a = (u) => {
+    c([o[0], u]);
+  }, d = t !== o[0] || n !== o[1];
   return {
     /** Minimum value */
-    min: r,
+    min: t,
     /** Maximum value */
     max: n,
     /** Range value */
     range: o,
     /** Update range function */
-    updateRange: u,
+    updateRange: c,
     /** Ranges */
     ranges: i,
     /** Handle min change */
     handleMinChange: l,
     /** Handle max change */
-    handleMaxChange: s,
+    handleMaxChange: a,
     /** Is selected */
-    isSelected: f
+    isSelected: d
   };
 }
-function Ge() {
-  const { products: e, keywords: t } = v((r) => r.response);
+function pt() {
+  const { products: e, keywords: r } = y((t) => t.response);
   return {
     /** Array of products */
     products: e ?? { hits: [], total: 0 },
     /** Array of keywords */
-    keywords: t ?? { hits: [], total: 0 }
+    keywords: r ?? { hits: [], total: 0 }
   };
 }
-function Je() {
-  const e = v((r) => {
+function gt() {
+  const e = y((t) => {
     var n;
-    return (n = r.query.products) == null ? void 0 : n.filter;
+    return (n = t.query.products) == null ? void 0 : n.filter;
   });
-  return N(() => e ? e.reduce((r, n) => r + (Array.isArray(n.value) ? n.value.length : 1), 0) : 0, [e]);
+  return z(() => e ? e.reduce((t, n) => t + (Array.isArray(n.value) ? n.value.length : 1), 0) : 0, [e]);
 }
-function x(e) {
+function O(e) {
   return e && !Number.isNaN(e) ? e : 0;
 }
-function Ye(e, t) {
-  const { from: r, size: n, total: o } = v((s) => {
-    var f, a, d, m, g;
+function mt(e, r) {
+  const { from: t, size: n, total: o } = y((a) => {
+    var d, u, f, m, p;
     return {
-      from: x(((f = s.query.products) == null ? void 0 : f.from) ?? 0),
-      size: x(((d = (a = s.response) == null ? void 0 : a.products) == null ? void 0 : d.size) ?? 0),
-      total: x(((g = (m = s.response) == null ? void 0 : m.products) == null ? void 0 : g.total) ?? 0)
+      from: O(((d = a.query.products) == null ? void 0 : d.from) ?? 0),
+      size: O(((f = (u = a.response) == null ? void 0 : u.products) == null ? void 0 : f.size) ?? 0),
+      total: O(((p = (m = a.response) == null ? void 0 : m.products) == null ? void 0 : p.total) ?? 0)
     };
-  }), { updateSearch: u } = k(), c = r + n, i = [...e].reverse().filter((s) => s + t < o);
+  }), { updateSearch: c } = C(), s = t + n, i = [...e].reverse().filter((a) => a + r < o);
   return {
     /** from value */
-    from: r,
+    from: t,
     /** to value */
-    to: c,
+    to: s,
     /** total value */
     total: o,
     /** size value */
@@ -716,31 +837,31 @@ function Ye(e, t) {
     /** Array of size options */
     sizeOptions: i,
     /** Should be called when size is changed */
-    handleSizeChange: (s) => {
-      u({
+    handleSizeChange: (a) => {
+      c({
         products: {
-          size: s
+          size: a
         }
       });
     }
   };
 }
-function xe(e, t) {
-  return e.length !== t.length ? !1 : e.every((r) => t.find((n) => r.field === n.field && r.order === n.order));
+function Je(e, r) {
+  return e.length !== r.length ? !1 : e.every((t) => r.find((n) => t.field === n.field && t.order === n.order));
 }
-function We(e) {
-  var u, c;
-  const t = v((i) => i.query), { updateSearch: r } = k();
+function ht(e) {
+  var c, s;
+  const r = y((i) => i.query), { updateSearch: t } = C();
   return {
     /** Active sort */
-    activeSort: ((u = e.find((i) => {
+    activeSort: ((c = e.find((i) => {
       var l;
-      return xe(i.value.sort, ((l = t.products) == null ? void 0 : l.sort) || []);
-    })) == null ? void 0 : u.id) ?? ((c = e[0]) == null ? void 0 : c.id),
+      return Je(i.value.sort, ((l = r.products) == null ? void 0 : l.sort) || []);
+    })) == null ? void 0 : c.id) ?? ((s = e[0]) == null ? void 0 : s.id),
     /** Set sort function */
     setSort: (i) => {
-      const l = e.find((s) => s.id === i);
-      l && r({
+      const l = e.find((a) => a.id === i);
+      l && t({
         products: {
           sort: l.value.sort
         }
@@ -749,26 +870,29 @@ function We(e) {
   };
 }
 export {
-  je as AutocompletePageProvider,
-  De as CategoryPageProvider,
-  Ve as SearchInput,
-  Ue as SearchPageProvider,
-  $e as SerpElement,
-  F as StoreContext,
-  se as createExtendableStore,
-  I as createStore,
-  ie as defaultState,
-  k as useActions,
-  Be as useDecoratedSearchResults,
-  Ke as useFacet,
-  Qe as useFacets,
-  v as useNostoAppState,
-  He as usePersonalization,
-  Ie as useProductFilters,
-  Te as useRange,
-  Le as useRangeSelector,
-  Ge as useResponse,
-  Je as useSelectedFiltersCount,
-  Ye as useSizeOptions,
-  We as useSort
+  ot as AutocompletePageProvider,
+  st as CategoryPageProvider,
+  tt as InfiniteScroll,
+  rt as SearchInput,
+  it as SearchPageProvider,
+  nt as SerpElement,
+  A as StoreContext,
+  fe as createExtendableStore,
+  _ as createStore,
+  pe as defaultState,
+  C as useActions,
+  ct as useDecoratedSearchResults,
+  at as useFacet,
+  ut as useFacets,
+  re as useLoadMore,
+  y as useNostoAppState,
+  lt as usePagination,
+  dt as usePersonalization,
+  We as useProductFilters,
+  Ge as useRange,
+  ft as useRangeSelector,
+  pt as useResponse,
+  gt as useSelectedFiltersCount,
+  mt as useSizeOptions,
+  ht as useSort
 };