@nosto/search-js 3.13.1 → 3.14.0

package/dist/ErrorBoundary-CKn3Ecpu.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsxRuntime.module-B3sGoTIU.cjs"),u=require("./logger-Boh_C6Bz.cjs"),n=require("preact"),t=require("preact/hooks");function s({children:o}){const[r]=t.useErrorBoundary();return r&&u.logger.error("Error caught in ErrorBoundary",r),e.u(n.Fragment,{children:o})}exports.ErrorBoundary=s;

package/dist/ErrorBoundary-DTRm_60r.js

@@ -0,0 +1,11 @@
+import { u as t } from "./jsxRuntime.module-Bzuv3cXw.js";
+import { l as m } from "./logger-_fg_Za9y.js";
+import { Fragment as n } from "preact";
+import { useErrorBoundary as u } from "preact/hooks";
+function p({ children: o }) {
+  const [r] = u();
+  return r && m.error("Error caught in ErrorBoundary", r), /* @__PURE__ */ t(n, { children: o });
+}
+export {
+  p as E
+};

package/dist/preact/common/common.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../isBot-iyBlT_oq.cjs"),o=require("../../jsxRuntime.module-B3sGoTIU.cjs"),s=require("../../useLoadMore-B0JgcUfM.cjs"),g=require("../../pick-rYi1lc2m.cjs"),n=require("../../InfiniteScrollWithObserver-CoPOQr8Q.cjs"),p=require("preact"),e=require("../../useActions-CJ71kc2N.cjs");function C({pageSize:r}){const{loadMore:t}=s.useLoadMore(r);return o.u("button",{onClick:t,children:"More results"})}function u({children:r,loadMoreComponent:t,pageSize:i}){const{loading:c,query:l,response:a}=s.useNostoAppState(S=>g.pick(S,"loading","query","response")),f=!c&&n.hasMoreResults(l,a);return o.u(p.Fragment,{children:[r,f&&(t?o.u(t,{pageSize:i}):o.u(C,{pageSize:i}))]})}const q=!d.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:u;exports.StoreContext=e.StoreContext;exports.createExtendableStore=e.createExtendableStore;exports.createStore=e.createStore;exports.defaultState=e.defaultState;exports.useAutocompleteConfig=e.useAutocompleteConfig;exports.useCategoryConfig=e.useCategoryConfig;exports.useConfig=e.useConfig;exports.useSerpConfig=e.useSerpConfig;exports.InfiniteScroll=q;exports.InfiniteScrollWithLink=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../ErrorBoundary-CKn3Ecpu.cjs"),g=require("../../isBot-iyBlT_oq.cjs"),o=require("../../jsxRuntime.module-B3sGoTIU.cjs"),u=require("../../useLoadMore-B0JgcUfM.cjs"),p=require("../../pick-rYi1lc2m.cjs"),n=require("../../InfiniteScrollWithObserver-CoPOQr8Q.cjs"),C=require("preact"),e=require("../../useActions-CJ71kc2N.cjs");function q({pageSize:t}){const{loadMore:r}=u.useLoadMore(t);return o.u("button",{onClick:r,children:"More results"})}function s({children:t,loadMoreComponent:r,pageSize:i}){const{loading:c,query:l,response:a}=u.useNostoAppState(f=>p.pick(f,"loading","query","response")),d=!c&&n.hasMoreResults(l,a);return o.u(C.Fragment,{children:[t,d&&(r?o.u(r,{pageSize:i}):o.u(q,{pageSize:i}))]})}const y=!g.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:s;exports.ErrorBoundary=S.ErrorBoundary;exports.StoreContext=e.StoreContext;exports.createExtendableStore=e.createExtendableStore;exports.createStore=e.createStore;exports.defaultState=e.defaultState;exports.useAutocompleteConfig=e.useAutocompleteConfig;exports.useCategoryConfig=e.useCategoryConfig;exports.useConfig=e.useConfig;exports.useSerpConfig=e.useSerpConfig;exports.InfiniteScroll=y;exports.InfiniteScrollWithLink=s;

package/dist/preact/common/common.d.ts

@@ -1,4 +1,5 @@
 /** @module preact/common */
