@nosto/search-js 3.22.0 → 3.23.0

package/dist/preact/hooks/hooks.es.js

@@ -1,25 +1,25 @@
-import { h as A } from "../../useActions-CSNwQtT1.js";
-import { a as k } from "../../logger-_fg_Za9y.js";
-import { a as S } from "../../useLoadMore-2OmOqicJ.js";
-import { u as Re } from "../../useLoadMore-2OmOqicJ.js";
-import { u as N } from "../../eventBusSubscribe-CzlS132j.js";
-import { useState as b, useCallback as p, useMemo as y, useEffect as P, useRef as X } from "preact/hooks";
-import { a as xe, g as Me, u as Te } from "../../useHistory-joVBx1r2.js";
-import { s as z } from "../../index.es-XNBESE3P.js";
-import { d as C } from "../../eventBusDispatch-DPR2Vwd4.js";
+import { h as A } from "../../useActions-DoZCMPfW.js";
+import { a as X } from "../../logger-_fg_Za9y.js";
+import { a as S } from "../../useLoadMore-CdqyUIQQ.js";
+import { u as Le } from "../../useLoadMore-CdqyUIQQ.js";
+import { u as P } from "../../eventBusSubscribe-CzlS132j.js";
+import { useState as b, useCallback as p, useMemo as y, useEffect as k, useRef as z } from "preact/hooks";
+import { a as Me, g as Te, u as Ne } from "../../useHistory-BJo9WE5S.js";
+import { s as C } from "../../index.es-XNBESE3P.js";
+import { d as O } from "../../eventBusDispatch-DPR2Vwd4.js";
 import { p as R } from "../../parseNumber-QA48nJLp.js";
