@nosto/search-js 3.4.1 → 3.6.0

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

@@ -0,0 +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;

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

@@ -0,0 +1,3 @@
+/** @module preact/inject */
+export * from './src/init';
+export { AutocompleteContext } from './src/init/autocomplete/AutocompleteContext';

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

@@ -0,0 +1,350 @@
+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 { 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 { 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";
+function G(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 y(e, t) {
+  return (typeof e == "string" ? Array.from(document.querySelectorAll(e)) : [e]).filter((o) => !0);
+}
+function H(e, t) {
+  let n = [];
+  return y(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 E([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 A(e, t) {
+  e.tabIndex = 0, e.addEventListener("blur", t);
+}
+function S(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 = y(e);
+    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([]);
+    }, t);
+    r.observe(document.body, {
+      childList: !0,
+      subtree: !0
+    });
+  });
+}
+const J = Q({
+  reportProductClick: () => {
+  },
+  reportKeywordClick: () => {
+  },
+  handleSubmit: () => {
+  },
+  highlightedElementIndex: -1
+});
+function V(e, t) {
+  const { dropdown: n, history: o, store: r, input: s, onNavigateToSearch: i } = e, a = (c, u) => {
+    n.hide(), o.hide(), c && (o.add(c), r.updateState({
+      historyItems: o.get()
+    }), u && M((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 k(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 = S(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, m) => {
+    const p = l.length;
+    p === 0 && (m = -1), i.index = m >= 0 ? m % p : p - 1, i.onChangeListeners.forEach((D) => D());
+  }, c = () => {
+    i.index = -1, i.onChangeListeners.forEach((l) => l());
+  }, u = () => 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")), m = u();
+      a(l, m + 1);
+    },
+    goUp: () => {
+      const l = Array.from(t.getElementsByClassName("ns-autocomplete-element")), m = u();
+      a(l, m - 1);
+    },
+    highlight: a,
+    highlightedIndex: u,
+    submitHighlightedItem: (l) => {
+      Array.from(t.querySelectorAll(".ns-autocomplete-element"))[l]?.click();
+    },
+    onHighlightChange: (l) => {
+      i.onChangeListeners.push(l);
+    }
+  };
+}
+function W(e, t) {
+  const n = document.createElement("div");
+  return n.className = "nosto-autocomplete-dropdown", {
+    ...k(e, n, t),
+    element: n
+  };
+}
+const g = "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);
+    },
+    get: () => (b(g) ?? []).reverse().filter((i) => !!i)
+  };
+}
+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()) {
+    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();
+}
+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())
+    return;
+  const a = P(t, r);
+  r.onHighlightChange(() => {
+    a(o, r.element);
+  }), r.show();
+  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) {
+    n.hide(), o.hide();
+    return;
+  }
+  if (e.length < i && a) {
+    n.hide(), o.show();
+    return;
+  }
+  o.hide(), s(async () => {
+    L({ config: t, store: r }, { query: e }), n.show();
+  });
+}
+function ee(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 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({
+    historyItems: o.get()
+  }), r?.({
+    query: e
+  }));
+}
+async function ne(e, t) {
+  const { inputCssSelector: n, timeout: o } = e, r = S(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) => {
+    oe(i, 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 = {
+    ...t,
+    input: e,
+    dropdown: s,
+    history: i,
+    store: n,
+    debouncer: G(o.debounceDelay)
+  };
+  se(a), e.setAttribute("data-nosto-element", "search-input"), n.updateState({
+    historyItems: i.get()
+  }), j(e), n.onInit(() => {
+    re(a);
+  }), v(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(i.element, i.hide), A(s.element, s.hide), E([i.element, e], i.hide), E([s.element, e], s.hide);
+}
+function re(e) {
+  const { dropdown: t, renderAutocomplete: n } = e;
+  if (!n)
+    return;
+  const o = P(e, t);
+  t.onHighlightChange(() => {
+    o(n, t.element);
+  });
+  const r = x("renderAutocomplete");
+  o(n, t.element), r();
+}
+async function se(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();
+  w(
+    /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(T, { config: o, store: r, children: c }) }),
+    a
+  );
+}
+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
+  );
+}
+async function q({ cssSelector: e, timeout: t, renderComponent: n }) {
+  const o = S(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 && C.warn(`Multiple (${r.length}) elements found for selector: ${o}`), w(n(), r[0]);
+}
+async function ie(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 }) })
+  });
+}
+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 }) })
+  });
+}
+async function Se(e) {
+  e.autocomplete && await ne(
+    {
+      ...e.autocomplete,
+      config: R(e.autocomplete.config)
+    },
+    f({ query: e.autocomplete.query })
+  ), e.category && await ie(
+    {
+      ...e.category,
+      config: F(e.category.config)
+    },
+    f()
+  ), e.serp && await ce(
+    {
+      ...e.serp,
+      config: $(e.serp.config)
+    },
+    f()
+  );
+}
+export {
+  J as AutocompleteContext,
+  Se as init
+};

