@nosto/search-js 3.10.0 → 3.12.0

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../AutocompletePageProvider-kQ8RqtRT.cjs"),T=require("../../CategoryPageProvider-DwqxtD8L.cjs"),m=require("../../useActions-DSWNCNrI.cjs"),x=require("../../SerpPageProvider-NSsaKQ7f.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 I([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 q(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)}),q(s.element,s.hide),q(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(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}){e&&await J({...e,config:w.makeAutocompleteConfig(e.config)},m.createStore({query:e.query})),t&&await Y({...t,config:T.makeCategoryConfig(t.config)},m.createStore()),n&&await Z({...n,config:x.makeSerpConfig(n.config)},m.createStore())}exports.AutocompleteContext=N;exports.init=ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../AutocompletePageProvider-kQ8RqtRT.cjs"),T=require("../../CategoryPageProvider-DwqxtD8L.cjs"),m=require("../../useActions-DSWNCNrI.cjs"),x=require("../../SerpPageProvider-NSsaKQ7f.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;

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

@@ -16,7 +16,7 @@ function z(e) {
     t && clearTimeout(t), t = setTimeout(n, e);
   };
 }
-function u({ children: e }) {
+function h({ children: e }) {
   const [t] = U();
   return t && C.error("Error caught in ErrorBoundary", t), /* @__PURE__ */ d(K, { children: e });
 }
@@ -80,10 +80,10 @@ const J = Q({
   highlightedElementIndex: -1
 });
 function V(e, t) {
-  const { dropdown: n, history: o, store: r, input: i, onNavigateToSearch: s } = e, a = (c, h) => {
+  const { dropdown: n, history: o, store: r, input: i, onNavigateToSearch: s } = e, a = (c, u) => {
     n.hide(), o.hide(), c && (o.add(c), r.updateState({
       historyItems: o.get()
-    }), h && v((l) => l.recordSearchSubmit(c)), i.value = c);
+    }), u && v((l) => l.recordSearchSubmit(c)), i.value = c);
   };
   return {
     reportProductClick: (c) => {
@@ -116,10 +116,10 @@ function N(e, t, n) {
     onChangeListeners: []
   }, a = (l, m) => {
     const f = l.length;
-    f === 0 && (m = -1), s.index = m >= 0 ? m % f : f - 1, s.onChangeListeners.forEach((q) => q());
+    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());
-  }, h = () => s.index;
+  }, u = () => s.index;
   return {
     element: t,
     hide: () => {
@@ -130,15 +130,15 @@ function N(e, t, n) {
     },
     isOpen: () => t.style.display !== "none",
     goDown: () => {
-      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = h();
+      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = u();
       a(l, m + 1);
     },
     goUp: () => {
-      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = h();
+      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = u();
       a(l, m - 1);
     },
     highlight: a,
-    highlightedIndex: h,
+    highlightedIndex: u,
     submitHighlightedItem: (l) => {
       Array.from(t.querySelectorAll(".ns-autocomplete-element"))[l]?.click();
     },
@@ -183,7 +183,7 @@ async function Z(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 a = k(t, r);
+  const a = q(t, r);
   r.onHighlightChange(() => {
     a(o, r.element);
   }), r.show();
@@ -264,14 +264,14 @@ async function oe(e, t, n) {
     onFocus: (c) => Z(c, a),
     onClick: (c) => Y(c, a),
     onSubmit: (c) => te(c, a),
-    onKeyDown: (c, h) => ee(c, h, 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);
 }
 function re(e) {
   const { dropdown: t, renderAutocomplete: n } = e;
   if (!n)
     return;
-  const o = k(e, t);
+  const o = q(e, t);
   t.onHighlightChange(() => {
     o(n, t.element);
   });
@@ -287,20 +287,20 @@ async function ie(e) {
   a.className = i, t.insertAdjacentElement("afterend", a);
   const c = await n();
   y(
-    /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(L, { config: o, store: r, children: c }) }),
+    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(L, { config: o, store: r, children: c }) }),
     a
   );
 }
