@nosto/search-js 2.9.2 → 2.10.0

package/dist/preact/hooks.cjs.js

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

package/dist/preact/hooks.es.js

@@ -1,55 +1,55 @@
-import { a as S, c as M } from "../useLoadMore-4FYGzDwd.js";
+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 x, useEffect as C, useCallback as y } from "preact/hooks";
+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 R } from "../parseNumber-QA48nJLp.js";
+import { p as x } from "../parseNumber-QA48nJLp.js";
 function _(e) {
-  const s = S((t) => t.response);
-  return e && Array.isArray(e) || e && N(e) ? e : s;
+  const o = F((t) => t.response);
+  return e && Array.isArray(e) || e && N(e) ? e : o;
 }
 function G(e) {
   var c;
-  const s = ((c = e.data) == null ? void 0 : c.filter((i) => i.selected).length) ?? 0, [t, n] = z(s > 0), { toggleProductFilter: o } = M();
+  const o = ((c = e.data) == null ? void 0 : c.filter((a) => a.selected).length) ?? 0, [t, r] = z(o > 0), { toggleProductFilter: s } = R();
   return {
     /** Active value */
     active: t,
     /** Selected filters count */
-    selectedFiltersCount: s,
+    selectedFiltersCount: o,
     /** Toggle active function */
     toggleActive: () => {
-      n(!t);
+      r(!t);
     },
     /** Toggle product filter function */
-    toggleProductFilter: o
+    toggleProductFilter: s
   };
 }
 function H() {
-  const { loading: e, facets: s } = S((t) => {
-    var n, o;
+  const { loading: e, facets: o } = F((t) => {
+    var r, s;
     return {
       loading: t.loading,
-      facets: ((o = (n = t.response) == null ? void 0 : n.products) == null ? void 0 : o.facets) ?? []
+      facets: ((s = (r = t.response) == null ? void 0 : r.products) == null ? void 0 : s.facets) ?? []
     };
   });
   return {
     /** Loading state */
     loading: e,
     /** Array of facets*/
-    facets: s
+    facets: o
   };
 }
-function O(e, s) {
-  const t = s - e;
-  return !isNaN(t) && t > 0 ? new Array(s - e).fill(void 0).map((n, o) => o + e) : [];
+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: s, products: t } = S((n) => ({
-    query: n.query,
-    products: n.response.products
+  const { query: o, products: t } = F((r) => ({
+    query: r.query,
+    products: r.response.products
   }));
-  return x(() => {
-    var F, b, P;
+  return M(() => {
+    var y, b, P;
     if (!t)
       return {
         totalPages: 0,
@@ -57,117 +57,117 @@ function J(e) {
         resultsTo: 0,
         pages: []
       };
-    const n = ((F = s.products) == null ? void 0 : F.from) ?? 0, o = (e == null ? void 0 : e.width) ?? 1 / 0, u = 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, f = (w) => w >= c - u && w <= c + u, r = n + 1, l = Math.min(n + t.total, t.total), a = {
-      from: n,
+    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 = {
+      from: r,
       page: c,
       current: !0
-    }, g = (w) => ({
+    }, d = (w) => ({
       from: (w - 1) * t.size,
       page: w,
       current: w === c
-    }), h = c > 1 ? g(c - 1) : void 0, d = c < i ? g(c + 1) : void 0, v = c - u - 1 > 1 ? g(1) : void 0, m = c + u + 1 < i ? g(i) : void 0, p = O(1, i + 1).filter(f).map(g);
-    return !v && ((b = p[0]) == null ? void 0 : b.page) === 2 && p.unshift(g(1)), !m && ((P = p[p.length - 1]) == null ? void 0 : P.page) === i - 1 && p.push(g(i)), {
-      totalPages: i,
-      resultsFrom: r,
+    }), 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,
+      resultsFrom: n,
       resultsTo: l,
-      current: a,
-      prev: h,
-      next: d,
+      current: i,
+      prev: p,
+      next: g,
       first: v,
       last: m,
-      pages: p
+      pages: h
     };
-  }, [s, t, e == null ? void 0 : e.width]);
+  }, [o, t, e == null ? void 0 : e.width]);
 }
 function K() {
-  const [e, s] = z([]), [t, n] = z([]);
+  const [e, o] = z([]), [t, r] = z([]);
   return C(() => {
-    q(async (o) => {
-      const { products: u, segments: c } = await o.getSearchSessionParams();
-      s(c ?? []), n((u == null ? void 0 : u.personalizationBoost) ?? []);
+    q(async (s) => {
+      const { products: u, segments: c } = await s.getSearchSessionParams();
+      o(c ?? []), r((u == null ? void 0 : u.personalizationBoost) ?? []);
     });
   }, []), {
     segments: e,
     boost: t
   };
 }
-function j() {
-  const { facets: e } = S((r) => {
+function O() {
+  const { facets: e } = F((n) => {
     var l;
     return {
-      facets: ((l = r.response.products) == null ? void 0 : l.facets) ?? []
+      facets: ((l = n.response.products) == null ? void 0 : l.facets) ?? []
     };
-  }), { replaceFilter: s, toggleProductFilter: t } = M(), n = y(
-    (r) => {
-      const l = e == null ? void 0 : e.find((a) => a.type === "stats" && a.field === r);
+  }), { replaceFilter: o, toggleProductFilter: t } = R(), 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;
     },
     [e]
-  ), o = y(
-    (r) => {
+  ), s = S(
+    (n) => {
       var l;
-      return ((l = e == null ? void 0 : e.find((a) => a.field === r)) == null ? void 0 : l.name) ?? r;
+      return ((l = e == null ? void 0 : e.find((i) => i.field === n)) == null ? void 0 : l.name) ?? n;
     },
     [e]
-  ), u = y((r) => "field" in r && (r.value instanceof Array || r.range instanceof Array), []), c = y((r) => {
+  ), u = S((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), c = S((n) => {
     var l;
     return {
-      ...r,
-      range: (l = r.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
+      ...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
       }))
     };
-  }, []), i = y(
-    (r) => (r.value ?? []).map((a) => ({
-      value: a,
-      field: r.field,
-      name: o(r.field),
-      filter: c(r),
+  }, []), a = S(
+    (n) => (n.value ?? []).map((i) => ({
+      value: i,
+      field: n.field,
+      name: s(n.field),
+      filter: c(n),
       remove: () => {
-        t(r.field, a, !1);
+        t(n.field, i, !1);
       }
     })),
-    [c, o, t]
-  ), f = y(
-    (r) => (r.range ?? []).map((a) => {
-      var d, v;
-      const g = a.gte ?? a.gt ?? ((d = n(r.field)) == null ? void 0 : d.min), h = a.lte ?? a.lt ?? ((v = n(r.field)) == null ? void 0 : v.max);
-      if (g !== void 0 && h !== void 0)
+    [c, s, t]
+  ), f = S(
+    (n) => (n.range ?? []).map((i) => {
+      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);
+      if (d !== void 0 && p !== void 0)
         return {
-          value: `${g} - ${h}`,
-          field: r.field,
-          name: o(r.field),
-          filter: c(r),
+          value: `${d} - ${p}`,
+          field: n.field,
+          name: s(n.field),
+          filter: c(n),
           remove: () => {
-            s(r.field, void 0);
+            o(n.field, void 0);
           }
         };
     }).filter(Boolean),
-    [c, n, o, s]
+    [c, r, s, o]
   );
   return {
     selectFilters: u,
-    toValueFilter: i,
+    toValueFilter: a,
     toRangeFilter: f
   };
 }
-function k() {
-  const { filter: e } = S((i) => {
+function j() {
+  const { filter: e } = F((a) => {
     var f;
     return {
-      filter: ((f = i.query.products) == null ? void 0 : f.filter) ?? []
+      filter: ((f = a.query.products) == null ? void 0 : f.filter) ?? []
     };
-  }), { updateSearch: s } = M(), { selectFilters: t, toValueFilter: n, toRangeFilter: o } = j(), u = x(() => e ? e.filter(t).flatMap((i) => "value" in i ? n(i) : "range" in i ? o(i) : []).filter(Boolean) : [], [e, t, o, n]), c = y(() => {
-    s({
+  }), { 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(() => {
+    o({
       products: {
         filter: []
       }
     });
-  }, [s]);
+  }, [o]);
   return {
     /** Selected filters array. */
     filters: u,
@@ -176,12 +176,12 @@ function k() {
   };
 }
 function V(e) {
-  var a, g, h;
-  const { replaceFilter: s } = M(), { query: t, products: n } = S((d) => ({
-    query: d.query,
-    products: d.response.products
-  })), o = (a = n == null ? void 0 : n.facets) == null ? void 0 : a.find((d) => d.id === e);
-  if (!o)
+  var i, d, p;
+  const { replaceFilter: o } = R(), { query: t, products: r } = F((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);
+  if (!s)
     return {
       min: 0,
       max: 0,
@@ -189,139 +189,139 @@ function V(e) {
       updateRange: () => {
       }
     };
-  const u = (h = (g = t.products) == null ? void 0 : g.filter) == null ? void 0 : h.find((d) => d.field === o.field), c = u != null && u.range ? u.range[0] : void 0, i = typeof c == "object" && ("gte" in c || "lte" in c) ? [R(c.gte), R(c.lte)] : [void 0, void 0], f = "min" in o ? Math.floor(o.min) : 0, r = "max" in o ? Math.ceil(o.max) : 0, l = ([d, v]) => {
-    const m = d !== void 0 ? Math.floor(d) : void 0, p = v !== void 0 ? Math.ceil(v) : void 0, F = m !== void 0, b = p !== void 0;
-    (f === m || !F) && (r === p || !b) ? s(o.field, void 0) : (f === m || !F) && b ? s(o.field, {
-      lte: p.toString()
-    }) : (r === p || !b) && F ? s(o.field, {
+  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, {
+      lte: h.toString()
+    }) : (n === h || !b) && y ? o(s.field, {
       gte: m.toString()
-    }) : F && b && s(o.field, {
+    }) : y && b && o(s.field, {
       gte: m.toString(),
-      lte: p.toString()
+      lte: h.toString()
     });
   };
   return {
     /** Min value */
     min: f,
     /** Max value */
-    max: r,
+    max: n,
     /** Range value */
-    range: [i[0] ?? f, i[1] ?? r],
+    range: [a[0] ?? f, a[1] ?? n],
     /** Update range function */
     updateRange: l
   };
 }
-function Q(e, s) {
-  const { min: t, max: n, range: o, updateRange: u } = V(e), { filters: c } = k(), i = x(() => {
+function Q(e, o) {
+  const { min: t, max: r, range: s, updateRange: u } = V(e), { filters: c } = j(), a = M(() => {
     var v;
-    const a = c.find((m) => {
-      var p;
-      return (p = m == null ? void 0 : m.filter) == null ? void 0 : p.range;
+    const i = c.find((m) => {
+      var h;
+      return (h = m == null ? void 0 : m.filter) == null ? void 0 : h.range;
     });
-    let g = null;
-    if (a) {
-      const m = (v = a.filter.range) == null ? void 0 : v[0];
-      g = [R(m == null ? void 0 : m.gte), R(m == null ? void 0 : m.lte)];
+    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)];
     }
-    const h = [];
-    let d = Math.floor(t / s) * s;
-    for (; d < n; ) {
-      const m = d + s, p = g && g[0] === d && g[1] === m;
-      h.push({
-        min: d,
+    const p = [];
+    let g = Math.floor(t / o) * o;
+    for (; g < r; ) {
+      const m = g + o, h = d && d[0] === g && d[1] === m;
+      p.push({
+        min: g,
         max: m,
-        selected: p
-      }), d = m;
+        selected: h
+      }), g = m;
     }
-    return h;
-  }, [c, t, n, s]), f = (a) => {
-    u([a, o[1]]);
-  }, r = (a) => {
-    u([o[0], a]);
-  }, l = t !== o[0] || n !== o[1];
+    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];
   return {
     /** Minimum value */
     min: t,
     /** Maximum value */
-    max: n,
+    max: r,
     /** Range value */
-    range: o,
+    range: s,
     /** Update range function */
     updateRange: u,
     /** Ranges */
-    ranges: i,
+    ranges: a,
     /** Handle min change */
     handleMinChange: f,
     /** Handle max change */
-    handleMaxChange: r,
+    handleMaxChange: n,
     /** Is selected */
     isSelected: l
   };
 }
 function W() {
-  const { products: e, keywords: s } = S((t) => t.response);
+  const { products: e, keywords: o } = F((t) => t.response);
   return {
     /** Array of products */
     products: e ?? { hits: [], total: 0 },
     /** Array of keywords */
-    keywords: s ?? { hits: [], total: 0 }
+    keywords: o ?? { hits: [], total: 0 }
   };
 }
 function X() {
-  const e = S((t) => {
-    var n;
-    return (n = t.query.products) == null ? void 0 : n.filter;
+  const e = F((t) => {
+    var r;
+    return (r = t.query.products) == null ? void 0 : r.filter;
   });
-  return x(() => e ? e.reduce((t, n) => t + (Array.isArray(n.value) ? n.value.length : 1), 0) : 0, [e]);
+  return M(() => 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, s) {
-  const { from: t, size: n, total: o } = S((r) => {
-    var l, a, g, h, d;
+function Y(e, o) {
+  const { from: t, size: r, total: s } = F((n) => {
+    var l, i, d, p, g;
     return {
-      from: A(((l = r.query.products) == null ? void 0 : l.from) ?? 0),
-      size: A(((g = (a = r.response) == null ? void 0 : a.products) == null ? void 0 : g.size) ?? 0),
-      total: A(((d = (h = r.response) == null ? void 0 : h.products) == null ? void 0 : d.total) ?? 0)
+      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),
+      total: A(((g = (p = n.response) == null ? void 0 : p.products) == null ? void 0 : g.total) ?? 0)
     };
-  }), { updateSearch: u } = M(), c = t + n, i = [...e].reverse().filter((r) => r + s < o);
+  }), { updateSearch: u } = R(), c = t + r, a = [...e].reverse().filter((n) => n + o < s);
   return {
     /** from value */
     from: t,
     /** to value */
     to: c,
     /** total value */
-    total: o,
+    total: s,
     /** size value */
-    size: n,
+    size: r,
     /** Array of size options */
-    sizeOptions: i,
+    sizeOptions: a,
     /** Should be called when size is changed */
-    handleSizeChange: (r) => {
+    handleSizeChange: (n) => {
       u({
         products: {
-          size: R(r)
+          size: x(n)
         }
       });
     }
   };
 }
-function B(e, s) {
-  return e.length !== s.length ? !1 : e.every((t) => s.find((n) => t.field === n.field && t.order === n.order));
+function L(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 s = S((i) => i.query), { updateSearch: t } = M();
+  const o = F((a) => a.query), { updateSearch: t } = R();
   return {
     /** Active sort */
-    activeSort: ((u = e.find((i) => {
+    activeSort: ((u = e.find((a) => {
       var f;
-      return B(i.value.sort, ((f = s.products) == null ? void 0 : f.sort) || []);
+      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),
     /** Set sort function */
-    setSort: (i) => {
-      const f = e.find((r) => r.id === i);
+    setSort: (a) => {
+      const f = e.find((n) => n.id === a);
       f && t({
         products: {
           sort: f.value.sort
@@ -330,18 +330,18 @@ function Z(e) {
     }
   };
 }
-function T(e, s) {
-  if (!e.length || !s.length) return [];
-  const t = s.reduce((n, o) => (n[o] = {}, n), {});
-  return e.forEach((n) => {
-    var o;
-    (o = n.customFields) == null || o.forEach(({ key: u, value: c }) => {
-      const i = u.toLowerCase();
-      s.includes(i) && (t[i][c] = t[i][c] || [], t[i][c].push(n));
+function B(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));
     });
-  }), Object.entries(t).map(([n, o]) => ({
-    field: n,
-    options: Object.entries(o).map(([u, c]) => ({
+  }), Object.entries(t).map(([r, s]) => ({
+    field: r,
+    options: Object.entries(s).map(([u, c]) => ({
       value: u,
       skus: c,
       unavailable: !1,
@@ -349,42 +349,45 @@ function T(e, s) {
     }))
   }));
 }
-function D(e, s) {
-  return e.length ? e.map(({ field: t, options: n }) => ({
+function T(e, o) {
+  return e.length ? e.map(({ field: t, options: r }) => ({
     field: t,
-    options: n.map((o) => {
-      var i;
-      const u = !((i = o.skus) != null && i.some((f) => Object.entries(s).every(([r, l]) => {
-        var g, h;
-        return r === t ? !0 : ((h = (g = f.customFields) == null ? void 0 : g.find((d) => d.key.toLowerCase() === r)) == null ? void 0 : h.value) === l;
-      }))), c = s[t] === o.value;
+    options: r.map((s) => {
+      var a;
+      const u = !((a = s.skus) != null && a.some((f) => Object.entries(o).every(([n, l]) => {
+        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 {
-        ...o,
+        ...s,
         unavailable: u,
         selected: c
       };
     })
   })) : [];
 }
-function ee(e = [], s = []) {
-  const [t, n] = z({}), o = x(() => D(T(e, s), t), [e, s, t]), u = y((c, i) => {
-    n((f) => {
-      const r = { ...f };
-      return r[c] === i ? delete r[c] : r[c] = i, r;
+function ee(e = [], o = []) {
+  const [t, r] = z({}), s = M(() => T(B(e, o), t), [e, o, t]), u = S((a, f) => {
+    r((n) => {
+      const l = { ...n };
+      return l[a] === f ? delete l[a] : l[a] = f, l;
     });
-  }, []);
-  return { swatches: o, toggleOption: u };
+  }, []), 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);
+    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 };
 }
 export {
-  M as useActions,
+  R as useActions,
   _ as useDecoratedSearchResults,
   G as useFacet,
   H as useFacets,
   re as useLoadMore,
-  S as useNostoAppState,
+  F as useNostoAppState,
   J as usePagination,
   K as usePersonalization,
-  k as useProductFilters,
+  j as useProductFilters,
   V as useRange,
   Q as useRangeSelector,
   W as useResponse,

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

@@ -5,15 +5,24 @@ import { SearchProductSku } from '@nosto/nosto-js/client';
  * This hook aggregates SKU data by specified fields (e.g., "color", "size"),
  * generates swatch options, and manages the selection state for those options.
  *
+ *  * Use `matchedSkus` to:
+ * - Display preview data like images or prices from partial selections.
+ * - Enable actions like "Add to Cart" when exactly one matching SKU remains.
+ *
  * @example
  * ```jsx
  * import { useSwatches } from '@nosto/search-js/preact/hooks'
  *
  * export default () => {
- *   const { swatches, toggleOption } = useSwatches(skus, ["color", "size"])
+ *   const { swatches, toggleOption, matchedSkus } = useSwatches(skus, ["color", "size"])
+ *
+ *   const canAddToCart = matchedSkus.length === 1
+ *   const previewImage = matchedSkus[0]?.imageUrl || "/fallback.jpg"
  *
  *   return (
  *     <div>
+ *       <img src={previewImage} alt="Product preview" width={200} />
+ *
  *       {swatches.map(({ field, options }) => (
  *         <div key={field}>
  *           {options.map(({ value, unavailable, selected }) => (
@@ -22,8 +31,11 @@ import { SearchProductSku } from '@nosto/nosto-js/client';
  *               disabled={unavailable}
  *               onClick={() => toggleOption(field, value)}
  *               style={{
- *                 background: selected ? "#0070f3" : "transparent",
+ *                 margin: "4px",
+ *                 padding: "8px 12px",
+ *                 background: selected ? "#0070f3" : "#eee",
  *                 color: selected ? "#fff" : "#000",
+ *                 opacity: unavailable ? 0.3 : 1
  *               }}
  *             >
  *               {value}
@@ -31,6 +43,10 @@ import { SearchProductSku } from '@nosto/nosto-js/client';
  *           ))}
  *         </div>
  *       ))}
+ *
+ *       <button disabled={!canAddToCart}>
+ *         Add to Cart
+ *       </button>
  *     </div>
  *   )
  * }
@@ -41,4 +57,5 @@ import { SearchProductSku } from '@nosto/nosto-js/client';
 export declare function useSwatches(skus?: SearchProductSku[], fields?: string[]): {
     swatches: import('../types').SwatchField[];
     toggleOption: (field: string, value: string) => void;
+    matchedSkus: SearchProductSku[];
 };

package/dist/utils/utils.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../deepMerge-lDscDfII.cjs"),c=require("../unique-Blp-K9zG.cjs"),t=require("../logger-BcHMZObS.cjs"),n=require("../parseNumber-FsZ8w61u.cjs"),q=require("../pick-rYi1lc2m.cjs");function k(i){i.setAttribute("autocomplete","off")}function m(i,{onClick:a,onFocus:f,onInput:d,onKeyDown:u,onSubmit:s},{form:p=i.form??void 0}={}){const o=[];function r(e,l,v){e.addEventListener(l,v),o.push(()=>e.removeEventListener(l,v))}return(u||s)&&r(i,"keydown",e=>{u==null||u(i.value,e.key),(u&&(e.key==="ArrowDown"||e.key==="ArrowUp")||s&&e.key==="Enter")&&e.preventDefault()}),s&&p&&(r(p,"submit",e=>{e.preventDefault(),s(i.value)}),p.querySelectorAll("[type=submit]").forEach(e=>{r(e,"click",l=>{l.preventDefault(),s(i.value)})})),a&&r(i,"click",()=>a(i.value)),f&&r(i,"focus",()=>f(i.value)),d&&r(i,"input",()=>d(i.value)),{destroy(){o.forEach(e=>e())}}}exports.deepMerge=b.deepMerge;exports.isBot=c.isBot;exports.measure=c.measure;exports.mergeArrays=c.mergeArrays;exports.unique=c.unique;exports.isEqual=t.isEqual;exports.isPlainObject=t.isPlainObject;exports.logger=t.logger;exports.parseNumber=n.parseNumber;exports.pick=q.pick;exports.bindInput=m;exports.disableNativeAutocomplete=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../deepMerge-lDscDfII.cjs"),c=require("../unique-Blp-K9zG.cjs"),a=require("../logger-BcHMZObS.cjs"),b=require("../parseNumber-FsZ8w61u.cjs"),k=require("../pick-rYi1lc2m.cjs");function n(i){i.setAttribute("autocomplete","off")}function m(i,{onClick:f,onFocus:t,onInput:d,onKeyDown:s,onSubmit:u},{form:p=i.form??void 0}={}){const o=[];function r(e,l,v){e.addEventListener(l,v),o.push(()=>e.removeEventListener(l,v))}return(s||u)&&r(i,"keydown",e=>{s==null||s(i.value,e.key),s&&(e.key==="ArrowDown"||e.key==="ArrowUp")?e.preventDefault():u&&e.key==="Enter"&&(i.value!==""&&!e.repeat&&u(i.value),e.preventDefault())}),u&&p&&(r(p,"submit",e=>{e.preventDefault(),u(i.value)}),p.querySelectorAll("[type=submit]").forEach(e=>{r(e,"click",l=>{l.preventDefault(),u(i.value)})})),f&&r(i,"click",()=>f(i.value)),t&&r(i,"focus",()=>t(i.value)),d&&r(i,"input",()=>d(i.value)),{destroy(){o.forEach(e=>e())}}}exports.deepMerge=q.deepMerge;exports.isBot=c.isBot;exports.measure=c.measure;exports.mergeArrays=c.mergeArrays;exports.unique=c.unique;exports.isEqual=a.isEqual;exports.isPlainObject=a.isPlainObject;exports.logger=a.logger;exports.parseNumber=b.parseNumber;exports.pick=k.pick;exports.bindInput=m;exports.disableNativeAutocomplete=n;

package/dist/utils/utils.es.js

@@ -1,4 +1,4 @@
-import { d as E } from "../deepMerge-CZwCJzEe.js";
+import { d as t } from "../deepMerge-CZwCJzEe.js";
 import { i as A, a as b, m as q, u as y } from "../unique-m1TIDWdl.js";
 import { i as h, a as N, l as j } from "../logger-DVwg4Wor.js";
 import { p as M } from "../parseNumber-QA48nJLp.js";
@@ -6,18 +6,18 @@ import { p as P } from "../pick-DReBictn.js";
 function d(s) {
   s.setAttribute("autocomplete", "off");
 }
-function v(s, { onClick: l, onFocus: p, onInput: c, onKeyDown: i, onSubmit: u }, { form: a = s.form ?? void 0 } = {}) {
+function m(s, { onClick: l, onFocus: p, onInput: c, onKeyDown: u, onSubmit: i }, { form: a = s.form ?? void 0 } = {}) {
   const o = [];
-  function r(e, f, t) {
-    e.addEventListener(f, t), o.push(() => e.removeEventListener(f, t));
+  function r(e, f, v) {
+    e.addEventListener(f, v), o.push(() => e.removeEventListener(f, v));
   }
-  return (i || u) && r(s, "keydown", (e) => {
-    i == null || i(s.value, e.key), (i && (e.key === "ArrowDown" || e.key === "ArrowUp") || u && e.key === "Enter") && e.preventDefault();
-  }), u && a && (r(a, "submit", (e) => {
-    e.preventDefault(), u(s.value);
+  return (u || i) && r(s, "keydown", (e) => {
+    u == null || u(s.value, e.key), u && (e.key === "ArrowDown" || e.key === "ArrowUp") ? e.preventDefault() : i && e.key === "Enter" && (s.value !== "" && !e.repeat && i(s.value), e.preventDefault());
+  }), i && a && (r(a, "submit", (e) => {
+    e.preventDefault(), i(s.value);
   }), a.querySelectorAll("[type=submit]").forEach((e) => {
     r(e, "click", (f) => {
-      f.preventDefault(), u(s.value);
+      f.preventDefault(), i(s.value);
     });
   })), l && r(s, "click", () => l(s.value)), p && r(s, "focus", () => p(s.value)), c && r(s, "input", () => c(s.value)), {
     destroy() {
@@ -26,8 +26,8 @@ function v(s, { onClick: l, onFocus: p, onInput: c, onKeyDown: i, onSubmit: u },
   };
 }
 export {
-  v as bindInput,
-  E as deepMerge,
+  m as bindInput,
+  t as deepMerge,
   d as disableNativeAutocomplete,
   A as isBot,
   h as isEqual,

package/package.json

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