@nosto/search-js 1.7.6 → 1.8.0

package/dist/preact/preact.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../utils/utils.cjs.js"),s=require("../InfiniteScrollWithObserver-DbErxedF.cjs"),x=require("preact"),F=require("../index.es-DlUp67LT.cjs"),m=require("preact/hooks");function z({pageSize:e}){const{loadMore:n}=s.useLoadMore(e);return s.u("button",{onClick:n,children:"More results"})}function R({children:e,loadMoreComponent:n,pageSize:t}){const{loading:o,query:r,response:a}=s.useNostoAppState(l=>s.pick(l,"loading","query","response")),i=!o&&s.hasMoreResults(r,a);return s.u(x.Fragment,{children:[e,i&&(n?s.u(n,{pageSize:t}):s.u(z,{pageSize:t}))]})}const T=!I.isBot()&&s.intersectionObserverSupported()?s.InfiniteScrollWithObserver:R;function E(e){return e.type==="input"}function L(e){return!!e&&typeof e=="object"&&"type"in e&&"props"in e}function N(e,n={depth:0}){const{children:t}=e;return x.toChildArray(t).map(o=>{if(!L(o))return o;const r=e.updateElement(o,n);return r===null?null:(r.props={...r.props,children:N({...e,children:r.props.children},{depth:n.depth+1})},r)})}function B({children:e,onSearchInput:n}){return N({children:e,updateElement:t=>(!E(t)||t.props.type!=="search"||(t.props={...t.props,onInput:o=>{o.target instanceof HTMLInputElement&&n(o.target)}}),t)})}const O="nosto:search:scrollPos";function j(){window.sessionStorage.setItem(O,window.scrollY.toString())}function D({children:e,hit:n,onClick:t}){const{pageType:o}=s.useConfig(),r=o==="autocomplete"?void 0:o;return N({children:e,updateElement:(a,i)=>(i.depth>0||(a.props={...a.props,onClick:l=>{n&&r&&F.s(p=>p.recordSearchClick(r,n)),j(),typeof t=="function"&&t(l)}}),a)})}function b(){m.useEffect(()=>{const e=window.setTimeout(()=>{console.error("Nosto client script has not loaded after 3 seconds.")},3e3);F.s(()=>{window.clearTimeout(e)})},[])}const k={defaultCurrency:"EUR",queryModifications:e=>e},V={...k};function W(e){return{pageType:"autocomplete",...V,...e}}function H({config:e,store:n,children:t}){const o=n??s.createStore();return b(),s.u(s.ConfigContext,{value:W(e),children:s.u(s.StoreContext,{value:o,children:t})})}const U={...k,persistentSearchCache:!1,preservePageScroll:!1};function _(e){return{pageType:"category",...U,...e}}function $({config:e,store:n,children:t}){const o=n??s.createStore();return b(),s.u(s.ConfigContext,{value:_(e),children:s.u(s.StoreContext,{value:o,children:t})})}const K={...k,persistentSearchCache:!1,preservePageScroll:!1};function Y(e={}){return{pageType:"serp",...K,...e}}function G({config:e,store:n,children:t}){const o=n??s.createStore();return b(),s.u(s.ConfigContext,{value:Y(e),children:s.u(s.StoreContext,{value:o,children:t})})}function J(e){const n=s.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&s.isPlainObject(e)?e:n}function Q(e){var i;const n=((i=e.data)==null?void 0:i.filter(l=>l.selected).length)??0,[t,o]=m.useState(n>0),{toggleProductFilter:r}=s.useActions();return{active:t,selectedFiltersCount:n,toggleActive:()=>{o(!t)},toggleProductFilter:r}}function X(){const{loading:e,facets:n}=s.useNostoAppState(t=>{var o,r;return{loading:t.loading,facets:((r=(o=t.response)==null?void 0:o.products)==null?void 0:r.facets)??[]}});return{loading:e,facets:n}}function Z(e,n){const t=n-e;return!isNaN(t)&&t>0?new Array(n-e).fill(void 0).map((o,r)=>r+e):[]}function ee(e){const{query:n,products:t}=s.useNostoAppState(o=>({query:o.query,products:o.response.products}));return m.useMemo(()=>{var A;if(!t)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const o=((A=n.products)==null?void 0:A.from)??0,r=(e==null?void 0:e.width)??1/0,a=Math.max(Math.floor(r-1)/2,1),i=t.size>0?Math.floor(o/t.size)+1:1,l=t.size>0?Math.ceil(t.total/t.size):0,p=y=>y>=i-a&&y<=i+a,u=o+1,d=Math.min(o+t.total,t.total),c={from:o,page:i,current:!0},S=y=>({from:(y-1)*t.size,page:y,current:y===i}),h=i>1?S(i-1):void 0,f=i<l?S(i+1):void 0,C=a===1/0||i-a-1>1?S(1):void 0,g=a===1/0||i+a+1<l?S(l):void 0,v=Z(1,l+1).filter(p).map(S);return{totalPages:l,resultsFrom:u,resultsTo:d,current:c,prev:h,next:f,first:C,last:g,pages:v}},[n,t,e==null?void 0:e.width])}function te(){const[e,n]=m.useState([]),[t,o]=m.useState([]);return m.useEffect(()=>{F.s(async r=>{const{products:a,segments:i}=await r.getSearchSessionParams();n(i??[]),o((a==null?void 0:a.personalizationBoost)??[])})},[]),{segments:e,boost:t}}function ne(){const{facets:e}=s.useNostoAppState(u=>{var d;return{facets:((d=u.response.products)==null?void 0:d.facets)??[]}}),{replaceFilter:n,toggleProductFilter:t}=s.useActions(),o=m.useCallback(u=>{const d=e==null?void 0:e.find(c=>c.type==="stats"&&c.field===u);if(d&&"min"in d&&"max"in d)return d},[e]),r=m.useCallback(u=>{var d;return((d=e==null?void 0:e.find(c=>c.field===u))==null?void 0:d.name)??u},[e]),a=m.useCallback(u=>"field"in u&&(u.value instanceof Array||u.range instanceof Array),[]),i=m.useCallback(u=>{var d;return{...u,range:(d=u.range)==null?void 0:d.map(c=>({gt:c.gt?Number(c.gt):c.gt,gte:c.gte?Number(c.gte):c.gte,lt:c.lt?Number(c.lt):c.lt,lte:c.lte?Number(c.lte):c.lte}))}},[]),l=m.useCallback(u=>(u.value??[]).map(c=>({value:c,field:u.field,name:r(u.field),filter:i(u),remove:()=>{t(u.field,c,!1)}})),[i,r,t]),p=m.useCallback(u=>(u.range??[]).map(c=>{var f,C;const S=c.gte??c.gt??((f=o(u.field))==null?void 0:f.min),h=c.lte??c.lt??((C=o(u.field))==null?void 0:C.max);if(S!==void 0&&h!==void 0)return{value:`${S} - ${h}`,field:u.field,name:r(u.field),filter:i(u),remove:()=>{n(u.field,void 0)}}}).filter(Boolean),[i,o,r,n]);return{selectFilters:a,toValueFilter:l,toRangeFilter:p}}function q(){const{filter:e}=s.useNostoAppState(l=>{var p;return{filter:((p=l.query.products)==null?void 0:p.filter)??[]}}),{updateSearch:n}=s.useActions(),{selectFilters:t,toValueFilter:o,toRangeFilter:r}=ne(),a=m.useMemo(()=>e?e.filter(t).flatMap(l=>"value"in l?o(l):"range"in l?r(l):[]).filter(Boolean):[],[e,t,r,o]),i=m.useCallback(()=>{n({products:{filter:[]}})},[n]);return{filters:a,removeAll:i}}function P(e){if(typeof e=="number")return e;if(typeof e!="string")return;const n=Number(e);return isNaN(n)?void 0:n}function w(e){var c,S,h;const{replaceFilter:n}=s.useActions(),{query:t,products:o}=s.useNostoAppState(f=>({query:f.query,products:f.response.products})),r=(c=o==null?void 0:o.facets)==null?void 0:c.find(f=>f.id===e);if(!r)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const a=(h=(S=t.products)==null?void 0:S.filter)==null?void 0:h.find(f=>f.field===r.field),i=a!=null&&a.range?a.range[0]:void 0,l=typeof i=="object"&&("gte"in i||"lte"in i)?[P(i.gte),P(i.lte)]:[void 0,void 0],p="min"in r?Math.floor(r.min):0,u="max"in r?Math.ceil(r.max):0,d=([f,C])=>{const g=f!==void 0?Math.floor(f):void 0,v=C!==void 0?Math.ceil(C):void 0,A=g!==void 0,y=v!==void 0;(p===g||!A)&&(u===v||!y)?n(r.field,void 0):(p===g||!A)&&y?n(r.field,{lte:v.toString()}):(u===v||!y)&&A?n(r.field,{gte:g.toString()}):A&&y&&n(r.field,{gte:g.toString(),lte:v.toString()})};return{min:p,max:u,range:[l[0]??p,l[1]??u],updateRange:d}}function oe(e,n){const{min:t,max:o,range:r,updateRange:a}=w(e),{filters:i}=q(),l=m.useMemo(()=>{var C;const c=i.find(g=>{var v;return(v=g==null?void 0:g.filter)==null?void 0:v.range});let S=null;if(c){const g=(C=c.filter.range)==null?void 0:C[0];S=[P(g==null?void 0:g.gte),P(g==null?void 0:g.lte)]}const h=[];let f=Math.floor(t/n)*n;for(;f<o;){const g=f+n,v=S&&S[0]===f&&S[1]===g;h.push({min:f,max:g,selected:v}),f=g}return h},[i,t,o,n]),p=c=>{a([c,r[1]])},u=c=>{a([r[0],c])},d=t!==r[0]||o!==r[1];return{min:t,max:o,range:r,updateRange:a,ranges:l,handleMinChange:p,handleMaxChange:u,isSelected:d}}function re(){const{products:e,keywords:n}=s.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:n??{hits:[],total:0}}}function se(){const e=s.useNostoAppState(t=>{var o;return(o=t.query.products)==null?void 0:o.filter});return m.useMemo(()=>e?e.reduce((t,o)=>t+(Array.isArray(o.value)?o.value.length:1),0):0,[e])}function M(e){return e&&!Number.isNaN(e)?e:0}function ue(e,n){const{from:t,size:o,total:r}=s.useNostoAppState(u=>{var d,c,S,h,f;return{from:M(((d=u.query.products)==null?void 0:d.from)??0),size:M(((S=(c=u.response)==null?void 0:c.products)==null?void 0:S.size)??0),total:M(((f=(h=u.response)==null?void 0:h.products)==null?void 0:f.total)??0)}}),{updateSearch:a}=s.useActions(),i=t+o,l=[...e].reverse().filter(u=>u+n<r);return{from:t,to:i,total:r,size:o,sizeOptions:l,handleSizeChange:u=>{a({products:{size:u}})}}}function ie(e,n){return e.length!==n.length?!1:e.every(t=>n.find(o=>t.field===o.field&&t.order===o.order))}function ce(e){var a,i;const n=s.useNostoAppState(l=>l.query),{updateSearch:t}=s.useActions();return{activeSort:((a=e.find(l=>{var p;return ie(l.value.sort,((p=n.products)==null?void 0:p.sort)||[])}))==null?void 0:a.id)??((i=e[0])==null?void 0:i.id),setSort:l=>{const p=e.find(u=>u.id===l);p&&t({products:{sort:p.value.sort}})}}}exports.StoreContext=s.StoreContext;exports.createExtendableStore=s.createExtendableStore;exports.createStore=s.createStore;exports.defaultState=s.defaultState;exports.useActions=s.useActions;exports.useLoadMore=s.useLoadMore;exports.useNostoAppState=s.useNostoAppState;exports.AutocompletePageProvider=H;exports.CategoryPageProvider=$;exports.InfiniteScroll=T;exports.InfiniteScrollWithLink=R;exports.SearchInput=B;exports.SearchPageProvider=G;exports.SerpElement=D;exports.useDecoratedSearchResults=J;exports.useFacet=Q;exports.useFacets=X;exports.usePagination=ee;exports.usePersonalization=te;exports.useProductFilters=q;exports.useRange=w;exports.useRangeSelector=oe;exports.useResponse=re;exports.useSelectedFiltersCount=se;exports.useSizeOptions=ue;exports.useSort=ce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("../index.es-DlUp67LT.cjs"),N=require("preact"),E=require("../utils/utils.cjs.js"),s=require("../InfiniteScrollWithObserver-DbErxedF.cjs"),S=require("preact/hooks");function I(e){return e!==null&&typeof e=="object"&&"props"in e&&typeof e.type=="string"}function T({children:e,hit:n}){var o;if(!I(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 N.cloneElement(e,{onClick:r=>{n&&M.s(a=>a.recordSearchClick("autocomplete",n)),typeof t=="function"&&t(r)}})}function z({pageSize:e}){const{loadMore:n}=s.useLoadMore(e);return s.u("button",{onClick:n,children:"More results"})}function w({children:e,loadMoreComponent:n,pageSize:t}){const{loading:o,query:r,response:a}=s.useNostoAppState(l=>s.pick(l,"loading","query","response")),i=!o&&s.hasMoreResults(r,a);return s.u(N.Fragment,{children:[e,i&&(n?s.u(n,{pageSize:t}):s.u(z,{pageSize:t}))]})}const L=!E.isBot()&&s.intersectionObserverSupported()?s.InfiniteScrollWithObserver:w;function O(e){return e.type==="input"}function B(e){return!!e&&typeof e=="object"&&"type"in e&&"props"in e}function b(e,n={depth:0}){const{children:t}=e;return N.toChildArray(t).map(o=>{if(!B(o))return o;const r=e.updateElement(o,n);return r===null?null:(r.props={...r.props,children:b({...e,children:r.props.children},{depth:n.depth+1})},r)})}function j({children:e,onSearchInput:n}){return b({children:e,updateElement:t=>(!O(t)||t.props.type!=="search"||(t.props={...t.props,onInput:o=>{o.target instanceof HTMLInputElement&&n(o.target)}}),t)})}const H="nosto:search:scrollPos";function V(){window.sessionStorage.setItem(H,window.scrollY.toString())}function D({children:e,hit:n,onClick:t}){const{pageType:o}=s.useConfig(),r=o==="autocomplete"?void 0:o;return b({children:e,updateElement:(a,i)=>(i.depth>0||(a.props={...a.props,onClick:l=>{n&&r&&M.s(p=>p.recordSearchClick(r,n)),V(),typeof t=="function"&&t(l)}}),a)})}function k(){S.useEffect(()=>{const e=window.setTimeout(()=>{console.error("Nosto client script has not loaded after 3 seconds.")},3e3);M.s(()=>{window.clearTimeout(e)})},[])}const x={defaultCurrency:"EUR",queryModifications:e=>e},W={...x};function U(e){return{pageType:"autocomplete",...W,...e}}function _({config:e,store:n,children:t}){const o=n??s.createStore();return k(),s.u(s.ConfigContext,{value:U(e),children:s.u(s.StoreContext,{value:o,children:t})})}const $={...x,persistentSearchCache:!1,preservePageScroll:!1};function K(e){return{pageType:"category",...$,...e}}function Y({config:e,store:n,children:t}){const o=n??s.createStore();return k(),s.u(s.ConfigContext,{value:K(e),children:s.u(s.StoreContext,{value:o,children:t})})}const G={...x,persistentSearchCache:!1,preservePageScroll:!1};function J(e={}){return{pageType:"serp",...G,...e}}function Q({config:e,store:n,children:t}){const o=n??s.createStore();return k(),s.u(s.ConfigContext,{value:J(e),children:s.u(s.StoreContext,{value:o,children:t})})}function X(e){const n=s.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&s.isPlainObject(e)?e:n}function Z(e){var i;const n=((i=e.data)==null?void 0:i.filter(l=>l.selected).length)??0,[t,o]=S.useState(n>0),{toggleProductFilter:r}=s.useActions();return{active:t,selectedFiltersCount:n,toggleActive:()=>{o(!t)},toggleProductFilter:r}}function ee(){const{loading:e,facets:n}=s.useNostoAppState(t=>{var o,r;return{loading:t.loading,facets:((r=(o=t.response)==null?void 0:o.products)==null?void 0:r.facets)??[]}});return{loading:e,facets:n}}function te(e,n){const t=n-e;return!isNaN(t)&&t>0?new Array(n-e).fill(void 0).map((o,r)=>r+e):[]}function ne(e){const{query:n,products:t}=s.useNostoAppState(o=>({query:o.query,products:o.response.products}));return S.useMemo(()=>{var A;if(!t)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const o=((A=n.products)==null?void 0:A.from)??0,r=(e==null?void 0:e.width)??1/0,a=Math.max(Math.floor(r-1)/2,1),i=t.size>0?Math.floor(o/t.size)+1:1,l=t.size>0?Math.ceil(t.total/t.size):0,p=y=>y>=i-a&&y<=i+a,u=o+1,d=Math.min(o+t.total,t.total),c={from:o,page:i,current:!0},m=y=>({from:(y-1)*t.size,page:y,current:y===i}),h=i>1?m(i-1):void 0,f=i<l?m(i+1):void 0,C=a===1/0||i-a-1>1?m(1):void 0,g=a===1/0||i+a+1<l?m(l):void 0,v=te(1,l+1).filter(p).map(m);return{totalPages:l,resultsFrom:u,resultsTo:d,current:c,prev:h,next:f,first:C,last:g,pages:v}},[n,t,e==null?void 0:e.width])}function oe(){const[e,n]=S.useState([]),[t,o]=S.useState([]);return S.useEffect(()=>{M.s(async r=>{const{products:a,segments:i}=await r.getSearchSessionParams();n(i??[]),o((a==null?void 0:a.personalizationBoost)??[])})},[]),{segments:e,boost:t}}function re(){const{facets:e}=s.useNostoAppState(u=>{var d;return{facets:((d=u.response.products)==null?void 0:d.facets)??[]}}),{replaceFilter:n,toggleProductFilter:t}=s.useActions(),o=S.useCallback(u=>{const d=e==null?void 0:e.find(c=>c.type==="stats"&&c.field===u);if(d&&"min"in d&&"max"in d)return d},[e]),r=S.useCallback(u=>{var d;return((d=e==null?void 0:e.find(c=>c.field===u))==null?void 0:d.name)??u},[e]),a=S.useCallback(u=>"field"in u&&(u.value instanceof Array||u.range instanceof Array),[]),i=S.useCallback(u=>{var d;return{...u,range:(d=u.range)==null?void 0:d.map(c=>({gt:c.gt?Number(c.gt):c.gt,gte:c.gte?Number(c.gte):c.gte,lt:c.lt?Number(c.lt):c.lt,lte:c.lte?Number(c.lte):c.lte}))}},[]),l=S.useCallback(u=>(u.value??[]).map(c=>({value:c,field:u.field,name:r(u.field),filter:i(u),remove:()=>{t(u.field,c,!1)}})),[i,r,t]),p=S.useCallback(u=>(u.range??[]).map(c=>{var f,C;const m=c.gte??c.gt??((f=o(u.field))==null?void 0:f.min),h=c.lte??c.lt??((C=o(u.field))==null?void 0:C.max);if(m!==void 0&&h!==void 0)return{value:`${m} - ${h}`,field:u.field,name:r(u.field),filter:i(u),remove:()=>{n(u.field,void 0)}}}).filter(Boolean),[i,o,r,n]);return{selectFilters:a,toValueFilter:l,toRangeFilter:p}}function R(){const{filter:e}=s.useNostoAppState(l=>{var p;return{filter:((p=l.query.products)==null?void 0:p.filter)??[]}}),{updateSearch:n}=s.useActions(),{selectFilters:t,toValueFilter:o,toRangeFilter:r}=re(),a=S.useMemo(()=>e?e.filter(t).flatMap(l=>"value"in l?o(l):"range"in l?r(l):[]).filter(Boolean):[],[e,t,r,o]),i=S.useCallback(()=>{n({products:{filter:[]}})},[n]);return{filters:a,removeAll:i}}function P(e){if(typeof e=="number")return e;if(typeof e!="string")return;const n=Number(e);return isNaN(n)?void 0:n}function q(e){var c,m,h;const{replaceFilter:n}=s.useActions(),{query:t,products:o}=s.useNostoAppState(f=>({query:f.query,products:f.response.products})),r=(c=o==null?void 0:o.facets)==null?void 0:c.find(f=>f.id===e);if(!r)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const a=(h=(m=t.products)==null?void 0:m.filter)==null?void 0:h.find(f=>f.field===r.field),i=a!=null&&a.range?a.range[0]:void 0,l=typeof i=="object"&&("gte"in i||"lte"in i)?[P(i.gte),P(i.lte)]:[void 0,void 0],p="min"in r?Math.floor(r.min):0,u="max"in r?Math.ceil(r.max):0,d=([f,C])=>{const g=f!==void 0?Math.floor(f):void 0,v=C!==void 0?Math.ceil(C):void 0,A=g!==void 0,y=v!==void 0;(p===g||!A)&&(u===v||!y)?n(r.field,void 0):(p===g||!A)&&y?n(r.field,{lte:v.toString()}):(u===v||!y)&&A?n(r.field,{gte:g.toString()}):A&&y&&n(r.field,{gte:g.toString(),lte:v.toString()})};return{min:p,max:u,range:[l[0]??p,l[1]??u],updateRange:d}}function se(e,n){const{min:t,max:o,range:r,updateRange:a}=q(e),{filters:i}=R(),l=S.useMemo(()=>{var C;const c=i.find(g=>{var v;return(v=g==null?void 0:g.filter)==null?void 0:v.range});let m=null;if(c){const g=(C=c.filter.range)==null?void 0:C[0];m=[P(g==null?void 0:g.gte),P(g==null?void 0:g.lte)]}const h=[];let f=Math.floor(t/n)*n;for(;f<o;){const g=f+n,v=m&&m[0]===f&&m[1]===g;h.push({min:f,max:g,selected:v}),f=g}return h},[i,t,o,n]),p=c=>{a([c,r[1]])},u=c=>{a([r[0],c])},d=t!==r[0]||o!==r[1];return{min:t,max:o,range:r,updateRange:a,ranges:l,handleMinChange:p,handleMaxChange:u,isSelected:d}}function ue(){const{products:e,keywords:n}=s.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:n??{hits:[],total:0}}}function ie(){const e=s.useNostoAppState(t=>{var o;return(o=t.query.products)==null?void 0:o.filter});return S.useMemo(()=>e?e.reduce((t,o)=>t+(Array.isArray(o.value)?o.value.length:1),0):0,[e])}function F(e){return e&&!Number.isNaN(e)?e:0}function ce(e,n){const{from:t,size:o,total:r}=s.useNostoAppState(u=>{var d,c,m,h,f;return{from:F(((d=u.query.products)==null?void 0:d.from)??0),size:F(((m=(c=u.response)==null?void 0:c.products)==null?void 0:m.size)??0),total:F(((f=(h=u.response)==null?void 0:h.products)==null?void 0:f.total)??0)}}),{updateSearch:a}=s.useActions(),i=t+o,l=[...e].reverse().filter(u=>u+n<r);return{from:t,to:i,total:r,size:o,sizeOptions:l,handleSizeChange:u=>{a({products:{size:u}})}}}function ae(e,n){return e.length!==n.length?!1:e.every(t=>n.find(o=>t.field===o.field&&t.order===o.order))}function le(e){var a,i;const n=s.useNostoAppState(l=>l.query),{updateSearch:t}=s.useActions();return{activeSort:((a=e.find(l=>{var p;return ae(l.value.sort,((p=n.products)==null?void 0:p.sort)||[])}))==null?void 0:a.id)??((i=e[0])==null?void 0:i.id),setSort:l=>{const p=e.find(u=>u.id===l);p&&t({products:{sort:p.value.sort}})}}}exports.StoreContext=s.StoreContext;exports.createExtendableStore=s.createExtendableStore;exports.createStore=s.createStore;exports.defaultState=s.defaultState;exports.useActions=s.useActions;exports.useLoadMore=s.useLoadMore;exports.useNostoAppState=s.useNostoAppState;exports.AutocompleteElement=T;exports.AutocompletePageProvider=_;exports.CategoryPageProvider=Y;exports.InfiniteScroll=L;exports.InfiniteScrollWithLink=w;exports.SearchInput=j;exports.SearchPageProvider=Q;exports.SerpElement=D;exports.useDecoratedSearchResults=X;exports.useFacet=Z;exports.useFacets=ee;exports.usePagination=ne;exports.usePersonalization=oe;exports.useProductFilters=R;exports.useRange=q;exports.useRangeSelector=se;exports.useResponse=ue;exports.useSelectedFiltersCount=ie;exports.useSizeOptions=ce;exports.useSort=le;