+export { ErrorBoundary } from './src/components/ErrorBoundary';
 export { InfiniteScroll, type InfiniteScrollProps } from './src/components/InfiniteScroll/InfiniteScroll';
 export { InfiniteScrollWithLink } from './src/components/InfiniteScroll/InfiniteScrollWithLink';
 export { useAutocompleteConfig, useCategoryConfig, useConfig, useSerpConfig } from './src/config/configContext';

package/dist/preact/common/common.es.js

@@ -1,31 +1,33 @@
-import { i as c } from "../../isBot-Lnmft0Z0.js";
+import { E as v } from "../../ErrorBoundary-DTRm_60r.js";
+import { i as f } from "../../isBot-Lnmft0Z0.js";
 import { u as e } from "../../jsxRuntime.module-Bzuv3cXw.js";
-import { u as f, a as l } from "../../useLoadMore-hrNp8P0M.js";
-import { p } from "../../pick-DReBictn.js";
+import { u as p, a as c } from "../../useLoadMore-hrNp8P0M.js";
+import { p as l } from "../../pick-DReBictn.js";
 import { h as m, i as d, I as S } from "../../InfiniteScrollWithObserver-6A57AOKr.js";
 import { Fragment as g } from "preact";
-import { S as A, g as O, c as W, f as B, b as E, d as F, a as N, e as R } from "../../useActions-SEyBHGra.js";
+import { S as B, g as O, c as W, f as F, b as N, d as R, a as j, e as w } from "../../useActions-SEyBHGra.js";
 function C({ pageSize: r }) {
-  const { loadMore: o } = f(r);
+  const { loadMore: o } = p(r);
   return /* @__PURE__ */ e("button", { onClick: o, children: "More results" });
 }
 function h({ children: r, loadMoreComponent: o, pageSize: t }) {
-  const { loading: s, query: n, response: i } = l((u) => p(u, "loading", "query", "response")), a = !s && m(n, i);
+  const { loading: s, query: n, response: a } = c((u) => l(u, "loading", "query", "response")), i = !s && m(n, a);
   return /* @__PURE__ */ e(g, { children: [
     r,
-    a && (o ? /* @__PURE__ */ e(o, { pageSize: t }) : /* @__PURE__ */ e(C, { pageSize: t }))
+    i && (o ? /* @__PURE__ */ e(o, { pageSize: t }) : /* @__PURE__ */ e(C, { pageSize: t }))
   ] });
 }
-const y = !c() && d() ? S : h;
+const L = !f() && d() ? S : h;
 export {
-  y as InfiniteScroll,
+  v as ErrorBoundary,
+  L as InfiniteScroll,
   h as InfiniteScrollWithLink,
-  A as StoreContext,
+  B as StoreContext,
   O as createExtendableStore,
   W as createStore,
-  B as defaultState,
-  E as useAutocompleteConfig,
-  F as useCategoryConfig,
-  N as useConfig,
-  R as useSerpConfig
+  F as defaultState,
+  N as useAutocompleteConfig,
+  R as useCategoryConfig,
+  j as useConfig,
+  w as useSerpConfig
 };

package/dist/preact/{inject → common}/src/components/ErrorBoundary.d.ts

@@ -3,6 +3,6 @@ import { ComponentChildren } from 'preact';
  * Error boundary component to log UI level errors
  * @group Components
  */