package/dist/preact/inject/src/components/ErrorBoundary.d.ts

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

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

@@ -0,0 +1,117 @@
+import { SearchQuery } from '@nosto/nosto-js/client';
+import { AutocompleteConfig, PublicAutocompleteConfig } from '../../autocomplete/src/AutocompleteConfig';
+import { CategoryConfig, PublicCategoryConfig } from '../../category/src/CategoryConfig';
+import { PublicSerpConfig, SerpConfig } from '../../serp/src/SerpConfig';
+import { VNode } from 'preact';
+import { CssSelector } from './resolveCssSelector';
+export type PublicAutocompleteInjectConfig = {
+    /**
+     * Configuration passthrough.
+     */
+    config: PublicAutocompleteConfig;
+    /**
+     * Query to be used for autocomplete.
+     */
+    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.
+     * @default 100
+     */
+    timeout?: number;
+    /**
+     * CSS selector for the form element to bind search events like form submit.
+     */
+    formCssSelector: CssSelector;
+    /**
+     * CSS selector for each input element to bind search events like input change and form submit.
+     */
+    inputCssSelector: CssSelector;
+    /**
+     * CSS selector for autocomplete dropdown render.
+     * Leave undefined for default use (After input element)
+     */
+    dropdownCssSelector: CssSelector;
+    /**
+     * Render function for autocomplete component.
+     */
+    renderAutocomplete?: () => VNode | Promise<VNode>;
+    /**
+     * Render function for autocomplete history component.
+     */
+    renderHistory?: () => VNode | Promise<VNode>;
+    /**
+     * Render function for speech to text component.
+     */
+    renderSpeechToText?: () => VNode | Promise<VNode>;
+    /**
+     * If provided, will be called on search submit or "show all products" click.
+     */
+    onNavigateToSearch?: (query: SearchQuery) => void;
+};
+export type AutocompleteInjectConfig = PublicAutocompleteInjectConfig & {
+    config: AutocompleteConfig;
+};
+export type PublicCategoryInjectConfig = {
+    /**
+     * Configuration passthrough.
+     */
+    config: PublicCategoryConfig;
+    /**
+     * 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.
+     * @default 100
+     */
+    timeout?: number;
+    /**
+     * CSS selector for category content rendering.
+     */
+    cssSelector: CssSelector;
+    /**
+     * Render function for category content.
+     */
+    render: () => VNode | Promise<VNode>;
+};
+export type CategoryInjectConfig = PublicCategoryInjectConfig & {
+    config: CategoryConfig;
+};
+export type PublicSerpInjectConfig = {
+    /**
+     * Configuration passthrough.
+     */
+    config: PublicSerpConfig;
+    /**
+     * 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.
+     * @default 100
+     */
+    timeout?: number;
+    /**
+     * CSS selector for search page rendering.
+     */
+    cssSelector: CssSelector;
+    /**
+     * Render function for search page content.
+     */
+    render: () => VNode | Promise<VNode>;
+};
+export type SerpInjectConfig = PublicSerpInjectConfig & {
+    config: SerpConfig;
+};
+export type InitConfig = {
+    /**
+     * Autocomplete injection config.
+     * If present, the autocomplete dropdown will be injected into the page.
+     */
+    autocomplete?: PublicAutocompleteInjectConfig;
+    /**
+     * Category injection config.
+     * If present, the category page will be injected.
+     */
+    category?: PublicCategoryInjectConfig;
+    /**
+     * Serp injection config.
+     * If present, the search result page will be injected.
+     */
+    serp?: PublicSerpInjectConfig;
+};