package/dist/preact/preact.d.ts

@@ -1,4 +1,5 @@
 /** @module preact */
+export { AutocompleteElement } from './src/components/Autocomplete/AutocompleteElement';
 export { InfiniteScroll, type InfiniteScrollProps } from './src/components/InfiniteScroll/InfiniteScroll';
 export { InfiniteScrollWithLink } from './src/components/InfiniteScroll/InfiniteScrollWithLink';
 export { SearchInput } from './src/components/SearchInput';

package/dist/preact/preact.es.js

@@ -1,43 +1,59 @@
-import { isBot as B } from "../utils/utils.es.js";
-import { u as L, a as C, b as v, h as j, p as V, i as D, I as H, c as O, d as R, S as x, C as k, e as U, f as P } from "../InfiniteScrollWithObserver-kuSGeBWr.js";
-import { k as ze, j as Ie } from "../InfiniteScrollWithObserver-kuSGeBWr.js";
-import { Fragment as W, toChildArray as $ } from "preact";
-import { s as q } from "../index.es-B8mbAxS4.js";
-import { useEffect as E, useState as N, useMemo as w, useCallback as M } from "preact/hooks";
-function K({ pageSize: e }) {
-  const { loadMore: n } = L(e);
+import { s as b } from "../index.es-B8mbAxS4.js";
+import { cloneElement as L, Fragment as B, toChildArray as j } from "preact";
+import { isBot as H } from "../utils/utils.es.js";
+import { u as V, a as C, b as v, h as O, p as D, i as U, I as W, c as $, d as x, S as R, C as T, e as K, f as P } from "../InfiniteScrollWithObserver-kuSGeBWr.js";
+import { k as Ie, j as Le } from "../InfiniteScrollWithObserver-kuSGeBWr.js";
+import { useEffect as I, useState as N, useMemo as A, useCallback as F } from "preact/hooks";
+function Y(e) {
+  return e !== null && typeof e == "object" && "props" in e && typeof e.type == "string";
+}
+function he({ children: e, hit: n }) {
+  var r;
+  if (!Y(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 = (r = e.props) == null ? void 0 : r.onClick;
+  return L(e, {
+    onClick: (o) => {
+      n && b((a) => a.recordSearchClick("autocomplete", n)), typeof t == "function" && t(o);
+    }
+  });
+}
+function _({ pageSize: e }) {
+  const { loadMore: n } = V(e);
   return /* @__PURE__ */ C("button", { onClick: n, children: "More results" });
 }
-function Y({ children: e, loadMoreComponent: n, pageSize: t }) {
-  const { loading: r, query: o, response: a } = v((u) => V(u, "loading", "query", "response")), i = !r && j(o, a);
-  return /* @__PURE__ */ C(W, { children: [
+function G({ children: e, loadMoreComponent: n, pageSize: t }) {
+  const { loading: r, query: o, response: a } = v((u) => D(u, "loading", "query", "response")), i = !r && O(o, a);
+  return /* @__PURE__ */ C(B, { children: [
     e,
-    i && (n ? /* @__PURE__ */ C(n, { pageSize: t }) : /* @__PURE__ */ C(K, { pageSize: t }))
+    i && (n ? /* @__PURE__ */ C(n, { pageSize: t }) : /* @__PURE__ */ C(_, { pageSize: t }))
   ] });
 }
-const ge = !B() && D() ? H : Y;
-function _(e) {
+const ye = !H() && U() ? W : G;
+function J(e) {
   return e.type === "input";
 }
-function G(e) {
+function Q(e) {
   return !!e && typeof e == "object" && "type" in e && "props" in e;
 }
-function z(e, n = { depth: 0 }) {
+function q(e, n = { depth: 0 }) {
   const { children: t } = e;
-  return $(t).map((r) => {
-    if (!G(r))
+  return j(t).map((r) => {
+    if (!Q(r))
       return r;
     const o = e.updateElement(r, n);
     return o === null ? null : (o.props = {
       ...o.props,
-      children: z({ ...e, children: o.props.children }, { depth: n.depth + 1 })
+      children: q({ ...e, children: o.props.children }, { depth: n.depth + 1 })
     }, o);
   });
 }
-function me({ children: e, onSearchInput: n }) {
-  return z({
+function ve({ children: e, onSearchInput: n }) {
+  return q({
     children: e,
-    updateElement: (t) => (!_(t) || t.props.type !== "search" || (t.props = {
+    updateElement: (t) => (!J(t) || t.props.type !== "search" || (t.props = {
       ...t.props,
       onInput: (r) => {
         r.target instanceof HTMLInputElement && n(r.target);
@@ -45,86 +61,86 @@ function me({ children: e, onSearchInput: n }) {
     }), t)
   });
 }
-const J = "nosto:search:scrollPos";
-function Q() {
-  window.sessionStorage.setItem(J, window.scrollY.toString());
+const X = "nosto:search:scrollPos";
+function Z() {
+  window.sessionStorage.setItem(X, window.scrollY.toString());
 }
-function he({ children: e, hit: n, onClick: t }) {
-  const { pageType: r } = O(), o = r === "autocomplete" ? void 0 : r;
-  return z({
+function Se({ children: e, hit: n, onClick: t }) {
+  const { pageType: r } = $(), o = r === "autocomplete" ? void 0 : r;
+  return q({
     children: e,
     updateElement: (a, i) => (i.depth > 0 || (a.props = {
       ...a.props,
       onClick: (u) => {
-        n && o && q((f) => f.recordSearchClick(o, n)), Q(), typeof t == "function" && t(u);
+        n && o && b((d) => d.recordSearchClick(o, n)), Z(), typeof t == "function" && t(u);
       }
     }), a)
   });
 }
-function I() {
-  E(() => {
+function E() {
+  I(() => {
     const e = window.setTimeout(() => {
       console.error("Nosto client script has not loaded after 3 seconds.");
     }, 3e3);
-    q(() => {
+    b(() => {
       window.clearTimeout(e);
     });
   }, []);
 }
-const T = {
+const z = {
   defaultCurrency: "EUR",
   queryModifications: (e) => e
-}, X = {
-  ...T
+}, ee = {
+  ...z
 };
-function Z(e) {
+function te(e) {
   return {
     pageType: "autocomplete",
-    ...X,
+    ...ee,
     ...e
   };
 }
-function Se({ config: e, store: n, children: t }) {
-  const r = n ?? R();
-  return I(), /* @__PURE__ */ C(k, { value: Z(e), children: /* @__PURE__ */ C(x, { value: r, children: t }) });
+function Ce({ config: e, store: n, children: t }) {
+  const r = n ?? x();
+  return E(), /* @__PURE__ */ C(T, { value: te(e), children: /* @__PURE__ */ C(R, { value: r, children: t }) });
 }
-const ee = {
-  ...T,
+const ne = {
+  ...z,
   persistentSearchCache: !1,
   preservePageScroll: !1
 };
-function te(e) {
+function re(e) {
   return {
     pageType: "category",
-    ...ee,
+    ...ne,
     ...e
   };
 }
-function ve({ config: e, store: n, children: t }) {
-  const r = n ?? R();
-  return I(), /* @__PURE__ */ C(k, { value: te(e), children: /* @__PURE__ */ C(x, { value: r, children: t }) });
+function Me({ config: e, store: n, children: t }) {
+  const r = n ?? x();
+  return E(), /* @__PURE__ */ C(T, { value: re(e), children: /* @__PURE__ */ C(R, { value: r, children: t }) });
 }
-const ne = {
-  ...T,
+const oe = {
+  ...z,
   persistentSearchCache: !1,
   preservePageScroll: !1
 };
-function re(e = {}) {
+function se(e = {}) {
   return {
     pageType: "serp",
-    ...ne,
+    ...oe,
     ...e
   };
 }
-function ye({ config: e, store: n, children: t }) {
-  const r = n ?? R();
-  return I(), /* @__PURE__ */ C(k, { value: re(e), children: /* @__PURE__ */ C(x, { value: r, children: t }) });
+function Fe({ config: e, store: n, children: t }) {
+  const r = n ?? x();
+  return E(), /* @__PURE__ */ C(T, { value: se(e), children: /* @__PURE__ */ C(R, { value: r, children: t }) });
 }
-function Ce(e) {
+function Pe(e) {
   const n = v((t) => t.response);
-  return e && Array.isArray(e) || e && U(e) ? e : n;
+  return e && Array.isArray(e) || e && K(e) ? e : n;
 }
-function Fe(e) {
+function we(e) {
   var i;
   const n = ((i = e.data) == null ? void 0 : i.filter((u) => u.selected).length) ?? 0, [t, r] = N(n > 0), { toggleProductFilter: o } = P();
   return {
@@ -140,7 +156,7 @@ function Fe(e) {
     toggleProductFilter: o
   };
 }
-function Me() {
+function be() {
   const { loading: e, facets: n } = v((t) => {
     var r, o;
     return {
@@ -155,17 +171,17 @@ function Me() {
     facets: n
   };
 }
-function oe(e, n) {
+function ie(e, n) {
   const t = n - e;
   return !isNaN(t) && t > 0 ? new Array(n - e).fill(void 0).map((r, o) => o + e) : [];
 }
-function Pe(e) {
+function Ae(e) {
   const { query: n, products: t } = v((r) => ({
     query: r.query,
     products: r.response.products
   }));
-  return w(() => {
-    var F;
+  return A(() => {
+    var M;
     if (!t)
       return {
         totalPages: 0,
@@ -173,32 +189,32 @@ function Pe(e) {
         resultsTo: 0,
         pages: []
       };
-    const r = ((F = n.products) == null ? void 0 : F.from) ?? 0, o = (e == null ? void 0 : e.width) ?? 1 / 0, a = Math.max(Math.floor(o - 1) / 2, 1), i = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, u = t.size > 0 ? Math.ceil(t.total / t.size) : 0, f = (S) => S >= i - a && S <= i + a, s = r + 1, l = Math.min(r + t.total, t.total), c = {
+    const r = ((M = n.products) == null ? void 0 : M.from) ?? 0, o = (e == null ? void 0 : e.width) ?? 1 / 0, a = Math.max(Math.floor(o - 1) / 2, 1), i = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, u = t.size > 0 ? Math.ceil(t.total / t.size) : 0, d = (y) => y >= i - a && y <= i + a, s = r + 1, l = Math.min(r + t.total, t.total), c = {
       from: r,
       page: i,
       current: !0
-    }, g = (S) => ({
-      from: (S - 1) * t.size,
-      page: S,
-      current: S === i
-    }), m = i > 1 ? g(i - 1) : void 0, d = i < u ? g(i + 1) : void 0, y = a === 1 / 0 || i - a - 1 > 1 ? g(1) : void 0, p = a === 1 / 0 || i + a + 1 < u ? g(u) : void 0, h = oe(1, u + 1).filter(f).map(g);
+    }, g = (y) => ({
+      from: (y - 1) * t.size,
+      page: y,
+      current: y === i
+    }), m = i > 1 ? g(i - 1) : void 0, f = i < u ? g(i + 1) : void 0, S = a === 1 / 0 || i - a - 1 > 1 ? g(1) : void 0, p = a === 1 / 0 || i + a + 1 < u ? g(u) : void 0, h = ie(1, u + 1).filter(d).map(g);
     return {
       totalPages: u,
       resultsFrom: s,
       resultsTo: l,
       current: c,
       prev: m,
-      next: d,
-      first: y,
+      next: f,
+      first: S,
       last: p,
       pages: h
     };
   }, [n, t, e == null ? void 0 : e.width]);
 }
-function be() {
+function ke() {
   const [e, n] = N([]), [t, r] = N([]);
-  return E(() => {
-    q(async (o) => {
+  return I(() => {
+    b(async (o) => {
       const { products: a, segments: i } = await o.getSearchSessionParams();
       n(i ?? []), r((a == null ? void 0 : a.personalizationBoost) ?? []);
     });
@@ -207,26 +223,26 @@ function be() {
     boost: t
   };
 }
-function se() {
+function ce() {
   const { facets: e } = v((s) => {
     var l;
     return {
       facets: ((l = s.response.products) == null ? void 0 : l.facets) ?? []
     };
-  }), { replaceFilter: n, toggleProductFilter: t } = P(), r = M(
+  }), { replaceFilter: n, toggleProductFilter: t } = P(), r = F(
     (s) => {
       const l = e == null ? void 0 : e.find((c) => c.type === "stats" && c.field === s);
       if (l && "min" in l && "max" in l)
         return l;
     },
     [e]
-  ), o = M(
+  ), o = F(
     (s) => {
       var l;
       return ((l = e == null ? void 0 : e.find((c) => c.field === s)) == null ? void 0 : l.name) ?? s;
     },
     [e]
-  ), a = M((s) => "field" in s && (s.value instanceof Array || s.range instanceof Array), []), i = M((s) => {
+  ), a = F((s) => "field" in s && (s.value instanceof Array || s.range instanceof Array), []), i = F((s) => {
     var l;
     return {
       ...s,
@@ -237,7 +253,7 @@ function se() {
         lte: c.lte ? Number(c.lte) : c.lte
       }))
     };
-  }, []), u = M(
+  }, []), u = F(
     (s) => (s.value ?? []).map((c) => ({
       value: c,
       field: s.field,
@@ -248,10 +264,10 @@ function se() {
       }
     })),
     [i, o, t]
-  ), f = M(
+  ), d = F(
     (s) => (s.range ?? []).map((c) => {
-      var d, y;
-      const g = c.gte ?? c.gt ?? ((d = r(s.field)) == null ? void 0 : d.min), m = c.lte ?? c.lt ?? ((y = r(s.field)) == null ? void 0 : y.max);
+      var f, S;
+      const g = c.gte ?? c.gt ?? ((f = r(s.field)) == null ? void 0 : f.min), m = c.lte ?? c.lt ?? ((S = r(s.field)) == null ? void 0 : S.max);
       if (g !== void 0 && m !== void 0)
         return {
           value: `${g} - ${m}`,
@@ -268,16 +284,16 @@ function se() {
   return {
     selectFilters: a,
     toValueFilter: u,
-    toRangeFilter: f
+    toRangeFilter: d
   };
 }
-function ie() {
+function ae() {
   const { filter: e } = v((u) => {
-    var f;
+    var d;
     return {
-      filter: ((f = u.query.products) == null ? void 0 : f.filter) ?? []
+      filter: ((d = u.query.products) == null ? void 0 : d.filter) ?? []
     };
-  }), { updateSearch: n } = P(), { selectFilters: t, toValueFilter: r, toRangeFilter: o } = se(), a = w(() => e ? e.filter(t).flatMap((u) => "value" in u ? r(u) : "range" in u ? o(u) : []).filter(Boolean) : [], [e, t, o, r]), i = M(() => {
+  }), { updateSearch: n } = P(), { selectFilters: t, toValueFilter: r, toRangeFilter: o } = ce(), a = A(() => e ? e.filter(t).flatMap((u) => "value" in u ? r(u) : "range" in u ? o(u) : []).filter(Boolean) : [], [e, t, o, r]), i = F(() => {
     n({
       products: {
         filter: []
@@ -291,7 +307,7 @@ function ie() {
     removeAll: i
   };
 }
-function b(e) {
+function w(e) {
   if (typeof e == "number")
     return e;
   if (typeof e != "string")
@@ -299,12 +315,12 @@ function b(e) {
   const n = Number(e);
   return isNaN(n) ? void 0 : n;
 }
-function ce(e) {
+function ue(e) {
   var c, g, m;
-  const { replaceFilter: n } = P(), { query: t, products: r } = v((d) => ({
-    query: d.query,
-    products: d.response.products
-  })), o = (c = r == null ? void 0 : r.facets) == null ? void 0 : c.find((d) => d.id === e);
+  const { replaceFilter: n } = P(), { query: t, products: r } = v((f) => ({
+    query: f.query,
+    products: f.response.products
+  })), o = (c = r == null ? void 0 : r.facets) == null ? void 0 : c.find((f) => f.id === e);
   if (!o)
     return {
       min: 0,
@@ -313,52 +329,52 @@ function ce(e) {
       updateRange: () => {
       }
     };
-  const a = (m = (g = t.products) == null ? void 0 : g.filter) == null ? void 0 : m.find((d) => d.field === o.field), i = a != null && a.range ? a.range[0] : void 0, u = typeof i == "object" && ("gte" in i || "lte" in i) ? [b(i.gte), b(i.lte)] : [void 0, void 0], f = "min" in o ? Math.floor(o.min) : 0, s = "max" in o ? Math.ceil(o.max) : 0, l = ([d, y]) => {
-    const p = d !== void 0 ? Math.floor(d) : void 0, h = y !== void 0 ? Math.ceil(y) : void 0, F = p !== void 0, S = h !== void 0;
-    (f === p || !F) && (s === h || !S) ? n(o.field, void 0) : (f === p || !F) && S ? n(o.field, {
+  const a = (m = (g = t.products) == null ? void 0 : g.filter) == null ? void 0 : m.find((f) => f.field === o.field), i = a != null && a.range ? a.range[0] : void 0, u = typeof i == "object" && ("gte" in i || "lte" in i) ? [w(i.gte), w(i.lte)] : [void 0, void 0], d = "min" in o ? Math.floor(o.min) : 0, s = "max" in o ? Math.ceil(o.max) : 0, l = ([f, S]) => {
+    const p = f !== void 0 ? Math.floor(f) : void 0, h = S !== void 0 ? Math.ceil(S) : void 0, M = p !== void 0, y = h !== void 0;
+    (d === p || !M) && (s === h || !y) ? n(o.field, void 0) : (d === p || !M) && y ? n(o.field, {
       lte: h.toString()
-    }) : (s === h || !S) && F ? n(o.field, {
+    }) : (s === h || !y) && M ? n(o.field, {
       gte: p.toString()
-    }) : F && S && n(o.field, {
+    }) : M && y && n(o.field, {
       gte: p.toString(),
       lte: h.toString()
     });
   };
   return {
     /** Min value */
-    min: f,
+    min: d,
     /** Max value */
     max: s,
     /** Range value */
-    range: [u[0] ?? f, u[1] ?? s],
+    range: [u[0] ?? d, u[1] ?? s],
     /** Update range function */
     updateRange: l
   };
 }
-function we(e, n) {
-  const { min: t, max: r, range: o, updateRange: a } = ce(e), { filters: i } = ie(), u = w(() => {
-    var y;
+function Ne(e, n) {
+  const { min: t, max: r, range: o, updateRange: a } = ue(e), { filters: i } = ae(), u = A(() => {
+    var S;
     const c = i.find((p) => {
       var h;
       return (h = p == null ? void 0 : p.filter) == null ? void 0 : h.range;
     });
     let g = null;
     if (c) {
-      const p = (y = c.filter.range) == null ? void 0 : y[0];
-      g = [b(p == null ? void 0 : p.gte), b(p == null ? void 0 : p.lte)];
+      const p = (S = c.filter.range) == null ? void 0 : S[0];
+      g = [w(p == null ? void 0 : p.gte), w(p == null ? void 0 : p.lte)];
     }
     const m = [];
-    let d = Math.floor(t / n) * n;
-    for (; d < r; ) {
-      const p = d + n, h = g && g[0] === d && g[1] === p;
+    let f = Math.floor(t / n) * n;
+    for (; f < r; ) {
+      const p = f + n, h = g && g[0] === f && g[1] === p;
       m.push({
-        min: d,
+        min: f,
         max: p,
         selected: h
-      }), d = p;
+      }), f = p;
     }
     return m;
-  }, [i, t, r, n]), f = (c) => {
+  }, [i, t, r, n]), d = (c) => {
     a([c, o[1]]);
   }, s = (c) => {
     a([o[0], c]);
@@ -375,14 +391,14 @@ function we(e, n) {
     /** Ranges */
     ranges: u,
     /** Handle min change */
-    handleMinChange: f,
+    handleMinChange: d,
     /** Handle max change */
     handleMaxChange: s,
     /** Is selected */
     isSelected: l
   };
 }
-function Ae() {
+function xe() {
   const { products: e, keywords: n } = v((t) => t.response);
   return {
     /** Array of products */
@@ -391,23 +407,23 @@ function Ae() {
     keywords: n ?? { hits: [], total: 0 }
   };
 }
-function Ne() {
+function Re() {
   const e = v((t) => {
     var r;
     return (r = t.query.products) == null ? void 0 : r.filter;
   });
-  return w(() => e ? e.reduce((t, r) => t + (Array.isArray(r.value) ? r.value.length : 1), 0) : 0, [e]);
+  return A(() => e ? e.reduce((t, r) => t + (Array.isArray(r.value) ? r.value.length : 1), 0) : 0, [e]);
 }
-function A(e) {
+function k(e) {
   return e && !Number.isNaN(e) ? e : 0;
 }
-function Re(e, n) {
+function Te(e, n) {
   const { from: t, size: r, total: o } = v((s) => {
-    var l, c, g, m, d;
+    var l, c, g, m, f;
     return {
-      from: A(((l = s.query.products) == null ? void 0 : l.from) ?? 0),
-      size: A(((g = (c = s.response) == null ? void 0 : c.products) == null ? void 0 : g.size) ?? 0),
-      total: A(((d = (m = s.response) == null ? void 0 : m.products) == null ? void 0 : d.total) ?? 0)
+      from: k(((l = s.query.products) == null ? void 0 : l.from) ?? 0),
+      size: k(((g = (c = s.response) == null ? void 0 : c.products) == null ? void 0 : g.size) ?? 0),
+      total: k(((f = (m = s.response) == null ? void 0 : m.products) == null ? void 0 : f.total) ?? 0)
     };
   }), { updateSearch: a } = P(), i = t + r, u = [...e].reverse().filter((s) => s + n < o);
   return {
@@ -431,54 +447,55 @@ function Re(e, n) {
     }
   };
 }
-function ae(e, n) {
+function le(e, n) {
   return e.length !== n.length ? !1 : e.every((t) => n.find((r) => t.field === r.field && t.order === r.order));
 }
-function xe(e) {
+function qe(e) {
   var a, i;
   const n = v((u) => u.query), { updateSearch: t } = P();
   return {
     /** Active sort */
     activeSort: ((a = e.find((u) => {
-      var f;
-      return ae(u.value.sort, ((f = n.products) == null ? void 0 : f.sort) || []);
+      var d;
+      return le(u.value.sort, ((d = n.products) == null ? void 0 : d.sort) || []);
     })) == null ? void 0 : a.id) ?? ((i = e[0]) == null ? void 0 : i.id),
     /** Set sort function */
     setSort: (u) => {
-      const f = e.find((s) => s.id === u);
-      f && t({
+      const d = e.find((s) => s.id === u);
+      d && t({
         products: {
-          sort: f.value.sort
+          sort: d.value.sort
         }
       });
     }
   };
 }
 export {
-  Se as AutocompletePageProvider,
-  ve as CategoryPageProvider,
-  ge as InfiniteScroll,
-  Y as InfiniteScrollWithLink,
-  me as SearchInput,
-  ye as SearchPageProvider,
-  he as SerpElement,
-  x as StoreContext,
-  ze as createExtendableStore,
-  R as createStore,
-  Ie as defaultState,
+  he as AutocompleteElement,
+  Ce as AutocompletePageProvider,
+  Me as CategoryPageProvider,
+  ye as InfiniteScroll,
+  G as InfiniteScrollWithLink,
+  ve as SearchInput,
+  Fe as SearchPageProvider,
+  Se as SerpElement,
+  R as StoreContext,
+  Ie as createExtendableStore,
+  x as createStore,
+  Le as defaultState,
   P as useActions,
-  Ce as useDecoratedSearchResults,
-  Fe as useFacet,
-  Me as useFacets,
-  L as useLoadMore,
+  Pe as useDecoratedSearchResults,
+  we as useFacet,
+  be as useFacets,
+  V as useLoadMore,
   v as useNostoAppState,
-  Pe as usePagination,
-  be as usePersonalization,
-  ie as useProductFilters,
-  ce as useRange,
-  we as useRangeSelector,
-  Ae as useResponse,
-  Ne as useSelectedFiltersCount,
-  Re as useSizeOptions,
-  xe as useSort
+  Ae as usePagination,
+  ke as usePersonalization,
+  ae as useProductFilters,
+  ue as useRange,
+  Ne as useRangeSelector,
+  xe as useResponse,
+  Re as useSelectedFiltersCount,
+  Te as useSizeOptions,
+  qe as useSort
 };

package/dist/preact/src/components/Autocomplete/AutocompleteElement.d.ts

@@ -0,0 +1,36 @@
+import { ComponentChildren } from 'preact';
+/**
+ * @group Components
+ */
+export type AutocompleteElementProps = {
+    /**
+     * Rendered content.
+     */
+    children: ComponentChildren;
+    /**
+     * Get product data for analytics
+     */
+    hit: {
+        productId: string;
+        url?: string;
+        keyword?: string;
+    };
+};
+/**
+ * Wraps elements to interactive component that handles selection based on provided configuration.
+ *
+ * @example
+ * ```jsx
+ * // Render product
+ * {products?.hits?.map(hit => <AutocompleteElement hit={hit}>
+ *     <a href={hit.url} class="nosto-product">
+ *         <img src={hit.imageUrl} alt={hit.name} />
+ *         <span>{hit.name}</span>
+ *         <span>{hit.price}</span>
+ *     </a>
+ * </AutocompleteElement>)}
+ * ```
+ *
+ * @group Components
+ */
+export declare function AutocompleteElement({ children, hit }: AutocompleteElementProps): import('preact').VNode<any>;

package/dist/preact/src/components/Autocomplete/utils.d.ts

@@ -0,0 +1,5 @@
+import { ComponentChildren, JSX } from 'preact';
+/**
+ * Check if the provided children is a valid HTML element (div/anchor/etc).
+ */
+export declare function isValidHTMLElement(children: ComponentChildren): children is JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosto/search-js",
-  "version": "1.7.6",
+  "version": "1.8.0",
   "license": "ISC",
   "type": "module",
   "files": [
@@ -60,7 +60,8 @@
     "test:watch": "vitest",
     "lint": "eslint",
     "lint-fix": "eslint --fix",
-    "install:dev": "(cd dev/preact && npm i --ignore-scripts)"
+    "install:dev": "(cd dev/preact && npm i --ignore-scripts)",
+    "prepare": "husky"
   },
   "devDependencies": {
     "@nosto/nosto-js": "^1.7.0",
@@ -77,6 +78,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-unused-imports": "^4.1.4",
+    "husky": "^9.1.7",
     "isbot": "^5.1.25",
     "jsdom": "^26.0.0",
     "prettier": "^3.5.3",