@nosto/search-js 2.3.0 → 2.4.0

package/dist/{InfiniteScrollWithObserver-B4qGyAhS.cjs → InfiniteScrollWithObserver-C3ILy8X_.cjs}

@@ -1 +1 @@
-"use strict";const l=require("./jsxRuntime.module-B3sGoTIU.cjs"),p=require("./useLoadMore-CUkl79S_.cjs"),a=require("./pick-rYi1lc2m.cjs"),d=require("preact/hooks"),b=require("preact");function f(s,i){var o,e,r;const t=((o=i.products)==null?void 0:o.total)??0,c=((e=s.products)==null?void 0:e.from)??0,n=((r=s.products)==null?void 0:r.size)??0;return t>0&&t>c+n}function h(){return!!(window.IntersectionObserver&&window.IntersectionObserverEntry&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)}function O({children:s,pageSize:i}){const t=d.useRef(null),{query:c,response:n}=p.useNostoAppState(e=>a.pick(e,"query","response")),{loadMore:o}=p.useLoadMore(i);return d.useEffect(()=>{let e,r;return f(c,n)&&(e=t.current,r=new IntersectionObserver(v=>{const u=v[0];u!=null&&u.isIntersecting&&o()}),e&&r.observe(e)),()=>{e&&r.unobserve(e)}},[n]),l.u(b.Fragment,{children:[s,l.u("div",{ref:t,style:{height:"1px"}})]})}exports.InfiniteScrollWithObserver=O;exports.hasMoreResults=f;exports.intersectionObserverSupported=h;
+"use strict";const l=require("./jsxRuntime.module-B3sGoTIU.cjs"),p=require("./useLoadMore-Co6PDmam.cjs"),a=require("./pick-rYi1lc2m.cjs"),d=require("preact/hooks"),b=require("preact");function f(s,i){var o,e,r;const t=((o=i.products)==null?void 0:o.total)??0,c=((e=s.products)==null?void 0:e.from)??0,n=((r=s.products)==null?void 0:r.size)??0;return t>0&&t>c+n}function h(){return!!(window.IntersectionObserver&&window.IntersectionObserverEntry&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)}function O({children:s,pageSize:i}){const t=d.useRef(null),{query:c,response:n}=p.useNostoAppState(e=>a.pick(e,"query","response")),{loadMore:o}=p.useLoadMore(i);return d.useEffect(()=>{let e,r;return f(c,n)&&(e=t.current,r=new IntersectionObserver(v=>{const u=v[0];u!=null&&u.isIntersecting&&o()}),e&&r.observe(e)),()=>{e&&r.unobserve(e)}},[n]),l.u(b.Fragment,{children:[s,l.u("div",{ref:t,style:{height:"1px"}})]})}exports.InfiniteScrollWithObserver=O;exports.hasMoreResults=f;exports.intersectionObserverSupported=h;

package/dist/{InfiniteScrollWithObserver-BXwW2XGJ.js → InfiniteScrollWithObserver-DGZxUITY.js}

@@ -1,5 +1,5 @@
 import { u as f } from "./jsxRuntime.module-Bzuv3cXw.js";
-import { u as a, a as l } from "./useLoadMore-CAy4DIRA.js";
+import { u as a, a as l } from "./useLoadMore-CHLvVMm8.js";
 import { p as d } from "./pick-DReBictn.js";
 import { useRef as m, useEffect as v } from "preact/hooks";
 import { Fragment as b } from "preact";

package/dist/{storeContext-jWZFJ8Kf.js → configContext-CDTtcin_.js}

@@ -1,13 +1,7 @@
 import { createContext as c } from "preact";