-function k(e, t) {
+function q(e, t) {
   const { config: n, store: o } = e, r = V(e, t);
   return t.onHighlightChange(() => {
     r.highlightedElementIndex = t.highlightedIndex();
   }), (i, s) => y(
-    /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(L, { config: n, store: o, children: /* @__PURE__ */ d(J, { value: r, children: i() }) }) }),
+    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(L, { config: n, store: o, children: /* @__PURE__ */ d(J, { value: r, children: i() }) }) }),
     s
   );
 }
-async function P({ cssSelector: e, timeout: t, renderComponent: n }) {
+async function k({ cssSelector: e, timeout: t, renderComponent: n }) {
   const o = w(e).selector, r = await H({
     selector: o,
     timeout: t ?? 100
@@ -311,38 +311,51 @@ async function P({ cssSelector: e, timeout: t, renderComponent: n }) {
 }
 async function se(e, t) {
   const { render: n } = e, o = await n();
-  P({
+  k({
     ...e,
-    renderComponent: () => /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(R, { store: t, config: e.config, children: o }) })
+    renderComponent: () => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(R, { store: t, config: e.config, children: o }) })
   });
 }
 async function ce(e, t) {
   const { render: n } = e, o = await n();
-  P({
+  k({
     ...e,
-    renderComponent: () => /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(F, { store: t, config: e.config, children: o }) })
+    renderComponent: () => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(F, { store: t, config: e.config, children: o }) })
   });
 }
 async function Se({ autocomplete: e, category: t, serp: n }) {
-  e && await ne(
-    {
-      ...e,
-      config: D(e.config)
-    },
-    g({ query: e.query })
-  ), t && await se(
-    {
-      ...t,
-      config: B(t.config)
-    },
-    g()
-  ), n && await ce(
-    {
-      ...n,
-      config: O(n.config)
-    },
-    g()
-  );
+  const o = {};
+  if (e) {
+    const r = g({ query: e.query });
+    await ne(
+      {
+        ...e,
+        config: D(e.config)
+      },
+      r
+    ), o.autocomplete = { store: r };
+  }
+  if (t) {
+    const r = g({ query: t.query });
+    await se(
+      {
+        ...t,
+        config: B(t.config)
+      },
+      r
+    ), o.category = { store: r };
+  }
+  if (n) {
+    const r = g({ query: n.query });
+    await ce(
+      {
+        ...n,
+        config: O(n.config)
+      },
+      r
+    ), o.serp = { store: r };
+  }
+  return o;
 }
 export {
   J as AutocompleteContext,

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

@@ -57,6 +57,10 @@ export type PublicCategoryInjectConfig = {
      * Configuration passthrough.
      */
     config: PublicCategoryConfig;
+    /**
+     * Query to be used for category.
+     */
+    query?: SearchQuery;
     /**
      * Maximum time (in milliseconds) to wait for the DOM to be available.
      * If a selector is unable to find any elements after the timeout, an error will be thrown.
@@ -80,6 +84,10 @@ export type PublicSerpInjectConfig = {
      * Configuration passthrough.
      */
     config: PublicSerpConfig;
+    /**
+     * Query to be used for search.
+     */
+    query?: SearchQuery;
     /**
      * Maximum time (in milliseconds) to wait for the DOM to be available.
      * If a selector is unable to find any elements after the timeout, an error will be thrown.

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

@@ -1,2 +1,8 @@
+import { Store } from '../../common/src/store/store';
 import { InitConfig } from './config';
-export declare function init({ autocomplete, category, serp }: InitConfig): Promise<void>;
+export type InitResult<T extends InitConfig> = {
+    [K in keyof T as T[K] extends undefined ? never : K]: {
+        store: Store;
+    };
+};
+export declare function init<T extends InitConfig>({ autocomplete, category, serp }: T): Promise<InitResult<T>>;

package/package.json

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