package/dist/preact/inject/src/helpers/dom.d.ts

@@ -0,0 +1,12 @@
+export type DOMTarget = string | Element;
+export declare function findAll<T extends Element>(selector: DOMTarget, filterType?: {
+    new (): T;
+}): T[];
+export declare function DOMReady(): Promise<void>;
+export declare function cloneNode<T extends Node>(node: T, deep: boolean): T;
+export declare function parents(target: DOMTarget, selector?: string): Element[];
+export declare function matches(target: DOMTarget, selector: string): boolean;
+export declare function bindClickOutside([element, input]: HTMLElement[], callback: () => void): {
+    destroy: () => void;
+};
+export declare function bindBlur(element: HTMLElement, callback: () => void): void;

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

@@ -0,0 +1,12 @@
+import { SearchKeyword, SearchProduct, SearchQuery } from '@nosto/nosto-js/client';
+import { AutocompleteInjectContext } from '../injectAutocomplete';
+import { AutocompleteDropdown } from './components/AutocompleteDropdown';
+import { AutocompleteHistory } from './components/AutocompleteHistory';
+export type AutocompleteUserContext = {
+    reportProductClick: (product: SearchProduct) => void;
+    reportKeywordClick: (keyword: SearchKeyword) => void;
+    handleSubmit: (query: SearchQuery) => void;
+    highlightedElementIndex: number;
+};
+export declare const AutocompleteContext: import('preact').Context<AutocompleteUserContext>;
+export declare function createContextHandle(context: AutocompleteInjectContext, element: AutocompleteDropdown | AutocompleteHistory): AutocompleteUserContext;

package/dist/preact/inject/src/init/autocomplete/components/AutocompleteDropdown.d.ts

@@ -0,0 +1,14 @@
+import { CssSelector } from '../../../resolveCssSelector';
+export type AutocompleteDropdown = ReturnType<typeof createDropdownComponent>;
+export declare function createDropdownComponent(input: HTMLInputElement, dropdownSelector: CssSelector): {
+    element: HTMLDivElement;
+    hide: () => void;
+    show: () => void;
+    isOpen: () => boolean;
+    goDown: () => void;
+    goUp: () => void;
+    highlight: (elements: Element[], highlightIndex: number) => void;
+    highlightedIndex: () => number;
+    submitHighlightedItem: (highlightedIndex: number) => void;
+    onHighlightChange: (callback: () => void) => void;
+};

package/dist/preact/inject/src/init/autocomplete/components/AutocompleteHistory.d.ts

@@ -0,0 +1,16 @@
+import { CssSelector } from '../../../resolveCssSelector';
+export type AutocompleteHistory = ReturnType<typeof createHistoryComponent>;
+export declare function createHistoryComponent(input: HTMLInputElement, dropdownSelector: CssSelector, historySize: number): {
+    element: HTMLDivElement;
+    add: (value: string) => void;
+    get: () => string[];
+    hide: () => void;
+    show: () => void;
+    isOpen: () => boolean;
+    goDown: () => void;
+    goUp: () => void;
+    highlight: (elements: Element[], highlightIndex: number) => void;
+    highlightedIndex: () => number;
+    submitHighlightedItem: (highlightedIndex: number) => void;
+    onHighlightChange: (callback: () => void) => void;
+};

package/dist/preact/inject/src/init/autocomplete/components/createComponent.d.ts

@@ -0,0 +1,13 @@
+import { CssSelector } from '../../../resolveCssSelector';
+export declare function createComponent(input: HTMLInputElement, dropdown: HTMLDivElement, dropdownSelector: CssSelector): {
+    element: HTMLDivElement;
+    hide: () => void;
+    show: () => void;
+    isOpen: () => boolean;
+    goDown: () => void;
+    goUp: () => void;
+    highlight: (elements: Element[], highlightIndex: number) => void;
+    highlightedIndex: () => number;
+    submitHighlightedItem: (highlightedIndex: number) => void;
+    onHighlightChange: (callback: () => void) => void;
+};