-import { useContext as x } from "preact/hooks";
-import { b as u, i as h } from "./isEqual-BzZ3d1JM.js";
-const b = c(null), v = () => {
-  const t = x(b);
-  if (!t)
-    throw new Error("useConfig must be used within a ConfigProvider");
-  return t;
-};
-function w(t, i = {}) {
+import { b as u, i as x } from "./isEqual-BzZ3d1JM.js";
+import { useContext as h } from "preact/hooks";
+function b(t, i = {}) {
   const a = /* @__PURE__ */ new Map();
   let o = u(t, i ?? {});
   const f = u(t, i);
@@ -29,7 +23,7 @@ function w(t, i = {}) {
     let s;
     a.set(n, (m) => {
       const r = e(m);
-      h(r, s) || (s = r, n(r));
+      x(r, s) || (s = r, n(r));
     });
   }
   function S(e) {
@@ -43,21 +37,26 @@ function w(t, i = {}) {
     clearOnChange: S
   };
 }
-const E = {
+const w = {
   loading: !0,
   query: {},
   response: {},
   initialized: !1
 };
-function q(t = {}) {
-  return w(E, t);
+function E(t = {}) {
+  return b(w, t);
 }
-const y = c(q());
+const v = c(E()), q = c(null), y = () => {
+  const t = h(q);
+  if (!t)
+    throw new Error("useConfig must be used within a ConfigProvider");
+  return t;
+};
 export {
-  b as C,
-  y as S,
-  w as a,
-  q as c,
-  E as d,
-  v as u
+  q as C,
+  v as S,
+  b as a,
+  E as c,
+  w as d,
+  y as u
 };

package/dist/configContext-CGXeJcqj.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("preact"),i=require("./isEqual-DQXR__da.cjs"),w=require("preact/hooks");function l(e,u={}){const r=new Map;let o=i.deepMergePlain(e,u??{});const S=i.deepMergePlain(e,u);function d(t){o=t(o);for(const n of r.values())n(o)}function x(t){d(n=>({...n,...t}))}function p(){return o}function h(){return structuredClone(S)}function q(t,n){let c;r.set(n,b=>{const a=t(b);i.isEqual(a,c)||(c=a,n(a))})}function E(t){r.delete(t)}return{updateState:x,getState:p,getInitialState:h,onChange:q,clearOnChange:E}}const f={loading:!0,query:{},response:{},initialized:!1};function C(e={}){return l(f,e)}const M=s.createContext(C()),g=s.createContext(null),P=()=>{const e=w.useContext(g);if(!e)throw new Error("useConfig must be used within a ConfigProvider");return e};exports.ConfigContext=g;exports.StoreContext=M;exports.createExtendableStore=l;exports.createStore=C;exports.defaultState=f;exports.useConfig=P;

package/dist/preact/autocomplete.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../index.es-DlUp67LT.cjs"),a=require("preact"),u=require("../renderHeadless-xhkLegO4.cjs"),i=require("../jsxRuntime.module-B3sGoTIU.cjs"),r=require("../storeContext-DVs7r6Qm.cjs"),c=require("../baseConfig-BlLNh6Jn.cjs");function f(e){return e!==null&&typeof e=="object"&&"props"in e&&typeof e.type=="string"}function m({children:e,hit:n}){var o;if(!f(e))throw new Error("AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported.");const t=(o=e.props)==null?void 0:o.onClick;return a.cloneElement(e,{onClick:p=>{n&&l.s(s=>s.recordSearchClick("autocomplete",n)),typeof t=="function"&&t(p)}})}function g({children:e,onSearchInput:n}){return u.renderHeadless({children:e,updateElement:t=>(!u.isHTMLInput(t)||t.props.type!=="search"||(t.props={...t.props,onInput:o=>{o.target instanceof HTMLInputElement&&n(o.target)}}),t)})}const C={...c.defaultBaseConfig};function d(e){return{pageType:"autocomplete",...C,...e}}function S({config:e,store:n,children:t}){const o=n??r.createStore();return c.useCheckClientScript(),i.u(r.ConfigContext,{value:d(e),children:i.u(r.StoreContext,{value:o,children:t})})}exports.AutocompleteElement=m;exports.AutocompletePageProvider=S;exports.SearchInput=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../index.es-DlUp67LT.cjs"),a=require("preact"),u=require("../renderHeadless-xhkLegO4.cjs"),i=require("../jsxRuntime.module-B3sGoTIU.cjs"),r=require("../configContext-CGXeJcqj.cjs"),c=require("../baseConfig-BlLNh6Jn.cjs");function f(e){return e!==null&&typeof e=="object"&&"props"in e&&typeof e.type=="string"}function m({children:e,hit:n}){var o;if(!f(e))throw new Error("AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported.");const t=(o=e.props)==null?void 0:o.onClick;return a.cloneElement(e,{onClick:p=>{n&&l.s(s=>s.recordSearchClick("autocomplete",n)),typeof t=="function"&&t(p)}})}function g({children:e,onSearchInput:n}){return u.renderHeadless({children:e,updateElement:t=>(!u.isHTMLInput(t)||t.props.type!=="search"||(t.props={...t.props,onInput:o=>{o.target instanceof HTMLInputElement&&n(o.target)}}),t)})}const C={...c.defaultBaseConfig};function d(e){return{pageType:"autocomplete",...C,...e}}function S({config:e,store:n,children:t}){const o=n??r.createStore();return c.useCheckClientScript(),i.u(r.ConfigContext,{value:d(e),children:i.u(r.StoreContext,{value:o,children:t})})}exports.AutocompleteElement=m;exports.AutocompletePageProvider=S;exports.SearchInput=g;

package/dist/preact/autocomplete.es.js

@@ -2,7 +2,7 @@ import { s as u } from "../index.es-B8mbAxS4.js";
 import { cloneElement as a } from "preact";
 import { r as s, i as c } from "../renderHeadless-BteGML1G.js";
 import { u as n } from "../jsxRuntime.module-Bzuv3cXw.js";
-import { c as l, S as m, C as f } from "../storeContext-jWZFJ8Kf.js";
+import { c as l, S as m, C as f } from "../configContext-CDTtcin_.js";
 import { d as C, u as g } from "../baseConfig-XyA_9NDR.js";
 function E(t) {
   return t !== null && typeof t == "object" && "props" in t && typeof t.type == "string";

package/dist/preact/category.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsxRuntime.module-B3sGoTIU.cjs"),t=require("../storeContext-DVs7r6Qm.cjs"),o=require("../baseConfig-BlLNh6Jn.cjs"),u={...o.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function c(e){return{pageType:"category",...u,...e}}function s({config:e,store:a,children:n}){const i=a??t.createStore();return o.useCheckClientScript(),r.u(t.ConfigContext,{value:c(e),children:r.u(t.StoreContext,{value:i,children:n})})}exports.CategoryPageProvider=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsxRuntime.module-B3sGoTIU.cjs"),t=require("../configContext-CGXeJcqj.cjs"),o=require("../baseConfig-BlLNh6Jn.cjs"),u={...o.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function c(e){return{pageType:"category",...u,...e}}function g({config:e,store:n,children:a}){const i=n??t.createStore();return o.useCheckClientScript(),r.u(t.ConfigContext,{value:c(e),children:r.u(t.StoreContext,{value:i,children:a})})}exports.CategoryPageProvider=g;

package/dist/preact/category.es.js

@@ -1,5 +1,5 @@
 import { u as t } from "../jsxRuntime.module-Bzuv3cXw.js";
-import { c as n, S as c, C as i } from "../storeContext-jWZFJ8Kf.js";
+import { c as n, S as c, C as i } from "../configContext-CDTtcin_.js";
 import { d as s, u as f } from "../baseConfig-XyA_9NDR.js";
 const C = {
   ...s,

package/dist/preact/common.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../unique-BCAEb4ek.cjs"),t=require("../jsxRuntime.module-B3sGoTIU.cjs"),s=require("../useLoadMore-CUkl79S_.cjs"),p=require("../pick-rYi1lc2m.cjs"),n=require("../InfiniteScrollWithObserver-B4qGyAhS.cjs"),q=require("preact"),r=require("../storeContext-DVs7r6Qm.cjs");function b({pageSize:o}){const{loadMore:e}=s.useLoadMore(o);return t.u("button",{onClick:e,children:"More results"})}function u({children:o,loadMoreComponent:e,pageSize:i}){const{loading:c,query:l,response:a}=s.useNostoAppState(S=>p.pick(S,"loading","query","response")),d=!c&&n.hasMoreResults(l,a);return t.u(q.Fragment,{children:[o,d&&(e?t.u(e,{pageSize:i}):t.u(b,{pageSize:i}))]})}const M=!f.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:u;exports.StoreContext=r.StoreContext;exports.createExtendableStore=r.createExtendableStore;exports.createStore=r.createStore;exports.defaultState=r.defaultState;exports.InfiniteScroll=M;exports.InfiniteScrollWithLink=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../unique-BCAEb4ek.cjs"),t=require("../jsxRuntime.module-B3sGoTIU.cjs"),c=require("../useLoadMore-Co6PDmam.cjs"),p=require("../pick-rYi1lc2m.cjs"),n=require("../InfiniteScrollWithObserver-C3ILy8X_.cjs"),q=require("preact"),r=require("../configContext-CGXeJcqj.cjs");function b({pageSize:o}){const{loadMore:e}=c.useLoadMore(o);return t.u("button",{onClick:e,children:"More results"})}function u({children:o,loadMoreComponent:e,pageSize:i}){const{loading:s,query:l,response:a}=c.useNostoAppState(S=>p.pick(S,"loading","query","response")),d=!s&&n.hasMoreResults(l,a);return t.u(q.Fragment,{children:[o,d&&(e?t.u(e,{pageSize:i}):t.u(b,{pageSize:i}))]})}const M=!f.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:u;exports.StoreContext=r.StoreContext;exports.createExtendableStore=r.createExtendableStore;exports.createStore=r.createStore;exports.defaultState=r.defaultState;exports.InfiniteScroll=M;exports.InfiniteScrollWithLink=u;

package/dist/preact/common.es.js

@@ -1,10 +1,10 @@
 import { i as l } from "../unique-CyAMhegX.js";
 import { u as r } from "../jsxRuntime.module-Bzuv3cXw.js";
-import { a as p, u as m } from "../useLoadMore-CAy4DIRA.js";
+import { a as p, u as m } from "../useLoadMore-CHLvVMm8.js";
 import { p as u } from "../pick-DReBictn.js";
-import { h as d, i as f, I as S } from "../InfiniteScrollWithObserver-BXwW2XGJ.js";
+import { h as d, i as f, I as S } from "../InfiniteScrollWithObserver-DGZxUITY.js";
 import { Fragment as h } from "preact";
-import { S as O, a as W, c as A, d as B } from "../storeContext-jWZFJ8Kf.js";
+import { S as O, a as W, c as A, d as B } from "../configContext-CDTtcin_.js";
 function M({ pageSize: e }) {
   const { loadMore: o } = p(e);
   return /* @__PURE__ */ r("button", { onClick: o, children: "More results" });

package/dist/preact/hooks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../useLoadMore-CUkl79S_.cjs"),P=require("../isEqual-DQXR__da.cjs"),v=require("preact/hooks"),q=require("../index.es-DlUp67LT.cjs"),N=require("../parseNumber-FsZ8w61u.cjs");function C(e){const o=m.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&P.isPlainObject(e)?e:o}function z(e){var a;const o=((a=e.data)==null?void 0:a.filter(c=>c.selected).length)??0,[t,n]=v.useState(o>0),{toggleProductFilter:u}=m.useActions();return{active:t,selectedFiltersCount:o,toggleActive:()=>{n(!t)},toggleProductFilter:u}}function x(){const{loading:e,facets:o}=m.useNostoAppState(t=>{var n,u;return{loading:t.loading,facets:((u=(n=t.response)==null?void 0:n.products)==null?void 0:u.facets)??[]}});return{loading:e,facets:o}}function k(e,o){const t=o-e;return!isNaN(t)&&t>0?new Array(o-e).fill(void 0).map((n,u)=>u+e):[]}function w(e){const{query:o,products:t}=m.useNostoAppState(n=>({query:n.query,products:n.response.products}));return v.useMemo(()=>{var F;if(!t)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const n=((F=o.products)==null?void 0:F.from)??0,u=(e==null?void 0:e.width)??1/0,i=Math.max(Math.floor(u-1)/2,1),a=t.size>0?Math.floor(n/t.size)+1:1,c=t.size>0?Math.ceil(t.total/t.size):0,g=A=>A>=a-i&&A<=a+i,s=n+1,l=Math.min(n+t.total,t.total),r={from:n,page:a,current:!0},p=A=>({from:(A-1)*t.size,page:A,current:A===a}),S=a>1?p(a-1):void 0,d=a<c?p(a+1):void 0,y=i===1/0||a-i-1>1?p(1):void 0,f=i===1/0||a+i+1<c?p(c):void 0,h=k(1,c+1).filter(g).map(p);return{totalPages:c,resultsFrom:s,resultsTo:l,current:r,prev:S,next:d,first:y,last:f,pages:h}},[o,t,e==null?void 0:e.width])}function T(){const[e,o]=v.useState([]),[t,n]=v.useState([]);return v.useEffect(()=>{q.s(async u=>{const{products:i,segments:a}=await u.getSearchSessionParams();o(a??[]),n((i==null?void 0:i.personalizationBoost)??[])})},[]),{segments:e,boost:t}}function B(){const{facets:e}=m.useNostoAppState(s=>{var l;return{facets:((l=s.response.products)==null?void 0:l.facets)??[]}}),{replaceFilter:o,toggleProductFilter:t}=m.useActions(),n=v.useCallback(s=>{const l=e==null?void 0:e.find(r=>r.type==="stats"&&r.field===s);if(l&&"min"in l&&"max"in l)return l},[e]),u=v.useCallback(s=>{var l;return((l=e==null?void 0:e.find(r=>r.field===s))==null?void 0:l.name)??s},[e]),i=v.useCallback(s=>"field"in s&&(s.value instanceof Array||s.range instanceof Array),[]),a=v.useCallback(s=>{var l;return{...s,range:(l=s.range)==null?void 0:l.map(r=>({gt:r.gt?Number(r.gt):r.gt,gte:r.gte?Number(r.gte):r.gte,lt:r.lt?Number(r.lt):r.lt,lte:r.lte?Number(r.lte):r.lte}))}},[]),c=v.useCallback(s=>(s.value??[]).map(r=>({value:r,field:s.field,name:u(s.field),filter:a(s),remove:()=>{t(s.field,r,!1)}})),[a,u,t]),g=v.useCallback(s=>(s.range??[]).map(r=>{var d,y;const p=r.gte??r.gt??((d=n(s.field))==null?void 0:d.min),S=r.lte??r.lt??((y=n(s.field))==null?void 0:y.max);if(p!==void 0&&S!==void 0)return{value:`${p} - ${S}`,field:s.field,name:u(s.field),filter:a(s),remove:()=>{o(s.field,void 0)}}}).filter(Boolean),[a,n,u,o]);return{selectFilters:i,toValueFilter:c,toRangeFilter:g}}function M(){const{filter:e}=m.useNostoAppState(c=>{var g;return{filter:((g=c.query.products)==null?void 0:g.filter)??[]}}),{updateSearch:o}=m.useActions(),{selectFilters:t,toValueFilter:n,toRangeFilter:u}=B(),i=v.useMemo(()=>e?e.filter(t).flatMap(c=>"value"in c?n(c):"range"in c?u(c):[]).filter(Boolean):[],[e,t,u,n]),a=v.useCallback(()=>{o({products:{filter:[]}})},[o]);return{filters:i,removeAll:a}}function R(e){var r,p,S;const{replaceFilter:o}=m.useActions(),{query:t,products:n}=m.useNostoAppState(d=>({query:d.query,products:d.response.products})),u=(r=n==null?void 0:n.facets)==null?void 0:r.find(d=>d.id===e);if(!u)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const i=(S=(p=t.products)==null?void 0:p.filter)==null?void 0:S.find(d=>d.field===u.field),a=i!=null&&i.range?i.range[0]:void 0,c=typeof a=="object"&&("gte"in a||"lte"in a)?[N.parseNumber(a.gte),N.parseNumber(a.lte)]:[void 0,void 0],g="min"in u?Math.floor(u.min):0,s="max"in u?Math.ceil(u.max):0,l=([d,y])=>{const f=d!==void 0?Math.floor(d):void 0,h=y!==void 0?Math.ceil(y):void 0,F=f!==void 0,A=h!==void 0;(g===f||!F)&&(s===h||!A)?o(u.field,void 0):(g===f||!F)&&A?o(u.field,{lte:h.toString()}):(s===h||!A)&&F?o(u.field,{gte:f.toString()}):F&&A&&o(u.field,{gte:f.toString(),lte:h.toString()})};return{min:g,max:s,range:[c[0]??g,c[1]??s],updateRange:l}}function D(e,o){const{min:t,max:n,range:u,updateRange:i}=R(e),{filters:a}=M(),c=v.useMemo(()=>{var y;const r=a.find(f=>{var h;return(h=f==null?void 0:f.filter)==null?void 0:h.range});let p=null;if(r){const f=(y=r.filter.range)==null?void 0:y[0];p=[N.parseNumber(f==null?void 0:f.gte),N.parseNumber(f==null?void 0:f.lte)]}const S=[];let d=Math.floor(t/o)*o;for(;d<n;){const f=d+o,h=p&&p[0]===d&&p[1]===f;S.push({min:d,max:f,selected:h}),d=f}return S},[a,t,n,o]),g=r=>{i([r,u[1]])},s=r=>{i([u[0],r])},l=t!==u[0]||n!==u[1];return{min:t,max:n,range:u,updateRange:i,ranges:c,handleMinChange:g,handleMaxChange:s,isSelected:l}}function j(){const{products:e,keywords:o}=m.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:o??{hits:[],total:0}}}function I(){const e=m.useNostoAppState(t=>{var n;return(n=t.query.products)==null?void 0:n.filter});return v.useMemo(()=>e?e.reduce((t,n)=>t+(Array.isArray(n.value)?n.value.length:1),0):0,[e])}function b(e){return e&&!Number.isNaN(e)?e:0}function L(e,o){const{from:t,size:n,total:u}=m.useNostoAppState(s=>{var l,r,p,S,d;return{from:b(((l=s.query.products)==null?void 0:l.from)??0),size:b(((p=(r=s.response)==null?void 0:r.products)==null?void 0:p.size)??0),total:b(((d=(S=s.response)==null?void 0:S.products)==null?void 0:d.total)??0)}}),{updateSearch:i}=m.useActions(),a=t+n,c=[...e].reverse().filter(s=>s+o<u);return{from:t,to:a,total:u,size:n,sizeOptions:c,handleSizeChange:s=>{i({products:{size:N.parseNumber(s)}})}}}function O(e,o){return e.length!==o.length?!1:e.every(t=>o.find(n=>t.field===n.field&&t.order===n.order))}function V(e){var i,a;const o=m.useNostoAppState(c=>c.query),{updateSearch:t}=m.useActions();return{activeSort:((i=e.find(c=>{var g;return O(c.value.sort,((g=o.products)==null?void 0:g.sort)||[])}))==null?void 0:i.id)??((a=e[0])==null?void 0:a.id),setSort:c=>{const g=e.find(s=>s.id===c);g&&t({products:{sort:g.value.sort}})}}}exports.useActions=m.useActions;exports.useLoadMore=m.useLoadMore;exports.useNostoAppState=m.useNostoAppState;exports.useDecoratedSearchResults=C;exports.useFacet=z;exports.useFacets=x;exports.usePagination=w;exports.usePersonalization=T;exports.useProductFilters=M;exports.useRange=R;exports.useRangeSelector=D;exports.useResponse=j;exports.useSelectedFiltersCount=I;exports.useSizeOptions=L;exports.useSort=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../useLoadMore-Co6PDmam.cjs"),P=require("../isEqual-DQXR__da.cjs"),v=require("preact/hooks"),q=require("../index.es-DlUp67LT.cjs"),N=require("../parseNumber-FsZ8w61u.cjs");function C(e){const o=m.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&P.isPlainObject(e)?e:o}function z(e){var a;const o=((a=e.data)==null?void 0:a.filter(c=>c.selected).length)??0,[t,n]=v.useState(o>0),{toggleProductFilter:u}=m.useActions();return{active:t,selectedFiltersCount:o,toggleActive:()=>{n(!t)},toggleProductFilter:u}}function x(){const{loading:e,facets:o}=m.useNostoAppState(t=>{var n,u;return{loading:t.loading,facets:((u=(n=t.response)==null?void 0:n.products)==null?void 0:u.facets)??[]}});return{loading:e,facets:o}}function k(e,o){const t=o-e;return!isNaN(t)&&t>0?new Array(o-e).fill(void 0).map((n,u)=>u+e):[]}function w(e){const{query:o,products:t}=m.useNostoAppState(n=>({query:n.query,products:n.response.products}));return v.useMemo(()=>{var F;if(!t)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const n=((F=o.products)==null?void 0:F.from)??0,u=(e==null?void 0:e.width)??1/0,i=Math.max(Math.floor(u-1)/2,1),a=t.size>0?Math.floor(n/t.size)+1:1,c=t.size>0?Math.ceil(t.total/t.size):0,g=A=>A>=a-i&&A<=a+i,s=n+1,l=Math.min(n+t.total,t.total),r={from:n,page:a,current:!0},p=A=>({from:(A-1)*t.size,page:A,current:A===a}),S=a>1?p(a-1):void 0,d=a<c?p(a+1):void 0,y=i===1/0||a-i-1>1?p(1):void 0,f=i===1/0||a+i+1<c?p(c):void 0,h=k(1,c+1).filter(g).map(p);return{totalPages:c,resultsFrom:s,resultsTo:l,current:r,prev:S,next:d,first:y,last:f,pages:h}},[o,t,e==null?void 0:e.width])}function T(){const[e,o]=v.useState([]),[t,n]=v.useState([]);return v.useEffect(()=>{q.s(async u=>{const{products:i,segments:a}=await u.getSearchSessionParams();o(a??[]),n((i==null?void 0:i.personalizationBoost)??[])})},[]),{segments:e,boost:t}}function B(){const{facets:e}=m.useNostoAppState(s=>{var l;return{facets:((l=s.response.products)==null?void 0:l.facets)??[]}}),{replaceFilter:o,toggleProductFilter:t}=m.useActions(),n=v.useCallback(s=>{const l=e==null?void 0:e.find(r=>r.type==="stats"&&r.field===s);if(l&&"min"in l&&"max"in l)return l},[e]),u=v.useCallback(s=>{var l;return((l=e==null?void 0:e.find(r=>r.field===s))==null?void 0:l.name)??s},[e]),i=v.useCallback(s=>"field"in s&&(s.value instanceof Array||s.range instanceof Array),[]),a=v.useCallback(s=>{var l;return{...s,range:(l=s.range)==null?void 0:l.map(r=>({gt:r.gt?Number(r.gt):r.gt,gte:r.gte?Number(r.gte):r.gte,lt:r.lt?Number(r.lt):r.lt,lte:r.lte?Number(r.lte):r.lte}))}},[]),c=v.useCallback(s=>(s.value??[]).map(r=>({value:r,field:s.field,name:u(s.field),filter:a(s),remove:()=>{t(s.field,r,!1)}})),[a,u,t]),g=v.useCallback(s=>(s.range??[]).map(r=>{var d,y;const p=r.gte??r.gt??((d=n(s.field))==null?void 0:d.min),S=r.lte??r.lt??((y=n(s.field))==null?void 0:y.max);if(p!==void 0&&S!==void 0)return{value:`${p} - ${S}`,field:s.field,name:u(s.field),filter:a(s),remove:()=>{o(s.field,void 0)}}}).filter(Boolean),[a,n,u,o]);return{selectFilters:i,toValueFilter:c,toRangeFilter:g}}function M(){const{filter:e}=m.useNostoAppState(c=>{var g;return{filter:((g=c.query.products)==null?void 0:g.filter)??[]}}),{updateSearch:o}=m.useActions(),{selectFilters:t,toValueFilter:n,toRangeFilter:u}=B(),i=v.useMemo(()=>e?e.filter(t).flatMap(c=>"value"in c?n(c):"range"in c?u(c):[]).filter(Boolean):[],[e,t,u,n]),a=v.useCallback(()=>{o({products:{filter:[]}})},[o]);return{filters:i,removeAll:a}}function R(e){var r,p,S;const{replaceFilter:o}=m.useActions(),{query:t,products:n}=m.useNostoAppState(d=>({query:d.query,products:d.response.products})),u=(r=n==null?void 0:n.facets)==null?void 0:r.find(d=>d.id===e);if(!u)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const i=(S=(p=t.products)==null?void 0:p.filter)==null?void 0:S.find(d=>d.field===u.field),a=i!=null&&i.range?i.range[0]:void 0,c=typeof a=="object"&&("gte"in a||"lte"in a)?[N.parseNumber(a.gte),N.parseNumber(a.lte)]:[void 0,void 0],g="min"in u?Math.floor(u.min):0,s="max"in u?Math.ceil(u.max):0,l=([d,y])=>{const f=d!==void 0?Math.floor(d):void 0,h=y!==void 0?Math.ceil(y):void 0,F=f!==void 0,A=h!==void 0;(g===f||!F)&&(s===h||!A)?o(u.field,void 0):(g===f||!F)&&A?o(u.field,{lte:h.toString()}):(s===h||!A)&&F?o(u.field,{gte:f.toString()}):F&&A&&o(u.field,{gte:f.toString(),lte:h.toString()})};return{min:g,max:s,range:[c[0]??g,c[1]??s],updateRange:l}}function D(e,o){const{min:t,max:n,range:u,updateRange:i}=R(e),{filters:a}=M(),c=v.useMemo(()=>{var y;const r=a.find(f=>{var h;return(h=f==null?void 0:f.filter)==null?void 0:h.range});let p=null;if(r){const f=(y=r.filter.range)==null?void 0:y[0];p=[N.parseNumber(f==null?void 0:f.gte),N.parseNumber(f==null?void 0:f.lte)]}const S=[];let d=Math.floor(t/o)*o;for(;d<n;){const f=d+o,h=p&&p[0]===d&&p[1]===f;S.push({min:d,max:f,selected:h}),d=f}return S},[a,t,n,o]),g=r=>{i([r,u[1]])},s=r=>{i([u[0],r])},l=t!==u[0]||n!==u[1];return{min:t,max:n,range:u,updateRange:i,ranges:c,handleMinChange:g,handleMaxChange:s,isSelected:l}}function j(){const{products:e,keywords:o}=m.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:o??{hits:[],total:0}}}function I(){const e=m.useNostoAppState(t=>{var n;return(n=t.query.products)==null?void 0:n.filter});return v.useMemo(()=>e?e.reduce((t,n)=>t+(Array.isArray(n.value)?n.value.length:1),0):0,[e])}function b(e){return e&&!Number.isNaN(e)?e:0}function L(e,o){const{from:t,size:n,total:u}=m.useNostoAppState(s=>{var l,r,p,S,d;return{from:b(((l=s.query.products)==null?void 0:l.from)??0),size:b(((p=(r=s.response)==null?void 0:r.products)==null?void 0:p.size)??0),total:b(((d=(S=s.response)==null?void 0:S.products)==null?void 0:d.total)??0)}}),{updateSearch:i}=m.useActions(),a=t+n,c=[...e].reverse().filter(s=>s+o<u);return{from:t,to:a,total:u,size:n,sizeOptions:c,handleSizeChange:s=>{i({products:{size:N.parseNumber(s)}})}}}function O(e,o){return e.length!==o.length?!1:e.every(t=>o.find(n=>t.field===n.field&&t.order===n.order))}function V(e){var i,a;const o=m.useNostoAppState(c=>c.query),{updateSearch:t}=m.useActions();return{activeSort:((i=e.find(c=>{var g;return O(c.value.sort,((g=o.products)==null?void 0:g.sort)||[])}))==null?void 0:i.id)??((a=e[0])==null?void 0:a.id),setSort:c=>{const g=e.find(s=>s.id===c);g&&t({products:{sort:g.value.sort}})}}}exports.useActions=m.useActions;exports.useLoadMore=m.useLoadMore;exports.useNostoAppState=m.useNostoAppState;exports.useDecoratedSearchResults=C;exports.useFacet=z;exports.useFacets=x;exports.usePagination=w;exports.usePersonalization=T;exports.useProductFilters=M;exports.useRange=R;exports.useRangeSelector=D;exports.useResponse=j;exports.useSelectedFiltersCount=I;exports.useSizeOptions=L;exports.useSort=V;

package/dist/preact/hooks.es.js

@@ -1,5 +1,5 @@
-import { u as F, b as R } from "../useLoadMore-CAy4DIRA.js";
-import { a as Y } from "../useLoadMore-CAy4DIRA.js";
+import { u as F, b as R } from "../useLoadMore-CHLvVMm8.js";
+import { a as Y } from "../useLoadMore-CHLvVMm8.js";
 import { a as N } from "../isEqual-BzZ3d1JM.js";
 import { useState as P, useMemo as z, useEffect as b, useCallback as M } from "preact/hooks";
 import { s as q } from "../index.es-B8mbAxS4.js";

package/dist/preact/legacy.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../InfiniteScrollWithObserver-B4qGyAhS.cjs"),r=require("../useLoadMore-CUkl79S_.cjs");exports.InfiniteScrollWithObserver=e.InfiniteScrollWithObserver;exports.intersectionObserverSupported=e.intersectionObserverSupported;exports.getNextPageQuery=r.getNextPageQuery;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../InfiniteScrollWithObserver-C3ILy8X_.cjs"),r=require("../useLoadMore-Co6PDmam.cjs");exports.InfiniteScrollWithObserver=e.InfiniteScrollWithObserver;exports.intersectionObserverSupported=e.intersectionObserverSupported;exports.getNextPageQuery=r.getNextPageQuery;

package/dist/preact/legacy.es.js

@@ -1,5 +1,5 @@
-import { I as t, i as o } from "../InfiniteScrollWithObserver-BXwW2XGJ.js";
-import { g as s } from "../useLoadMore-CAy4DIRA.js";
+import { I as t, i as o } from "../InfiniteScrollWithObserver-DGZxUITY.js";
+import { g as s } from "../useLoadMore-CHLvVMm8.js";
 export {
   t as InfiniteScrollWithObserver,
   s as getNextPageQuery,

package/dist/preact/serp.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../index.es-DlUp67LT.cjs"),s=require("../storeContext-DVs7r6Qm.cjs"),S=require("../renderHeadless-xhkLegO4.cjs"),a=require("../jsxRuntime.module-B3sGoTIU.cjs"),i=require("../baseConfig-BlLNh6Jn.cjs"),g="nosto:search:scrollPos";function d(){window.sessionStorage.setItem(g,window.scrollY.toString())}function C({children:e,hit:t,onClick:o}){const{pageType:r}=s.useConfig(),c=r==="autocomplete"?void 0:r==="search"?"serp":r;return S.renderHeadless({children:e,updateElement:(n,u)=>(u.depth>0||(n.props={...n.props,onClick:l=>{t&&c&&f.s(p=>p.recordSearchClick(c,t)),d(),typeof o=="function"&&o(l)}}),n)})}const h={...i.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function m(e={}){return{pageType:"search",...h,...e}}function P({config:e,store:t,children:o}){const r=t??s.createStore();return i.useCheckClientScript(),a.u(s.ConfigContext,{value:m(e),children:a.u(s.StoreContext,{value:r,children:o})})}exports.SearchPageProvider=P;exports.SerpElement=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../index.es-DlUp67LT.cjs"),s=require("../configContext-CGXeJcqj.cjs"),S=require("../renderHeadless-xhkLegO4.cjs"),a=require("../jsxRuntime.module-B3sGoTIU.cjs"),i=require("../baseConfig-BlLNh6Jn.cjs"),g="nosto:search:scrollPos";function d(){window.sessionStorage.setItem(g,window.scrollY.toString())}function C({children:e,hit:t,onClick:o}){const{pageType:r}=s.useConfig(),c=r==="autocomplete"?void 0:r==="search"?"serp":r;return S.renderHeadless({children:e,updateElement:(n,u)=>(u.depth>0||(n.props={...n.props,onClick:l=>{t&&c&&p.s(f=>f.recordSearchClick(c,t)),d(),typeof o=="function"&&o(l)}}),n)})}const h={...i.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function m(e={}){return{pageType:"search",...h,...e}}function P({config:e,store:t,children:o}){const r=t??s.createStore();return i.useCheckClientScript(),a.u(s.ConfigContext,{value:m(e),children:a.u(s.StoreContext,{value:r,children:o})})}exports.SearchPageProvider=P;exports.SerpElement=C;

package/dist/preact/serp.es.js

@@ -1,5 +1,5 @@
 import { s as l } from "../index.es-B8mbAxS4.js";
-import { u as f, c as u, S, C as m } from "../storeContext-jWZFJ8Kf.js";
+import { u as f, c as u, S, C as m } from "../configContext-CDTtcin_.js";
 import { r as g } from "../renderHeadless-BteGML1G.js";
 import { u as n } from "../jsxRuntime.module-Bzuv3cXw.js";
 import { d as C, u as d } from "../baseConfig-XyA_9NDR.js";

package/dist/preact/src/hooks/useLoadMore/getNextPageQuery.d.ts

@@ -1,11 +1,12 @@
-/**
- * Function to calculate the new query values for loading more products
- */
-export declare function getNextPageQuery({ from, size, pageSize }: {
+type NextPageQueryProps = {
     from: number;
     size: number;
     pageSize: number;
-}): {
+};
+/**
+ * Function to calculate the new query values for loading more products
+ */
+export declare function getNextPageQuery({ from, size, pageSize }: NextPageQueryProps): {
     products: {
         from: number;
         size?: undefined;
@@ -16,3 +17,4 @@ export declare function getNextPageQuery({ from, size, pageSize }: {
         from?: undefined;
     };
 };
+export {};

package/dist/preact/src/search/resultCaching.d.ts

@@ -1,4 +1,11 @@
 import { SearchQuery, SearchResult } from '@nosto/nosto-js/client';
 export declare const STORAGE_ENTRY_NAME = "nosto:search:searchResult";
+export type SearchResultDto = {
+    query: ReturnType<typeof getCacheKey>;
+    result: SearchResult;
+};
 export declare function cacheSearchResult(usePersistentCache: boolean, query: SearchQuery, result: SearchResult): void;
-export declare function loadCachedResultIfApplicable(usePersistentCache: boolean, query: SearchQuery): SearchResult | null;
+export declare function loadCachedResultIfApplicable(usePersistentCache: boolean, query: SearchQuery): SearchResultDto | null;
+declare function getCacheKey(query: SearchQuery): SearchQuery;
+export declare function isValueShapeCorrect(value: unknown): value is SearchResultDto;
+export {};

package/dist/preact/src/search/searchWithCache.d.ts

@@ -0,0 +1,4 @@
+import { SearchOptions } from '../../../core/src/types';
+import { SearchQuery } from '@nosto/nosto-js/client';
+import { Config } from '../config/config';
+export declare function searchWithCache(config: Config, searchQuery: SearchQuery, options: SearchOptions): Promise<import('@nosto/nosto-js/client').SearchResult>;

package/dist/useLoadMore-CHLvVMm8.js

@@ -0,0 +1,293 @@
+import { S as v, u as M } from "./configContext-CDTtcin_.js";
+import { useContext as F, useState as N, useEffect as z, useMemo as A, useCallback as f } from "preact/hooks";
+import { u as R, a as h, m as q, i as O } from "./unique-CyAMhegX.js";
+import { s as y } from "./search-DaZVHDP9.js";
+import { i as P, d as m } from "./isEqual-BzZ3d1JM.js";
+import { l as p } from "./logger-DW5RVLX8.js";
+function E(e = U) {
+  const r = F(v), [t, s] = N(e(r.getState()));
+  return r.onChange(e, s), z(() => () => r.clearOnChange(s), [r]), t;
+}
+const U = (e) => e;
+function J(e, r) {
+  return {
+    ...r,
+    products: {
+      facets: e === "autocomplete" ? void 0 : ["*"],
+      fields: K,
+      ...r.products
+    },
+    ...r.keywords ? {
+      keywords: {
+        ...r.keywords,
+        fields: R([...V, ...r.keywords.fields ?? []]),
+        highlight: r.keywords.highlight ?? {
+          preTag: "<strong>",
+          postTag: "</strong>"
+        }
+      }
+    } : {}
+  };
+}
+const K = [
+  "productId",
+  "url",
+  "name",
+  "imageUrl",
+  "imageHash",
+  "thumbUrl",
+  "description",
+  "brand",
+  "variantId",
+  "availability",
+  "price",
+  "priceText",
+  "categoryIds",
+  "categories",
+  "customFields.key",
+  "customFields.value",
+  "priceCurrencyCode",
+  "datePublished",
+  "listPrice",
+  "unitPricingBaseMeasure",
+  "unitPricingUnit",
+  "unitPricingMeasure",
+  "googleCategory",
+  "gtin",
+  "ageGroup",
+  "gender",
+  "condition",
+  "alternateImageUrls",
+  "ratingValue",
+  "reviewCount",
+  "inventoryLevel",
+  "skus.id",
+  "skus.name",
+  "skus.price",
+  "skus.listPrice",
+  "skus.priceText",
+  "skus.url",
+  "skus.imageUrl",
+  "skus.inventoryLevel",
+  "skus.customFields.key",
+  "skus.customFields.value",
+  "skus.availability",
+  "pid",
+  "onDiscount",
+  "extra.key",
+  "extra.value",
+  "saleable",
+  "available",
+  "tags1",
+  "tags2",
+  "tags3"
+], V = ["keyword", "_redirect"];
+function L(e, r, t) {
+  const s = JSON.stringify(r);
+  try {
+    p.info("Setting storage", e, s), t.setItem(e, s);
+  } catch (a) {
+    p.warn(a);
+  }
+}
+function _(e, r) {
+  try {
+    const t = r.getItem(e);
+    if (t)
+      return JSON.parse(t);
+  } catch (t) {
+    p.warn(t);
+  }
+}
+function j(e, r) {
+  L(e, r, sessionStorage);
+}
+function B(e) {
+  return _(e, sessionStorage);
+}
+const I = "nosto:search:searchResult";
+function D(e, r, t) {
+  if (!e)
+    return;
+  j(I, { query: r, result: t });
+}
+function G(e, r) {
+  if (!e)
+    return null;
+  const t = B(I);
+  if (!t || !H(t))
+    return null;
+  const s = b(t.query);
+  return P(b(r), s) ? t : null;
+}
+function b(e) {
+  const r = {
+    ...e,
+    time: void 0,
+    products: {
+      ...e.products,
+      size: void 0
+    }
+  };
+  return JSON.parse(JSON.stringify(r));
+}
+function H(e) {
+  return typeof e == "object" && e !== null && "query" in e && "result" in e;
+}
+async function W(e, r, t) {
+  const s = e.pageType !== "autocomplete" && e.persistentSearchCache, a = s ? await Q(r, t, s) : await y(r, t);
+  return D(s, r, a), a;
+}
+async function Q(e, r, t) {
+  var g, d, k, w, C;
+  const { from: s = 0, size: a = 0 } = e.products || {}, { result: o } = G(t, e) || {}, n = ((g = o == null ? void 0 : o.products) == null ? void 0 : g.hits) || [];
+  if (!o)
+    return await y(e, r);
+  if (a === n.length)
+    return o;
+  if (a < n.length)
+    return {
+      ...o,
+      products: {
+        ...o.products,
+        hits: n.slice(0, a),
+        total: ((d = o.products) == null ? void 0 : d.total) || 0
+      }
+    };
+  const c = a - n.length, i = s > 0 ? s + 1 : a - c, l = {
+    ...e,
+    products: {
+      ...e.products,
+      from: i,
+      size: c
+    }
+  }, u = await y(l, r);
+  return {
+    ...o,
+    products: {
+      ...o.products,
+      hits: [...((k = o.products) == null ? void 0 : k.hits) || [], ...((w = u.products) == null ? void 0 : w.hits) || []],
+      total: (C = u.products) == null ? void 0 : C.total
+    }
+  };
+}
+async function T(e, r, t) {
+  var l, u, g;
+  const s = h("newSearch"), a = e.config.pageType, o = a === "search" ? "serp" : a, n = m(e.store.getInitialState().query, r), c = m(e.config.search, t, {
+    track: o,
+    redirect: a !== "autocomplete",
+    isKeyword: !!(t != null && t.isKeyword)
+  });
+  e.store.updateState({
+    query: n,
+    loading: !0,
+    initialized: !0
+  });
+  const i = e.config.queryModifications(
+    {
+      ...n,
+      products: {
+        ...n.products,
+        // Apply filter merging to avoid overwriting base filters
+        filter: q((u = (l = e.store.getInitialState().query) == null ? void 0 : l.products) == null ? void 0 : u.filter, (g = r.products) == null ? void 0 : g.filter)
+      }
+    },
+    a
+  );
+  try {
+    const d = await W(
+      e.config,
+      J(e.config.pageType, i),
+      c
+    );
+    e.store.updateState({
+      response: d,
+      loading: !1
+    });
+  } catch (d) {
+    p.error("Search action failed", d);
+  }
+  s();
+}
+async function S(e, r, t) {
+  const s = h("updateSearch"), a = m(e.store.getState().query, { products: { from: 0 } }, r);
+  await T(e, a, t), s();
+}
+async function Y(e, r, t) {
+  var n;
+  const s = h("replaceFilter"), a = (n = e.store.getState().query.products) == null ? void 0 : n.filter, o = t !== void 0 ? [{ field: r, [typeof t == "object" ? "range" : "value"]: [t] }] : [];
+  await S(e, {
+    products: {
+      filter: [...(a == null ? void 0 : a.filter((c) => c.field !== r)) ?? [], ...o]
+    }
+  }), s();
+}
+async function X(e, r, t, s) {
+  var i, l;
+  const a = h("toggleProductFilter"), o = (i = e.store.getState().query.products) == null ? void 0 : i.filter, n = o == null ? void 0 : o.find((u) => u.value instanceof Array && u.field === r), c = n != null && n.value ? {
+    ...n,
+    value: [...n.value.filter((u) => !P(u, t)), ...s ? [t] : []]
+  } : s ? {
+    field: r,
+    value: [t]
+  } : void 0;
+  await S(e, {
+    products: {
+      filter: [...(o == null ? void 0 : o.filter((u) => u !== n)) ?? [], ...(l = c == null ? void 0 : c.value) != null && l.length ? [c] : []]
+    }
+  }), a();
+}
+function Z() {
+  const e = M(), r = F(v), t = A(
+    () => ({
+      config: e,
+      store: r
+    }),
+    [e, r]
+  ), s = f(
+    (c, i) => T(t, c, i),
+    [t]
+  ), a = f(
+    (c, i) => S(t, c, i),
+    [t]
+  ), o = f(
+    (c, i, l) => X(t, c, i, l),
+    [t]
+  ), n = f(
+    (c, i) => Y(t, c, i),
+    [t]
+  );
+  return {
+    newSearch: s,
+    updateSearch: a,
+    toggleProductFilter: o,
+    replaceFilter: n
+  };
+}
+function $({ from: e, size: r, pageSize: t }) {
+  return O() ? {
+    products: { from: e + t }
+  } : {
+    products: { size: r + t }
+  };
+}
+function ae(e = 24) {
+  const { from: r, size: t } = E((o) => {
+    var n, c;
+    return {
+      from: ((n = o.query.products) == null ? void 0 : n.from) ?? 0,
+      size: ((c = o.query.products) == null ? void 0 : c.size) ?? 0
+    };
+  }), { updateSearch: s } = Z();
+  return {
+    loadMore: f(async () => {
+      await s($({ from: r, size: t, pageSize: e }));
+    }, [r, t, e, s])
+  };
+}
+export {
+  ae as a,
+  Z as b,
+  $ as g,
+  E as u
+};

package/dist/useLoadMore-Co6PDmam.cjs

@@ -0,0 +1 @@
+"use strict";const S=require("./configContext-CGXeJcqj.cjs"),l=require("preact/hooks"),g=require("./unique-BCAEb4ek.cjs"),k=require("./search-DJ_ktWg-.cjs"),h=require("./isEqual-DQXR__da.cjs"),y=require("./logger-DbHGgDgO.cjs");function v(e=N){const r=l.useContext(S.StoreContext),[t,s]=l.useState(e(r.getState()));return r.onChange(e,s),l.useEffect(()=>()=>r.clearOnChange(s),[r]),t}const N=e=>e;function T(e,r){return{...r,products:{facets:e==="autocomplete"?void 0:["*"],fields:A,...r.products},...r.keywords?{keywords:{...r.keywords,fields:g.unique([...z,...r.keywords.fields??[]]),highlight:r.keywords.highlight??{preTag:"<strong>",postTag:"</strong>"}}}:{}}}const A=["productId","url","name","imageUrl","imageHash","thumbUrl","description","brand","variantId","availability","price","priceText","categoryIds","categories","customFields.key","customFields.value","priceCurrencyCode","datePublished","listPrice","unitPricingBaseMeasure","unitPricingUnit","unitPricingMeasure","googleCategory","gtin","ageGroup","gender","condition","alternateImageUrls","ratingValue","reviewCount","inventoryLevel","skus.id","skus.name","skus.price","skus.listPrice","skus.priceText","skus.url","skus.imageUrl","skus.inventoryLevel","skus.customFields.key","skus.customFields.value","skus.availability","pid","onDiscount","extra.key","extra.value","saleable","available","tags1","tags2","tags3"],z=["keyword","_redirect"];function E(e,r,t){const s=JSON.stringify(r);try{y.logger.info("Setting storage",e,s),t.setItem(e,s)}catch(a){y.logger.warn(a)}}function R(e,r){try{const t=r.getItem(e);if(t)return JSON.parse(t)}catch(t){y.logger.warn(t)}}function O(e,r){E(e,r,sessionStorage)}function U(e){return R(e,sessionStorage)}const F="nosto:search:searchResult";function J(e,r,t){if(!e)return;O(F,{query:r,result:t})}function K(e,r){if(!e)return null;const t=U(F);if(!t||!L(t))return null;const s=q(t.query);return h.isEqual(q(r),s)?t:null}function q(e){const r={...e,time:void 0,products:{...e.products,size:void 0}};return JSON.parse(JSON.stringify(r))}function L(e){return typeof e=="object"&&e!==null&&"query"in e&&"result"in e}async function V(e,r,t){const s=e.pageType!=="autocomplete"&&e.persistentSearchCache,a=s?await _(r,t,s):await k.search(r,t);return J(s,r,a),a}async function _(e,r,t){var p,f,C,w,b;const{from:s=0,size:a=0}=e.products||{},{result:o}=K(t,e)||{},n=((p=o==null?void 0:o.products)==null?void 0:p.hits)||[];if(!o)return await k.search(e,r);if(a===n.length)return o;if(a<n.length)return{...o,products:{...o.products,hits:n.slice(0,a),total:((f=o.products)==null?void 0:f.total)||0}};const c=a-n.length,i=s>0?s+1:a-c,d={...e,products:{...e.products,from:i,size:c}},u=await k.search(d,r);return{...o,products:{...o.products,hits:[...((C=o.products)==null?void 0:C.hits)||[],...((w=u.products)==null?void 0:w.hits)||[]],total:(b=u.products)==null?void 0:b.total}}}async function P(e,r,t){var d,u,p;const s=g.measure("newSearch"),a=e.config.pageType,o=a==="search"?"serp":a,n=h.deepMerge(e.store.getInitialState().query,r),c=h.deepMerge(e.config.search,t,{track:o,redirect:a!=="autocomplete",isKeyword:!!(t!=null&&t.isKeyword)});e.store.updateState({query:n,loading:!0,initialized:!0});const i=e.config.queryModifications({...n,products:{...n.products,filter:g.mergeArrays((u=(d=e.store.getInitialState().query)==null?void 0:d.products)==null?void 0:u.filter,(p=r.products)==null?void 0:p.filter)}},a);try{const f=await V(e.config,T(e.config.pageType,i),c);e.store.updateState({response:f,loading:!1})}catch(f){y.logger.error("Search action failed",f)}s()}async function m(e,r,t){const s=g.measure("updateSearch"),a=h.deepMerge(e.store.getState().query,{products:{from:0}},r);await P(e,a,t),s()}async function j(e,r,t){var n;const s=g.measure("replaceFilter"),a=(n=e.store.getState().query.products)==null?void 0:n.filter,o=t!==void 0?[{field:r,[typeof t=="object"?"range":"value"]:[t]}]:[];await m(e,{products:{filter:[...(a==null?void 0:a.filter(c=>c.field!==r))??[],...o]}}),s()}async function B(e,r,t,s){var i,d;const a=g.measure("toggleProductFilter"),o=(i=e.store.getState().query.products)==null?void 0:i.filter,n=o==null?void 0:o.find(u=>u.value instanceof Array&&u.field===r),c=n!=null&&n.value?{...n,value:[...n.value.filter(u=>!h.isEqual(u,t)),...s?[t]:[]]}:s?{field:r,value:[t]}:void 0;await m(e,{products:{filter:[...(o==null?void 0:o.filter(u=>u!==n))??[],...(d=c==null?void 0:c.value)!=null&&d.length?[c]:[]]}}),a()}function M(){const e=S.useConfig(),r=l.useContext(S.StoreContext),t=l.useMemo(()=>({config:e,store:r}),[e,r]),s=l.useCallback((c,i)=>P(t,c,i),[t]),a=l.useCallback((c,i)=>m(t,c,i),[t]),o=l.useCallback((c,i,d)=>B(t,c,i,d),[t]),n=l.useCallback((c,i)=>j(t,c,i),[t]);return{newSearch:s,updateSearch:a,toggleProductFilter:o,replaceFilter:n}}function I({from:e,size:r,pageSize:t}){return g.isBot()?{products:{from:e+t}}:{products:{size:r+t}}}function D(e=24){const{from:r,size:t}=v(o=>{var n,c;return{from:((n=o.query.products)==null?void 0:n.from)??0,size:((c=o.query.products)==null?void 0:c.size)??0}}),{updateSearch:s}=M();return{loadMore:l.useCallback(async()=>{await s(I({from:r,size:t,pageSize:e}))},[r,t,e,s])}}exports.getNextPageQuery=I;exports.useActions=M;exports.useLoadMore=D;exports.useNostoAppState=v;

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

@@ -0,0 +1,14 @@
+export type InputBindingCallbacks = {
+    onSubmit?: (value: string) => void;
+    onInput?: (value: string) => void;
+    onFocus?: (value: string) => void;
+    onKeyDown?: (value: string, key: string) => void;
+    onClick?: (value: string) => void;
+};
+export interface BindElementOptions {
+    form?: HTMLFormElement;
+}
+export declare function disableNativeAutocomplete(target: HTMLInputElement): void;
+export declare function bindInput(target: HTMLInputElement, { onClick, onFocus, onInput, onKeyDown, onSubmit }: InputBindingCallbacks, { form }?: BindElementOptions): {
+    destroy: () => void;
+};

package/package.json

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

package/dist/storeContext-DVs7r6Qm.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("preact"),w=require("preact/hooks"),i=require("./isEqual-DQXR__da.cjs"),l=s.createContext(null),M=()=>{const e=w.useContext(l);if(!e)throw new Error("useConfig must be used within a ConfigProvider");return e};function f(e,u={}){const r=new Map;let o=i.deepMergePlain(e,u??{});const S=i.deepMergePlain(e,u);function d(t){o=t(o);for(const n of r.values())n(o)}function x(t){d(n=>({...n,...t}))}function p(){return o}function h(){return structuredClone(S)}function q(t,n){let c;r.set(n,b=>{const a=t(b);i.isEqual(a,c)||(c=a,n(a))})}function E(t){r.delete(t)}return{updateState:x,getState:p,getInitialState:h,onChange:q,clearOnChange:E}}const C={loading:!0,query:{},response:{},initialized:!1};function g(e={}){return f(C,e)}const P=s.createContext(g());exports.ConfigContext=l;exports.StoreContext=P;exports.createExtendableStore=f;exports.createStore=g;exports.defaultState=C;exports.useConfig=M;

package/dist/useLoadMore-CAy4DIRA.js

@@ -1,262 +0,0 @@
-import { u as M, S as C } from "./storeContext-jWZFJ8Kf.js";
-import { useContext as b, useMemo as T, useCallback as g, useState as A, useEffect as R } from "preact/hooks";
-import { s as N } from "./search-DaZVHDP9.js";
-import { u as Q, a as p, m as E, i as U } from "./unique-CyAMhegX.js";
-import { i as P, d as m } from "./isEqual-BzZ3d1JM.js";
-import { l as f } from "./logger-DW5RVLX8.js";
-function V(e, r) {
-  return {
-    ...r,
-    products: {
-      facets: e === "autocomplete" ? void 0 : ["*"],
-      fields: K,
-      ...r.products
-    },
-    ...r.keywords ? {
-      keywords: {
-        ...r.keywords,
-        fields: Q([...O, ...r.keywords.fields ?? []]),
-        highlight: r.keywords.highlight ?? {
-          preTag: "<strong>",
-          postTag: "</strong>"
-        }
-      }
-    } : {}
-  };
-}
-const K = [
-  "productId",
-  "url",
-  "name",
-  "imageUrl",
-  "imageHash",
-  "thumbUrl",
-  "description",
-  "brand",
-  "variantId",
-  "availability",
-  "price",
-  "priceText",
-  "categoryIds",
-  "categories",
-  "customFields.key",
-  "customFields.value",
-  "priceCurrencyCode",
-  "datePublished",
-  "listPrice",
-  "unitPricingBaseMeasure",
-  "unitPricingUnit",
-  "unitPricingMeasure",
-  "googleCategory",
-  "gtin",
-  "ageGroup",
-  "gender",
-  "condition",
-  "alternateImageUrls",
-  "ratingValue",
-  "reviewCount",
-  "inventoryLevel",
-  "skus.id",
-  "skus.name",
-  "skus.price",
-  "skus.listPrice",
-  "skus.priceText",
-  "skus.url",
-  "skus.imageUrl",
-  "skus.inventoryLevel",
-  "skus.customFields.key",
-  "skus.customFields.value",
-  "skus.availability",
-  "pid",
-  "onDiscount",
-  "extra.key",
-  "extra.value",
-  "saleable",
-  "available",
-  "tags1",
-  "tags2",
-  "tags3"
-], O = ["keyword", "_redirect"];
-function z(e, r, t) {
-  const s = JSON.stringify(r);
-  try {
-    f.info("Setting storage", e, s), t.setItem(e, s);
-  } catch (o) {
-    f.warn(o);
-  }
-}
-function D(e, r) {
-  try {
-    const t = r.getItem(e);
-    if (t)
-      return JSON.parse(t);
-  } catch (t) {
-    f.warn(t);
-  }
-}
-function L(e, r) {
-  z(e, r, sessionStorage);
-}
-function _(e) {
-  return D(e, sessionStorage);
-}
-const F = "nosto:search:searchResult";
-function j(e, r, t) {
-  if (!e)
-    return;
-  L(F, { query: r, result: t });
-}
-function B(e, r) {
-  if (!e)
-    return null;
-  const t = _(F);
-  if (!t || !G(t))
-    return null;
-  const s = w(t.query);
-  return P(w(r), s) ? t.result : null;
-}
-function w(e) {
-  return {
-    accountId: e.accountId,
-    customRules: e.customRules,
-    explain: e.explain,
-    keywords: e.keywords,
-    products: e.products,
-    query: e.query,
-    redirect: e.redirect,
-    rules: e.rules,
-    segments: e.segments,
-    sessionParams: e.sessionParams
-  };
-}
-function G(e) {
-  return typeof e == "object" && e !== null && "query" in e && "result" in e;
-}
-async function I(e, r, t) {
-  var u, h, S;
-  const s = p("newSearch"), o = e.config.pageType, c = o === "search" ? "serp" : o, n = m(e.store.getInitialState().query, r), a = m(e.config.search, t, {
-    track: c,
-    redirect: o !== "autocomplete",
-    isKeyword: !!(t != null && t.isKeyword)
-  });
-  e.store.updateState({
-    query: n,
-    loading: !0,
-    initialized: !0
-  });
-  const i = o !== "autocomplete" && e.config.persistentSearchCache, l = e.config.queryModifications(
-    {
-      ...n,
-      products: {
-        ...n.products,
-        // Apply filter merging to avoid overwriting base filters
-        filter: E((h = (u = e.store.getInitialState().query) == null ? void 0 : u.products) == null ? void 0 : h.filter, (S = r.products) == null ? void 0 : S.filter)
-      }
-    },
-    o
-  );
-  try {
-    let d;
-    const k = B(i, l);
-    if (k)
-      d = k;
-    else {
-      const v = V(o, l);
-      d = await N(v, a), j(i, l, d);
-    }
-    e.store.updateState({
-      response: d,
-      loading: !1
-    });
-  } catch (d) {
-    f.error("Search action failed", d);
-  }
-  s();
-}
-async function y(e, r, t) {
-  const s = p("updateSearch"), o = m(e.store.getState().query, { products: { from: 0 } }, r);
-  await I(e, o, t), s();
-}
-async function J(e, r, t) {
-  var n;
-  const s = p("replaceFilter"), o = (n = e.store.getState().query.products) == null ? void 0 : n.filter, c = t !== void 0 ? [{ field: r, [typeof t == "object" ? "range" : "value"]: [t] }] : [];
-  await y(e, {
-    products: {
-      filter: [...(o == null ? void 0 : o.filter((a) => a.field !== r)) ?? [], ...c]
-    }
-  }), s();
-}
-async function q(e, r, t, s) {
-  var i, l;
-  const o = p("toggleProductFilter"), c = (i = e.store.getState().query.products) == null ? void 0 : i.filter, n = c == null ? void 0 : c.find((u) => u.value instanceof Array && u.field === r), a = n != null && n.value ? {
-    ...n,
-    value: [...n.value.filter((u) => !P(u, t)), ...s ? [t] : []]
-  } : s ? {
-    field: r,
-    value: [t]
-  } : void 0;
-  await y(e, {
-    products: {
-      filter: [...(c == null ? void 0 : c.filter((u) => u !== n)) ?? [], ...(l = a == null ? void 0 : a.value) != null && l.length ? [a] : []]
-    }
-  }), o();
-}
-function x() {
-  const e = M(), r = b(C), t = T(
-    () => ({
-      config: e,
-      store: r
-    }),
-    [e, r]
-  ), s = g(
-    (a, i) => I(t, a, i),
-    [t]
-  ), o = g(
-    (a, i) => y(t, a, i),
-    [t]
-  ), c = g(
-    (a, i, l) => q(t, a, i, l),
-    [t]
-  ), n = g(
-    (a, i) => J(t, a, i),
-    [t]
-  );
-  return {
-    newSearch: s,
-    updateSearch: o,
-    toggleProductFilter: c,
-    replaceFilter: n
-  };
-}
-function H(e = W) {
-  const r = b(C), [t, s] = A(e(r.getState()));
-  return r.onChange(e, s), R(() => () => r.clearOnChange(s), [r]), t;
-}
-const W = (e) => e;
-function Y({ from: e, size: r, pageSize: t }) {
-  return U() ? {
-    products: { from: e + t }
-  } : {
-    products: { size: r + t }
-  };
-}
-function se(e = 24) {
-  const { from: r, size: t } = H((c) => {
-    var n, a;
-    return {
-      from: ((n = c.query.products) == null ? void 0 : n.from) ?? 0,
-      size: ((a = c.query.products) == null ? void 0 : a.size) ?? 0
-    };
-  }), { updateSearch: s } = x();
-  return {
-    loadMore: g(async () => {
-      await s(Y({ from: r, size: t, pageSize: e }));
-    }, [r, t, e, s])
-  };
-}
-export {
-  se as a,
-  x as b,
-  Y as g,
-  H as u
-};

package/dist/useLoadMore-CUkl79S_.cjs

@@ -1 +0,0 @@
-"use strict";const h=require("./storeContext-DVs7r6Qm.cjs"),i=require("preact/hooks"),q=require("./search-DJ_ktWg-.cjs"),g=require("./unique-BCAEb4ek.cjs"),p=require("./isEqual-DQXR__da.cjs"),y=require("./logger-DbHGgDgO.cjs");function A(e,r){return{...r,products:{facets:e==="autocomplete"?void 0:["*"],fields:N,...r.products},...r.keywords?{keywords:{...r.keywords,fields:g.unique([...T,...r.keywords.fields??[]]),highlight:r.keywords.highlight??{preTag:"<strong>",postTag:"</strong>"}}}:{}}}const N=["productId","url","name","imageUrl","imageHash","thumbUrl","description","brand","variantId","availability","price","priceText","categoryIds","categories","customFields.key","customFields.value","priceCurrencyCode","datePublished","listPrice","unitPricingBaseMeasure","unitPricingUnit","unitPricingMeasure","googleCategory","gtin","ageGroup","gender","condition","alternateImageUrls","ratingValue","reviewCount","inventoryLevel","skus.id","skus.name","skus.price","skus.listPrice","skus.priceText","skus.url","skus.imageUrl","skus.inventoryLevel","skus.customFields.key","skus.customFields.value","skus.availability","pid","onDiscount","extra.key","extra.value","saleable","available","tags1","tags2","tags3"],T=["keyword","_redirect"];function E(e,r,t){const s=JSON.stringify(r);try{y.logger.info("Setting storage",e,s),t.setItem(e,s)}catch(o){y.logger.warn(o)}}function Q(e,r){try{const t=r.getItem(e);if(t)return JSON.parse(t)}catch(t){y.logger.warn(t)}}function R(e,r){E(e,r,sessionStorage)}function U(e){return Q(e,sessionStorage)}const b="nosto:search:searchResult";function V(e,r,t){if(!e)return;R(b,{query:r,result:t})}function x(e,r){if(!e)return null;const t=U(b);if(!t||!K(t))return null;const s=w(t.query);return p.isEqual(w(r),s)?t.result:null}function w(e){return{accountId:e.accountId,customRules:e.customRules,explain:e.explain,keywords:e.keywords,products:e.products,query:e.query,redirect:e.redirect,rules:e.rules,segments:e.segments,sessionParams:e.sessionParams}}function K(e){return typeof e=="object"&&e!==null&&"query"in e&&"result"in e}async function P(e,r,t){var l,m,k;const s=g.measure("newSearch"),o=e.config.pageType,c=o==="search"?"serp":o,n=p.deepMerge(e.store.getInitialState().query,r),a=p.deepMerge(e.config.search,t,{track:c,redirect:o!=="autocomplete",isKeyword:!!(t!=null&&t.isKeyword)});e.store.updateState({query:n,loading:!0,initialized:!0});const u=o!=="autocomplete"&&e.config.persistentSearchCache,d=e.config.queryModifications({...n,products:{...n.products,filter:g.mergeArrays((m=(l=e.store.getInitialState().query)==null?void 0:l.products)==null?void 0:m.filter,(k=r.products)==null?void 0:k.filter)}},o);try{let f;const C=x(u,d);if(C)f=C;else{const M=A(o,d);f=await q.search(M,a),V(u,d,f)}e.store.updateState({response:f,loading:!1})}catch(f){y.logger.error("Search action failed",f)}s()}async function S(e,r,t){const s=g.measure("updateSearch"),o=p.deepMerge(e.store.getState().query,{products:{from:0}},r);await P(e,o,t),s()}async function L(e,r,t){var n;const s=g.measure("replaceFilter"),o=(n=e.store.getState().query.products)==null?void 0:n.filter,c=t!==void 0?[{field:r,[typeof t=="object"?"range":"value"]:[t]}]:[];await S(e,{products:{filter:[...(o==null?void 0:o.filter(a=>a.field!==r))??[],...c]}}),s()}async function O(e,r,t,s){var u,d;const o=g.measure("toggleProductFilter"),c=(u=e.store.getState().query.products)==null?void 0:u.filter,n=c==null?void 0:c.find(l=>l.value instanceof Array&&l.field===r),a=n!=null&&n.value?{...n,value:[...n.value.filter(l=>!p.isEqual(l,t)),...s?[t]:[]]}:s?{field:r,value:[t]}:void 0;await S(e,{products:{filter:[...(c==null?void 0:c.filter(l=>l!==n))??[],...(d=a==null?void 0:a.value)!=null&&d.length?[a]:[]]}}),o()}function F(){const e=h.useConfig(),r=i.useContext(h.StoreContext),t=i.useMemo(()=>({config:e,store:r}),[e,r]),s=i.useCallback((a,u)=>P(t,a,u),[t]),o=i.useCallback((a,u)=>S(t,a,u),[t]),c=i.useCallback((a,u,d)=>O(t,a,u,d),[t]),n=i.useCallback((a,u)=>L(t,a,u),[t]);return{newSearch:s,updateSearch:o,toggleProductFilter:c,replaceFilter:n}}function I(e=z){const r=i.useContext(h.StoreContext),[t,s]=i.useState(e(r.getState()));return r.onChange(e,s),i.useEffect(()=>()=>r.clearOnChange(s),[r]),t}const z=e=>e;function v({from:e,size:r,pageSize:t}){return g.isBot()?{products:{from:e+t}}:{products:{size:r+t}}}function D(e=24){const{from:r,size:t}=I(c=>{var n,a;return{from:((n=c.query.products)==null?void 0:n.from)??0,size:((a=c.query.products)==null?void 0:a.size)??0}}),{updateSearch:s}=F();return{loadMore:i.useCallback(async()=>{await s(v({from:r,size:t,pageSize:e}))},[r,t,e,s])}}exports.getNextPageQuery=v;exports.useActions=F;exports.useLoadMore=D;exports.useNostoAppState=I;