@nosto/search-js 2.17.0 → 3.0.0

package/dist/preact/hooks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../useLoadMore-CeqFdxt1.cjs"),z=require("../logger-BcHMZObS.cjs"),p=require("preact/hooks"),P=require("../index.es-DlUp67LT.cjs"),N=require("../parseNumber-FsZ8w61u.cjs");function T(e){const r=h.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&z.isPlainObject(e)?e:r}function q(e,r){var d;const t=((d=e.data)==null?void 0:d.filter(s=>s.selected).length)??0,{active:n}={active:t>0,...r},[o,a]=p.useState(n),{toggleProductFilter:c}=h.useActions(),i=p.useCallback(()=>{a(!o)},[o]);return{active:o,selectedFiltersCount:t,toggleActive:i,toggleProductFilter:c}}function X(){const{loading:e,facets:r}=h.useNostoAppState(t=>{var n,o;return{loading:t.loading,facets:((o=(n=t.response)==null?void 0:n.products)==null?void 0:o.facets)??[]}});return{loading:e,facets:r}}function O(e,r){const t=r-e;return!isNaN(t)&&t>0?new Array(r-e).fill(void 0).map((n,o)=>o+e):[]}function j(e){const{query:r,products:t}=h.useNostoAppState(n=>({query:n.query,products:n.response.products}));return p.useMemo(()=>{var F,y,w;if(!t)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const n=((F=r.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),c=t.size>0?Math.floor(n/t.size)+1:1,i=t.size>0?Math.ceil(t.total/t.size):0,d=A=>A>=c-a&&A<=c+a,s=n+1,l=Math.min(n+t.total,t.total),u={from:n,page:c,current:!0},f=A=>({from:(A-1)*t.size,page:A,current:A===c}),m=c>1?f(c-1):void 0,g=c<i?f(c+1):void 0,b=c-a-1>1?f(1):void 0,S=c+a+1<i?f(i):void 0,v=O(1,i+1).filter(d).map(f);return!b&&((y=v[0])==null?void 0:y.page)===2&&v.unshift(f(1)),!S&&((w=v[v.length-1])==null?void 0:w.page)===i-1&&v.push(f(i)),{totalPages:i,resultsFrom:s,resultsTo:l,current:u,prev:m,next:g,first:b,last:S,pages:v}},[r,t,e==null?void 0:e.width])}function V(){const[e,r]=p.useState([]),[t,n]=p.useState([]);return p.useEffect(()=>{P.s(async o=>{const{products:a,segments:c}=await o.getSearchSessionParams();r(c??[]),n((a==null?void 0:a.personalizationBoost)??[])})},[]),{segments:e,boost:t}}function D(){const{facets:e}=h.useNostoAppState(s=>{var l;return{facets:((l=s.response.products)==null?void 0:l.facets)??[]}}),{replaceFilter:r,toggleProductFilter:t}=h.useActions(),n=p.useCallback(s=>{const l=e==null?void 0:e.find(u=>u.type==="stats"&&u.field===s);if(l&&"min"in l&&"max"in l)return l},[e]),o=p.useCallback(s=>{var l;return((l=e==null?void 0:e.find(u=>u.field===s))==null?void 0:l.name)??s},[e]),a=p.useCallback(s=>"field"in s&&(s.value instanceof Array||s.range instanceof Array),[]),c=p.useCallback(s=>{var l;return{...s,range:(l=s.range)==null?void 0:l.map(u=>({gt:u.gt?Number(u.gt):u.gt,gte:u.gte?Number(u.gte):u.gte,lt:u.lt?Number(u.lt):u.lt,lte:u.lte?Number(u.lte):u.lte}))}},[]),i=p.useCallback(s=>(s.value??[]).map(u=>({value:u,field:s.field,name:o(s.field),filter:c(s),remove:()=>{t(s.field,u,!1)}})),[c,o,t]),d=p.useCallback(s=>(s.range??[]).map(u=>{var g,b;const f=u.gte??u.gt??((g=n(s.field))==null?void 0:g.min),m=u.lte??u.lt??((b=n(s.field))==null?void 0:b.max);if(f!==void 0&&m!==void 0)return{value:`${f} - ${m}`,field:s.field,name:o(s.field),filter:c(s),remove:()=>{r(s.field,void 0)}}}).filter(Boolean),[c,n,o,r]);return{selectFilters:a,toValueFilter:i,toRangeFilter:d}}function k(){const{filter:e}=h.useNostoAppState(i=>{var d;return{filter:((d=i.query.products)==null?void 0:d.filter)??[]}}),{updateSearch:r}=h.useActions(),{selectFilters:t,toValueFilter:n,toRangeFilter:o}=D(),a=p.useMemo(()=>e?e.filter(t).flatMap(i=>"value"in i?n(i):"range"in i?o(i):[]).filter(Boolean):[],[e,t,o,n]),c=p.useCallback(()=>{r({products:{filter:[]}})},[r]);return{filters:a,removeAll:c}}function x(e){var u,f,m;const{replaceFilter:r}=h.useActions(),{query:t,products:n}=h.useNostoAppState(g=>({query:g.query,products:g.response.products})),o=(u=n==null?void 0:n.facets)==null?void 0:u.find(g=>g.id===e);if(!o)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const a=(m=(f=t.products)==null?void 0:f.filter)==null?void 0:m.find(g=>g.field===o.field),c=a!=null&&a.range?a.range[0]:void 0,i=typeof c=="object"&&("gte"in c||"lte"in c)?[N.parseNumber(c.gte),N.parseNumber(c.lte)]:[void 0,void 0],d="min"in o?Math.floor(o.min):0,s="max"in o?Math.ceil(o.max):0,l=([g,b])=>{const S=g!==void 0?Math.floor(g):void 0,v=b!==void 0?Math.ceil(b):void 0,F=S!==void 0,y=v!==void 0;(d===S||!F)&&(s===v||!y)?r(o.field,void 0):(d===S||!F)&&y?r(o.field,{lte:v.toString()}):(s===v||!y)&&F?r(o.field,{gte:S.toString()}):F&&y&&r(o.field,{gte:S.toString(),lte:v.toString()})};return{min:d,max:s,range:[i[0]??d,i[1]??s],updateRange:l}}function B(e,r){const{min:t,max:n,range:o,updateRange:a}=x(e),{filters:c}=k(),i=p.useMemo(()=>{var b;const u=c.find(S=>{var v;return(v=S==null?void 0:S.filter)==null?void 0:v.range});let f=null;if(u){const S=(b=u.filter.range)==null?void 0:b[0];f=[N.parseNumber(S==null?void 0:S.gte),N.parseNumber(S==null?void 0:S.lte)]}const m=[];let g=Math.floor(t/r)*r;for(;g<n;){const S=g+r,v=f&&f[0]===g&&f[1]===S;m.push({min:g,max:S,selected:v}),g=S}return m},[c,t,n,r]),d=u=>{a([u,o[1]])},s=u=>{a([o[0],u])},l=t!==o[0]||n!==o[1];return{min:t,max:n,range:o,updateRange:a,ranges:i,handleMinChange:d,handleMaxChange:s,isSelected:l}}function E(){const{products:e,keywords:r}=h.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:r??{hits:[],total:0}}}function _(){const e=h.useNostoAppState(t=>{var n;return(n=t.query.products)==null?void 0:n.filter});return p.useMemo(()=>e?e.reduce((t,n)=>t+(Array.isArray(n.value)?n.value.length:1),0):0,[e])}function M(e){return e&&!Number.isNaN(e)?e:0}function U(e,r){const{from:t,size:n,total:o}=h.useNostoAppState(s=>{var l,u,f,m,g;return{from:M(((l=s.query.products)==null?void 0:l.from)??0),size:M(((f=(u=s.response)==null?void 0:u.products)==null?void 0:f.size)??0),total:M(((g=(m=s.response)==null?void 0:m.products)==null?void 0:g.total)??0)}}),{updateSearch:a}=h.useActions(),c=t+n,i=[...e].reverse().filter(s=>s+r<o);return{from:t,to:c,total:o,size:n,sizeOptions:i,handleSizeChange:s=>{a({products:{size:N.parseNumber(s)}})}}}function $(e,r){return e.length!==r.length?!1:e.every(t=>r.find(n=>t.field===n.field&&t.order===n.order))}function I(e){var a,c;const r=h.useNostoAppState(i=>i.query),{updateSearch:t}=h.useActions();return{activeSort:((a=e.find(i=>{var d;return $(i.value.sort,((d=r.products)==null?void 0:d.sort)||[])}))==null?void 0:a.id)??((c=e[0])==null?void 0:c.id),setSort:i=>{const d=e.find(s=>s.id===i);d&&t({products:{sort:d.value.sort}})}}}const R=window.SpeechRecognition||window.webkitSpeechRecognition,L=!!(R&&typeof R=="function");function Z(){return{listening:!1,startListening:()=>{},stopListening:()=>{}}}function G({language:e="en-US",interimResults:r=!1}={}){const[t,n]=p.useState(!1),o=p.useRef(null),a=p.useCallback(({onResult:i,onError:d})=>{const s=new R;s.lang=e,s.interimResults=r,s.onstart=()=>n(!0),s.onresult=l=>{var f,m;const{transcript:u}=(m=(f=l.results)==null?void 0:f[0])==null?void 0:m[0];i(u)},d&&(s.onerror=l=>d(l.error)),s.onend=()=>n(!1),o.current=s,s.start()},[e,r]),c=p.useCallback(()=>{var i;(i=o.current)==null||i.stop()},[o]);return{listening:t,startListening:a,stopListening:c}}const H=L?G:Z;function J(e,r){if(!e.length||!r.length)return[];const t=r.reduce((n,o)=>(n[o]={},n),{});return e.forEach(n=>{var o;(o=n.customFields)==null||o.forEach(({key:a,value:c})=>{const i=a.toLowerCase();r.includes(i)&&(t[i][c]=t[i][c]||[],t[i][c].push(n))})}),Object.entries(t).filter(n=>Object.keys(n[1]).length).map(([n,o])=>({field:n,options:Object.entries(o).map(([a,c])=>({value:a,skus:c,unavailable:!1,selected:!1}))}))}function K(e,r){return e.length?e.map(({field:t,options:n})=>({field:t,options:n.map(o=>{var i;const a=!((i=o.skus)!=null&&i.some(d=>Object.entries(r).every(([s,l])=>{var f,m;return s===t?!0:((m=(f=d.customFields)==null?void 0:f.find(g=>g.key.toLowerCase()===s))==null?void 0:m.value)===l}))),c=r[t]===o.value;return{...o,unavailable:a,selected:c}})})):[]}const C=["4XS","3XS","2XS","XXS","XS","S","M","L","XL","XXL","2XL","XXXL","3XL","4XL"];function Q(e){if(C.includes(e))return 1e3+C.indexOf(e);const r=parseFloat(e);return isNaN(r)?e:r}function W(e,r){return[...r].sort((t,n)=>{const[o,a]=[t.value,n.value].map(Q);return o<a?-1:1})}function Y(e=[],r=[]){const[t,n]=p.useState({}),o=p.useMemo(()=>J(e,r).map(({field:s,options:l})=>({field:s,options:W(s,l)})),[e,r]),a=p.useMemo(()=>K(o,t),[o,t]),c=p.useCallback((d,s)=>{n(l=>{const u={...l};return u[d]===s?delete u[d]:u[d]=s,u})},[]),i=p.useMemo(()=>Object.keys(t).filter(l=>t[l]).length===0?[]:a.filter(({field:l})=>t[l]).map(({field:l,options:u})=>{const f=t[l],m=u.find(g=>g.value===f);return(m==null?void 0:m.skus)??[]}).reduce((l,u)=>l.filter(f=>u.includes(f))),[a,t]);return{swatches:a,toggleOption:c,matchedSkus:i}}exports.useActions=h.useActions;exports.useLoadMore=h.useLoadMore;exports.useNostoAppState=h.useNostoAppState;exports.speechToTextSupported=L;exports.useDecoratedSearchResults=T;exports.useFacet=q;exports.useFacets=X;exports.usePagination=j;exports.usePersonalization=V;exports.useProductFilters=k;exports.useRange=x;exports.useRangeSelector=B;exports.useResponse=E;exports.useSelectedFiltersCount=_;exports.useSizeOptions=U;exports.useSort=I;exports.useSpeechToText=H;exports.useSwatches=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../useLoadMore-CeqFdxt1.cjs"),z=require("../logger-BcHMZObS.cjs"),p=require("preact/hooks"),P=require("../index.es-DlUp67LT.cjs"),N=require("../parseNumber-FsZ8w61u.cjs");function T(e){const r=h.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&z.isPlainObject(e)?e:r}function q(e,r){var d;const t=((d=e.data)==null?void 0:d.filter(s=>s.selected).length)??0,{active:n}={active:t>0,...r},[o,i]=p.useState(n),{toggleProductFilter:c}=h.useActions(),a=p.useCallback(()=>{i(!o)},[o]);return{active:o,selectedFiltersCount:t,toggleActive:a,toggleProductFilter:c}}function X(){const{loading:e,facets:r}=h.useNostoAppState(t=>{var n,o;return{loading:t.loading,facets:((o=(n=t.response)==null?void 0:n.products)==null?void 0:o.facets)??[]}});return{loading:e,facets:r}}function O(e,r){const t=r-e;return!isNaN(t)&&t>0?new Array(r-e).fill(void 0).map((n,o)=>o+e):[]}function j(e){const{query:r,products:t}=h.useNostoAppState(n=>({query:n.query,products:n.response.products}));return p.useMemo(()=>{var F,y,R;if(!t)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const n=((F=r.products)==null?void 0:F.from)??0,o=(e==null?void 0:e.width)??1/0,i=Math.max(Math.floor(o-1)/2,1),c=t.size>0?Math.floor(n/t.size)+1:1,a=t.size>0?Math.ceil(t.total/t.size):0,d=A=>A>=c-i&&A<=c+i,s=n+1,l=Math.min(n+t.total,t.total),u={from:n,page:c,current:!0},f=A=>({from:(A-1)*t.size,page:A,current:A===c}),m=c>1?f(c-1):void 0,g=c<a?f(c+1):void 0,b=c-i-1>1?f(1):void 0,S=c+i+1<a?f(a):void 0,v=O(1,a+1).filter(d).map(f);return!b&&((y=v[0])==null?void 0:y.page)===2&&v.unshift(f(1)),!S&&((R=v[v.length-1])==null?void 0:R.page)===a-1&&v.push(f(a)),{totalPages:a,resultsFrom:s,resultsTo:l,current:u,prev:m,next:g,first:b,last:S,pages:v}},[r,t,e==null?void 0:e.width])}function V(){const[e,r]=p.useState([]),[t,n]=p.useState([]);return p.useEffect(()=>{P.s(async o=>{const{products:i,segments:c}=await o.getSearchSessionParams();r(c??[]),n((i==null?void 0:i.personalizationBoost)??[])})},[]),{segments:e,boost:t}}function D(){const{facets:e}=h.useNostoAppState(s=>{var l;return{facets:((l=s.response.products)==null?void 0:l.facets)??[]}}),{replaceFilter:r,toggleProductFilter:t}=h.useActions(),n=p.useCallback(s=>{const l=e==null?void 0:e.find(u=>u.type==="stats"&&u.field===s);if(l&&"min"in l&&"max"in l)return l},[e]),o=p.useCallback(s=>{var l;return((l=e==null?void 0:e.find(u=>u.field===s))==null?void 0:l.name)??s},[e]),i=p.useCallback(s=>"field"in s&&(s.value instanceof Array||s.range instanceof Array),[]),c=p.useCallback(s=>{var l;return{...s,range:(l=s.range)==null?void 0:l.map(u=>({gt:u.gt?Number(u.gt):u.gt,gte:u.gte?Number(u.gte):u.gte,lt:u.lt?Number(u.lt):u.lt,lte:u.lte?Number(u.lte):u.lte}))}},[]),a=p.useCallback(s=>(s.value??[]).map(u=>({value:u,field:s.field,name:o(s.field),filter:c(s),remove:()=>{t(s.field,u,!1)}})),[c,o,t]),d=p.useCallback(s=>(s.range??[]).map(u=>{var g,b;const f=u.gte??u.gt??((g=n(s.field))==null?void 0:g.min),m=u.lte??u.lt??((b=n(s.field))==null?void 0:b.max);if(f!==void 0&&m!==void 0)return{value:`${f} - ${m}`,field:s.field,name:o(s.field),filter:c(s),remove:()=>{r(s.field,void 0)}}}).filter(Boolean),[c,n,o,r]);return{selectFilters:i,toValueFilter:a,toRangeFilter:d}}function k(){const{filter:e}=h.useNostoAppState(a=>{var d;return{filter:((d=a.query.products)==null?void 0:d.filter)??[]}}),{updateSearch:r}=h.useActions(),{selectFilters:t,toValueFilter:n,toRangeFilter:o}=D(),i=p.useMemo(()=>e?e.filter(t).flatMap(a=>"value"in a?n(a):"range"in a?o(a):[]).filter(Boolean):[],[e,t,o,n]),c=p.useCallback(()=>{r({products:{filter:[]}})},[r]);return{filters:i,removeAll:c}}function x(e){var u,f,m;const{replaceFilter:r}=h.useActions(),{query:t,products:n}=h.useNostoAppState(g=>({query:g.query,products:g.response.products})),o=(u=n==null?void 0:n.facets)==null?void 0:u.find(g=>g.id===e);if(!o)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const i=(m=(f=t.products)==null?void 0:f.filter)==null?void 0:m.find(g=>g.field===o.field),c=i!=null&&i.range?i.range[0]:void 0,a=typeof c=="object"&&("gte"in c||"lte"in c)?[N.parseNumber(c.gte),N.parseNumber(c.lte)]:[void 0,void 0],d="min"in o?Math.floor(o.min):0,s="max"in o?Math.ceil(o.max):0,l=([g,b])=>{const S=g!==void 0?Math.floor(g):void 0,v=b!==void 0?Math.ceil(b):void 0,F=S!==void 0,y=v!==void 0;(d===S||!F)&&(s===v||!y)?r(o.field,void 0):(d===S||!F)&&y?r(o.field,{lte:v.toString()}):(s===v||!y)&&F?r(o.field,{gte:S.toString()}):F&&y&&r(o.field,{gte:S.toString(),lte:v.toString()})};return{min:d,max:s,range:[a[0]??d,a[1]??s],updateRange:l}}function B(e,r){const{min:t,max:n,range:o,updateRange:i}=x(e),{filters:c}=k(),a=p.useMemo(()=>{var b;const u=c.find(S=>{var v;return(v=S==null?void 0:S.filter)==null?void 0:v.range});let f=null;if(u){const S=(b=u.filter.range)==null?void 0:b[0];f=[N.parseNumber(S==null?void 0:S.gte),N.parseNumber(S==null?void 0:S.lte)]}const m=[];let g=Math.floor(t/r)*r;for(;g<n;){const S=g+r,v=f&&f[0]===g&&f[1]===S;m.push({min:g,max:S,selected:v}),g=S}return m},[c,t,n,r]),d=u=>{i([u,o[1]])},s=u=>{i([o[0],u])},l=t!==o[0]||n!==o[1];return{min:t,max:n,range:o,updateRange:i,ranges:a,handleMinChange:d,handleMaxChange:s,isSelected:l}}function _(){const{products:e,keywords:r}=h.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:r??{hits:[],total:0}}}function E(){const e=h.useNostoAppState(t=>{var n;return(n=t.query.products)==null?void 0:n.filter});return p.useMemo(()=>e?e.reduce((t,n)=>t+(Array.isArray(n.value)?n.value.length:1),0):0,[e])}function M(e){return e&&!Number.isNaN(e)?e:0}function U(e,r){const{from:t,size:n,total:o}=h.useNostoAppState(s=>{var l,u,f,m,g;return{from:M(((l=s.query.products)==null?void 0:l.from)??0),size:M(((f=(u=s.response)==null?void 0:u.products)==null?void 0:f.size)??0),total:M(((g=(m=s.response)==null?void 0:m.products)==null?void 0:g.total)??0)}}),{updateSearch:i}=h.useActions(),c=t+n,a=[...e].reverse().filter(s=>s+r<o);return{from:t,to:c,total:o,size:n,sizeOptions:a,handleSizeChange:s=>{i({products:{size:N.parseNumber(s)}})}}}function $(e,r){return e.length!==r.length?!1:e.every(t=>r.find(n=>t.field===n.field&&t.order===n.order))}function I(e){var i,c;const r=h.useNostoAppState(a=>a.query),{updateSearch:t}=h.useActions();return{activeSort:((i=e.find(a=>{var d;return $(a.value.sort,((d=r.products)==null?void 0:d.sort)||[])}))==null?void 0:i.id)??((c=e[0])==null?void 0:c.id),setSort:a=>{const d=e.find(s=>s.id===a);d&&t({products:{sort:d.value.sort}})}}}const w=window.SpeechRecognition||window.webkitSpeechRecognition,L=!!(w&&typeof w=="function");function Z(){return{listening:!1,startListening:()=>{},stopListening:()=>{}}}function G({language:e="en-US",interimResults:r=!1,onResult:t,onError:n}={}){const[o,i]=p.useState(!1),c=p.useRef(null),a=p.useCallback(()=>{const s=new w;s.lang=e,s.interimResults=r,s.onstart=()=>i(!0),t&&(s.onresult=l=>{var f,m;const{transcript:u}=(m=(f=l.results)==null?void 0:f[0])==null?void 0:m[0];t(u)}),n&&(s.onerror=l=>n(l.error)),s.onend=()=>i(!1),c.current=s,s.start()},[e,r,n,t]),d=p.useCallback(()=>{var s;(s=c.current)==null||s.stop()},[c]);return{listening:o,startListening:a,stopListening:d}}const H=L?G:Z;function J(e,r){if(!e.length||!r.length)return[];const t=r.reduce((n,o)=>(n[o]={},n),{});return e.forEach(n=>{var o;(o=n.customFields)==null||o.forEach(({key:i,value:c})=>{const a=i.toLowerCase();r.includes(a)&&(t[a][c]=t[a][c]||[],t[a][c].push(n))})}),Object.entries(t).filter(n=>Object.keys(n[1]).length).map(([n,o])=>({field:n,options:Object.entries(o).map(([i,c])=>({value:i,skus:c,unavailable:!1,selected:!1}))}))}function K(e,r){return e.length?e.map(({field:t,options:n})=>({field:t,options:n.map(o=>{var a;const i=!((a=o.skus)!=null&&a.some(d=>Object.entries(r).every(([s,l])=>{var f,m;return s===t?!0:((m=(f=d.customFields)==null?void 0:f.find(g=>g.key.toLowerCase()===s))==null?void 0:m.value)===l}))),c=r[t]===o.value;return{...o,unavailable:i,selected:c}})})):[]}const C=["4XS","3XS","2XS","XXS","XS","S","M","L","XL","XXL","2XL","XXXL","3XL","4XL"];function Q(e){if(C.includes(e))return 1e3+C.indexOf(e);const r=parseFloat(e);return isNaN(r)?e:r}function W(e,r){return[...r].sort((t,n)=>{const[o,i]=[t.value,n.value].map(Q);return o<i?-1:1})}function Y(e=[],r=[]){const[t,n]=p.useState({}),o=p.useMemo(()=>J(e,r).map(({field:s,options:l})=>({field:s,options:W(s,l)})),[e,r]),i=p.useMemo(()=>K(o,t),[o,t]),c=p.useCallback((d,s)=>{n(l=>{const u={...l};return u[d]===s?delete u[d]:u[d]=s,u})},[]),a=p.useMemo(()=>Object.keys(t).filter(l=>t[l]).length===0?[]:i.filter(({field:l})=>t[l]).map(({field:l,options:u})=>{const f=t[l],m=u.find(g=>g.value===f);return(m==null?void 0:m.skus)??[]}).reduce((l,u)=>l.filter(f=>u.includes(f))),[i,t]);return{swatches:i,toggleOption:c,matchedSkus:a}}exports.useActions=h.useActions;exports.useLoadMore=h.useLoadMore;exports.useNostoAppState=h.useNostoAppState;exports.speechToTextSupported=L;exports.useDecoratedSearchResults=T;exports.useFacet=q;exports.useFacets=X;exports.usePagination=j;exports.usePersonalization=V;exports.useProductFilters=k;exports.useRange=x;exports.useRangeSelector=B;exports.useResponse=_;exports.useSelectedFiltersCount=E;exports.useSizeOptions=U;exports.useSort=I;exports.useSpeechToText=H;exports.useSwatches=Y;