package/dist/preact/inject/src/init/autocomplete/events/onClick.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteInjectContext } from '../../injectAutocomplete';
+export declare function onClick(value: string, { config, dropdown, history, renderHistory, store }: AutocompleteInjectContext): Promise<void>;

package/dist/preact/inject/src/init/autocomplete/events/onFocus.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteInjectContext } from '../../injectAutocomplete';
+export declare function onFocus(value: string, context: AutocompleteInjectContext): Promise<void>;

package/dist/preact/inject/src/init/autocomplete/events/onInput.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteInjectContext } from '../../injectAutocomplete';
+export declare function onInput(value: string, { config, dropdown, history, store, debouncer }: AutocompleteInjectContext): Promise<void>;

package/dist/preact/inject/src/init/autocomplete/events/onKeyDown.d.ts

@@ -0,0 +1,5 @@
+import { AutocompleteInjectContext } from '../../injectAutocomplete';
+import { AutocompleteDropdown } from '../components/AutocompleteDropdown';
+import { AutocompleteHistory } from '../components/AutocompleteHistory';
+export declare function onKeyDown(value: string, key: string, context: AutocompleteInjectContext): boolean | undefined;
+export declare function elementControls(key: string, activeElement: AutocompleteDropdown | AutocompleteHistory, inactiveElement: AutocompleteDropdown | AutocompleteHistory): boolean | undefined;

package/dist/preact/inject/src/init/autocomplete/events/onSubmit.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteInjectContext } from '../../injectAutocomplete';
+export declare function onSubmit(value: string, { config, dropdown, history, onNavigateToSearch, store }: AutocompleteInjectContext): void;

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

@@ -0,0 +1,15 @@
+import { Store } from '../../../common/src/store/store';
+import { debounce } from '../../../../utils/src/debounce';
+import { VNode } from 'preact';
+import { AutocompleteInjectConfig } from '../config';
+import { AutocompleteDropdown } from './autocomplete/components/AutocompleteDropdown';
+import { AutocompleteHistory } from './autocomplete/components/AutocompleteHistory';
+export declare function injectAutocomplete(config: AutocompleteInjectConfig, store: Store): Promise<void>;
+export type AutocompleteInjectContext = AutocompleteInjectConfig & {
+    input: HTMLInputElement;
+    dropdown: AutocompleteDropdown;
+    history: AutocompleteHistory;
+    store: Store;
+    debouncer: ReturnType<typeof debounce>;
+};
+export declare function createUserComponentRenderer(injectContext: AutocompleteInjectContext, element: AutocompleteDropdown | AutocompleteHistory): (renderer: () => VNode | Promise<VNode>, target: HTMLDivElement) => void;

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

@@ -0,0 +1,3 @@
+import { Store } from '../../../common/src/store/store';
+import { CategoryInjectConfig } from '../config';
+export declare function injectCategory(config: CategoryInjectConfig, store: Store): Promise<void>;

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

@@ -0,0 +1,9 @@
+import { JSX } from 'preact/jsx-runtime';
+import { CssSelector } from '../resolveCssSelector';
+type Props = {
+    cssSelector: CssSelector;
+    timeout?: number;
+    renderComponent: () => JSX.Element;
+};
+export declare function injectComponent({ cssSelector, timeout, renderComponent }: Props): Promise<void>;
+export {};

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

@@ -0,0 +1,3 @@
+import { Store } from '../../../common/src/store/store';
+import { SerpInjectConfig } from '../config';
+export declare function injectSerp(config: SerpInjectConfig, store: Store): Promise<void>;

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

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

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

@@ -0,0 +1,8 @@
+export type CssSelector = string | {
+    selector: string;
+    position?: "first" | "last";
+};
+export declare function resolveCssSelector(selector: CssSelector): {
+    selector: string;
+    position: string;
+};