@nosto/search-js 3.6.0 → 3.8.0

package/dist/{AutocompletePageProvider-BoV4iLil.js → AutocompletePageProvider-B5fknz_F.js}

@@ -1,6 +1,6 @@
 import { u as t } from "./jsxRuntime.module-Bzuv3cXw.js";
 import { c as n, S as i, C as u } from "./useActions-Cd7V2qfb.js";
-import { d as c, u as s, S as l } from "./baseConfig-CvAG6x_p.js";
+import { d as c, u as s, S as l } from "./baseConfig-CvJ08LBP.js";
 const m = {
   ...c,
   memoryCache: !1,

package/dist/{AutocompletePageProvider-DPTHPXyz.cjs → AutocompletePageProvider-yFydWINa.cjs}

@@ -1 +1 @@
-"use strict";const t=require("./jsxRuntime.module-B3sGoTIU.cjs"),o=require("./useActions-yB4RkNMW.cjs"),n=require("./baseConfig-0GdMC5Qa.cjs"),a={...n.defaultBaseConfig,memoryCache:!1,historyEnabled:!0,historySize:5,debounceDelay:500,minQueryLength:2};function r(e={}){return{pageType:"autocomplete",...a,...e}}function l({config:e,store:u,children:i}){const c=u??o.createStore();return n.useCheckClientScript(),t.u(o.ConfigContext,{value:r(e),children:t.u(o.StoreContext,{value:c,children:[t.u(n.StoreActionsListener,{}),i]})})}exports.AutocompletePageProvider=l;exports.makeAutocompleteConfig=r;
+"use strict";const t=require("./jsxRuntime.module-B3sGoTIU.cjs"),o=require("./useActions-yB4RkNMW.cjs"),n=require("./baseConfig-dsYHpa9W.cjs"),a={...n.defaultBaseConfig,memoryCache:!1,historyEnabled:!0,historySize:5,debounceDelay:500,minQueryLength:2};function r(e={}){return{pageType:"autocomplete",...a,...e}}function l({config:e,store:u,children:i}){const c=u??o.createStore();return n.useCheckClientScript(),t.u(o.ConfigContext,{value:r(e),children:t.u(o.StoreContext,{value:c,children:[t.u(n.StoreActionsListener,{}),i]})})}exports.AutocompletePageProvider=l;exports.makeAutocompleteConfig=r;

package/dist/BaseElement-CIHACCWd.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./jsxRuntime.module-B3sGoTIU.cjs"),m=require("./cl-B00bZ7jc.cjs"),C=require("preact/hooks");function k({onClick:a,as:c,children:l,componentProps:s,className:n}){const e={...s,onClick:C.useCallback(i=>{a(),s?.onClick?.(i)},[a,s])},t=m.cl("className"in e&&e.className,n),u=c??(s&&"href"in s?"a":"span");return r.u(u,{...e,className:t,children:l})}exports.BaseElement=k;

package/dist/BaseElement-DD_4UwDm.js

@@ -0,0 +1,24 @@
+import { u as f } from "./jsxRuntime.module-Bzuv3cXw.js";
+import { c as n } from "./cl-CcykAxZN.js";
+import { useCallback as o } from "preact/hooks";
+function k({
+  onClick: l,
+  as: c,
+  children: m,
+  componentProps: a,
+  className: e
+}) {
+  const s = {
+    ...a,
+    onClick: o(
+      (t) => {
+        l(), a?.onClick?.(t);
+      },
+      [l, a]
+    )
+  }, i = n("className" in s && s.className, e), r = c ?? (a && "href" in a ? "a" : "span");
+  return /* @__PURE__ */ f(r, { ...s, className: i, children: m });
+}
+export {
+  k as B
+};

package/dist/{CategoryPageProvider-CkeR1heA.cjs → CategoryPageProvider-Cv2clyeT.cjs}

@@ -1 +1 @@
-"use strict";const t=require("./jsxRuntime.module-B3sGoTIU.cjs"),r=require("./useActions-yB4RkNMW.cjs"),o=require("./baseConfig-0GdMC5Qa.cjs"),s={...o.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function n(e){return{pageType:"category",...s,...e}}function u({config:e,store:a,children:i}){const c=a??r.createStore();return o.useCheckClientScript(),t.u(r.ConfigContext,{value:n(e),children:t.u(r.StoreContext,{value:c,children:[t.u(o.StoreActionsListener,{}),i]})})}exports.CategoryPageProvider=u;exports.makeCategoryConfig=n;
+"use strict";const t=require("./jsxRuntime.module-B3sGoTIU.cjs"),r=require("./useActions-yB4RkNMW.cjs"),o=require("./baseConfig-dsYHpa9W.cjs"),s={...o.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function n(e){return{pageType:"category",...s,...e}}function u({config:e,store:a,children:i}){const c=a??r.createStore();return o.useCheckClientScript(),t.u(r.ConfigContext,{value:n(e),children:t.u(r.StoreContext,{value:c,children:[t.u(o.StoreActionsListener,{}),i]})})}exports.CategoryPageProvider=u;exports.makeCategoryConfig=n;

package/dist/{CategoryPageProvider-Dzcbnz1W.js → CategoryPageProvider-aGaznOx0.js}

@@ -1,6 +1,6 @@
 import { u as t } from "./jsxRuntime.module-Bzuv3cXw.js";
 import { c as n, S as s, C as i } from "./useActions-Cd7V2qfb.js";
-import { d as c, u as C, S as f } from "./baseConfig-CvAG6x_p.js";
+import { d as c, u as C, S as f } from "./baseConfig-CvJ08LBP.js";
 const l = {
   ...c,
   persistentSearchCache: !1,

package/dist/{SerpPageProvider-CCPCHjKU.cjs → SerpPageProvider-1jG3MP2M.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./jsxRuntime.module-B3sGoTIU.cjs"),t=require("./useActions-yB4RkNMW.cjs"),n=require("./baseConfig-0GdMC5Qa.cjs"),s={...n.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function o(e={}){return{pageType:"search",...s,...e}}function u({config:e,store:i,children:a}){const c=i??t.createStore();return n.useCheckClientScript(),r.u(t.ConfigContext,{value:o(e),children:r.u(t.StoreContext,{value:c,children:[r.u(n.StoreActionsListener,{}),a]})})}exports.SearchPageProvider=u;exports.makeSerpConfig=o;
+"use strict";const r=require("./jsxRuntime.module-B3sGoTIU.cjs"),t=require("./useActions-yB4RkNMW.cjs"),n=require("./baseConfig-dsYHpa9W.cjs"),s={...n.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function o(e={}){return{pageType:"search",...s,...e}}function u({config:e,store:i,children:a}){const c=i??t.createStore();return n.useCheckClientScript(),r.u(t.ConfigContext,{value:o(e),children:r.u(t.StoreContext,{value:c,children:[r.u(n.StoreActionsListener,{}),a]})})}exports.SearchPageProvider=u;exports.makeSerpConfig=o;

package/dist/{SerpPageProvider-Ca6ZoAOq.js → SerpPageProvider-UgSIPtNb.js}

@@ -1,6 +1,6 @@
 import { u as r } from "./jsxRuntime.module-Bzuv3cXw.js";
 import { c as n, S as s, C as c } from "./useActions-Cd7V2qfb.js";
-import { d as i, u as f, S } from "./baseConfig-CvAG6x_p.js";
+import { d as i, u as f, S } from "./baseConfig-CvJ08LBP.js";
 const l = {
   ...i,
   persistentSearchCache: !1,

package/dist/{baseConfig-CvAG6x_p.js → baseConfig-CvJ08LBP.js}

@@ -1,5 +1,5 @@
 import { a as i, e as n } from "./useActions-Cd7V2qfb.js";
-import { u as r } from "./eventBusSubscribe-Cxw0xUAm.js";
+import { u as r } from "./eventBusSubscribe-CzlS132j.js";
 import { s as c } from "./index.es-XNBESE3P.js";
 import { l as u } from "./logger-_fg_Za9y.js";
 import { useEffect as l } from "preact/hooks";

package/dist/{baseConfig-0GdMC5Qa.cjs → baseConfig-dsYHpa9W.cjs}

@@ -1 +1 @@
-"use strict";const i=require("./useActions-yB4RkNMW.cjs"),r=require("./eventBusSubscribe-B75y7otR.cjs"),c=require("./index.es-Dp6Iaxz3.cjs"),o=require("./logger-Boh_C6Bz.cjs"),u=require("preact/hooks");function s(){const{pageType:t}=i.useConfig(),n=i.useActions();return r.useEventBusSubscribe({event:"actions/newSearch",callback:e=>{t===e.targetStore&&n.newSearch(e.query,e.options)}}),r.useEventBusSubscribe({event:"actions/updateSearch",callback:e=>{t===e.targetStore&&n.updateSearch(e.query,e.options)}}),r.useEventBusSubscribe({event:"actions/replaceFilter",callback:e=>{t===e.targetStore&&n.replaceFilter(e.field,e.value)}}),r.useEventBusSubscribe({event:"actions/toggleProductFilter",callback:e=>{t===e.targetStore&&n.toggleProductFilter(e.field,e.value,e.active)}}),null}function l(){u.useEffect(()=>{const t=window.setTimeout(()=>{o.logger.error("Nosto client script has not loaded after 3 seconds.")},3e3);c.s(()=>{window.clearTimeout(t)})},[])}const a={defaultCurrency:"EUR",queryModifications:t=>t};exports.StoreActionsListener=s;exports.defaultBaseConfig=a;exports.useCheckClientScript=l;
+"use strict";const i=require("./useActions-yB4RkNMW.cjs"),r=require("./eventBusSubscribe-oONOUGH8.cjs"),c=require("./index.es-Dp6Iaxz3.cjs"),o=require("./logger-Boh_C6Bz.cjs"),u=require("preact/hooks");function s(){const{pageType:t}=i.useConfig(),n=i.useActions();return r.useEventBusSubscribe({event:"actions/newSearch",callback:e=>{t===e.targetStore&&n.newSearch(e.query,e.options)}}),r.useEventBusSubscribe({event:"actions/updateSearch",callback:e=>{t===e.targetStore&&n.updateSearch(e.query,e.options)}}),r.useEventBusSubscribe({event:"actions/replaceFilter",callback:e=>{t===e.targetStore&&n.replaceFilter(e.field,e.value)}}),r.useEventBusSubscribe({event:"actions/toggleProductFilter",callback:e=>{t===e.targetStore&&n.toggleProductFilter(e.field,e.value,e.active)}}),null}function l(){u.useEffect(()=>{const t=window.setTimeout(()=>{o.logger.error("Nosto client script has not loaded after 3 seconds.")},3e3);c.s(()=>{window.clearTimeout(t)})},[])}const a={defaultCurrency:"EUR",queryModifications:t=>t};exports.StoreActionsListener=s;exports.defaultBaseConfig=a;exports.useCheckClientScript=l;

package/dist/cl-B00bZ7jc.cjs

@@ -0,0 +1 @@
+"use strict";function t(...n){return n.filter(Boolean).join(" ")}exports.cl=t;

package/dist/cl-CcykAxZN.js

@@ -0,0 +1,6 @@
+function o(...n) {
+  return n.filter(Boolean).join(" ");
+}
+export {
+  o as c
+};

package/dist/eventBusSubscribe-CzlS132j.js

@@ -0,0 +1,26 @@
+import { useCallback as r, useEffect as i } from "preact/hooks";
+function c({ event: s, callback: n }) {
+  const e = (o) => {
+    const t = o.detail;
+    n(t);
+  };
+  return window.addEventListener(`@nosto/search-js/${s}`, e), () => {
+    window.removeEventListener(`@nosto/search-js/${s}`, e);
+  };
+}
+function u({ event: s, callback: n }) {
+  const e = r(
+    (o) => {
+      const t = o.detail;
+      n(t);
+    },
+    [n]
+  );
+  i(() => (window.addEventListener(`@nosto/search-js/${s}`, e), () => {
+    window.removeEventListener(`@nosto/search-js/${s}`, e);
+  }), [s, e]);
+}
+export {
+  c as s,
+  u
+};

package/dist/eventBusSubscribe-oONOUGH8.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("preact/hooks");function i({event:s,callback:n}){const e=o=>{const t=o.detail;n(t)};return window.addEventListener(`@nosto/search-js/${s}`,e),()=>{window.removeEventListener(`@nosto/search-js/${s}`,e)}}function c({event:s,callback:n}){const e=r.useCallback(o=>{const t=o.detail;n(t)},[n]);r.useEffect(()=>(window.addEventListener(`@nosto/search-js/${s}`,e),()=>{window.removeEventListener(`@nosto/search-js/${s}`,e)}),[s,e])}exports.subscribeToNostoEvent=i;exports.useEventBusSubscribe=c;

package/dist/preact/autocomplete/autocomplete.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../AutocompletePageProvider-DPTHPXyz.cjs"),u=require("../../jsxRuntime.module-B3sGoTIU.cjs"),i=require("../../index.es-Dp6Iaxz3.cjs"),a=require("../../BaseElement-DgwqyaY8.cjs"),m=require("preact/hooks");function p({children:t,hit:e,as:o,componentProps:n}){const r=m.useCallback(()=>{e&&"productId"in e&&i.s(c=>c.recordSearchClick("autocomplete",e))},[e]);return u.u(a.BaseElement,{onClick:r,as:o,componentProps:n,className:"ns-autocomplete-element",children:t})}function d({children:t,class:e,onSubmit:o}){return u.u("div",{className:`ns-autocomplete-element ${e||""}`,onClick:o,onKeyDown:n=>{n.key==="Enter"&&o()},children:t})}function P({as:t,componentProps:e,onSearchInput:o,children:n}){const r={...e,onInput:s=>{o(s.target)}},c=t??"input";return t||(r.type="search"),u.u(c,{...r,children:n})}exports.AutocompletePageProvider=l.AutocompletePageProvider;exports.AutocompleteElement=p;exports.HistoryElement=d;exports.SearchInput=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../AutocompletePageProvider-yFydWINa.cjs"),u=require("../../jsxRuntime.module-B3sGoTIU.cjs"),i=require("../../index.es-Dp6Iaxz3.cjs"),a=require("../../BaseElement-CIHACCWd.cjs"),m=require("preact/hooks"),p=require("../../cl-B00bZ7jc.cjs");function d({children:t,hit:e,as:o,componentProps:n}){const r=m.useCallback(()=>{e&&"productId"in e&&i.s(c=>c.recordSearchClick("autocomplete",e))},[e]);return u.u(a.BaseElement,{onClick:r,as:o,componentProps:n,className:"ns-autocomplete-element",children:t})}function P({children:t,class:e,onSubmit:o}){return u.u("div",{className:p.cl("ns-autocomplete-element",e),onClick:o,onKeyDown:n=>{n.key==="Enter"&&o()},children:t})}function f({as:t,componentProps:e,onSearchInput:o,children:n}){const r={...e,onInput:l=>{o(l.target)}},c=t??"input";return t||(r.type="search"),u.u(c,{...r,children:n})}exports.AutocompletePageProvider=s.AutocompletePageProvider;exports.AutocompleteElement=d;exports.HistoryElement=P;exports.SearchInput=f;

package/dist/preact/autocomplete/autocomplete.es.js

@@ -1,44 +1,45 @@
-import { A as I } from "../../AutocompletePageProvider-BoV4iLil.js";
+import { A as g } from "../../AutocompletePageProvider-B5fknz_F.js";
 import { u as m } from "../../jsxRuntime.module-Bzuv3cXw.js";
 import { s } from "../../index.es-XNBESE3P.js";
-import { B as a } from "../../BaseElement-iXMoOyxY.js";
+import { B as a } from "../../BaseElement-DD_4UwDm.js";
 import { useCallback as l } from "preact/hooks";
-function C({
+import { c as u } from "../../cl-CcykAxZN.js";
+function y({
   children: o,
   hit: e,
   as: t,
-  componentProps: n
+  componentProps: r
 }) {
-  const r = l(() => {
+  const n = l(() => {
     e && "productId" in e && s((c) => c.recordSearchClick("autocomplete", e));
   }, [e]);
-  return /* @__PURE__ */ m(a, { onClick: r, as: t, componentProps: n, className: "ns-autocomplete-element", children: o });
+  return /* @__PURE__ */ m(a, { onClick: n, as: t, componentProps: r, className: "ns-autocomplete-element", children: o });
 }
-function k({ children: o, class: e, onSubmit: t }) {
+function E({ children: o, class: e, onSubmit: t }) {
   return /* @__PURE__ */ m(
     "div",
     {
-      className: `ns-autocomplete-element ${e || ""}`,
+      className: u("ns-autocomplete-element", e),
       onClick: t,
-      onKeyDown: (n) => {
-        n.key === "Enter" && t();
+      onKeyDown: (r) => {
+        r.key === "Enter" && t();
       },
       children: o
     }
   );
 }
-function y({ as: o, componentProps: e, onSearchInput: t, children: n }) {
-  const r = {
+function A({ as: o, componentProps: e, onSearchInput: t, children: r }) {
+  const n = {
     ...e,
     onInput: (p) => {
       t(p.target);
     }
   }, c = o ?? "input";
-  return o || (r.type = "search"), /* @__PURE__ */ m(c, { ...r, children: n });
+  return o || (n.type = "search"), /* @__PURE__ */ m(c, { ...n, children: r });
 }
 export {
-  C as AutocompleteElement,
-  I as AutocompletePageProvider,
-  k as HistoryElement,
-  y as SearchInput
+  y as AutocompleteElement,
+  g as AutocompletePageProvider,
+  E as HistoryElement,
+  A as SearchInput
 };

package/dist/preact/category/category.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../CategoryPageProvider-CkeR1heA.cjs");exports.CategoryPageProvider=e.CategoryPageProvider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../CategoryPageProvider-Cv2clyeT.cjs");exports.CategoryPageProvider=e.CategoryPageProvider;

package/dist/preact/category/category.es.js

@@ -1,4 +1,4 @@
-import { C as o } from "../../CategoryPageProvider-Dzcbnz1W.js";
+import { C as o } from "../../CategoryPageProvider-aGaznOx0.js";
 export {
   o as CategoryPageProvider
 };

package/dist/preact/events/events.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("preact/hooks"),t=require("../../eventBusSubscribe-B75y7otR.cjs"),o=({event:s,params:e})=>{window.dispatchEvent(new CustomEvent(`@nosto/search-js/${s}`,{detail:e}))},n=({event:s})=>u.useCallback(e=>{o({event:s,params:e})},[s]);exports.subscribeToNostoEvent=t.subscribeToNostoEvent;exports.useEventBusSubscribe=t.useEventBusSubscribe;exports.dispatchNostoEvent=o;exports.useEventBusDispatch=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("preact/hooks"),t=require("../../eventBusSubscribe-oONOUGH8.cjs");function o({event:e,params:s}){window.dispatchEvent(new CustomEvent(`@nosto/search-js/${e}`,{detail:s}))}function n({event:e}){return u.useCallback(s=>{o({event:e,params:s})},[e])}exports.subscribeToNostoEvent=t.subscribeToNostoEvent;exports.useEventBusSubscribe=t.useEventBusSubscribe;exports.dispatchNostoEvent=o;exports.useEventBusDispatch=n;

package/dist/preact/events/events.es.js

@@ -1,23 +1,23 @@
 import { useCallback as o } from "preact/hooks";
-import { s as c, u as i } from "../../eventBusSubscribe-Cxw0xUAm.js";
-const e = ({
-  event: s,
-  params: t
-}) => {
+import { s as a, u as c } from "../../eventBusSubscribe-CzlS132j.js";
+function e({ event: s, params: t }) {
   window.dispatchEvent(
     new CustomEvent(`@nosto/search-js/${s}`, {
       detail: t
     })
   );
-}, r = ({ event: s }) => o(
-  (t) => {
-    e({ event: s, params: t });
-  },
-  [s]
-);
+}
+function u({ event: s }) {
+  return o(
+    (t) => {
+      e({ event: s, params: t });
+    },
+    [s]
+  );
+}
 export {
   e as dispatchNostoEvent,
-  c as subscribeToNostoEvent,
-  r as useEventBusDispatch,
-  i as useEventBusSubscribe
+  a as subscribeToNostoEvent,
+  u as useEventBusDispatch,
+  c as useEventBusSubscribe
 };

package/dist/preact/events/src/eventBusDispatch.d.ts

@@ -2,9 +2,9 @@ import { AllowedEvents, EventParams } from './types';
 type Props<T extends AllowedEvents> = {
     event: T;
 };
-export declare const dispatchNostoEvent: <T extends AllowedEvents>({ event, params }: {
+export declare function dispatchNostoEvent<T extends AllowedEvents>({ event, params }: {
     event: T;
     params: EventParams[T];
-}) => void;
-export declare const useEventBusDispatch: <T extends AllowedEvents>({ event }: Props<T>) => (params: EventParams[T]) => void;
+}): void;
+export declare function useEventBusDispatch<T extends AllowedEvents>({ event }: Props<T>): (params: EventParams[T]) => void;
 export {};

package/dist/preact/events/src/eventBusSubscribe.d.ts

@@ -3,6 +3,6 @@ type Props<T extends AllowedEvents> = {
     event: T;
     callback: (params: EventParams[T]) => void;
 };
-export declare const subscribeToNostoEvent: <T extends AllowedEvents>({ event, callback }: Props<T>) => () => void;
-export declare const useEventBusSubscribe: <T extends AllowedEvents>({ event, callback }: Props<T>) => void;
+export declare function subscribeToNostoEvent<T extends AllowedEvents>({ event, callback }: Props<T>): () => void;
+export declare function useEventBusSubscribe<T extends AllowedEvents>({ event, callback }: Props<T>): void;
 export {};

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

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

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

@@ -1,12 +1,12 @@
-import { A as T, m as R } from "../../AutocompletePageProvider-BoV4iLil.js";
-import { C as B, m as F } from "../../CategoryPageProvider-Dzcbnz1W.js";
-import { n as L, c as f } from "../../useActions-Cd7V2qfb.js";
-import { S as O, m as $ } from "../../SerpPageProvider-Ca6ZoAOq.js";
+import { A as T, m as R } from "../../AutocompletePageProvider-B5fknz_F.js";
+import { C as B, m as F } from "../../CategoryPageProvider-aGaznOx0.js";
+import { n as L, c as g } from "../../useActions-Cd7V2qfb.js";
+import { S as O, m as $ } from "../../SerpPageProvider-UgSIPtNb.js";
 import { u as d } from "../../jsxRuntime.module-Bzuv3cXw.js";
 import { d as j, b as v } from "../../bindInput-CCx0Fhsg.js";
 import { a as x } from "../../unique-Cv2g464w.js";
-import { Fragment as K, createContext as Q, render as w } from "preact";
-import { l as C } from "../../logger-_fg_Za9y.js";
+import { Fragment as K, createContext as Q, render as C } from "preact";
+import { l as w } from "../../logger-_fg_Za9y.js";
 import { useErrorBoundary as U } from "preact/hooks";
 import { s as M } from "../../index.es-XNBESE3P.js";
 import { g as b, a as z } from "../../search-sC5QgJmw.js";
@@ -16,9 +16,9 @@ function G(e) {
     t && clearTimeout(t), t = setTimeout(n, e);
   };
 }
-function h({ children: e }) {
+function u({ children: e }) {
   const [t] = U();
-  return t && C.error("Error caught in ErrorBoundary", t), /* @__PURE__ */ d(K, { children: e });
+  return t && w.error("Error caught in ErrorBoundary", t), /* @__PURE__ */ d(K, { children: e });
 }
 function y(e, t) {
   return (typeof e == "string" ? Array.from(document.querySelectorAll(e)) : [e]).filter((o) => !0);
@@ -32,8 +32,8 @@ function H(e, t) {
 }
 function E([e, t], n) {
   const o = (r) => {
-    const s = r.target;
-    s instanceof HTMLElement && e && s !== e && s !== t && !H(s).includes(e) && n();
+    const i = r.target;
+    i instanceof HTMLElement && e && i !== e && i !== t && !H(i).includes(e) && n();
   };
   return document.addEventListener("click", o), {
     destroy: () => {
@@ -59,10 +59,10 @@ function N({ selector: e, timeout: t = 500 }) {
     if (o.length > 0)
       return n(o);
     const r = new MutationObserver(() => {
-      const i = y(e);
-      i.length > 0 && (r.disconnect(), clearTimeout(s), n(i));
-    }), s = setTimeout(() => {
-      r.disconnect(), C.warn(`Timed out (${t}) while waiting for element ${e}`), n([]);
+      const s = y(e);
+      s.length > 0 && (r.disconnect(), clearTimeout(i), n(s));
+    }), i = setTimeout(() => {
+      r.disconnect(), w.warn(`Timed out (${t}) while waiting for element ${e}`), n([]);
     }, t);
     r.observe(document.body, {
       childList: !0,
@@ -80,10 +80,10 @@ const J = Q({
   highlightedElementIndex: -1
 });
 function V(e, t) {
-  const { dropdown: n, history: o, store: r, input: s, onNavigateToSearch: i } = e, a = (c, u) => {
+  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 && M((l) => l.recordSearchSubmit(c)), s.value = c);
+    }), h && M((l) => l.recordSearchSubmit(c)), i.value = c);
   };
   return {
     reportProductClick: (c) => {
@@ -93,7 +93,7 @@ function V(e, t) {
       a(c.keyword, !0);
     },
     handleSubmit: (c) => {
-      a(c.query, !1), i?.(c);
+      a(c.query, !1), s?.(c);
     },
     highlightedElementIndex: t.highlightedIndex()
   };
@@ -105,21 +105,21 @@ function k(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 = S(n), s = r && document.querySelector(r.selector);
-  if (s) {
+  })(), r = S(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" ? s.prepend(l) : s.appendChild(l);
+    l.className = "nosto-dropdown-form", l.appendChild(t), r.position === "first" ? i.prepend(l) : i.appendChild(l);
   } else
     o.appendChild(t);
-  const i = {
+  const s = {
     index: -1,
     onChangeListeners: []
   }, a = (l, m) => {
-    const p = l.length;
-    p === 0 && (m = -1), i.index = m >= 0 ? m % p : p - 1, i.onChangeListeners.forEach((D) => D());
+    const f = l.length;
+    f === 0 && (m = -1), s.index = m >= 0 ? m % f : f - 1, s.onChangeListeners.forEach((D) => D());
   }, c = () => {
-    i.index = -1, i.onChangeListeners.forEach((l) => l());
-  }, u = () => i.index;
+    s.index = -1, s.onChangeListeners.forEach((l) => l());
+  }, h = () => s.index;
   return {
     element: t,
     hide: () => {
@@ -130,20 +130,20 @@ function k(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();
     },
     onHighlightChange: (l) => {
-      i.onChangeListeners.push(l);
+      s.onChangeListeners.push(l);
     }
   };
 }
@@ -154,34 +154,34 @@ function W(e, t) {
     element: n
   };
 }
-const g = "nosto:search-js:history";
+const p = "nosto:search-js:history";
 function X(e, t, n) {
   const o = document.createElement("div");
   return o.className = "nosto-autocomplete-history", {
     ...k(e, o, t),
     element: o,
-    add: (s) => {
-      const a = (b(g) ?? []).filter((c) => c !== s).slice(n ? -n : 0);
-      a.push(s), z(g, a);
+    add: (i) => {
+      const a = (b(p) ?? []).filter((c) => c !== i).slice(n ? -n : 0);
+      a.push(i), z(p, a);
     },
-    get: () => (b(g) ?? []).reverse().filter((i) => !!i)
+    get: () => (b(p) ?? []).reverse().filter((s) => !!s)
   };
 }
-async function Y(e, { config: t, dropdown: n, history: o, renderHistory: r, store: s }) {
-  const { historyEnabled: i, minQueryLength: a } = t;
-  if (e.length < a && i && r && !o.isOpen()) {
+async function Y(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();
     return;
   }
   if (e.length < a)
     return;
   n.hide();
-  const c = s.getState()?.query?.query;
-  c && c !== e && await L({ config: t, store: s }, { query: e }), n.show();
+  const c = i.getState()?.query?.query;
+  c && c !== e && await L({ config: t, store: i }, { query: e }), n.show();
 }
 async function Z(e, t) {
-  const { config: n, renderHistory: o, history: r } = t, { historyEnabled: s, minQueryLength: i } = n;
-  if (!o || e.length >= i || !s || r.isOpen())
+  const { config: n, renderHistory: o, history: r } = t, { historyEnabled: i, minQueryLength: s } = n;
+  if (!o || e.length >= s || !i || r.isOpen())
     return;
   const a = P(t, r);
   r.onHighlightChange(() => {
@@ -190,17 +190,17 @@ async function Z(e, t) {
   const c = x("renderHistory");
   a(o, r.element), c();
 }
-async function _(e, { config: t, dropdown: n, history: o, store: r, debouncer: s }) {
-  const { minQueryLength: i, historyEnabled: a } = t;
-  if (e.length < i && !a) {
+async function _(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();
     return;
   }
-  if (e.length < i && a) {
+  if (e.length < s && a) {
     n.hide(), o.show();
     return;
   }
-  o.hide(), s(async () => {
+  o.hide(), i(async () => {
     L({ config: t, store: r }, { query: e }), n.show();
   });
 }
@@ -228,35 +228,35 @@ function I(e, t, n) {
     }
   }
 }
-function te(e, { config: t, dropdown: n, history: o, onNavigateToSearch: r, store: s }) {
-  n.hide(), o.hide(), !(e.length < t.minQueryLength) && (o.add(e), s.updateState({
+function te(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 = S(n).selector, s = await N({
+  const { inputCssSelector: n, timeout: o } = e, r = S(n).selector, i = await N({
     selector: r,
     timeout: o
   });
-  if (s.length === 0)
+  if (i.length === 0)
     throw new Error(`No elements found for selector: ${r}`);
-  s.forEach((i) => {
-    oe(i, e, t);
+  i.forEach((s) => {
+    oe(s, e, t);
   });
 }
 async function oe(e, t, n) {
-  const { config: o, dropdownCssSelector: r } = t, s = W(e, r), i = X(e, r, o.historySize), a = {
+  const { config: o, dropdownCssSelector: r } = t, i = W(e, r), s = X(e, r, o.historySize), a = {
     ...t,
     input: e,
-    dropdown: s,
-    history: i,
+    dropdown: i,
+    history: s,
     store: n,
     debouncer: G(o.debounceDelay)
   };
-  se(a), e.setAttribute("data-nosto-element", "search-input"), n.updateState({
-    historyItems: i.get()
+  ie(a), e.setAttribute("data-nosto-element", "search-input"), n.updateState({
+    historyItems: s.get()
   }), j(e), n.onInit(() => {
     re(a);
   }), v(e, {
@@ -264,8 +264,8 @@ async function oe(e, t, n) {
     onFocus: (c) => Z(c, a),
     onClick: (c) => Y(c, a),
     onSubmit: (c) => te(c, a),
-    onKeyDown: (c, u) => ee(c, u, a)
-  }), A(i.element, i.hide), A(s.element, s.hide), E([i.element, e], i.hide), E([s.element, e], s.hide);
+    onKeyDown: (c, h) => ee(c, h, a)
+  }), A(s.element, s.hide), A(i.element, i.hide), E([s.element, e], s.hide), E([i.element, e], i.hide);
 }
 function re(e) {
   const { dropdown: t, renderAutocomplete: n } = e;
@@ -278,16 +278,16 @@ function re(e) {
   const r = x("renderAutocomplete");
   o(n, t.element), r();
 }
-async function se(e) {
+async function ie(e) {
   const { input: t, renderSpeechToText: n, config: o, store: r } = e;
   if (!n) return;
-  const s = "ns-autocomplete-voice-position";
-  if (!!t.parentElement?.querySelector(`.${s}`)) return;
+  const i = "ns-autocomplete-voice-position";
+  if (!!t.parentElement?.querySelector(`.${i}`)) return;
   const a = document.createElement("div");
-  a.className = s, t.insertAdjacentElement("afterend", a);
+  a.className = i, t.insertAdjacentElement("afterend", a);
   const c = await n();
-  w(
-    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(T, { config: o, store: r, children: c }) }),
+  C(
+    /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(T, { config: o, store: r, children: c }) }),
     a
   );
 }
@@ -295,9 +295,9 @@ function P(e, t) {
   const { config: n, store: o } = e, r = V(e, t);
   return t.onHighlightChange(() => {
     r.highlightedElementIndex = t.highlightedIndex();
-  }), (s, i) => w(
-    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(T, { config: n, store: o, children: /* @__PURE__ */ d(J, { value: r, children: s() }) }) }),
-    i
+  }), (i, s) => C(
+    /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(T, { config: n, store: o, children: /* @__PURE__ */ d(J, { value: r, children: i() }) }) }),
+    s
   );
 }
 async function q({ cssSelector: e, timeout: t, renderComponent: n }) {
@@ -307,41 +307,41 @@ async function q({ cssSelector: e, timeout: t, renderComponent: n }) {
   });
   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}`), w(n(), r[0]);
+  r.length > 1 && w.warn(`Multiple (${r.length}) elements found for selector: ${o}`), C(n(), r[0]);
 }
-async function ie(e, t) {
+async function se(e, t) {
   const { render: n } = e, o = await n();
   q({
     ...e,
-    renderComponent: () => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(B, { store: t, config: e.config, children: o }) })
+    renderComponent: () => /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(B, { store: t, config: e.config, children: o }) })
   });
 }
 async function ce(e, t) {
   const { render: n } = e, o = await n();
   q({
     ...e,
-    renderComponent: () => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(O, { store: t, config: e.config, children: o }) })
+    renderComponent: () => /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(O, { store: t, config: e.config, children: o }) })
   });
 }
-async function Se(e) {
-  e.autocomplete && await ne(
+async function Se({ autocomplete: e, category: t, serp: n }) {
+  e && await ne(
     {
-      ...e.autocomplete,
-      config: R(e.autocomplete.config)
+      ...e,
+      config: R(e.config)
     },
-    f({ query: e.autocomplete.query })
-  ), e.category && await ie(
+    g({ query: e.query })
+  ), t && await se(
     {
-      ...e.category,
-      config: F(e.category.config)
+      ...t,
+      config: F(t.config)
     },
-    f()
-  ), e.serp && await ce(
+    g()
+  ), n && await ce(
     {
-      ...e.serp,
-      config: $(e.serp.config)
+      ...n,
+      config: $(n.config)
     },
-    f()
+    g()
   );
 }
 export {

package/dist/preact/inject/src/init.d.ts

@@ -1,2 +1,2 @@
 import { InitConfig } from './config';
-export declare function init(initConfig: InitConfig): Promise<void>;
+export declare function init({ autocomplete, category, serp }: InitConfig): Promise<void>;

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-DgwqyaY8.cjs"),S=require("../../useActions-yB4RkNMW.cjs"),d=require("preact/hooks"),g=require("../../SerpPageProvider-CCPCHjKU.cjs"),P="nosto:search: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-yB4RkNMW.cjs"),d=require("preact/hooks"),g=require("../../SerpPageProvider-1jG3MP2M.cjs"),P="nosto:search: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-iXMoOyxY.js";
+import { B as m } from "../../BaseElement-DD_4UwDm.js";
 import { a as p } from "../../useActions-Cd7V2qfb.js";
 import { useCallback as f } from "preact/hooks";
-import { S as x } from "../../SerpPageProvider-Ca6ZoAOq.js";
+import { S as x } from "../../SerpPageProvider-UgSIPtNb.js";
 const S = "nosto:search:scrollPos";
 function g() {
   window.sessionStorage.setItem(S, window.scrollY.toString());

package/dist/utils/src/cl.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Utility function to join class names by filtering out falsy values and joining with spaces.
+ *
+ * @param classes - Class names to join (can include strings, undefined, null, false, etc.)
+ * @returns Joined class names as a string
+ *
+ * @example
+ * ```ts
+ * cl("base", "active") // "base active"
+ * cl("base", undefined, "active") // "base active"
+ * cl("base", false && "conditional") // "base"
+ * cl("base", condition && "active") // "base" or "base active"
+ * ```
+ */
+export declare function cl(...classes: unknown[]): string;

package/dist/utils/src/deepFreeze.d.ts

@@ -1,5 +1,5 @@
 import { Equals, Expect } from './types';
-export declare const deepFreeze: <T extends object>(obj: T) => Readonly<Freeze<T>>;
+export declare function deepFreeze<T extends object>(obj: T): Readonly<Freeze<T>>;
 type Freeze<T> = T extends object ? Readonly<{
     [K in keyof T]: Freeze<T[K]>;
 }> : T;

package/dist/utils/utils.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../bindInput-BnKvCky1.cjs"),e=require("../unique-BXXNictB.cjs"),u=require("../isBot-iyBlT_oq.cjs"),r=require("../logger-Boh_C6Bz.cjs"),t=require("../parseNumber-FsZ8w61u.cjs"),s=require("../pick-rYi1lc2m.cjs");exports.bindInput=i.bindInput;exports.disableNativeAutocomplete=i.disableNativeAutocomplete;exports.deepMerge=e.deepMerge;exports.measure=e.measure;exports.mergeArrays=e.mergeArrays;exports.unique=e.unique;exports.isBot=u.isBot;exports.isEqual=r.isEqual;exports.isPlainObject=r.isPlainObject;exports.logger=r.logger;exports.parseNumber=t.parseNumber;exports.pick=s.pick;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../bindInput-BnKvCky1.cjs"),u=require("../cl-B00bZ7jc.cjs"),e=require("../unique-BXXNictB.cjs"),t=require("../isBot-iyBlT_oq.cjs"),r=require("../logger-Boh_C6Bz.cjs"),s=require("../parseNumber-FsZ8w61u.cjs"),o=require("../pick-rYi1lc2m.cjs");exports.bindInput=i.bindInput;exports.disableNativeAutocomplete=i.disableNativeAutocomplete;exports.cl=u.cl;exports.deepMerge=e.deepMerge;exports.measure=e.measure;exports.mergeArrays=e.mergeArrays;exports.unique=e.unique;exports.isBot=t.isBot;exports.isEqual=r.isEqual;exports.isPlainObject=r.isPlainObject;exports.logger=r.logger;exports.parseNumber=s.parseNumber;exports.pick=o.pick;

package/dist/utils/utils.d.ts

@@ -1,5 +1,6 @@
 /** @module utils */
 export { type BindElementOptions, bindInput, disableNativeAutocomplete, type InputBindingCallbacks } from './src/bindInput';
+export { cl } from './src/cl';
 export { deepMerge, type Merge, type PlainMerge } from './src/deepMerge';
 export { isBot } from './src/isBot';
 export { isEqual } from './src/isEqual';

package/dist/utils/utils.es.js

@@ -1,20 +1,22 @@
 import { b as r, d as s } from "../bindInput-CCx0Fhsg.js";
-import { d as p, a as t, m as i, u as m } from "../unique-Cv2g464w.js";
-import { i as f } from "../isBot-Lnmft0Z0.js";
-import { i as x, a as b, l as d } from "../logger-_fg_Za9y.js";
-import { p as n } from "../parseNumber-QA48nJLp.js";
-import { p as q } from "../pick-DReBictn.js";
+import { c as p } from "../cl-CcykAxZN.js";
+import { d as m, a as i, m as u, u as f } from "../unique-Cv2g464w.js";
+import { i as x } from "../isBot-Lnmft0Z0.js";
+import { i as c, a as d, l as g } from "../logger-_fg_Za9y.js";
+import { p as q } from "../parseNumber-QA48nJLp.js";
+import { p as N } from "../pick-DReBictn.js";
 export {
   r as bindInput,
-  p as deepMerge,
+  p as cl,
+  m as deepMerge,
   s as disableNativeAutocomplete,
-  f as isBot,
-  x as isEqual,
-  b as isPlainObject,
-  d as logger,
-  t as measure,
-  i as mergeArrays,
-  n as parseNumber,
-  q as pick,
-  m as unique
+  x as isBot,
+  c as isEqual,
+  d as isPlainObject,
+  g as logger,
+  i as measure,
+  u as mergeArrays,
+  q as parseNumber,
+  N as pick,
+  f as unique
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosto/search-js",
-  "version": "3.6.0",
+  "version": "3.8.0",
   "license": "ISC",
   "type": "module",
   "files": [

package/dist/BaseElement-DgwqyaY8.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("./jsxRuntime.module-B3sGoTIU.cjs"),m=require("preact/hooks");function C({onClick:a,as:n,children:t,componentProps:s,className:l}){const e={...s,onClick:m.useCallback(i=>{a(),s?.onClick?.(i)},[a,s])},u="className"in e?e.className+" "+l:l,c=n??(s&&"href"in s?"a":"span");return r.u(c,{...e,className:u,children:t})}exports.BaseElement=C;

package/dist/BaseElement-iXMoOyxY.js

@@ -1,23 +0,0 @@
-import { u as r } from "./jsxRuntime.module-Bzuv3cXw.js";
-import { useCallback as f } from "preact/hooks";
-function k({
-  onClick: l,
-  as: i,
-  children: t,
-  componentProps: a,
-  className: e
-}) {
-  const s = {
-    ...a,
-    onClick: f(
-      (n) => {
-        l(), a?.onClick?.(n);
-      },
-      [l, a]
-    )
-  }, c = "className" in s ? s.className + " " + e : e, m = i ?? (a && "href" in a ? "a" : "span");
-  return /* @__PURE__ */ r(m, { ...s, className: c, children: t });
-}
-export {
-  k as B
-};

package/dist/eventBusSubscribe-B75y7otR.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("preact/hooks"),c=({event:s,callback:o})=>{const e=t=>{const n=t.detail;o(n)};return window.addEventListener(`@nosto/search-js/${s}`,e),()=>{window.removeEventListener(`@nosto/search-js/${s}`,e)}},i=({event:s,callback:o})=>{const e=r.useCallback(t=>{const n=t.detail;o(n)},[o]);r.useEffect(()=>(window.addEventListener(`@nosto/search-js/${s}`,e),()=>{window.removeEventListener(`@nosto/search-js/${s}`,e)}),[s,e])};exports.subscribeToNostoEvent=c;exports.useEventBusSubscribe=i;

package/dist/eventBusSubscribe-Cxw0xUAm.js

@@ -1,25 +0,0 @@
-import { useCallback as r, useEffect as a } from "preact/hooks";
-const c = ({ event: s, callback: o }) => {
-  const e = (n) => {
-    const t = n.detail;
-    o(t);
-  };
-  return window.addEventListener(`@nosto/search-js/${s}`, e), () => {
-    window.removeEventListener(`@nosto/search-js/${s}`, e);
-  };
-}, d = ({ event: s, callback: o }) => {
-  const e = r(
-    (n) => {
-      const t = n.detail;
-      o(t);
-    },
-    [o]
-  );
-  a(() => (window.addEventListener(`@nosto/search-js/${s}`, e), () => {
-    window.removeEventListener(`@nosto/search-js/${s}`, e);
-  }), [s, e]);
-};
-export {
-  c as s,
-  d as u
-};