package/dist/preact/hooks.es.js

@@ -13,8 +13,8 @@ function Y(e, o) {
   const t = ((d = e.data) == null ? void 0 : d.filter((n) => n.selected).length) ?? 0, { active: r } = {
     active: t > 0,
     ...o
-  }, [s, u] = L(r), { toggleProductFilter: c } = x(), a = S(() => {
-    u(!s);
+  }, [s, a] = L(r), { toggleProductFilter: c } = x(), u = S(() => {
+    a(!s);
   }, [s]);
   return {
     /** Active value */
@@ -22,7 +22,7 @@ function Y(e, o) {
     /** Selected filters count */
     selectedFiltersCount: t,
     /** Toggle active function */
-    toggleActive: a,
+    toggleActive: u,
     /** Toggle product filter function */
     toggleProductFilter: c
   };
@@ -60,7 +60,7 @@ function te(e) {
         resultsTo: 0,
         pages: []
       };
-    const r = ((F = o.products) == null ? void 0 : F.from) ?? 0, s = (e == null ? void 0 : e.width) ?? 1 / 0, u = Math.max(Math.floor(s - 1) / 2, 1), c = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, a = t.size > 0 ? Math.ceil(t.total / t.size) : 0, d = (R) => R >= c - u && R <= c + u, n = r + 1, l = Math.min(r + t.total, t.total), i = {
+    const r = ((F = o.products) == null ? void 0 : F.from) ?? 0, s = (e == null ? void 0 : e.width) ?? 1 / 0, a = Math.max(Math.floor(s - 1) / 2, 1), c = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, u = t.size > 0 ? Math.ceil(t.total / t.size) : 0, d = (R) => R >= c - a && R <= c + a, n = r + 1, l = Math.min(r + t.total, t.total), i = {
       from: r,
       page: c,
       current: !0
@@ -68,9 +68,9 @@ function te(e) {
       from: (R - 1) * t.size,
       page: R,
       current: R === c
-    }), p = c > 1 ? f(c - 1) : void 0, g = c < a ? f(c + 1) : void 0, v = c - u - 1 > 1 ? f(1) : void 0, m = c + u + 1 < a ? f(a) : void 0, h = k(1, a + 1).filter(d).map(f);
-    return !v && ((w = h[0]) == null ? void 0 : w.page) === 2 && h.unshift(f(1)), !m && ((A = h[h.length - 1]) == null ? void 0 : A.page) === a - 1 && h.push(f(a)), {
-      totalPages: a,
+    }), p = c > 1 ? f(c - 1) : void 0, g = c < u ? f(c + 1) : void 0, v = c - a - 1 > 1 ? f(1) : void 0, m = c + a + 1 < u ? f(u) : void 0, h = k(1, u + 1).filter(d).map(f);
+    return !v && ((w = h[0]) == null ? void 0 : w.page) === 2 && h.unshift(f(1)), !m && ((A = h[h.length - 1]) == null ? void 0 : A.page) === u - 1 && h.push(f(u)), {
+      totalPages: u,
       resultsFrom: n,
       resultsTo: l,
       current: i,
@@ -86,8 +86,8 @@ function ne() {
   const [e, o] = L([]), [t, r] = L([]);
   return O(() => {
     C(async (s) => {
-      const { products: u, segments: c } = await s.getSearchSessionParams();
-      o(c ?? []), r((u == null ? void 0 : u.personalizationBoost) ?? []);
+      const { products: a, segments: c } = await s.getSearchSessionParams();
+      o(c ?? []), r((a == null ? void 0 : a.personalizationBoost) ?? []);
     });
   }, []), {
     segments: e,
@@ -113,7 +113,7 @@ function q() {
       return ((l = e == null ? void 0 : e.find((i) => i.field === n)) == null ? void 0 : l.name) ?? n;
     },
     [e]
-  ), u = S((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), c = S((n) => {
+  ), a = S((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), c = S((n) => {
     var l;
     return {
       ...n,
@@ -124,7 +124,7 @@ function q() {
         lte: i.lte ? Number(i.lte) : i.lte
       }))
     };
-  }, []), a = S(
+  }, []), u = S(
     (n) => (n.value ?? []).map((i) => ({
       value: i,
       field: n.field,
@@ -153,18 +153,18 @@ function q() {
     [c, r, s, o]
   );
   return {
-    selectFilters: u,
-    toValueFilter: a,
+    selectFilters: a,
+    toValueFilter: u,
     toRangeFilter: d
   };
 }
 function j() {
-  const { filter: e } = y((a) => {
+  const { filter: e } = y((u) => {
     var d;
     return {
-      filter: ((d = a.query.products) == null ? void 0 : d.filter) ?? []
+      filter: ((d = u.query.products) == null ? void 0 : d.filter) ?? []
     };
-  }), { updateSearch: o } = x(), { selectFilters: t, toValueFilter: r, toRangeFilter: s } = q(), u = b(() => e ? e.filter(t).flatMap((a) => "value" in a ? r(a) : "range" in a ? s(a) : []).filter(Boolean) : [], [e, t, s, r]), c = S(() => {
+  }), { updateSearch: o } = x(), { selectFilters: t, toValueFilter: r, toRangeFilter: s } = q(), a = b(() => e ? e.filter(t).flatMap((u) => "value" in u ? r(u) : "range" in u ? s(u) : []).filter(Boolean) : [], [e, t, s, r]), c = S(() => {
     o({
       products: {
         filter: []
@@ -173,7 +173,7 @@ function j() {
   }, [o]);
   return {
     /** Selected filters array. */
-    filters: u,
+    filters: a,
     /** Should remove all selected filters. */
     removeAll: c
   };
@@ -192,7 +192,7 @@ function V(e) {
       updateRange: () => {
       }
     };
-  const u = (p = (f = t.products) == null ? void 0 : f.filter) == null ? void 0 : p.find((g) => g.field === s.field), c = u != null && u.range ? u.range[0] : void 0, a = typeof c == "object" && ("gte" in c || "lte" in c) ? [M(c.gte), M(c.lte)] : [void 0, void 0], d = "min" in s ? Math.floor(s.min) : 0, n = "max" in s ? Math.ceil(s.max) : 0, l = ([g, v]) => {
+  const a = (p = (f = t.products) == null ? void 0 : f.filter) == null ? void 0 : p.find((g) => g.field === s.field), c = a != null && a.range ? a.range[0] : void 0, u = typeof c == "object" && ("gte" in c || "lte" in c) ? [M(c.gte), M(c.lte)] : [void 0, void 0], d = "min" in s ? Math.floor(s.min) : 0, n = "max" in s ? Math.ceil(s.max) : 0, l = ([g, v]) => {
     const m = g !== void 0 ? Math.floor(g) : void 0, h = v !== void 0 ? Math.ceil(v) : void 0, F = m !== void 0, w = h !== void 0;
     (d === m || !F) && (n === h || !w) ? o(s.field, void 0) : (d === m || !F) && w ? o(s.field, {
       lte: h.toString()
@@ -209,13 +209,13 @@ function V(e) {
     /** Max value */
     max: n,
     /** Range value */
-    range: [a[0] ?? d, a[1] ?? n],
+    range: [u[0] ?? d, u[1] ?? n],
     /** Update range function */
     updateRange: l
   };
 }
 function re(e, o) {
-  const { min: t, max: r, range: s, updateRange: u } = V(e), { filters: c } = j(), a = b(() => {
+  const { min: t, max: r, range: s, updateRange: a } = V(e), { filters: c } = j(), u = b(() => {
     var v;
     const i = c.find((m) => {
       var h;
@@ -238,9 +238,9 @@ function re(e, o) {
     }
     return p;
   }, [c, t, r, o]), d = (i) => {
-    u([i, s[1]]);
+    a([i, s[1]]);
   }, n = (i) => {
-    u([s[0], i]);
+    a([s[0], i]);
   }, l = t !== s[0] || r !== s[1];
   return {
     /** Minimum value */
@@ -250,9 +250,9 @@ function re(e, o) {
     /** Range value */
     range: s,
     /** Update range function */
-    updateRange: u,
+    updateRange: a,
     /** Ranges */
-    ranges: a,
+    ranges: u,
     /** Handle min change */
     handleMinChange: d,
     /** Handle max change */
@@ -288,7 +288,7 @@ function ie(e, o) {
       size: z(((f = (i = n.response) == null ? void 0 : i.products) == null ? void 0 : f.size) ?? 0),
       total: z(((g = (p = n.response) == null ? void 0 : p.products) == null ? void 0 : g.total) ?? 0)
     };
-  }), { updateSearch: u } = x(), c = t + r, a = [...e].reverse().filter((n) => n + o < s);
+  }), { updateSearch: a } = x(), c = t + r, u = [...e].reverse().filter((n) => n + o < s);
   return {
     /** from value */
     from: t,
@@ -299,10 +299,10 @@ function ie(e, o) {
     /** size value */
     size: r,
     /** Array of size options */
-    sizeOptions: a,
+    sizeOptions: u,
     /** Should be called when size is changed */
     handleSizeChange: (n) => {
-      u({
+      a({
         products: {
           size: M(n)
         }
@@ -314,17 +314,17 @@ function B(e, o) {
   return e.length !== o.length ? !1 : e.every((t) => o.find((r) => t.field === r.field && t.order === r.order));
 }
 function ce(e) {
-  var u, c;
-  const o = y((a) => a.query), { updateSearch: t } = x();
+  var a, c;
+  const o = y((u) => u.query), { updateSearch: t } = x();
   return {
     /** Active sort */
-    activeSort: ((u = e.find((a) => {
+    activeSort: ((a = e.find((u) => {
       var d;
-      return B(a.value.sort, ((d = o.products) == null ? void 0 : d.sort) || []);
-    })) == null ? void 0 : u.id) ?? ((c = e[0]) == null ? void 0 : c.id),
+      return B(u.value.sort, ((d = o.products) == null ? void 0 : d.sort) || []);
+    })) == null ? void 0 : a.id) ?? ((c = e[0]) == null ? void 0 : c.id),
     /** Set sort function */
-    setSort: (a) => {
-      const d = e.find((n) => n.id === a);
+    setSort: (u) => {
+      const d = e.find((n) => n.id === u);
       d && t({
         products: {
           sort: d.value.sort
@@ -345,26 +345,25 @@ function E() {
 }
 function U({
   language: e = "en-US",
-  interimResults: o = !1
+  interimResults: o = !1,
+  onResult: t,
+  onError: r
 } = {}) {
-  const [t, r] = L(!1), s = T(null), u = S(
-    ({ onResult: a, onError: d }) => {
-      const n = new X();
-      n.lang = e, n.interimResults = o, n.onstart = () => r(!0), n.onresult = (l) => {
-        var f, p;
-        const { transcript: i } = (p = (f = l.results) == null ? void 0 : f[0]) == null ? void 0 : p[0];
-        a(i);
-      }, d && (n.onerror = (l) => d(l.error)), n.onend = () => r(!1), s.current = n, n.start();
-    },
-    [e, o]
-  ), c = S(() => {
-    var a;
-    (a = s.current) == null || a.stop();
-  }, [s]);
+  const [s, a] = L(!1), c = T(null), u = S(() => {
+    const n = new X();
+    n.lang = e, n.interimResults = o, n.onstart = () => a(!0), t && (n.onresult = (l) => {
+      var f, p;
+      const { transcript: i } = (p = (f = l.results) == null ? void 0 : f[0]) == null ? void 0 : p[0];
+      t(i);
+    }), r && (n.onerror = (l) => r(l.error)), n.onend = () => a(!1), c.current = n, n.start();
+  }, [e, o, r, t]), d = S(() => {
+    var n;
+    (n = c.current) == null || n.stop();
+  }, [c]);
   return {
-    listening: t,
+    listening: s,
     startListening: u,
-    stopListening: c
+    stopListening: d
   };
 }
 const ae = D ? U : E;
@@ -373,14 +372,14 @@ function _(e, o) {
   const t = o.reduce((r, s) => (r[s] = {}, r), {});
   return e.forEach((r) => {
     var s;
-    (s = r.customFields) == null || s.forEach(({ key: u, value: c }) => {
-      const a = u.toLowerCase();
-      o.includes(a) && (t[a][c] = t[a][c] || [], t[a][c].push(r));
+    (s = r.customFields) == null || s.forEach(({ key: a, value: c }) => {
+      const u = a.toLowerCase();
+      o.includes(u) && (t[u][c] = t[u][c] || [], t[u][c].push(r));
     });
   }), Object.entries(t).filter((r) => Object.keys(r[1]).length).map(([r, s]) => ({
     field: r,
-    options: Object.entries(s).map(([u, c]) => ({
-      value: u,
+    options: Object.entries(s).map(([a, c]) => ({
+      value: a,
       skus: c,
       unavailable: !1,
       selected: !1
@@ -391,14 +390,14 @@ function $(e, o) {
   return e.length ? e.map(({ field: t, options: r }) => ({
     field: t,
     options: r.map((s) => {
-      var a;
-      const u = !((a = s.skus) != null && a.some((d) => Object.entries(o).every(([n, l]) => {
+      var u;
+      const a = !((u = s.skus) != null && u.some((d) => Object.entries(o).every(([n, l]) => {
         var f, p;
         return n === t ? !0 : ((p = (f = d.customFields) == null ? void 0 : f.find((g) => g.key.toLowerCase() === n)) == null ? void 0 : p.value) === l;
       }))), c = o[t] === s.value;
       return {
         ...s,
-        unavailable: u,
+        unavailable: a,
         selected: c
       };
     })
@@ -413,24 +412,24 @@ function I(e) {
 }
 function Z(e, o) {
   return [...o].sort((t, r) => {
-    const [s, u] = [t.value, r.value].map(I);
-    return s < u ? -1 : 1;
+    const [s, a] = [t.value, r.value].map(I);
+    return s < a ? -1 : 1;
   });
 }
 function ue(e = [], o = []) {
   const [t, r] = L({}), s = b(() => _(e, o).map(({ field: n, options: l }) => ({
     field: n,
     options: Z(n, l)
-  })), [e, o]), u = b(() => $(s, t), [s, t]), c = S((d, n) => {
+  })), [e, o]), a = b(() => $(s, t), [s, t]), c = S((d, n) => {
     r((l) => {
       const i = { ...l };
       return i[d] === n ? delete i[d] : i[d] = n, i;
     });
-  }, []), a = b(() => Object.keys(t).filter((l) => t[l]).length === 0 ? [] : u.filter(({ field: l }) => t[l]).map(({ field: l, options: i }) => {
+  }, []), u = b(() => Object.keys(t).filter((l) => t[l]).length === 0 ? [] : a.filter(({ field: l }) => t[l]).map(({ field: l, options: i }) => {
     const f = t[l], p = i.find((g) => g.value === f);
     return (p == null ? void 0 : p.skus) ?? [];
-  }).reduce((l, i) => l.filter((f) => i.includes(f))), [u, t]);
-  return { swatches: u, toggleOption: c, matchedSkus: a };
+  }).reduce((l, i) => l.filter((f) => i.includes(f))), [a, t]);
+  return { swatches: a, toggleOption: c, matchedSkus: u };
 }
 export {
   D as speechToTextSupported,

package/dist/preact/src/hooks/useSpeechToText.d.ts

@@ -1,18 +1,16 @@
 interface SpeechToTextOptions {
     language?: string;
     interimResults?: boolean;
-}
-interface StartListeningOptions {
-    onResult: (value: string) => void;
+    onResult?: (value: string) => void;
     onError?: (error: string) => void;
 }
 export type SpeechToText = {
     listening: boolean;
-    startListening: (options: StartListeningOptions) => void;
+    startListening: () => void;
     stopListening: () => void;
 };
 export declare const speechToTextSupported: boolean;
-declare function useSpeechToTextSupported({ language, interimResults }?: SpeechToTextOptions): SpeechToText;
+declare function useSpeechToTextSupported({ language, interimResults, onResult, onError }?: SpeechToTextOptions): SpeechToText;
 /**
  * Preact hook that provides speech-to-text functionality using the Web Speech API.
  * @example
@@ -21,7 +19,10 @@ declare function useSpeechToTextSupported({ language, interimResults }?: SpeechT
  *
  * export default function MyComponent() {
  *  const { newSearch } = useActions()
- *  const { startListening, stopListening, listening } = useSpeechToText()
+ *  const { startListening, stopListening, listening } = useSpeechToText({
+ *    onResult: query => newSearch({ query }),
+ *    onError: error => console.error("Speech recognition error:", error)
+ *  })
  *  if (!speechToTextSupported) {
  *    return null
  *  }
@@ -32,13 +33,7 @@ declare function useSpeechToTextSupported({ language, interimResults }?: SpeechT
  *       if (listening) {
  *         stopListening()
  *       } else {
- *         startListening({
- *           onResult: value => {
- *             newSearch({
- *               query: value
- *             })
- *           }
- *         })
+ *         startListening()
  *       }
  *     }}
  *    >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosto/search-js",
-  "version": "2.17.0",
+  "version": "3.0.0",
   "license": "ISC",
   "type": "module",
   "files": [
@@ -90,14 +90,14 @@
     "@testing-library/dom": "^10.4.0",
     "@types/dom-speech-recognition": "^0.0.6",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/node": "^22.15.21",
-    "@vitest/coverage-v8": "^3.1.4",
+    "@types/node": "^22.15.29",
+    "@vitest/coverage-v8": "^3.2.0",
     "concurrently": "^9.1.2",
     "copyfiles": "^2.4.1",
-    "eslint": "^9.27.0",
+    "eslint": "^9.28.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-barrel-files": "^3.0.1",
-    "eslint-plugin-prettier": "^5.4.0",
+    "eslint-plugin-prettier": "^5.4.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
@@ -108,7 +108,7 @@
     "prettier": "^3.5.3",
     "typedoc": "^0.28.5",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.32.1",
+    "typescript-eslint": "^8.33.0",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.1.3"