-export default function ErrorBoundary({ children }: {
+export declare function ErrorBoundary({ children }: {
     children: ComponentChildren;
 }): import("preact").JSX.Element;

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

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

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

@@ -1,39 +1,35 @@
-import { A as L, m as D } from "../../AutocompletePageProvider-HeGU8tjH.js";
-import { C as R, m as B } from "../../CategoryPageProvider-Bou8i9Tx.js";
-import { n as T, c as g } from "../../useActions-SEyBHGra.js";
-import { S as F, m as O } from "../../SerpPageProvider-B-W6nCqu.js";
+import { A as I, m as D } from "../../AutocompletePageProvider-HeGU8tjH.js";
+import { C as R, m as O } from "../../CategoryPageProvider-Bou8i9Tx.js";
+import { n as L, c as p } from "../../useActions-SEyBHGra.js";
+import { S as $, m as j } from "../../SerpPageProvider-B-W6nCqu.js";
 import { u as d } from "../../jsxRuntime.module-Bzuv3cXw.js";
-import { d as $, b as j } from "../../bindInput-CCx0Fhsg.js";
-import { a as x } from "../../unique-Cv2g464w.js";
-import { Fragment as K, createContext as Q, render as y } from "preact";
-import { l as C } from "../../logger-_fg_Za9y.js";
-import { useErrorBoundary as U } from "preact/hooks";
-import { s as v } from "../../index.es-XNBESE3P.js";
-import { g as S, a as M } from "../../search-sC5QgJmw.js";
-function z(e) {
+import { E as u } from "../../ErrorBoundary-DTRm_60r.js";
+import { d as F, b as B } from "../../bindInput-CCx0Fhsg.js";
+import { a as T } from "../../unique-Cv2g464w.js";
+import { createContext as K, render as y } from "preact";
+import { l as x } from "../../logger-_fg_Za9y.js";
+import { s as Q } from "../../index.es-XNBESE3P.js";
+import { g as w, a as U } from "../../search-sC5QgJmw.js";
+function v(e) {
   let t;
   return (n) => {
     t && clearTimeout(t), t = setTimeout(n, e);
   };
 }
-function h({ children: e }) {
-  const [t] = U();
-  return t && C.error("Error caught in ErrorBoundary", t), /* @__PURE__ */ d(K, { children: e });
-}
-function b(e) {
+function S(e) {
   return Array.from(document.querySelectorAll(e));
 }
-function G(e) {
+function M(e) {
   const t = [];
   let n = e.parentNode;
   for (; n && n !== document && n instanceof Element; )
     t.push(n), n = n.parentNode;
   return t;
 }
-function E([e, t], n) {
+function b([e, t], n) {
   const o = (r) => {
     const i = r.target;
-    i instanceof HTMLElement && e && i !== e && i !== t && !G(i).includes(e) && n();
+    i instanceof HTMLElement && e && i !== e && i !== t && !M(i).includes(e) && n();
   };
   return document.addEventListener("click", o), {
     destroy: () => {
@@ -41,10 +37,10 @@ function E([e, t], n) {
     }
   };
 }
-function A(e, t) {
+function E(e, t) {
   e.tabIndex = 0, e.addEventListener("blur", t);
 }
-function w(e) {
+function C(e) {
   return typeof e == "string" ? {
     selector: e,
     position: "last"
@@ -55,14 +51,14 @@ function w(e) {
 }
 function H({ selector: e, timeout: t = 500 }) {
   return new Promise((n) => {
-    const o = b(e);
+    const o = S(e);
     if (o.length > 0)
       return n(o);
     const r = new MutationObserver(() => {
-      const s = b(e);
+      const s = S(e);
       s.length > 0 && (r.disconnect(), clearTimeout(i), n(s));
     }), i = setTimeout(() => {
-      r.disconnect(), C.warn(`Timed out (${t}) while waiting for element ${e}`), n([]);
+      r.disconnect(), x.warn(`Timed out (${t}) while waiting for element ${e}`), n([]);
     }, t);
     r.observe(document.body, {
       childList: !0,
@@ -70,7 +66,7 @@ function H({ selector: e, timeout: t = 500 }) {
     });
   });
 }
-const J = Q({
+const z = K({
   reportProductClick: () => {
   },
   reportKeywordClick: () => {
@@ -79,11 +75,11 @@ const J = Q({
   },
   highlightedElementIndex: -1
 });
-function V(e, t) {
-  const { dropdown: n, history: o, store: r, input: i, onNavigateToSearch: s } = e, a = (c, u) => {
+function G(e, t) {
+  const { dropdown: n, history: o, store: r, input: i, onNavigateToSearch: s } = e, a = (c, h) => {
     n.hide(), o.hide(), c && (o.add(c), r.updateState({
       historyItems: o.get()
-    }), u && v((l) => l.recordSearchSubmit(c)), i.value = c);
+    }), h && Q((l) => l.recordSearchSubmit(c)), i.value = c);
   };
   return {
     reportProductClick: (c) => {
@@ -105,7 +101,7 @@ function N(e, t, n) {
       return e.parentElement;
     const l = document.createElement("div");
     return l.className = "nosto-autocomplete-wrapper", e.parentNode?.insertBefore(l, e.nextSibling), l.appendChild(e), l;
-  })(), r = w(n), i = r && document.querySelector(r.selector);
+  })(), r = C(n), i = r && document.querySelector(r.selector);
   if (i) {
     const l = document.createElement("form");
     l.className = "nosto-dropdown-form", l.appendChild(t), r.position === "first" ? i.prepend(l) : i.appendChild(l);
@@ -119,7 +115,7 @@ function N(e, t, n) {
     f === 0 && (m = -1), s.index = m >= 0 ? m % f : f - 1, s.onChangeListeners.forEach((P) => P());
   }, c = () => {
     s.index = -1, s.onChangeListeners.forEach((l) => l());
-  }, u = () => s.index;
+  }, h = () => s.index;
   return {
     element: t,
     hide: () => {
@@ -130,15 +126,15 @@ function N(e, t, n) {
     },
     isOpen: () => t.style.display !== "none",
     goDown: () => {
-      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = u();
+      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = h();
       a(l, m + 1);
     },
     goUp: () => {
-      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = u();
+      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = h();
       a(l, m - 1);
     },
     highlight: a,
-    highlightedIndex: u,
+    highlightedIndex: h,
     submitHighlightedItem: (l) => {
       Array.from(t.querySelectorAll(".ns-autocomplete-element"))[l]?.click();
     },
@@ -147,27 +143,27 @@ function N(e, t, n) {
     }
   };
 }
-function W(e, t) {
+function J(e, t) {
   const n = document.createElement("div");
   return n.className = "nosto-autocomplete-dropdown", {
     ...N(e, n, t),
     element: n
   };
 }
-const p = "nosto:search-js:history";
-function X(e, t, n) {
+const g = "nosto:search-js:history";
+function V(e, t, n) {
   const o = document.createElement("div");
   return o.className = "nosto-autocomplete-history", {
     ...N(e, o, t),
     element: o,
     add: (i) => {
-      const a = (S(p) ?? []).filter((c) => c !== i).slice(n ? -n : 0);
-      a.push(i), M(p, a);
+      const a = (w(g) ?? []).filter((c) => c !== i).slice(n ? -n : 0);
+      a.push(i), U(g, a);
     },
-    get: () => (S(p) ?? []).reverse().filter((s) => !!s)
+    get: () => (w(g) ?? []).reverse().filter((s) => !!s)
   };
 }
-async function Y(e, { config: t, dropdown: n, history: o, renderHistory: r, store: i }) {
+async function W(e, { config: t, dropdown: n, history: o, renderHistory: r, store: i }) {
   const { historyEnabled: s, minQueryLength: a } = t;
   if (e.length < a && s && r && !o.isOpen()) {
     o.show();
@@ -177,9 +173,9 @@ async function Y(e, { config: t, dropdown: n, history: o, renderHistory: r, stor
     return;
   n.hide();
   const c = i.getState()?.query?.query;
-  c && c !== e && await T({ config: t, store: i }, { query: e }), n.show();
+  c && c !== e && await L({ config: t, store: i }, { query: e }), n.show();
 }
-async function Z(e, t) {
+async function X(e, t) {
   const { config: n, renderHistory: o, history: r } = t, { historyEnabled: i, minQueryLength: s } = n;
   if (!o || e.length >= s || !i || r.isOpen())
     return;
@@ -187,10 +183,10 @@ async function Z(e, t) {
   r.onHighlightChange(() => {
     a(o, r.element);
   }), r.show();
-  const c = x("renderHistory");
+  const c = T("renderHistory");
   a(o, r.element), c();
 }
-async function _(e, { config: t, dropdown: n, history: o, store: r, debouncer: i }) {
+async function Y(e, { config: t, dropdown: n, history: o, store: r, debouncer: i }) {
   const { minQueryLength: s, historyEnabled: a } = t;
   if (e.length < s && !a) {
     n.hide(), o.hide();
@@ -201,18 +197,18 @@ async function _(e, { config: t, dropdown: n, history: o, store: r, debouncer: i
     return;
   }
   o.hide(), i(async () => {
-    T({ config: t, store: r }, { query: e }), n.show();
+    L({ config: t, store: r }, { query: e }), n.show();
   });
 }
-function ee(e, t, n) {
+function Z(e, t, n) {
   const { config: o, debouncer: r } = n;
   if (r(() => {
   }), e.length >= o.minQueryLength)
-    return I(t, n.dropdown, n.history);
+    return A(t, n.dropdown, n.history);
   if (o.historyEnabled)
-    return I(t, n.history, n.dropdown);
+    return A(t, n.history, n.dropdown);
 }
-function I(e, t, n) {
+function A(e, t, n) {
   if (!t.isOpen() && e === "ArrowDown") {
     t.show(), n.hide();
     return;
@@ -228,46 +224,46 @@ function I(e, t, n) {
     }
   }
 }
-function te(e, { config: t, dropdown: n, history: o, onNavigateToSearch: r, store: i }) {
+function _(e, { config: t, dropdown: n, history: o, onNavigateToSearch: r, store: i }) {
   n.hide(), o.hide(), !(e.length < t.minQueryLength) && (o.add(e), i.updateState({
     historyItems: o.get()
   }), r?.({
     query: e
   }));
 }
-async function ne(e, t) {
-  const { inputCssSelector: n, timeout: o } = e, r = w(n).selector, i = await H({
+async function ee(e, t) {
+  const { inputCssSelector: n, timeout: o } = e, r = C(n).selector, i = await H({
     selector: r,
     timeout: o
   });
   if (i.length === 0)
     throw new Error(`No elements found for selector: ${r}`);
   i.forEach((s) => {
-    oe(s, e, t);
+    te(s, e, t);
   });
 }
-async function oe(e, t, n) {
-  const { config: o, dropdownCssSelector: r } = t, i = W(e, r), s = X(e, r, o.historySize), a = {
+async function te(e, t, n) {
+  const { config: o, dropdownCssSelector: r } = t, i = J(e, r), s = V(e, r, o.historySize), a = {
     ...t,
     input: e,
     dropdown: i,
     history: s,
     store: n,
-    debouncer: z(o.debounceDelay)
+    debouncer: v(o.debounceDelay)
   };
-  ie(a), e.setAttribute("data-nosto-element", "search-input"), n.updateState({
+  oe(a), e.setAttribute("data-nosto-element", "search-input"), n.updateState({
     historyItems: s.get()
-  }), $(e), n.onInit(() => {
-    re(a);
-  }), j(e, {
-    onInput: (c) => _(c, a),
-    onFocus: (c) => Z(c, a),
-    onClick: (c) => Y(c, a),
-    onSubmit: (c) => te(c, a),
-    onKeyDown: (c, u) => ee(c, u, a)
-  }), A(s.element, s.hide), A(i.element, i.hide), E([s.element, e], s.hide), E([i.element, e], i.hide);
+  }), F(e), n.onInit(() => {
+    ne(a);
+  }), B(e, {
+    onInput: (c) => Y(c, a),
+    onFocus: (c) => X(c, a),
+    onClick: (c) => W(c, a),
+    onSubmit: (c) => _(c, a),
+    onKeyDown: (c, h) => Z(c, h, a)
+  }), E(s.element, s.hide), E(i.element, i.hide), b([s.element, e], s.hide), b([i.element, e], i.hide);
 }
-function re(e) {
+function ne(e) {
   const { dropdown: t, renderAutocomplete: n } = e;
   if (!n)
     return;
@@ -275,10 +271,10 @@ function re(e) {
   t.onHighlightChange(() => {
     o(n, t.element);
   });
-  const r = x("renderAutocomplete");
+  const r = T("renderAutocomplete");
   o(n, t.element), r();
 }
-async function ie(e) {
+async function oe(e) {
   const { input: t, renderSpeechToText: n, config: o, store: r } = e;
   if (!n) return;
   const i = "ns-autocomplete-voice-position";
@@ -287,47 +283,47 @@ async function ie(e) {
   a.className = i, t.insertAdjacentElement("afterend", a);
   const c = await n();
   y(
-    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(L, { config: o, store: r, children: c }) }),
+    /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(I, { config: o, store: r, children: c }) }),
     a
   );
 }
 function q(e, t) {
-  const { config: n, store: o } = e, r = V(e, t);
+  const { config: n, store: o } = e, r = G(e, t);
   return t.onHighlightChange(() => {
     r.highlightedElementIndex = t.highlightedIndex();
   }), (i, s) => y(
-    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(L, { config: n, store: o, children: /* @__PURE__ */ d(J, { value: r, children: i() }) }) }),
+    /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(I, { config: n, store: o, children: /* @__PURE__ */ d(z, { value: r, children: i() }) }) }),
     s
   );
 }
 async function k({ cssSelector: e, timeout: t, renderComponent: n }) {
-  const o = w(e).selector, r = await H({
+  const o = C(e).selector, r = await H({
     selector: o,
     timeout: t ?? 100
   });
   if (r.length === 0)
     throw new Error(`No elements found for selector: ${o}`);
-  r.length > 1 && C.warn(`Multiple (${r.length}) elements found for selector: ${o}`), y(n(), r[0]);
+  r.length > 1 && x.warn(`Multiple (${r.length}) elements found for selector: ${o}`), y(n(), r[0]);
 }
-async function se(e, t) {
+async function re(e, t) {
   const { render: n } = e, o = await n();
   k({
     ...e,
-    renderComponent: () => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(R, { store: t, config: e.config, children: o }) })
+    renderComponent: () => /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(R, { store: t, config: e.config, children: o }) })
   });
 }
-async function ce(e, t) {
+async function ie(e, t) {
   const { render: n } = e, o = await n();
   k({
     ...e,
-    renderComponent: () => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(F, { store: t, config: e.config, children: o }) })
+    renderComponent: () => /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d($, { store: t, config: e.config, children: o }) })
   });
 }
-async function Se({ autocomplete: e, category: t, serp: n }) {
+async function Ce({ autocomplete: e, category: t, serp: n }) {
   const o = {};
   if (e) {
-    const r = g({ query: e.query });
-    await ne(
+    const r = p({ query: e.query });
+    await ee(
       {
         ...e,
         config: D(e.config)
@@ -336,21 +332,21 @@ async function Se({ autocomplete: e, category: t, serp: n }) {
     ), o.autocomplete = { store: r };
   }
   if (t) {
-    const r = g({ query: t.query });
-    await se(
+    const r = p({ query: t.query });
+    await re(
       {
         ...t,
-        config: B(t.config)
+        config: O(t.config)
       },
       r
     ), o.category = { store: r };
   }
   if (n) {
-    const r = g({ query: n.query });
-    await ce(
+    const r = p({ query: n.query });
+    await ie(
       {
         ...n,
-        config: O(n.config)
+        config: j(n.config)
       },
       r
     ), o.serp = { store: r };
@@ -358,6 +354,6 @@ async function Se({ autocomplete: e, category: t, serp: n }) {
   return o;
 }
 export {
-  J as AutocompleteContext,
-  Se as init
+  z as AutocompleteContext,
+  Ce as init
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosto/search-js",
-  "version": "3.13.1",
+  "version": "3.14.0",
   "license": "ISC",
   "type": "module",
   "files": [
@@ -103,7 +103,7 @@
     "@testing-library/dom": "^10.4.1",
     "@types/dom-speech-recognition": "^0.0.6",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/node": "^24.3.1",
+    "@types/node": "^24.4.0",
     "@vitest/coverage-v8": "^3.2.4",
     "concurrently": "^9.2.1",
     "copyfiles": "^2.4.1",
@@ -117,9 +117,9 @@
     "eslint-plugin-unused-imports": "^4.2.0",
     "husky": "^9.1.7",
     "isbot": "^5.1.30",
-    "jsdom": "^26.1.0",
+    "jsdom": "^27.0.0",
     "prettier": "^3.6.2",
-    "typedoc": "^0.28.12",
+    "typedoc": "^0.28.13",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.43.0",
     "vite": "^7.1.5",