@nosto/search-js 2.10.0 → 2.11.0

package/dist/preact/hooks.cjs.js

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

package/dist/preact/hooks.d.ts

@@ -14,4 +14,5 @@ export { useResponse } from './src/hooks/useResponse';
 export { useSelectedFiltersCount } from './src/hooks/useSelectedFiltersCount';
 export { useSizeOptions } from './src/hooks/useSizeOptions';
 export { useSort } from './src/hooks/useSort/useSort';
+export { type SpeechToText, speechToTextSupported, useSpeechToText } from './src/hooks/useSpeechToText';
 export { useSwatches } from './src/hooks/useSwatches/useSwatches';

package/dist/preact/hooks.es.js

@@ -1,16 +1,16 @@
-import { a as F, c as R } from "../useLoadMore-4FYGzDwd.js";
-import { b as re } from "../useLoadMore-4FYGzDwd.js";
-import { a as N } from "../logger-DVwg4Wor.js";
-import { useState as z, useMemo as M, useEffect as C, useCallback as S } from "preact/hooks";
-import { s as q } from "../index.es-B8mbAxS4.js";
-import { p as x } from "../parseNumber-QA48nJLp.js";
-function _(e) {
-  const o = F((t) => t.response);
-  return e && Array.isArray(e) || e && N(e) ? e : o;
+import { a as y, c as x } from "../useLoadMore-4FYGzDwd.js";
+import { b as ae } from "../useLoadMore-4FYGzDwd.js";
+import { a as T } from "../logger-DVwg4Wor.js";
+import { useState as M, useMemo as b, useEffect as C, useCallback as S, useRef as q } from "preact/hooks";
+import { s as L } from "../index.es-B8mbAxS4.js";
+import { p as z } from "../parseNumber-QA48nJLp.js";
+function Q(e) {
+  const o = y((t) => t.response);
+  return e && Array.isArray(e) || e && T(e) ? e : o;
 }
-function G(e) {
-  var c;
-  const o = ((c = e.data) == null ? void 0 : c.filter((a) => a.selected).length) ?? 0, [t, r] = z(o > 0), { toggleProductFilter: s } = R();
+function W(e) {
+  var i;
+  const o = ((i = e.data) == null ? void 0 : i.filter((c) => c.selected).length) ?? 0, [t, r] = M(o > 0), { toggleProductFilter: s } = x();
   return {
     /** Active value */
     active: t,
@@ -24,8 +24,8 @@ function G(e) {
     toggleProductFilter: s
   };
 }
-function H() {
-  const { loading: e, facets: o } = F((t) => {
+function X() {
+  const { loading: e, facets: o } = y((t) => {
     var r, s;
     return {
       loading: t.loading,
@@ -43,13 +43,13 @@ function k(e, o) {
   const t = o - e;
   return !isNaN(t) && t > 0 ? new Array(o - e).fill(void 0).map((r, s) => s + e) : [];
 }
-function J(e) {
-  const { query: o, products: t } = F((r) => ({
+function Y(e) {
+  const { query: o, products: t } = y((r) => ({
     query: r.query,
     products: r.response.products
   }));
-  return M(() => {
-    var y, b, P;
+  return b(() => {
+    var F, w, N;
     if (!t)
       return {
         totalPages: 0,
@@ -57,20 +57,20 @@ function J(e) {
         resultsTo: 0,
         pages: []
       };
-    const r = ((y = o.products) == null ? void 0 : y.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, f = (w) => w >= c - u && w <= 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, l = Math.max(Math.floor(s - 1) / 2, 1), i = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, c = t.size > 0 ? Math.ceil(t.total / t.size) : 0, f = (R) => R >= i - l && R <= i + l, n = r + 1, a = Math.min(r + t.total, t.total), u = {
       from: r,
-      page: c,
+      page: i,
       current: !0
-    }, d = (w) => ({
-      from: (w - 1) * t.size,
-      page: w,
-      current: w === c
-    }), p = c > 1 ? d(c - 1) : void 0, g = c < a ? d(c + 1) : void 0, v = c - u - 1 > 1 ? d(1) : void 0, m = c + u + 1 < a ? d(a) : void 0, h = k(1, a + 1).filter(f).map(d);
-    return !v && ((b = h[0]) == null ? void 0 : b.page) === 2 && h.unshift(d(1)), !m && ((P = h[h.length - 1]) == null ? void 0 : P.page) === a - 1 && h.push(d(a)), {
-      totalPages: a,
+    }, d = (R) => ({
+      from: (R - 1) * t.size,
+      page: R,
+      current: R === i
+    }), p = i > 1 ? d(i - 1) : void 0, g = i < c ? d(i + 1) : void 0, v = i - l - 1 > 1 ? d(1) : void 0, m = i + l + 1 < c ? d(c) : void 0, h = k(1, c + 1).filter(f).map(d);
+    return !v && ((w = h[0]) == null ? void 0 : w.page) === 2 && h.unshift(d(1)), !m && ((N = h[h.length - 1]) == null ? void 0 : N.page) === c - 1 && h.push(d(c)), {
+      totalPages: c,
       resultsFrom: n,
-      resultsTo: l,
-      current: i,
+      resultsTo: a,
+      current: u,
       prev: p,
       next: g,
       first: v,
@@ -79,12 +79,12 @@ function J(e) {
     };
   }, [o, t, e == null ? void 0 : e.width]);
 }
-function K() {
-  const [e, o] = z([]), [t, r] = z([]);
+function Z() {
+  const [e, o] = M([]), [t, r] = M([]);
   return C(() => {
-    q(async (s) => {
-      const { products: u, segments: c } = await s.getSearchSessionParams();
-      o(c ?? []), r((u == null ? void 0 : u.personalizationBoost) ?? []);
+    L(async (s) => {
+      const { products: l, segments: i } = await s.getSearchSessionParams();
+      o(i ?? []), r((l == null ? void 0 : l.personalizationBoost) ?? []);
     });
   }, []), {
     segments: e,
@@ -92,76 +92,76 @@ function K() {
   };
 }
 function O() {
-  const { facets: e } = F((n) => {
-    var l;
+  const { facets: e } = y((n) => {
+    var a;
     return {
-      facets: ((l = n.response.products) == null ? void 0 : l.facets) ?? []
+      facets: ((a = n.response.products) == null ? void 0 : a.facets) ?? []
     };
-  }), { replaceFilter: o, toggleProductFilter: t } = R(), r = S(
+  }), { replaceFilter: o, toggleProductFilter: t } = x(), r = S(
     (n) => {
-      const l = e == null ? void 0 : e.find((i) => i.type === "stats" && i.field === n);
-      if (l && "min" in l && "max" in l)
-        return l;
+      const a = e == null ? void 0 : e.find((u) => u.type === "stats" && u.field === n);
+      if (a && "min" in a && "max" in a)
+        return a;
     },
     [e]
   ), s = S(
     (n) => {
-      var l;
-      return ((l = e == null ? void 0 : e.find((i) => i.field === n)) == null ? void 0 : l.name) ?? n;
+      var a;
+      return ((a = e == null ? void 0 : e.find((u) => u.field === n)) == null ? void 0 : a.name) ?? n;
     },
     [e]
-  ), u = S((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), c = S((n) => {
-    var l;
+  ), l = S((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), i = S((n) => {
+    var a;
     return {
       ...n,
-      range: (l = n.range) == null ? void 0 : l.map((i) => ({
-        gt: i.gt ? Number(i.gt) : i.gt,
-        gte: i.gte ? Number(i.gte) : i.gte,
-        lt: i.lt ? Number(i.lt) : i.lt,
-        lte: i.lte ? Number(i.lte) : i.lte
+      range: (a = n.range) == null ? void 0 : a.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 = S(
-    (n) => (n.value ?? []).map((i) => ({
-      value: i,
+  }, []), c = S(
+    (n) => (n.value ?? []).map((u) => ({
+      value: u,
       field: n.field,
       name: s(n.field),
-      filter: c(n),
+      filter: i(n),
       remove: () => {
-        t(n.field, i, !1);
+        t(n.field, u, !1);
       }
     })),
-    [c, s, t]
+    [i, s, t]
   ), f = S(
-    (n) => (n.range ?? []).map((i) => {
+    (n) => (n.range ?? []).map((u) => {
       var g, v;
-      const d = i.gte ?? i.gt ?? ((g = r(n.field)) == null ? void 0 : g.min), p = i.lte ?? i.lt ?? ((v = r(n.field)) == null ? void 0 : v.max);
+      const d = u.gte ?? u.gt ?? ((g = r(n.field)) == null ? void 0 : g.min), p = u.lte ?? u.lt ?? ((v = r(n.field)) == null ? void 0 : v.max);
       if (d !== void 0 && p !== void 0)
         return {
           value: `${d} - ${p}`,
           field: n.field,
           name: s(n.field),
-          filter: c(n),
+          filter: i(n),
           remove: () => {
             o(n.field, void 0);
           }
         };
     }).filter(Boolean),
-    [c, r, s, o]
+    [i, r, s, o]
   );
   return {
-    selectFilters: u,
-    toValueFilter: a,
+    selectFilters: l,
+    toValueFilter: c,
     toRangeFilter: f
   };
 }
 function j() {
-  const { filter: e } = F((a) => {
+  const { filter: e } = y((c) => {
     var f;
     return {
-      filter: ((f = a.query.products) == null ? void 0 : f.filter) ?? []
+      filter: ((f = c.query.products) == null ? void 0 : f.filter) ?? []
     };
-  }), { updateSearch: o } = R(), { selectFilters: t, toValueFilter: r, toRangeFilter: s } = O(), u = M(() => 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 } = O(), l = b(() => e ? e.filter(t).flatMap((c) => "value" in c ? r(c) : "range" in c ? s(c) : []).filter(Boolean) : [], [e, t, s, r]), i = S(() => {
     o({
       products: {
         filter: []
@@ -170,17 +170,17 @@ function j() {
   }, [o]);
   return {
     /** Selected filters array. */
-    filters: u,
+    filters: l,
     /** Should remove all selected filters. */
-    removeAll: c
+    removeAll: i
   };
 }
 function V(e) {
-  var i, d, p;
-  const { replaceFilter: o } = R(), { query: t, products: r } = F((g) => ({
+  var u, d, p;
+  const { replaceFilter: o } = x(), { query: t, products: r } = y((g) => ({
     query: g.query,
     products: g.response.products
-  })), s = (i = r == null ? void 0 : r.facets) == null ? void 0 : i.find((g) => g.id === e);
+  })), s = (u = r == null ? void 0 : r.facets) == null ? void 0 : u.find((g) => g.id === e);
   if (!s)
     return {
       min: 0,
@@ -189,13 +189,13 @@ function V(e) {
       updateRange: () => {
       }
     };
-  const u = (p = (d = t.products) == null ? void 0 : d.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) ? [x(c.gte), x(c.lte)] : [void 0, void 0], f = "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, y = m !== void 0, b = h !== void 0;
-    (f === m || !y) && (n === h || !b) ? o(s.field, void 0) : (f === m || !y) && b ? o(s.field, {
+  const l = (p = (d = t.products) == null ? void 0 : d.filter) == null ? void 0 : p.find((g) => g.field === s.field), i = l != null && l.range ? l.range[0] : void 0, c = typeof i == "object" && ("gte" in i || "lte" in i) ? [z(i.gte), z(i.lte)] : [void 0, void 0], f = "min" in s ? Math.floor(s.min) : 0, n = "max" in s ? Math.ceil(s.max) : 0, a = ([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;
+    (f === m || !F) && (n === h || !w) ? o(s.field, void 0) : (f === m || !F) && w ? o(s.field, {
       lte: h.toString()
-    }) : (n === h || !b) && y ? o(s.field, {
+    }) : (n === h || !w) && F ? o(s.field, {
       gte: m.toString()
-    }) : y && b && o(s.field, {
+    }) : F && w && o(s.field, {
       gte: m.toString(),
       lte: h.toString()
     });
@@ -206,22 +206,22 @@ function V(e) {
     /** Max value */
     max: n,
     /** Range value */
-    range: [a[0] ?? f, a[1] ?? n],
+    range: [c[0] ?? f, c[1] ?? n],
     /** Update range function */
-    updateRange: l
+    updateRange: a
   };
 }
-function Q(e, o) {
-  const { min: t, max: r, range: s, updateRange: u } = V(e), { filters: c } = j(), a = M(() => {
+function ee(e, o) {
+  const { min: t, max: r, range: s, updateRange: l } = V(e), { filters: i } = j(), c = b(() => {
     var v;
-    const i = c.find((m) => {
+    const u = i.find((m) => {
       var h;
       return (h = m == null ? void 0 : m.filter) == null ? void 0 : h.range;
     });
     let d = null;
-    if (i) {
-      const m = (v = i.filter.range) == null ? void 0 : v[0];
-      d = [x(m == null ? void 0 : m.gte), x(m == null ? void 0 : m.lte)];
+    if (u) {
+      const m = (v = u.filter.range) == null ? void 0 : v[0];
+      d = [z(m == null ? void 0 : m.gte), z(m == null ? void 0 : m.lte)];
     }
     const p = [];
     let g = Math.floor(t / o) * o;
@@ -234,11 +234,11 @@ function Q(e, o) {
       }), g = m;
     }
     return p;
-  }, [c, t, r, o]), f = (i) => {
-    u([i, s[1]]);
-  }, n = (i) => {
-    u([s[0], i]);
-  }, l = t !== s[0] || r !== s[1];
+  }, [i, t, r, o]), f = (u) => {
+    l([u, s[1]]);
+  }, n = (u) => {
+    l([s[0], u]);
+  }, a = t !== s[0] || r !== s[1];
   return {
     /** Minimum value */
     min: t,
@@ -247,19 +247,19 @@ function Q(e, o) {
     /** Range value */
     range: s,
     /** Update range function */
-    updateRange: u,
+    updateRange: l,
     /** Ranges */
-    ranges: a,
+    ranges: c,
     /** Handle min change */
     handleMinChange: f,
     /** Handle max change */
     handleMaxChange: n,
     /** Is selected */
-    isSelected: l
+    isSelected: a
   };
 }
-function W() {
-  const { products: e, keywords: o } = F((t) => t.response);
+function te() {
+  const { products: e, keywords: o } = y((t) => t.response);
   return {
     /** Array of products */
     products: e ?? { hits: [], total: 0 },
@@ -267,61 +267,61 @@ function W() {
     keywords: o ?? { hits: [], total: 0 }
   };
 }
-function X() {
-  const e = F((t) => {
+function ne() {
+  const e = y((t) => {
     var r;
     return (r = t.query.products) == null ? void 0 : r.filter;
   });
-  return M(() => e ? e.reduce((t, r) => t + (Array.isArray(r.value) ? r.value.length : 1), 0) : 0, [e]);
+  return b(() => e ? e.reduce((t, r) => t + (Array.isArray(r.value) ? r.value.length : 1), 0) : 0, [e]);
 }
 function A(e) {
   return e && !Number.isNaN(e) ? e : 0;
 }
-function Y(e, o) {
-  const { from: t, size: r, total: s } = F((n) => {
-    var l, i, d, p, g;
+function re(e, o) {
+  const { from: t, size: r, total: s } = y((n) => {
+    var a, u, d, p, g;
     return {
-      from: A(((l = n.query.products) == null ? void 0 : l.from) ?? 0),
-      size: A(((d = (i = n.response) == null ? void 0 : i.products) == null ? void 0 : d.size) ?? 0),
+      from: A(((a = n.query.products) == null ? void 0 : a.from) ?? 0),
+      size: A(((d = (u = n.response) == null ? void 0 : u.products) == null ? void 0 : d.size) ?? 0),
       total: A(((g = (p = n.response) == null ? void 0 : p.products) == null ? void 0 : g.total) ?? 0)
     };
-  }), { updateSearch: u } = R(), c = t + r, a = [...e].reverse().filter((n) => n + o < s);
+  }), { updateSearch: l } = x(), i = t + r, c = [...e].reverse().filter((n) => n + o < s);
   return {
     /** from value */
     from: t,
     /** to value */
-    to: c,
+    to: i,
     /** total value */
     total: s,
     /** size value */
     size: r,
     /** Array of size options */
-    sizeOptions: a,
+    sizeOptions: c,
     /** Should be called when size is changed */
     handleSizeChange: (n) => {
-      u({
+      l({
         products: {
-          size: x(n)
+          size: z(n)
         }
       });
     }
   };
 }
-function L(e, o) {
+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 Z(e) {
-  var u, c;
-  const o = F((a) => a.query), { updateSearch: t } = R();
+function se(e) {
+  var l, i;
+  const o = y((c) => c.query), { updateSearch: t } = x();
   return {
     /** Active sort */
-    activeSort: ((u = e.find((a) => {
+    activeSort: ((l = e.find((c) => {
       var f;
-      return L(a.value.sort, ((f = o.products) == null ? void 0 : f.sort) || []);
-    })) == null ? void 0 : u.id) ?? ((c = e[0]) == null ? void 0 : c.id),
+      return B(c.value.sort, ((f = o.products) == null ? void 0 : f.sort) || []);
+    })) == null ? void 0 : l.id) ?? ((i = e[0]) == null ? void 0 : i.id),
     /** Set sort function */
-    setSort: (a) => {
-      const f = e.find((n) => n.id === a);
+    setSort: (c) => {
+      const f = e.find((n) => n.id === c);
       f && t({
         products: {
           sort: f.value.sort
@@ -330,69 +330,106 @@ function Z(e) {
     }
   };
 }
-function B(e, o) {
+const P = window.SpeechRecognition || window.webkitSpeechRecognition, D = !!(P && typeof P == "function");
+function U() {
+  return {
+    listening: !1,
+    startListening: () => {
+    },
+    stopListening: () => {
+    }
+  };
+}
+function E({
+  language: e = "en-US",
+  interimResults: o = !1
+} = {}) {
+  const [t, r] = M(!1), s = q(null), l = S(
+    ({ onResult: c, onError: f }) => {
+      const n = new P();
+      n.lang = e, n.interimResults = o, n.onstart = () => r(!0), n.onresult = (a) => {
+        var d, p;
+        const { transcript: u } = (p = (d = a.results) == null ? void 0 : d[0]) == null ? void 0 : p[0];
+        c(u);
+      }, f && (n.onerror = (a) => f(a.error)), n.onend = () => r(!1), s.current = n, n.start();
+    },
+    [e, o]
+  ), i = S(() => {
+    var c;
+    (c = s.current) == null || c.stop();
+  }, [s]);
+  return {
+    listening: t,
+    startListening: l,
+    stopListening: i
+  };
+}
+const oe = D ? E : U;
+function $(e, o) {
   if (!e.length || !o.length) return [];
   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: l, value: i }) => {
+      const c = l.toLowerCase();
+      o.includes(c) && (t[c][i] = t[c][i] || [], t[c][i].push(r));
     });
   }), Object.entries(t).map(([r, s]) => ({
     field: r,
-    options: Object.entries(s).map(([u, c]) => ({
-      value: u,
-      skus: c,
+    options: Object.entries(s).map(([l, i]) => ({
+      value: l,
+      skus: i,
       unavailable: !1,
       selected: !1
     }))
   }));
 }
-function T(e, o) {
+function I(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((f) => Object.entries(o).every(([n, l]) => {
+      var c;
+      const l = !((c = s.skus) != null && c.some((f) => Object.entries(o).every(([n, a]) => {
         var d, p;
-        return n === t ? !0 : ((p = (d = f.customFields) == null ? void 0 : d.find((g) => g.key.toLowerCase() === n)) == null ? void 0 : p.value) === l;
-      }))), c = o[t] === s.value;
+        return n === t ? !0 : ((p = (d = f.customFields) == null ? void 0 : d.find((g) => g.key.toLowerCase() === n)) == null ? void 0 : p.value) === a;
+      }))), i = o[t] === s.value;
       return {
         ...s,
-        unavailable: u,
-        selected: c
+        unavailable: l,
+        selected: i
       };
     })
   })) : [];
 }
-function ee(e = [], o = []) {
-  const [t, r] = z({}), s = M(() => T(B(e, o), t), [e, o, t]), u = S((a, f) => {
+function ce(e = [], o = []) {
+  const [t, r] = M({}), s = b(() => I($(e, o), t), [e, o, t]), l = S((c, f) => {
     r((n) => {
-      const l = { ...n };
-      return l[a] === f ? delete l[a] : l[a] = f, l;
+      const a = { ...n };
+      return a[c] === f ? delete a[c] : a[c] = f, a;
     });
-  }, []), c = M(() => Object.keys(t).filter((n) => t[n]).length === 0 ? [] : s.filter(({ field: n }) => t[n]).map(({ field: n, options: l }) => {
-    const i = t[n], d = l.find((p) => p.value === i);
+  }, []), i = b(() => Object.keys(t).filter((n) => t[n]).length === 0 ? [] : s.filter(({ field: n }) => t[n]).map(({ field: n, options: a }) => {
+    const u = t[n], d = a.find((p) => p.value === u);
     return (d == null ? void 0 : d.skus) ?? [];
-  }).reduce((n, l) => n.filter((i) => l.includes(i))), [s, t]);
-  return { swatches: s, toggleOption: u, matchedSkus: c };
+  }).reduce((n, a) => n.filter((u) => a.includes(u))), [s, t]);
+  return { swatches: s, toggleOption: l, matchedSkus: i };
 }
 export {
-  R as useActions,
-  _ as useDecoratedSearchResults,
-  G as useFacet,
-  H as useFacets,
-  re as useLoadMore,
-  F as useNostoAppState,
-  J as usePagination,
-  K as usePersonalization,
+  D as speechToTextSupported,
+  x as useActions,
+  Q as useDecoratedSearchResults,
+  W as useFacet,
+  X as useFacets,
+  ae as useLoadMore,
+  y as useNostoAppState,
+  Y as usePagination,
+  Z as usePersonalization,
   j as useProductFilters,
   V as useRange,
-  Q as useRangeSelector,
-  W as useResponse,
-  X as useSelectedFiltersCount,
-  Y as useSizeOptions,
-  Z as useSort,
-  ee as useSwatches
+  ee as useRangeSelector,
+  te as useResponse,
+  ne as useSelectedFiltersCount,
+  re as useSizeOptions,
+  se as useSort,
+  oe as useSpeechToText,
+  ce as useSwatches
 };

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

@@ -0,0 +1,52 @@
+interface SpeechToTextOptions {
+    language?: string;
+    interimResults?: boolean;
+}
+interface StartListeningOptions {
+    onResult: (value: string) => void;
+    onError?: (error: string) => void;
+}
+export type SpeechToText = {
+    listening: boolean;
+    startListening: (options: StartListeningOptions) => void;
+    stopListening: () => void;
+};
+export declare const speechToTextSupported: boolean;
+declare function useSpeechToTextSupported({ language, interimResults }?: SpeechToTextOptions): SpeechToText;
+/**
+ * Preact hook that provides speech-to-text functionality using the Web Speech API.
+ * @example
+ * ```jsx
+ * import { useNostoAppState, useSpeechToText, speechToTextSupported } from "@nosto/search-js/preact/hooks"
+ *
+ * export default function MyComponent() {
+ *  const { newSearch } = useActions()
+ *  const { startListening, stopListening, listening } = useSpeechToText()
+ *  if (!speechToTextSupported) {
+ *    return null
+ *  }
+ *
+ *  return (
+ *    <button
+ *     onClick={() => {
+ *       if (listening) {
+ *         stopListening()
+ *       } else {
+ *         startListening({
+ *           onResult: value => {
+ *             newSearch({
+ *               query: value
+ *             })
+ *           }
+ *         })
+ *       }
+ *     }}
+ *    >
+ *     🎤︎︎
+ *    </button>
+ *  )
+ * }
+ * ```
+ */
+export declare const useSpeechToText: typeof useSpeechToTextSupported;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosto/search-js",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "license": "ISC",
   "type": "module",
   "files": [
@@ -88,6 +88,7 @@
     "@commitlint/config-conventional": "^19.8.1",
     "@nosto/nosto-js": "^2.0.0",
     "@testing-library/dom": "^10.4.0",
+    "@types/dom-speech-recognition": "^0.0.6",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/node": "^22.15.17",
     "@vitest/coverage-v8": "^3.1.3",