-function ue(e) {
+function le(e) {
   const n = S((t) => t.response);
-  return e && Array.isArray(e) || e && k(e) ? e : n;
+  return e && Array.isArray(e) || e && X(e) ? e : n;
 }
-function le(e, n) {
+function de(e, n) {
   const t = e.data?.filter((d) => d.selected).length ?? 0, { active: o } = {
     active: t > 0,
     ...n
   }, [r, c] = b(o), { toggleProductFilter: i } = A(), u = p(() => {
     c(!r);
   }, [r]);
-  return N({
+  return P({
     event: "events/removeAllFilters",
     callback: () => {
       c(!1);
@@ -35,7 +35,7 @@ function le(e, n) {
     toggleProductFilter: i
   };
 }
-function de() {
+function fe() {
   const { loading: e, facets: n } = S((t) => ({
     loading: t.loading,
     facets: t.response?.products?.facets ?? []
@@ -47,11 +47,11 @@ function de() {
     facets: n
   };
 }
-function O(e, n) {
+function j(e, n) {
   const t = n - e;
   return !isNaN(t) && t > 0 ? new Array(n - e).fill(void 0).map((o, r) => r + e) : [];
 }
-function fe(e) {
+function pe(e) {
   const { query: n, products: t } = S((o) => ({
     query: o.query,
     products: o.response.products
@@ -72,7 +72,7 @@ function fe(e) {
       from: (w - 1) * t.size,
       page: w,
       current: w === i
-    }), h = i > 1 ? f(i - 1) : void 0, v = i < u ? f(i + 1) : void 0, m = i - c - 1 > 1 ? f(1) : void 0, g = i + c + 1 < u ? f(u) : void 0, F = O(1, u + 1).filter(d).map(f);
+    }), h = i > 1 ? f(i - 1) : void 0, v = i < u ? f(i + 1) : void 0, m = i - c - 1 > 1 ? f(1) : void 0, g = i + c + 1 < u ? f(u) : void 0, F = j(1, u + 1).filter(d).map(f);
     return !m && F[0]?.page === 2 && F.unshift(f(1)), !g && F[F.length - 1]?.page === u - 1 && F.push(f(u)), {
       totalPages: u,
       resultsFrom: s,
@@ -86,10 +86,10 @@ function fe(e) {
     };
   }, [n, t, e?.width]);
 }
-function pe() {
+function ge() {
   const [e, n] = b([]), [t, o] = b([]);
-  return P(() => {
-    z(async (r) => {
+  return k(() => {
+    C(async (r) => {
       const { products: c, segments: i } = await r.getSearchSessionParams();
       n(i ?? []), o(c?.personalizationBoost ?? []);
     });
@@ -98,7 +98,7 @@ function pe() {
     boost: t
   };
 }
-function j() {
+function q() {
   const { facets: e } = S((s) => ({
     facets: s.response.products?.facets ?? []
   })), { replaceFilter: n, toggleProductFilter: t } = A(), o = p(
@@ -152,15 +152,15 @@ function j() {
     toRangeFilter: d
   };
 }
-function q() {
+function E() {
   const { filter: e } = S((u) => ({
     filter: u.query.products?.filter ?? []
-  })), { updateSearch: n } = A(), { selectFilters: t, toValueFilter: o, toRangeFilter: r } = j(), c = y(() => e ? e.filter(t).flatMap((u) => "value" in u ? o(u) : "range" in u ? r(u) : []).filter(Boolean) : [], [e, t, r, o]), i = p(() => {
+  })), { updateSearch: n } = A(), { selectFilters: t, toValueFilter: o, toRangeFilter: r } = q(), c = y(() => e ? e.filter(t).flatMap((u) => "value" in u ? o(u) : "range" in u ? r(u) : []).filter(Boolean) : [], [e, t, r, o]), i = p(() => {
     n({
       products: {
         filter: []
       }
-    }), C({
+    }), O({
       event: "events/removeAllFilters",
       params: null
     });
@@ -172,22 +172,22 @@ function q() {
     removeAll: i
   };
 }
-function E(e) {
+function V(e) {
   const { replaceFilter: n } = A(), { query: t, products: o } = S((g) => ({
     query: g.query,
     products: g.response.products
-  })), r = o?.facets?.find((g) => g.id === e), c = t.products?.filter?.find((g) => g.field === r?.field), [i, u] = $(c), d = r && "min" in r ? Math.floor(r.min ?? 0) : 0, s = r && "max" in r ? Math.ceil(r.max ?? 0) : 0, a = y(() => [i ?? d, u ?? s], [i, u, d, s]), l = i !== void 0 || u !== void 0, [f, h] = b(l), v = p(() => {
+  })), r = o?.facets?.find((g) => g.id === e), c = t.products?.filter?.find((g) => g.field === r?.field), [i, u] = U(c), d = r && "min" in r ? Math.floor(r.min ?? 0) : 0, s = r && "max" in r ? Math.ceil(r.max ?? 0) : 0, a = y(() => [i ?? d, u ?? s], [i, u, d, s]), l = i !== void 0 || u !== void 0, [f, h] = b(l), v = p(() => {
     h((g) => !g);
   }, []), m = p(
     ([g, F]) => {
       if (!r)
         return;
-      const w = U(g, F, d, s);
+      const w = B(g, F, d, s);
       n(r.field, w);
     },
     [d, s, n, r]
   );
-  return N({
+  return P({
     event: "events/removeAllFilters",
     callback: () => {
       h(!1);
@@ -205,9 +205,9 @@ function E(e) {
     active: f,
     /** Toggle active state function */
     toggleActive: v
-  } : V;
+  } : $;
 }
-const V = {
+const $ = {
   min: 0,
   max: 0,
   range: [0, 0],
@@ -217,19 +217,19 @@ const V = {
   updateRange: () => {
   }
 };
-function $(e) {
+function U(e) {
   const n = e?.range?.[0];
   return typeof n == "object" && ("gte" in n || "lte" in n) ? [R(n.gte), R(n.lte)] : [void 0, void 0];
 }
-function U(e, n, t, o) {
+function B(e, n, t, o) {
   const r = e !== void 0 ? Math.floor(e) : void 0, c = n !== void 0 ? Math.ceil(n) : void 0, i = r !== void 0, u = c !== void 0;
   if ((t === r || !i) && (o === c || !u))
     return;
   const d = {};
   return i && r !== t && (d.gte = r.toString()), u && c !== o && (d.lte = c.toString()), Object.keys(d).length > 0 ? d : void 0;
 }
-function ge(e, n) {
-  const { min: t, max: o, range: r, updateRange: c } = E(e), { filters: i } = q(), u = y(() => {
+function me(e, n) {
+  const { min: t, max: o, range: r, updateRange: c } = V(e), { filters: i } = E(), u = y(() => {
     const l = i.find((m) => m?.filter?.range);
     let f = null;
     if (l) {
@@ -277,12 +277,12 @@ function ge(e, n) {
     isSelected: a
   };
 }
-function me() {
+function he() {
   const { products: e, keywords: n, popularSearches: t, categories: o } = S((r) => ({
-    products: r.response.products ?? { hits: [], total: 0 },
-    keywords: r.response.keywords ?? { hits: [], total: 0 },
-    popularSearches: r.response.popularSearches ?? { hits: [], total: 0 },
-    categories: r.response.categories ?? { hits: [], total: 0 }
+    products: r.response.products ?? L,
+    keywords: r.response.keywords ?? L,
+    popularSearches: r.response.popularSearches ?? L,
+    categories: r.response.categories ?? L
   }));
   return {
     /** Array of products */
@@ -295,18 +295,19 @@ function me() {
     categories: o
   };
 }
-function he() {
+const L = { hits: [], total: 0 };
+function ve() {
   const e = S((t) => t.query.products?.filter);
   return y(() => e ? e.reduce((t, o) => t + (Array.isArray(o.value) ? o.value.length : 1), 0) : 0, [e]);
 }
-const B = 5 * 60 * 1e3, x = /* @__PURE__ */ new Map();
-function ve(e) {
+const D = 5 * 60 * 1e3, M = /* @__PURE__ */ new Map();
+function Se(e) {
   const [n, t] = b({
     product: null,
     loading: !0,
     error: null
   });
-  return P(() => {
+  return k(() => {
     if (!e) {
       t({
         product: null,
@@ -320,7 +321,7 @@ function ve(e) {
       loading: !0,
       error: null
     }));
-    const o = H(e);
+    const o = I(e);
     if (o) {
       t({
         product: o,
@@ -329,8 +330,8 @@ function ve(e) {
       });
       return;
     }
-    _(e).then((r) => {
-      I(e, r), t({
+    H(e).then((r) => {
+      K(e, r), t({
         product: r,
         loading: !1,
         error: null
@@ -344,34 +345,34 @@ function ve(e) {
     });
   }, [e]), n;
 }
-function D(e) {
+function _(e) {
   const n = window.Shopify?.routes?.root;
   return n ? new URL(`${n}products/${e}`, window.location.href) : e;
 }
-async function _(e) {
-  const n = await fetch(D(`/products/${e}.js`));
+async function H(e) {
+  const n = await fetch(_(`/products/${e}.js`));
   if (!n.ok)
     throw new Error(`Failed to fetch product: ${n.status} ${n.statusText}`);
   return n.json();
 }
-function H(e) {
-  const n = x.get(e);
-  return n ? Date.now() - n.created > B ? (x.delete(e), null) : n.product : null;
+function I(e) {
+  const n = M.get(e);
+  return n ? Date.now() - n.created > D ? (M.delete(e), null) : n.product : null;
 }
-function I(e, n) {
-  x.set(e, {
+function K(e, n) {
+  M.set(e, {
     product: n,
     created: Date.now()
   });
 }
-function L(e) {
+function x(e) {
   return e && !Number.isNaN(e) ? e : 0;
 }
-function Se(e, n) {
+function ye(e, n) {
   const { from: t, size: o, total: r } = S((s) => ({
-    from: L(s.query.products?.from ?? 0),
-    size: L(s.response?.products?.size ?? n),
-    total: L(s.response?.products?.total ?? 0)
+    from: x(s.query.products?.from ?? 0),
+    size: x(s.response?.products?.size ?? n),
+    total: x(s.response?.products?.total ?? 0)
   })), { updateSearch: c } = A(), i = t + o, u = y(() => [...e].reverse().filter((s) => s < r), [e, r]), d = p(
     (s) => {
       c({
@@ -397,11 +398,11 @@ function Se(e, n) {
     handleSizeChange: d
   };
 }
-function K(e, n) {
+function Z(e, n) {
   return e.length !== n.length ? !1 : e.every((t) => n.find((o) => t.field === o.field && t.order === o.order));
 }
-function ye(e) {
-  const n = S((c) => c.query), { updateSearch: t } = A(), o = e.find((c) => K(c.value.sort, n.products?.sort || []))?.id ?? e[0]?.id, r = p(
+function Fe(e) {
+  const n = S((c) => c.query), { updateSearch: t } = A(), o = e.find((c) => Z(c.value.sort, n.products?.sort || []))?.id ?? e[0]?.id, r = p(
     (c) => {
       const i = e.find((u) => u.id === c);
       i && t({
@@ -419,8 +420,8 @@ function ye(e) {
     setSort: r
   };
 }
-const M = window.SpeechRecognition || window.webkitSpeechRecognition, Z = !!(M && typeof M == "function");
-function G() {
+const T = window.SpeechRecognition || window.webkitSpeechRecognition, G = !!(T && typeof T == "function");
+function J() {
   return {
     listening: !1,
     startListening: () => {
@@ -429,14 +430,14 @@ function G() {
     }
   };
 }
-function J({
+function Q({
   language: e = "en-US",
   interimResults: n = !1,
   onResult: t,
   onError: o
 } = {}) {
-  const [r, c] = b(!1), i = X(null), u = p(() => {
-    const s = new M();
+  const [r, c] = b(!1), i = z(null), u = p(() => {
+    const s = new T();
     s.lang = e, s.interimResults = n, s.onstart = () => c(!0), t && (s.onresult = (a) => {
       const { transcript: l } = a.results?.[0]?.[0];
       t(l);
@@ -450,8 +451,8 @@ function J({
     stopListening: d
   };
 }
-const Fe = Z ? J : G;
-function Q(e, n) {
+const we = G ? Q : J;
+function W(e, n) {
   if (!e.length || !n.length) return [];
   const t = n.reduce((o, r) => (o[r] = {}, o), {});
   return e.forEach((o) => {
@@ -469,7 +470,7 @@ function Q(e, n) {
     }))
   }));
 }
-function W(e, n) {
+function Y(e, n) {
   return e.length ? e.map(({ field: t, options: o }) => ({
     field: t,
     options: o.map((r) => {
@@ -482,24 +483,24 @@ function W(e, n) {
     })
   })) : [];
 }
-const T = ["4XS", "3XS", "2XS", "XXS", "XS", "S", "M", "L", "XL", "XXL", "2XL", "XXXL", "3XL", "4XL"];
-function Y(e) {
-  if (T.includes(e))
-    return 1e3 + T.indexOf(e);
+const N = ["4XS", "3XS", "2XS", "XXS", "XS", "S", "M", "L", "XL", "XXL", "2XL", "XXXL", "3XL", "4XL"];
+function ee(e) {
+  if (N.includes(e))
+    return 1e3 + N.indexOf(e);
   const n = parseFloat(e);
   return isNaN(n) ? e : n;
 }
-function ee(e, n) {
+function te(e, n) {
   return [...n].sort((t, o) => {
-    const [r, c] = [t.value, o.value].map(Y);
+    const [r, c] = [t.value, o.value].map(ee);
     return r < c ? -1 : 1;
   });
 }
-function we(e = [], n = []) {
-  const [t, o] = b({}), r = y(() => Q(e, n).map(({ field: s, options: a }) => ({
+function be(e = [], n = []) {
+  const [t, o] = b({}), r = y(() => W(e, n).map(({ field: s, options: a }) => ({
     field: s,
-    options: ee(s, a)
-  })), [e, n]), c = y(() => W(r, t), [r, t]), i = p((d, s) => {
+    options: te(s, a)
+  })), [e, n]), c = y(() => Y(r, t), [r, t]), i = p((d, s) => {
     o((a) => {
       const l = { ...a };
       return l[d] === s ? delete l[d] : l[d] = s, l;
@@ -511,26 +512,26 @@ function we(e = [], n = []) {
   return { swatches: c, toggleOption: i, matchedSkus: u };
 }
 export {
-  xe as addToHistory,
-  Me as getSavedHistory,
-  Z as speechToTextSupported,
+  Me as addToHistory,
+  Te as getSavedHistory,
+  G as speechToTextSupported,
   A as useActions,
-  ue as useDecoratedSearchResults,
-  le as useFacet,
-  de as useFacets,
-  Te as useHistory,
-  Re as useLoadMore,
+  le as useDecoratedSearchResults,
+  de as useFacet,
+  fe as useFacets,
+  Ne as useHistory,
+  Le as useLoadMore,
   S as useNostoAppState,
-  fe as usePagination,
-  pe as usePersonalization,
-  q as useProductFilters,
-  E as useRange,
-  ge as useRangeSelector,
-  me as useResponse,
-  he as useSelectedFiltersCount,
-  ve as useShopifyProduct,
-  Se as useSizeOptions,
-  ye as useSort,
-  Fe as useSpeechToText,
-  we as useSwatches
+  pe as usePagination,
+  ge as usePersonalization,
+  E as useProductFilters,
+  V as useRange,
+  me as useRangeSelector,
+  he as useResponse,
+  ve as useSelectedFiltersCount,
+  Se as useShopifyProduct,
+  ye as useSizeOptions,
+  Fe as useSort,
+  we as useSpeechToText,
+  be as useSwatches
 };

package/dist/preact/inject/inject.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../AutocompletePageProvider-Xg9H1y3f.cjs"),T=require("../../CategoryPageProvider-2ZmajAxh.cjs"),h=require("../../useActions-CY9uts_o.cjs"),I=require("../../SerpPageProvider-Dn6PSZoF.cjs"),d=require("../../jsxRuntime.module-B3sGoTIU.cjs"),g=require("../../ErrorBoundary-CKn3Ecpu.cjs"),b=require("../../disableNativeAutocomplete-DI6zaZII.cjs"),P=require("../../unique-BXXNictB.cjs"),C=require("preact"),N=require("../../logger-Boh_C6Bz.cjs"),p=require("../../search-RNs4Cunh.cjs");function O(e){let n;return t=>{n&&clearTimeout(n),n=setTimeout(t,e)}}function q(e){return Array.from(document.querySelectorAll(e))}function R(e){const n=[];let t=e.parentNode;for(;t&&t!==document&&t instanceof Element;)n.push(t),t=t.parentNode;return n}function E([e,n],t){const o=r=>{const s=r.target;s instanceof HTMLElement&&e&&s!==e&&s!==n&&!R(s).includes(e)&&t()};return document.addEventListener("click",o),{destroy:()=>{document.removeEventListener("click",o)}}}function A(e,n){e.tabIndex=0,e.addEventListener("blur",n)}function S(e){return typeof e=="string"?{selector:e,position:"last"}:{position:"last",...e}}function H({selector:e,timeout:n=500}){return new Promise(t=>{const o=q(e);if(o.length>0)return t(o);const r=new MutationObserver(()=>{const i=q(e);i.length>0&&(r.disconnect(),clearTimeout(s),t(i))}),s=setTimeout(()=>{r.disconnect(),N.logger.warn(`Timed out (${n}) while waiting for element ${e}`),t([])},n);r.observe(document.body,{childList:!0,subtree:!0})})}function x(e,n,t){n.style.display="none";const o=(()=>{if(e.parentElement&&e.parentElement.classList.contains("nosto-autocomplete-wrapper"))return e.parentElement;const a=document.createElement("div");return a.className="nosto-autocomplete-wrapper",e.parentNode?.insertBefore(a,e.nextSibling),a.appendChild(e),a})(),r=S(t),s=r&&document.querySelector(r.selector);if(s){const a=document.createElement("form");a.className="nosto-dropdown-form",a.appendChild(n),r.position==="first"?s.prepend(a):s.appendChild(a)}else o.appendChild(n);const i={index:-1,onChangeListeners:[]},c=(a,u)=>{const f=a.length;f===0&&(u=-1),i.index=u>=0?u%f:f-1,i.onChangeListeners.forEach(D=>D())},l=()=>{i.index=-1,i.onChangeListeners.forEach(a=>a())},m=()=>i.index;return{element:n,hide:()=>{n.style.display="none",l()},show:()=>{n.style.display="inherit"},isOpen:()=>n.style.display!=="none",goDown:()=>{const a=Array.from(n.getElementsByClassName("ns-autocomplete-element")),u=m();c(a,u+1)},goUp:()=>{const a=Array.from(n.getElementsByClassName("ns-autocomplete-element")),u=m();c(a,u-1)},highlight:c,highlightedIndex:m,submitHighlightedItem:a=>{Array.from(n.querySelectorAll(".ns-autocomplete-element"))[a]?.click()},onHighlightChange:a=>{i.onChangeListeners.push(a)}}}function $(e,n){const t=document.createElement("div");return t.className="nosto-autocomplete-dropdown",{...x(e,t,n),element:t}}const y="nosto:search-js:history";function v(e,n,t){const o=document.createElement("div");return o.className="nosto-autocomplete-history",{...x(e,o,n),element:o,add:s=>{const c=(p.getLocalStorageItem(y)??[]).filter(l=>l!==s).slice(t?-t:0);c.push(s),p.setLocalStorageItem(y,c)},get:()=>(p.getLocalStorageItem(y)??[]).reverse().filter(i=>!!i)}}async function F(e,{config:n,dropdown:t,history:o,renderHistory:r,store:s}){const{historyEnabled:i,minQueryLength:c}=n;if(e.length<c&&i&&r&&!o.isOpen()){o.show();return}if(e.length<c)return;t.hide();const l=s.getState()?.query?.query;l&&l!==e&&await h.newSearch({config:n,store:s},{query:e}),t.show()}async function k(e,n){const{config:t,renderHistory:o,history:r}=n,{historyEnabled:s,minQueryLength:i}=t;if(!o||e.length>=i||!s||r.isOpen())return;const c=j(n);r.onHighlightChange(()=>{c(o,r.element)}),r.show();const l=P.measure("renderHistory");c(o,r.element),l()}async function Q(e,{config:n,dropdown:t,history:o,store:r,debouncer:s}){const{minQueryLength:i,historyEnabled:c}=n;if(e.length<i&&!c){t.hide(),o.hide();return}if(e.length<i&&c){t.hide(),o.show();return}o.hide(),s(async()=>{h.newSearch({config:n,store:r},{query:e}),t.show()})}function M(e,n,t){const{config:o,debouncer:r}=t;if(r(()=>{}),e.length>=o.minQueryLength)return L(n,t.dropdown,t.history);if(o.historyEnabled)return L(n,t.history,t.dropdown)}function L(e,n,t){if(!n.isOpen()&&e==="ArrowDown"){n.show(),t.hide();return}if(e==="Escape"&&n.hide(),!!n.isOpen()){if(e==="ArrowDown")n.goDown();else if(e==="ArrowUp")n.goUp();else if(e==="Enter"){const o=n.highlightedIndex();return o>=0&&n.submitHighlightedItem(o),n.hide(),o>=0}}}function U(e,{config:n,dropdown:t,history:o,onNavigateToSearch:r,store:s}){t.hide(),o.hide(),!(e.length<n.minQueryLength)&&(o.add(e),s.updateState({historyItems:o.get()}),r?.({query:e}))}async function K(e,n){const{inputCssSelector:t,timeout:o}=e,r=S(t).selector,s=await H({selector:r,timeout:o});if(s.length===0)throw new Error(`No elements found for selector: ${r}`);s.forEach(i=>{_(i,e,n)})}async function _(e,n,t){const{config:o,dropdownCssSelector:r}=n,s=$(e,r),i=v(e,r,o.historySize),c={...n,input:e,dropdown:s,history:i,store:t,debouncer:O(o.debounceDelay)};G(c),e.setAttribute("data-nosto-element","search-input"),t.updateState({historyItems:i.get()}),b.disableNativeAutocomplete(e),t.onInit(()=>{z(c)}),b.bindInput(e,{onInput:l=>Q(l,c),onFocus:l=>k(l,c),onClick:l=>F(l,c),onSubmit:l=>U(l,c),onKeyDown:(l,m)=>M(l,m,c)}),A(i.element,i.hide),A(s.element,s.hide),E([i.element,e],i.hide),E([s.element,e],s.hide)}function z(e){const{dropdown:n,renderAutocomplete:t}=e;if(!t)return;const o=j(e);n.onHighlightChange(()=>{o(t,n.element)});const r=P.measure("renderAutocomplete");o(t,n.element),r()}async function G(e){const{input:n,renderSpeechToText:t,config:o,store:r}=e;if(!t)return;const s="ns-autocomplete-voice-position";if(!!n.parentElement?.querySelector(`.${s}`))return;const c=document.createElement("div");c.className=s,n.insertAdjacentElement("afterend",c);const l=await t();C.render(d.u(g.ErrorBoundary,{children:d.u(w.AutocompletePageProvider,{config:o,store:r,children:l})}),c)}function j(e){const{config:n,store:t}=e;return(o,r)=>C.render(d.u(g.ErrorBoundary,{children:d.u(w.AutocompletePageProvider,{config:n,store:t,children:o()})}),r)}async function B({cssSelector:e,timeout:n,renderComponent:t}){const o=S(e).selector,r=await H({selector:o,timeout:n??100});if(r.length===0)throw new Error(`No elements found for selector: ${o}`);r.length>1&&N.logger.warn(`Multiple (${r.length}) elements found for selector: ${o}`),C.render(t(),r[0])}async function J(e,n){const{render:t}=e,o=await t();B({...e,renderComponent:()=>d.u(g.ErrorBoundary,{children:d.u(T.CategoryPageProvider,{store:n,config:e.config,children:o})})})}async function V(e,n){const{render:t}=e,o=await t();B({...e,renderComponent:()=>d.u(g.ErrorBoundary,{children:d.u(I.SearchPageProvider,{store:n,config:e.config,children:o})})})}async function W({autocomplete:e,category:n,serp:t}){const o={};if(e){const r=h.createStore({query:e.query});await K({...e,config:w.makeAutocompleteConfig(e.config)},r),o.autocomplete={store:r}}if(n){const r=h.createStore({query:n.query});await J({...n,config:T.makeCategoryConfig(n.config)},r),o.category={store:r}}if(t){const r=h.createStore({query:t.query});await V({...t,config:I.makeSerpConfig(t.config)},r),o.serp={store:r}}return o}exports.init=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../AutocompletePageProvider-CFcim_G9.cjs"),T=require("../../CategoryPageProvider-C2nqTdZ8.cjs"),h=require("../../useActions-B6FFW8xI.cjs"),I=require("../../SerpPageProvider-D5cD0ttm.cjs"),d=require("../../jsxRuntime.module-B3sGoTIU.cjs"),g=require("../../ErrorBoundary-CKn3Ecpu.cjs"),b=require("../../disableNativeAutocomplete-DI6zaZII.cjs"),P=require("../../unique-BXXNictB.cjs"),C=require("preact"),N=require("../../logger-Boh_C6Bz.cjs"),p=require("../../search-DItu5YCc.cjs");function O(e){let n;return t=>{n&&clearTimeout(n),n=setTimeout(t,e)}}function q(e){return Array.from(document.querySelectorAll(e))}function R(e){const n=[];let t=e.parentNode;for(;t&&t!==document&&t instanceof Element;)n.push(t),t=t.parentNode;return n}function E([e,n],t){const o=r=>{const s=r.target;s instanceof HTMLElement&&e&&s!==e&&s!==n&&!R(s).includes(e)&&t()};return document.addEventListener("click",o),{destroy:()=>{document.removeEventListener("click",o)}}}function A(e,n){e.tabIndex=0,e.addEventListener("blur",n)}function S(e){return typeof e=="string"?{selector:e,position:"last"}:{position:"last",...e}}function H({selector:e,timeout:n=500}){return new Promise(t=>{const o=q(e);if(o.length>0)return t(o);const r=new MutationObserver(()=>{const i=q(e);i.length>0&&(r.disconnect(),clearTimeout(s),t(i))}),s=setTimeout(()=>{r.disconnect(),N.logger.warn(`Timed out (${n}) while waiting for element ${e}`),t([])},n);r.observe(document.body,{childList:!0,subtree:!0})})}function x(e,n,t){n.style.display="none";const o=(()=>{if(e.parentElement&&e.parentElement.classList.contains("nosto-autocomplete-wrapper"))return e.parentElement;const a=document.createElement("div");return a.className="nosto-autocomplete-wrapper",e.parentNode?.insertBefore(a,e.nextSibling),a.appendChild(e),a})(),r=S(t),s=r&&document.querySelector(r.selector);if(s){const a=document.createElement("form");a.className="nosto-dropdown-form",a.appendChild(n),r.position==="first"?s.prepend(a):s.appendChild(a)}else o.appendChild(n);const i={index:-1,onChangeListeners:[]},c=(a,u)=>{const f=a.length;f===0&&(u=-1),i.index=u>=0?u%f:f-1,i.onChangeListeners.forEach(D=>D())},l=()=>{i.index=-1,i.onChangeListeners.forEach(a=>a())},m=()=>i.index;return{element:n,hide:()=>{n.style.display="none",l()},show:()=>{n.style.display="inherit"},isOpen:()=>n.style.display!=="none",goDown:()=>{const a=Array.from(n.getElementsByClassName("ns-autocomplete-element")),u=m();c(a,u+1)},goUp:()=>{const a=Array.from(n.getElementsByClassName("ns-autocomplete-element")),u=m();c(a,u-1)},highlight:c,highlightedIndex:m,submitHighlightedItem:a=>{Array.from(n.querySelectorAll(".ns-autocomplete-element"))[a]?.click()},onHighlightChange:a=>{i.onChangeListeners.push(a)}}}function $(e,n){const t=document.createElement("div");return t.className="nosto-autocomplete-dropdown",{...x(e,t,n),element:t}}const y="nosto:search-js:history";function v(e,n,t){const o=document.createElement("div");return o.className="nosto-autocomplete-history",{...x(e,o,n),element:o,add:s=>{const c=(p.getLocalStorageItem(y)??[]).filter(l=>l!==s).slice(t?-t:0);c.push(s),p.setLocalStorageItem(y,c)},get:()=>(p.getLocalStorageItem(y)??[]).reverse().filter(i=>!!i)}}async function F(e,{config:n,dropdown:t,history:o,renderHistory:r,store:s}){const{historyEnabled:i,minQueryLength:c}=n;if(e.length<c&&i&&r&&!o.isOpen()){o.show();return}if(e.length<c)return;t.hide();const l=s.getState()?.query?.query;l&&l!==e&&await h.newSearch({config:n,store:s},{query:e}),t.show()}async function k(e,n){const{config:t,renderHistory:o,history:r}=n,{historyEnabled:s,minQueryLength:i}=t;if(!o||e.length>=i||!s||r.isOpen())return;const c=j(n);r.onHighlightChange(()=>{c(o,r.element)}),r.show();const l=P.measure("renderHistory");c(o,r.element),l()}async function Q(e,{config:n,dropdown:t,history:o,store:r,debouncer:s}){const{minQueryLength:i,historyEnabled:c}=n;if(e.length<i&&!c){t.hide(),o.hide();return}if(e.length<i&&c){t.hide(),o.show();return}o.hide(),s(async()=>{h.newSearch({config:n,store:r},{query:e}),t.show()})}function M(e,n,t){const{config:o,debouncer:r}=t;if(r(()=>{}),e.length>=o.minQueryLength)return L(n,t.dropdown,t.history);if(o.historyEnabled)return L(n,t.history,t.dropdown)}function L(e,n,t){if(!n.isOpen()&&e==="ArrowDown"){n.show(),t.hide();return}if(e==="Escape"&&n.hide(),!!n.isOpen()){if(e==="ArrowDown")n.goDown();else if(e==="ArrowUp")n.goUp();else if(e==="Enter"){const o=n.highlightedIndex();return o>=0&&n.submitHighlightedItem(o),n.hide(),o>=0}}}function U(e,{config:n,dropdown:t,history:o,onNavigateToSearch:r,store:s}){t.hide(),o.hide(),!(e.length<n.minQueryLength)&&(o.add(e),s.updateState({historyItems:o.get()}),r?.({query:e}))}async function K(e,n){const{inputCssSelector:t,timeout:o}=e,r=S(t).selector,s=await H({selector:r,timeout:o});if(s.length===0)throw new Error(`No elements found for selector: ${r}`);s.forEach(i=>{_(i,e,n)})}async function _(e,n,t){const{config:o,dropdownCssSelector:r}=n,s=$(e,r),i=v(e,r,o.historySize),c={...n,input:e,dropdown:s,history:i,store:t,debouncer:O(o.debounceDelay)};G(c),e.setAttribute("data-nosto-element","search-input"),t.updateState({historyItems:i.get()}),b.disableNativeAutocomplete(e),t.onInit(()=>{z(c)}),b.bindInput(e,{onInput:l=>Q(l,c),onFocus:l=>k(l,c),onClick:l=>F(l,c),onSubmit:l=>U(l,c),onKeyDown:(l,m)=>M(l,m,c)}),A(i.element,i.hide),A(s.element,s.hide),E([i.element,e],i.hide),E([s.element,e],s.hide)}function z(e){const{dropdown:n,renderAutocomplete:t}=e;if(!t)return;const o=j(e);n.onHighlightChange(()=>{o(t,n.element)});const r=P.measure("renderAutocomplete");o(t,n.element),r()}async function G(e){const{input:n,renderSpeechToText:t,config:o,store:r}=e;if(!t)return;const s="ns-autocomplete-voice-position";if(!!n.parentElement?.querySelector(`.${s}`))return;const c=document.createElement("div");c.className=s,n.insertAdjacentElement("afterend",c);const l=await t();C.render(d.u(g.ErrorBoundary,{children:d.u(w.AutocompletePageProvider,{config:o,store:r,children:l})}),c)}function j(e){const{config:n,store:t}=e;return(o,r)=>C.render(d.u(g.ErrorBoundary,{children:d.u(w.AutocompletePageProvider,{config:n,store:t,children:o()})}),r)}async function B({cssSelector:e,timeout:n,renderComponent:t}){const o=S(e).selector,r=await H({selector:o,timeout:n??100});if(r.length===0)throw new Error(`No elements found for selector: ${o}`);r.length>1&&N.logger.warn(`Multiple (${r.length}) elements found for selector: ${o}`),C.render(t(),r[0])}async function J(e,n){const{render:t}=e,o=await t();B({...e,renderComponent:()=>d.u(g.ErrorBoundary,{children:d.u(T.CategoryPageProvider,{store:n,config:e.config,children:o})})})}async function V(e,n){const{render:t}=e,o=await t();B({...e,renderComponent:()=>d.u(g.ErrorBoundary,{children:d.u(I.SearchPageProvider,{store:n,config:e.config,children:o})})})}async function W({autocomplete:e,category:n,serp:t}){const o={};if(e){const r=h.createStore({query:e.query});await K({...e,config:w.makeAutocompleteConfig(e.config)},r),o.autocomplete={store:r}}if(n){const r=h.createStore({query:n.query});await J({...n,config:T.makeCategoryConfig(n.config)},r),o.category={store:r}}if(t){const r=h.createStore({query:t.query});await V({...t,config:I.makeSerpConfig(t.config)},r),o.serp={store:r}}return o}exports.init=W;

package/dist/preact/inject/inject.es.js

@@ -1,14 +1,14 @@
-import { A as L, m as j } from "../../AutocompletePageProvider-DsUoIbbx.js";
-import { C as O, m as R } from "../../CategoryPageProvider-DU3DjmnJ.js";
-import { n as T, c as p } from "../../useActions-CSNwQtT1.js";
-import { S as $, m as F } from "../../SerpPageProvider-DshgTNpM.js";
+import { A as L, m as j } from "../../AutocompletePageProvider-CJb7OEAr.js";
+import { C as O, m as R } from "../../CategoryPageProvider-BGqhQtdT.js";
+import { n as T, c as p } from "../../useActions-DoZCMPfW.js";
+import { S as $, m as F } from "../../SerpPageProvider-wkZs_QWn.js";
 import { u as d } from "../../jsxRuntime.module-Bzuv3cXw.js";
 import { E as h } from "../../ErrorBoundary-DTRm_60r.js";
 import { d as k, b as B } from "../../disableNativeAutocomplete-Bkta_WR2.js";
 import { a as I } from "../../unique-Cv2g464w.js";
 import { render as y } from "preact";
 import { l as q } from "../../logger-_fg_Za9y.js";
-import { g as w, a as Q } from "../../search-mArZ2PXy.js";
+import { g as w, a as Q } from "../../search-xLgL6P5R.js";
 function U(e) {
   let n;
   return (t) => {

package/dist/preact/legacy/legacy.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../useActions-CY9uts_o.cjs"),r=require("../../InfiniteScrollWithObserver-LxLj-_bT.cjs"),t=require("../../useLoadMore-CBshMpps.cjs");exports.newSearch=e.newSearch;exports.updateSearch=e.updateSearch;exports.InfiniteScrollWithObserver=r.InfiniteScrollWithObserver;exports.intersectionObserverSupported=r.intersectionObserverSupported;exports.getNextPageQuery=t.getNextPageQuery;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../useActions-B6FFW8xI.cjs"),r=require("../../InfiniteScrollWithObserver-DAtCSz5E.cjs"),t=require("../../useLoadMore-DYxXgyV2.cjs");exports.newSearch=e.newSearch;exports.updateSearch=e.updateSearch;exports.InfiniteScrollWithObserver=r.InfiniteScrollWithObserver;exports.intersectionObserverSupported=r.intersectionObserverSupported;exports.getNextPageQuery=t.getNextPageQuery;

package/dist/preact/legacy/legacy.es.js

@@ -1,6 +1,6 @@
-import { n as t, u as a } from "../../useActions-CSNwQtT1.js";
-import { I as s, i } from "../../InfiniteScrollWithObserver-B0iiezKy.js";
-import { g as p } from "../../useLoadMore-2OmOqicJ.js";
+import { n as t, u as a } from "../../useActions-DoZCMPfW.js";
+import { I as s, i } from "../../InfiniteScrollWithObserver-CtEBs3Ts.js";
+import { g as p } from "../../useLoadMore-CdqyUIQQ.js";
 export {
   s as InfiniteScrollWithObserver,
   p as getNextPageQuery,

package/dist/preact/serp/serp.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../jsxRuntime.module-B3sGoTIU.cjs"),l=require("../../index.es-Dp6Iaxz3.cjs"),u=require("../../BaseElement-CIHACCWd.cjs"),S=require("../../useActions-CY9uts_o.cjs"),d=require("preact/hooks"),g=require("../../SerpPageProvider-Dn6PSZoF.cjs"),P="nosto:search-js:scrollPos";function m(){window.sessionStorage.setItem(P,window.scrollY.toString())}function p({children:s,hit:e,componentProps:t,as:n}){const{pageType:o}=S.useConfig(),r=o==="autocomplete"?void 0:o==="search"?"serp":o,c=d.useCallback(()=>{e&&r&&l.s(i=>i.recordSearchClick(r,e)),m()},[e,r]);return a.u(u.BaseElement,{as:n,onClick:c,componentProps:t,children:s})}exports.SearchPageProvider=g.SearchPageProvider;exports.SerpElement=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../jsxRuntime.module-B3sGoTIU.cjs"),l=require("../../index.es-Dp6Iaxz3.cjs"),u=require("../../BaseElement-CIHACCWd.cjs"),S=require("../../useActions-B6FFW8xI.cjs"),d=require("preact/hooks"),g=require("../../SerpPageProvider-D5cD0ttm.cjs"),P="nosto:search-js:scrollPos";function m(){window.sessionStorage.setItem(P,window.scrollY.toString())}function p({children:s,hit:e,componentProps:t,as:n}){const{pageType:o}=S.useConfig(),r=o==="autocomplete"?void 0:o==="search"?"serp":o,c=d.useCallback(()=>{e&&r&&l.s(i=>i.recordSearchClick(r,e)),m()},[e,r]);return a.u(u.BaseElement,{as:n,onClick:c,componentProps:t,children:s})}exports.SearchPageProvider=g.SearchPageProvider;exports.SerpElement=p;

package/dist/preact/serp/serp.es.js

@@ -1,9 +1,9 @@
 import { u as i } from "../../jsxRuntime.module-Bzuv3cXw.js";
 import { s as l } from "../../index.es-XNBESE3P.js";
 import { B as m } from "../../BaseElement-DD_4UwDm.js";
-import { b as p } from "../../useActions-CSNwQtT1.js";
+import { b as p } from "../../useActions-DoZCMPfW.js";
 import { useCallback as f } from "preact/hooks";
-import { S as h } from "../../SerpPageProvider-DshgTNpM.js";
+import { S as h } from "../../SerpPageProvider-wkZs_QWn.js";
 const S = "nosto:search-js:scrollPos";
 function g() {
   window.sessionStorage.setItem(S, window.scrollY.toString());

package/dist/search-DItu5YCc.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("./index.es-Dp6Iaxz3.cjs"),i=require("./logger-Boh_C6Bz.cjs");async function y(t,{hitDecorators:e,...r},c){const n=await c(t,r);if(!n.products?.hits?.length||!e?.length)return n;const o=s=>e.reduce((a,u)=>u(a),s);return{...n,products:{...n.products,hits:n.products.hits.map(o)}}}function h(t,e,r){const c=JSON.stringify(e);try{r.setItem(t,c)}catch(n){i.logger.warn(n)}}function g(t,e){try{const r=e.getItem(t);if(r)return JSON.parse(r)}catch(r){i.logger.warn(r)}}function I(t,e){h(t,e,localStorage)}function C(t,e){h(t,e,sessionStorage)}function R(t){return g(t,localStorage)}function b(t){return g(t,sessionStorage)}const p="nosto:search-js:cache",k=60*1e3;function N(t,e){C(p,{query:t,result:e,created:Date.now()})}function T(t){const e=b(p);if(!e||!z(e))return null;const r=d(e.query);return!i.isEqual(d(t),r)||Date.now()-e.created>k?null:e.result}function d(t){const e={...t,time:void 0,products:{...t.products,size:void 0}};return JSON.parse(JSON.stringify(e))}function z(t){return typeof t=="object"&&t!==null&&"query"in t&&"result"in t&&"created"in t}async function E(t,{usePersistentCache:e,...r},c){if(!e)return c(t,r);const n=await L(t,r,c);return N(t,n),n}async function L(t,e,r){const{from:c=0,size:n=0}=t.products||{},o=T(t);if(!o)return await r(t,e);const s=o?.products?.size??0,a=o?.products?.hits??[];if(n===s)return o;if(n<s)return{...o,products:{...o.products,size:n,hits:a.slice(0,n),total:o.products?.total||0}};const u=n-a.length,S=c>0?c+1:n-u,w={...t,products:{...t.products,from:S,size:u}},l=await r(w,e);return{...o,products:{...o.products,size:n,hits:[...o.products?.hits||[],...l.products?.hits||[]],total:l.products?.total||0}}}const O=3e4,f=new Map;function _(t,e){const r=f.get(t);if(!r)return;const c=Date.now()-r.created>O,n=i.isEqual(e,r.query);if(c||!n){f.delete(t);return}return r.result}function J(t,e,r){f.set(t,{query:e,result:r,created:Date.now()})}async function W(t,e,r){if(!e.useMemoryCache)return r(t,e);const c=JSON.stringify(t),n=_(c,t);if(n)return n;const o=await r(t,e);return J(c,t,o),o}async function D(t,e,r){if(!e.redirect)return r(t,e);const c=await r(t,e);if(c.keywords?.hits?.length){const n=c.keywords.hits.find(o=>o.keyword===t.query&&o._redirect);n&&n._redirect&&(window.location.href=n._redirect)}return c}function M(t){return new Promise(e=>setTimeout(e,t))}async function V(t,{maxRetries:e=0,retryInterval:r=0,...c},n){let o=0;for(;;)try{return await n(t,c)}catch(s){if(o>=e)throw s;if(!j(s))throw i.logger.info("Skipping retry logic for",s),s;o++,await M(r)}}function j(t){return!t||typeof t!="object"?!1:!("status"in t)||x(t.status)}function x(t){return typeof t=="number"&&(t<400||t>=500)}async function A(t,e={}){const r=await new Promise(m.s);return K(r.search,V,D,W,E,y)(t,e)}function K(t,...e){return e.reduce((r,c)=>(n,o)=>c(n,o,r),t)}exports.getLocalStorageItem=R;exports.search=A;exports.setLocalStorageItem=I;