@nosto/search-js 3.17.2 → 3.18.0

package/dist/preact/hooks/hooks.cjs.js

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

package/dist/preact/hooks/hooks.es.js

@@ -1,28 +1,28 @@
 import { h as x } from "../../useActions-CSNwQtT1.js";
-import { a as T } from "../../logger-_fg_Za9y.js";
+import { a as X } from "../../logger-_fg_Za9y.js";
 import { a as v } from "../../useLoadMore-2OmOqicJ.js";
-import { u as Fe } from "../../useLoadMore-2OmOqicJ.js";
-import { u as X } from "../../eventBusSubscribe-CzlS132j.js";
-import { useState as b, useCallback as h, useMemo as y, useEffect as N, useRef as z } from "preact/hooks";
-import { u as be } from "../../useHistory-DeIqqw-P.js";
-import { s as k } from "../../index.es-XNBESE3P.js";
-import { d as C } from "../../eventBusDispatch-DPR2Vwd4.js";
-import { p as R } from "../../parseNumber-QA48nJLp.js";
-function se(e) {
+import { u as be } from "../../useLoadMore-2OmOqicJ.js";
+import { u as N } from "../../eventBusSubscribe-CzlS132j.js";
+import { useState as F, useCallback as p, useMemo as S, useEffect as T, useRef as k } from "preact/hooks";
+import { u as Ae } from "../../useHistory-DeIqqw-P.js";
+import { s as z } from "../../index.es-XNBESE3P.js";
+import { d as O } from "../../eventBusDispatch-DPR2Vwd4.js";
+import { p as A } from "../../parseNumber-QA48nJLp.js";
+function ie(e) {
   const n = v((t) => t.response);
-  return e && Array.isArray(e) || e && T(e) ? e : n;
+  return e && Array.isArray(e) || e && X(e) ? e : n;
 }
-function ie(e, n) {
-  const t = e.data?.filter((d) => d.selected).length ?? 0, { active: s } = {
+function ue(e, n) {
+  const t = e.data?.filter((d) => d.selected).length ?? 0, { active: o } = {
     active: t > 0,
     ...n
-  }, [r, c] = b(s), { toggleProductFilter: i } = x(), l = h(() => {
-    c(!r);
+  }, [r, i] = F(o), { toggleProductFilter: c } = x(), a = p(() => {
+    i(!r);
   }, [r]);
-  return X({
+  return N({
     event: "events/removeAllFilters",
     callback: () => {
-      c(!1);
+      i(!1);
     }
   }), {
     /** Active value */
@@ -30,12 +30,12 @@ function ie(e, n) {
     /** Selected filters count */
     selectedFiltersCount: t,
     /** Toggle active function */
-    toggleActive: l,
+    toggleActive: a,
     /** Toggle product filter function */
-    toggleProductFilter: i
+    toggleProductFilter: c
   };
 }
-function ce() {
+function ae() {
   const { loading: e, facets: n } = v((t) => ({
     loading: t.loading,
     facets: t.response?.products?.facets ?? []
@@ -47,16 +47,16 @@ function ce() {
     facets: n
   };
 }
-function O(e, n) {
+function C(e, n) {
   const t = n - e;
-  return !isNaN(t) && t > 0 ? new Array(n - e).fill(void 0).map((s, r) => r + e) : [];
+  return !isNaN(t) && t > 0 ? new Array(n - e).fill(void 0).map((o, r) => r + e) : [];
 }
-function ue(e) {
-  const { query: n, products: t } = v((s) => ({
-    query: s.query,
-    products: s.response.products
+function le(e) {
+  const { query: n, products: t } = v((o) => ({
+    query: o.query,
+    products: o.response.products
   }));
-  return y(() => {
+  return S(() => {
     if (!t)
       return {
         totalPages: 0,
@@ -64,193 +64,213 @@ function ue(e) {
         resultsTo: 0,
         pages: []
       };
-    const s = n.products?.from ?? 0, r = e?.width ?? 1 / 0, c = Math.max(Math.floor(r - 1) / 2, 1), i = t.size > 0 ? Math.floor(s / t.size) + 1 : 1, l = t.size > 0 ? Math.ceil(t.total / t.size) : 0, d = (w) => w >= i - c && w <= i + c, o = s + 1, u = Math.min(s + t.total, t.total), a = {
-      from: s,
-      page: i,
+    const o = n.products?.from ?? 0, r = e?.width ?? 1 / 0, i = Math.max(Math.floor(r - 1) / 2, 1), c = t.size > 0 ? Math.floor(o / t.size) + 1 : 1, a = t.size > 0 ? Math.ceil(t.total / t.size) : 0, d = (b) => b >= c - i && b <= c + i, s = o + 1, u = Math.min(o + t.total, t.total), l = {
+      from: o,
+      page: c,
       current: !0
-    }, f = (w) => ({
-      from: (w - 1) * t.size,
-      page: w,
-      current: w === i
-    }), m = i > 1 ? f(i - 1) : void 0, p = i < l ? f(i + 1) : void 0, g = i - c - 1 > 1 ? f(1) : void 0, S = i + c + 1 < l ? f(l) : void 0, F = O(1, l + 1).filter(d).map(f);
-    return !g && F[0]?.page === 2 && F.unshift(f(1)), !S && F[F.length - 1]?.page === l - 1 && F.push(f(l)), {
-      totalPages: l,
-      resultsFrom: o,
+    }, f = (b) => ({
+      from: (b - 1) * t.size,
+      page: b,
+      current: b === c
+    }), h = c > 1 ? f(c - 1) : void 0, g = c < a ? f(c + 1) : void 0, m = c - i - 1 > 1 ? f(1) : void 0, y = c + i + 1 < a ? f(a) : void 0, w = C(1, a + 1).filter(d).map(f);
+    return !m && w[0]?.page === 2 && w.unshift(f(1)), !y && w[w.length - 1]?.page === a - 1 && w.push(f(a)), {
+      totalPages: a,
+      resultsFrom: s,
       resultsTo: u,
-      current: a,
-      prev: m,
-      next: p,
-      first: g,
-      last: S,
-      pages: F
+      current: l,
+      prev: h,
+      next: g,
+      first: m,
+      last: y,
+      pages: w
     };
   }, [n, t, e?.width]);
 }
-function ae() {
-  const [e, n] = b([]), [t, s] = b([]);
-  return N(() => {
-    k(async (r) => {
-      const { products: c, segments: i } = await r.getSearchSessionParams();
-      n(i ?? []), s(c?.personalizationBoost ?? []);
+function de() {
+  const [e, n] = F([]), [t, o] = F([]);
+  return T(() => {
+    z(async (r) => {
+      const { products: i, segments: c } = await r.getSearchSessionParams();
+      n(c ?? []), o(i?.personalizationBoost ?? []);
     });
   }, []), {
     segments: e,
     boost: t
   };
 }
-function q() {
-  const { facets: e } = v((o) => ({
-    facets: o.response.products?.facets ?? []
-  })), { replaceFilter: n, toggleProductFilter: t } = x(), s = h(
-    (o) => {
-      const u = e?.find((a) => a.type === "stats" && a.field === o);
+function j() {
+  const { facets: e } = v((s) => ({
+    facets: s.response.products?.facets ?? []
+  })), { replaceFilter: n, toggleProductFilter: t } = x(), o = p(
+    (s) => {
+      const u = e?.find((l) => l.type === "stats" && l.field === s);
       if (u && "min" in u && "max" in u)
         return u;
     },
     [e]
-  ), r = h(
-    (o) => e?.find((u) => u.field === o)?.name ?? o,
+  ), r = p(
+    (s) => e?.find((u) => u.field === s)?.name ?? s,
     [e]
-  ), c = h((o) => "field" in o && (o.value instanceof Array || o.range instanceof Array), []), i = h((o) => ({
-    ...o,
-    range: o.range?.map((u) => ({
+  ), i = p((s) => "field" in s && (s.value instanceof Array || s.range instanceof Array), []), c = p((s) => ({
+    ...s,
+    range: s.range?.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
     }))
-  }), []), l = h(
-    (o) => (o.value ?? []).map((a) => ({
-      value: a,
-      field: o.field,
-      name: r(o.field),
-      filter: i(o),
+  }), []), a = p(
+    (s) => (s.value ?? []).map((l) => ({
+      value: l,
+      field: s.field,
+      name: r(s.field),
+      filter: c(s),
       remove: () => {
-        t(o.field, a, !1);
+        t(s.field, l, !1);
       }
     })),
-    [i, r, t]
-  ), d = h(
-    (o) => (o.range ?? []).map((a) => {
-      const f = a.gte ?? a.gt ?? s(o.field)?.min, m = a.lte ?? a.lt ?? s(o.field)?.max;
-      if (f !== void 0 && m !== void 0)
+    [c, r, t]
+  ), d = p(
+    (s) => (s.range ?? []).map((l) => {
+      const f = l.gte ?? l.gt ?? o(s.field)?.min, h = l.lte ?? l.lt ?? o(s.field)?.max;
+      if (f !== void 0 && h !== void 0)
         return {
-          value: `${f} - ${m}`,
-          field: o.field,
-          name: r(o.field),
-          filter: i(o),
+          value: `${f} - ${h}`,
+          field: s.field,
+          name: r(s.field),
+          filter: c(s),
           remove: () => {
-            n(o.field, void 0);
+            n(s.field, void 0);
           }
         };
     }).filter(Boolean),
-    [i, s, r, n]
+    [c, o, r, n]
   );
   return {
-    selectFilters: c,
-    toValueFilter: l,
+    selectFilters: i,
+    toValueFilter: a,
     toRangeFilter: d
   };
 }
-function j() {
-  const { filter: e } = v((l) => ({
-    filter: l.query.products?.filter ?? []
-  })), { updateSearch: n } = x(), { selectFilters: t, toValueFilter: s, toRangeFilter: r } = q(), c = y(() => e ? e.filter(t).flatMap((l) => "value" in l ? s(l) : "range" in l ? r(l) : []).filter(Boolean) : [], [e, t, r, s]), i = h(() => {
+function q() {
+  const { filter: e } = v((a) => ({
+    filter: a.query.products?.filter ?? []
+  })), { updateSearch: n } = x(), { selectFilters: t, toValueFilter: o, toRangeFilter: r } = j(), i = S(() => e ? e.filter(t).flatMap((a) => "value" in a ? o(a) : "range" in a ? r(a) : []).filter(Boolean) : [], [e, t, r, o]), c = p(() => {
     n({
       products: {
         filter: []
       }
-    }), C({
+    }), O({
       event: "events/removeAllFilters",
       params: null
     });
   }, [n]);
   return {
     /** Selected filters array. */
-    filters: c,
+    filters: i,
     /** Should remove all selected filters. */
-    removeAll: i
+    removeAll: c
   };
 }
 function E(e) {
-  const { replaceFilter: n } = x(), { query: t, products: s } = v((a) => ({
-    query: a.query,
-    products: a.response.products
-  })), r = s?.facets?.find((a) => a.id === e);
-  if (!r)
-    return {
-      min: 0,
-      max: 0,
-      range: [0, 0],
-      updateRange: () => {
-      }
-    };
-  const c = t.products?.filter?.find((a) => a.field === r.field), i = c?.range ? c.range[0] : void 0, l = typeof i == "object" && ("gte" in i || "lte" in i) ? [R(i.gte), R(i.lte)] : [void 0, void 0], d = "min" in r ? Math.floor(r.min) : 0, o = "max" in r ? Math.ceil(r.max) : 0, u = ([a, f]) => {
-    const m = a !== void 0 ? Math.floor(a) : void 0, p = f !== void 0 ? Math.ceil(f) : void 0, g = m !== void 0, S = p !== void 0;
-    (d === m || !g) && (o === p || !S) ? n(r.field, void 0) : (d === m || !g) && S ? n(r.field, {
-      lte: p.toString()
-    }) : (o === p || !S) && g ? n(r.field, {
-      gte: m.toString()
-    }) : g && S && n(r.field, {
-      gte: m.toString(),
-      lte: p.toString()
-    });
-  };
-  return {
+  const { replaceFilter: n } = x(), { query: t, products: o } = v((g) => ({
+    query: g.query,
+    products: g.response.products
+  })), r = o?.facets?.find((g) => g.id === e), i = t.products?.filter?.find((g) => g.field === r?.field), c = V(i), a = r && "min" in r ? Math.floor(r.min ?? 0) : 0, d = r && "max" in r ? Math.ceil(r.max ?? 0) : 0, s = c[0] !== void 0 || c[1] !== void 0, [u, l] = F(s), f = p(() => {
+    l((g) => !g);
+  }, []), h = p(
+    ([g, m]) => {
+      if (!r)
+        return;
+      const y = D(g, m, a, d);
+      n(r.field, y);
+    },
+    [a, d, n, r]
+  );
+  return N({
+    event: "events/removeAllFilters",
+    callback: () => {
+      l(!1);
+    }
+  }), r ? {
     /** Min value */
-    min: d,
+    min: a,
     /** Max value */
-    max: o,
+    max: d,
     /** Range value */
-    range: [l[0] ?? d, l[1] ?? o],
+    range: [c[0] ?? a, c[1] ?? d],
     /** Update range function */
-    updateRange: u
+    updateRange: h,
+    /** Is the range filter active */
+    active: u,
+    /** Toggle active state function */
+    toggleActive: f
+  } : {
+    min: 0,
+    max: 0,
+    range: [0, 0],
+    active: !1,
+    toggleActive: () => {
+    },
+    updateRange: () => {
+    }
   };
 }
-function le(e, n) {
-  const { min: t, max: s, range: r, updateRange: c } = E(e), { filters: i } = j(), l = y(() => {
-    const a = i.find((g) => g?.filter?.range);
+function V(e) {
+  const n = e?.range?.[0];
+  return typeof n == "object" && ("gte" in n || "lte" in n) ? [A(n.gte), A(n.lte)] : [void 0, void 0];
+}
+function D(e, n, t, o) {
+  const r = e !== void 0 ? Math.floor(e) : void 0, i = n !== void 0 ? Math.ceil(n) : void 0, c = r !== void 0, a = i !== void 0;
+  if ((t === r || !c) && (o === i || !a))
+    return;
+  const d = {};
+  return c && r !== t && (d.gte = r.toString()), a && i !== o && (d.lte = i.toString()), Object.keys(d).length > 0 ? d : void 0;
+}
+function fe(e, n) {
+  const { min: t, max: o, range: r, updateRange: i } = E(e), { filters: c } = q(), a = S(() => {
+    const l = c.find((m) => m?.filter?.range);
     let f = null;
-    if (a) {
-      const g = a.filter.range?.[0];
-      f = [R(g?.gte), R(g?.lte)];
+    if (l) {
+      const m = l.filter.range?.[0];
+      f = [A(m?.gte), A(m?.lte)];
     }
-    const m = [];
-    let p = Math.floor(t / n) * n;
-    for (; p < s; ) {
-      const g = p + n, S = f && f[0] === p && f[1] === g;
-      m.push({
-        min: p,
-        max: g,
-        selected: S
-      }), p = g;
+    const h = [];
+    let g = Math.floor(t / n) * n;
+    for (; g < o; ) {
+      const m = g + n, y = f && f[0] === g && f[1] === m;
+      h.push({
+        min: g,
+        max: m,
+        selected: y
+      }), g = m;
     }
-    return m;
-  }, [i, t, s, n]), d = (a) => {
-    c([a, r[1]]);
-  }, o = (a) => {
-    c([r[0], a]);
-  }, u = t !== r[0] || s !== r[1];
+    return h;
+  }, [c, t, o, n]), d = (l) => {
+    i([l, r[1]]);
+  }, s = (l) => {
+    i([r[0], l]);
+  }, u = t !== r[0] || o !== r[1];
   return {
     /** Minimum value */
     min: t,
     /** Maximum value */
-    max: s,
+    max: o,
     /** Range value */
     range: r,
     /** Update range function */
-    updateRange: c,
+    updateRange: i,
     /** Ranges */
-    ranges: l,
+    ranges: a,
     /** Handle min change */
     handleMinChange: d,
     /** Handle max change */
-    handleMaxChange: o,
+    handleMaxChange: s,
     /** Is selected */
     isSelected: u
   };
 }
-function de() {
+function ge() {
   const { products: e, keywords: n } = v((t) => t.response);
   return {
     /** Array of products */
@@ -259,18 +279,18 @@ function de() {
     keywords: n ?? { hits: [], total: 0 }
   };
 }
-function fe() {
+function pe() {
   const e = v((t) => t.query.products?.filter);
-  return y(() => e ? e.reduce((t, s) => t + (Array.isArray(s.value) ? s.value.length : 1), 0) : 0, [e]);
+  return S(() => e ? e.reduce((t, o) => t + (Array.isArray(o.value) ? o.value.length : 1), 0) : 0, [e]);
 }
-const D = 5 * 60 * 1e3, M = /* @__PURE__ */ new Map();
-function ge(e) {
-  const [n, t] = b({
+const $ = 5 * 60 * 1e3, L = /* @__PURE__ */ new Map();
+function me(e) {
+  const [n, t] = F({
     product: null,
     loading: !0,
     error: null
   });
-  return N(() => {
+  return T(() => {
     if (!e) {
       t({
         product: null,
@@ -284,17 +304,17 @@ function ge(e) {
       loading: !0,
       error: null
     }));
-    const s = $(e);
-    if (s) {
+    const o = U(e);
+    if (o) {
       t({
-        product: s,
+        product: o,
         loading: !1,
         error: null
       });
       return;
     }
-    V(e).then((r) => {
-      B(e, r), t({
+    B(e).then((r) => {
+      _(e, r), t({
         product: r,
         loading: !1,
         error: null
@@ -308,76 +328,76 @@ function ge(e) {
     });
   }, [e]), n;
 }
-async function V(e) {
+async function B(e) {
   const n = await fetch(`/products/${e}.js`);
   if (!n.ok)
     throw new Error(`Failed to fetch product: ${n.status} ${n.statusText}`);
   return n.json();
 }
-function $(e) {
-  const n = M.get(e);
-  return n ? Date.now() - n.created > D ? (M.delete(e), null) : n.product : null;
+function U(e) {
+  const n = L.get(e);
+  return n ? Date.now() - n.created > $ ? (L.delete(e), null) : n.product : null;
 }
-function B(e, n) {
-  M.set(e, {
+function _(e, n) {
+  L.set(e, {
     product: n,
     created: Date.now()
   });
 }
-function L(e) {
+function R(e) {
   return e && !Number.isNaN(e) ? e : 0;
 }
-function pe(e, n) {
-  const { from: t, size: s, total: r } = v((o) => ({
-    from: L(o.query.products?.from ?? 0),
-    size: L(o.response?.products?.size ?? n),
-    total: L(o.response?.products?.total ?? 0)
-  })), { updateSearch: c } = x(), i = t + s, l = y(() => [...e].reverse().filter((o) => o < r), [e, r]), d = h(
-    (o) => {
-      c({
+function he(e, n) {
+  const { from: t, size: o, total: r } = v((s) => ({
+    from: R(s.query.products?.from ?? 0),
+    size: R(s.response?.products?.size ?? n),
+    total: R(s.response?.products?.total ?? 0)
+  })), { updateSearch: i } = x(), c = t + o, a = S(() => [...e].reverse().filter((s) => s < r), [e, r]), d = p(
+    (s) => {
+      i({
         products: {
-          size: R(o)
+          size: A(s)
         }
       });
     },
-    [c]
+    [i]
   );
   return {
     /** from value */
     from: t,
     /** to value */
-    to: i,
+    to: c,
     /** total value */
     total: r,
     /** size value */
-    size: s,
+    size: o,
     /** Array of size options */
-    sizeOptions: l,
+    sizeOptions: a,
     /** Should be called when size is changed */
     handleSizeChange: d
   };
 }
-function U(e, n) {
-  return e.length !== n.length ? !1 : e.every((t) => n.find((s) => t.field === s.field && t.order === s.order));
+function I(e, n) {
+  return e.length !== n.length ? !1 : e.every((t) => n.find((o) => t.field === o.field && t.order === o.order));
 }
-function me(e) {
-  const n = v((c) => c.query), { updateSearch: t } = x();
+function ve(e) {
+  const n = v((i) => i.query), { updateSearch: t } = x();
   return {
     /** Active sort */
-    activeSort: e.find((c) => U(c.value.sort, n.products?.sort || []))?.id ?? e[0]?.id,
+    activeSort: e.find((i) => I(i.value.sort, n.products?.sort || []))?.id ?? e[0]?.id,
     /** Set sort function */
-    setSort: (c) => {
-      const i = e.find((l) => l.id === c);
-      i && t({
+    setSort: (i) => {
+      const c = e.find((a) => a.id === i);
+      c && t({
         products: {
-          sort: i.value.sort
+          sort: c.value.sort
         }
       });
     }
   };
 }
-const A = window.SpeechRecognition || window.webkitSpeechRecognition, _ = !!(A && typeof A == "function");
-function I() {
+const M = window.SpeechRecognition || window.webkitSpeechRecognition, H = !!(M && typeof M == "function");
+function Z() {
   return {
     listening: !1,
     startListening: () => {
@@ -386,106 +406,106 @@ function I() {
     }
   };
 }
-function H({
+function G({
   language: e = "en-US",
   interimResults: n = !1,
   onResult: t,
-  onError: s
+  onError: o
 } = {}) {
-  const [r, c] = b(!1), i = z(null), l = h(() => {
-    const o = new A();
-    o.lang = e, o.interimResults = n, o.onstart = () => c(!0), t && (o.onresult = (u) => {
-      const { transcript: a } = u.results?.[0]?.[0];
-      t(a);
-    }), s && (o.onerror = (u) => s(u.error)), o.onend = () => c(!1), i.current = o, o.start();
-  }, [e, n, s, t]), d = h(() => {
-    i.current?.stop();
-  }, [i]);
+  const [r, i] = F(!1), c = k(null), a = p(() => {
+    const s = new M();
+    s.lang = e, s.interimResults = n, s.onstart = () => i(!0), t && (s.onresult = (u) => {
+      const { transcript: l } = u.results?.[0]?.[0];
+      t(l);
+    }), o && (s.onerror = (u) => o(u.error)), s.onend = () => i(!1), c.current = s, s.start();
+  }, [e, n, o, t]), d = p(() => {
+    c.current?.stop();
+  }, [c]);
   return {
     listening: r,
-    startListening: l,
+    startListening: a,
     stopListening: d
   };
 }
-const he = _ ? H : I;
-function Z(e, n) {
+const Se = H ? G : Z;
+function J(e, n) {
   if (!e.length || !n.length) return [];
-  const t = n.reduce((s, r) => (s[r] = {}, s), {});
-  return e.forEach((s) => {
-    s.customFields?.forEach(({ key: r, value: c }) => {
-      const i = r.toLowerCase();
-      n.includes(i) && (t[i][c] = t[i][c] || [], t[i][c].push(s));
+  const t = n.reduce((o, r) => (o[r] = {}, o), {});
+  return e.forEach((o) => {
+    o.customFields?.forEach(({ key: r, value: i }) => {
+      const c = r.toLowerCase();
+      n.includes(c) && (t[c][i] = t[c][i] || [], t[c][i].push(o));
     });
-  }), Object.entries(t).filter((s) => Object.keys(s[1]).length).map(([s, r]) => ({
-    field: s,
-    options: Object.entries(r).map(([c, i]) => ({
-      value: c,
-      skus: i,
+  }), Object.entries(t).filter((o) => Object.keys(o[1]).length).map(([o, r]) => ({
+    field: o,
+    options: Object.entries(r).map(([i, c]) => ({
+      value: i,
+      skus: c,
       unavailable: !1,
       selected: !1
     }))
   }));
 }
-function G(e, n) {
-  return e.length ? e.map(({ field: t, options: s }) => ({
+function K(e, n) {
+  return e.length ? e.map(({ field: t, options: o }) => ({
     field: t,
-    options: s.map((r) => {
-      const c = !r.skus?.some((l) => Object.entries(n).every(([d, o]) => d === t ? !0 : l.customFields?.find((a) => a.key.toLowerCase() === d)?.value === o)), i = n[t] === r.value;
+    options: o.map((r) => {
+      const i = !r.skus?.some((a) => Object.entries(n).every(([d, s]) => d === t ? !0 : a.customFields?.find((l) => l.key.toLowerCase() === d)?.value === s)), c = n[t] === r.value;
       return {
         ...r,
-        unavailable: c,
-        selected: i
+        unavailable: i,
+        selected: c
       };
     })
   })) : [];
 }
 const P = ["4XS", "3XS", "2XS", "XXS", "XS", "S", "M", "L", "XL", "XXL", "2XL", "XXXL", "3XL", "4XL"];
-function J(e) {
+function Q(e) {
   if (P.includes(e))
     return 1e3 + P.indexOf(e);
   const n = parseFloat(e);
   return isNaN(n) ? e : n;
 }
-function K(e, n) {
-  return [...n].sort((t, s) => {
-    const [r, c] = [t.value, s.value].map(J);
-    return r < c ? -1 : 1;
+function W(e, n) {
+  return [...n].sort((t, o) => {
+    const [r, i] = [t.value, o.value].map(Q);
+    return r < i ? -1 : 1;
   });
 }
-function ve(e = [], n = []) {
-  const [t, s] = b({}), r = y(() => Z(e, n).map(({ field: o, options: u }) => ({
-    field: o,
-    options: K(o, u)
-  })), [e, n]), c = y(() => G(r, t), [r, t]), i = h((d, o) => {
-    s((u) => {
-      const a = { ...u };
-      return a[d] === o ? delete a[d] : a[d] = o, a;
+function Fe(e = [], n = []) {
+  const [t, o] = F({}), r = S(() => J(e, n).map(({ field: s, options: u }) => ({
+    field: s,
+    options: W(s, u)
+  })), [e, n]), i = S(() => K(r, t), [r, t]), c = p((d, s) => {
+    o((u) => {
+      const l = { ...u };
+      return l[d] === s ? delete l[d] : l[d] = s, l;
     });
-  }, []), l = y(() => Object.keys(t).filter((u) => t[u]).length === 0 ? [] : c.filter(({ field: u }) => t[u]).map(({ field: u, options: a }) => {
+  }, []), a = S(() => Object.keys(t).filter((u) => t[u]).length === 0 ? [] : i.filter(({ field: u }) => t[u]).map(({ field: u, options: l }) => {
     const f = t[u];
-    return a.find((p) => p.value === f)?.skus ?? [];
-  }).reduce((u, a) => u.filter((f) => a.includes(f))), [c, t]);
-  return { swatches: c, toggleOption: i, matchedSkus: l };
+    return l.find((g) => g.value === f)?.skus ?? [];
+  }).reduce((u, l) => u.filter((f) => l.includes(f))), [i, t]);
+  return { swatches: i, toggleOption: c, matchedSkus: a };
 }
 export {
-  _ as speechToTextSupported,
+  H as speechToTextSupported,
   x as useActions,
-  se as useDecoratedSearchResults,
-  ie as useFacet,
-  ce as useFacets,
-  be as useHistory,
-  Fe as useLoadMore,
+  ie as useDecoratedSearchResults,
+  ue as useFacet,
+  ae as useFacets,
+  Ae as useHistory,
+  be as useLoadMore,
   v as useNostoAppState,
-  ue as usePagination,
-  ae as usePersonalization,
-  j as useProductFilters,
+  le as usePagination,
+  de as usePersonalization,
+  q as useProductFilters,
   E as useRange,
-  le as useRangeSelector,
-  de as useResponse,
-  fe as useSelectedFiltersCount,
-  ge as useShopifyProduct,
-  pe as useSizeOptions,
-  me as useSort,
-  he as useSpeechToText,
-  ve as useSwatches
+  fe as useRangeSelector,
+  ge as useResponse,
+  pe as useSelectedFiltersCount,
+  me as useShopifyProduct,
+  he as useSizeOptions,
+  ve as useSort,
+  Se as useSpeechToText,
+  Fe as useSwatches
 };

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

@@ -1,8 +1,9 @@
+type RangeProps = [number | undefined, number | undefined];
 /**
  * A hook that returns range information and functions to update the range.
  *
  * @param id - The identifier for the specific range facet.
- * @returns An object containing range information and functions to update the range.
+ * @returns An object containing range information, active state, and functions to update the range.
  *
  * @example
  * General usage with `useRange`:
@@ -11,12 +12,19 @@
  * import { useState } from "react";
  *
  * const Component = ({ facetId }) => {
- *   const { min, max, range, updateRange } = useRange(facetId);
+ *   const { min, max, range, active, toggleActive, updateRange } = useRange(facetId);
  *
  *   return (
  *     <div>
- *       Current Range: {range[0]} to {range[1]}
- *       <button onClick={() => updateRange([min, max])}>Reset Range</button>
+ *       <button onClick={() => toggleActive()}>
+ *         {active ? "Hide" : "Show"} Range Filter
+ *       </button>
+ *       {active && (
+ *         <div>
+ *           Current Range: {range[0]} to {range[1]}
+ *           <button onClick={() => updateRange([min, max])}>Reset Range</button>
+ *         </div>
+ *       )}
  *     </div>
  *   );
  * };
@@ -30,5 +38,10 @@ export declare function useRange(id: string): {
     /** Range value */
     range: number[];
     /** Update range function */
-    updateRange: ([from, to]: [number | undefined, number | undefined]) => void;
+    updateRange: ([from, to]: RangeProps) => void;
+    /** Is the range filter active */
+    active: boolean;
+    /** Toggle active state function */
+    toggleActive: () => void;
 };
+export {};

package/package.json

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