@nosto/search-js 2.13.0 → 2.15.0

package/dist/BaseElement-8qy-gSKp.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("./jsxRuntime.module-B3sGoTIU.cjs"),a=require("preact/hooks");function k({onClick:i,as:n,children:t,componentProps:e}){const u=a.useCallback(s=>{i(),e&&"onClick"in e&&typeof e.onClick=="function"&&e.onClick(s)},[i,e]),c={...e,onClick:u},l=n??"a";return C.u(l,{...c,children:t})}exports.BaseElement=k;

package/dist/BaseElement-Df1Kv7sB.js

@@ -0,0 +1,17 @@
+import { u as f } from "./jsxRuntime.module-Bzuv3cXw.js";
+import { useCallback as o } from "preact/hooks";
+function r({ onClick: t, as: C, children: l, componentProps: i }) {
+  const n = o(
+    (c) => {
+      t(), i && "onClick" in i && typeof i.onClick == "function" && i.onClick(c);
+    },
+    [t, i]
+  ), a = {
+    ...i,
+    onClick: n
+  };
+  return /* @__PURE__ */ f(C ?? "a", { ...a, children: l });
+}
+export {
+  r as B
+};

package/dist/preact/autocomplete.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../index.es-DlUp67LT.cjs"),a=require("preact"),i=require("../jsxRuntime.module-B3sGoTIU.cjs"),c=require("../configContext-BR7w4VlU.cjs"),p=require("../baseConfig-BFFqFSg5.cjs");function m(e){return e!==null&&typeof e=="object"&&"props"in e&&typeof e.type=="string"}function f({children:e,hit:t}){var n;if(!m(e))throw new Error("AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported.");const o=(n=e.props)==null?void 0:n.onClick;return a.cloneElement(e,{onClick:r=>{t&&s.s(u=>u.recordSearchClick("autocomplete",t)),typeof o=="function"&&o(r)}})}function C({as:e,componentProps:t,onSearchInput:o,children:n}){const r={...t,onInput:l=>{o(l.target)}},u=e??"input";return e||(r.type="search"),i.u(u,{...r,children:n})}const g={...p.defaultBaseConfig};function d(e){return{pageType:"autocomplete",...g,...e}}function S({config:e,store:t,children:o}){const n=t??c.createStore();return p.useCheckClientScript(),i.u(c.ConfigContext,{value:d(e),children:i.u(c.StoreContext,{value:n,children:o})})}exports.AutocompleteElement=f;exports.AutocompletePageProvider=S;exports.SearchInput=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsxRuntime.module-B3sGoTIU.cjs"),s=require("../index.es-DlUp67LT.cjs"),p=require("preact/hooks"),m=require("../BaseElement-8qy-gSKp.cjs"),i=require("../configContext-BR7w4VlU.cjs"),l=require("../baseConfig-BFFqFSg5.cjs");function f({children:e,hit:t,as:o,componentProps:n}){const u=p.useCallback(()=>{t&&"productId"in t&&s.s(c=>c.recordSearchClick("autocomplete",t))},[t]);return r.u(m.BaseElement,{onClick:u,as:o,componentProps:n,children:e})}function C({as:e,componentProps:t,onSearchInput:o,children:n}){const u={...t,onInput:a=>{o(a.target)}},c=e??"input";return e||(u.type="search"),r.u(c,{...u,children:n})}const d={...l.defaultBaseConfig};function g(e){return{pageType:"autocomplete",...d,...e}}function S({config:e,store:t,children:o}){const n=t??i.createStore();return l.useCheckClientScript(),r.u(i.ConfigContext,{value:g(e),children:r.u(i.StoreContext,{value:n,children:o})})}exports.AutocompleteElement=f;exports.AutocompletePageProvider=S;exports.SearchInput=C;

package/dist/preact/autocomplete.d.ts

@@ -1,5 +1,5 @@
 /** @module preact/autocomplete */
-export { AutocompleteElement } from './src/components/Autocomplete/AutocompleteElement';
+export { AutocompleteElement, type AutocompleteElementProps } from './src/components/AutocompleteElement';
 export { SearchInput } from './src/components/SearchInput';
 export type { PublicAutocompleteConfig as AutocompleteConfig } from './src/config/pages/autocomplete/config';
 export { AutocompletePageProvider } from './src/config/pages/autocomplete/provider';

package/dist/preact/autocomplete.es.js

@@ -1,49 +1,45 @@
-import { s as c } from "../index.es-B8mbAxS4.js";
-import { cloneElement as a } from "preact";
-import { u as i } from "../jsxRuntime.module-Bzuv3cXw.js";
-import { c as m, S as l, C as s } from "../configContext-GuZOIX3o.js";
-import { d as f, u as C } from "../baseConfig-Bafl02NY.js";
-function g(t) {
-  return t !== null && typeof t == "object" && "props" in t && typeof t.type == "string";
+import { u as c } from "../jsxRuntime.module-Bzuv3cXw.js";
+import { s as p } from "../index.es-B8mbAxS4.js";
+import { useCallback as m } from "preact/hooks";
+import { B as i } from "../BaseElement-Df1Kv7sB.js";
+import { c as l, S as f, C as s } from "../configContext-GuZOIX3o.js";
+import { d as C, u as d } from "../baseConfig-Bafl02NY.js";
+function P({
+  children: t,
+  hit: e,
+  as: o,
+  componentProps: r
+}) {
+  const n = m(() => {
+    e && "productId" in e && p((u) => u.recordSearchClick("autocomplete", e));
+  }, [e]);
+  return /* @__PURE__ */ c(i, { onClick: n, as: o, componentProps: r, children: t });
 }
-function x({ children: t, hit: e }) {
-  var n;
-  if (!g(t))
-    throw new Error(
-      "AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported."
-    );
-  const o = (n = t.props) == null ? void 0 : n.onClick;
-  return a(t, {
-    onClick: (r) => {
-      e && c((p) => p.recordSearchClick("autocomplete", e)), typeof o == "function" && o(r);
-    }
-  });
-}
-function P({ as: t, componentProps: e, onSearchInput: o, children: n }) {
-  const r = {
+function h({ as: t, componentProps: e, onSearchInput: o, children: r }) {
+  const n = {
     ...e,
-    onInput: (u) => {
-      o(u.target);
+    onInput: (a) => {
+      o(a.target);
     }
-  }, p = t ?? "input";
-  return t || (r.type = "search"), /* @__PURE__ */ i(p, { ...r, children: n });
+  }, u = t ?? "input";
+  return t || (n.type = "search"), /* @__PURE__ */ c(u, { ...n, children: r });
 }
-const d = {
-  ...f
+const g = {
+  ...C
 };
 function S(t) {
   return {
     pageType: "autocomplete",
-    ...d,
+    ...g,
     ...t
   };
 }
-function T({ config: t, store: e, children: o }) {
-  const n = e ?? m();
-  return C(), /* @__PURE__ */ i(s, { value: S(t), children: /* @__PURE__ */ i(l, { value: n, children: o }) });
+function y({ config: t, store: e, children: o }) {
+  const r = e ?? l();
+  return d(), /* @__PURE__ */ c(s, { value: S(t), children: /* @__PURE__ */ c(f, { value: r, children: o }) });
 }
 export {
-  x as AutocompleteElement,
-  T as AutocompletePageProvider,
-  P as SearchInput
+  P as AutocompleteElement,
+  y as AutocompletePageProvider,
+  h as SearchInput
 };

package/dist/preact/hooks.cjs.js

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

package/dist/preact/hooks.es.js

@@ -1,19 +1,19 @@
 import { a as y, c as x } from "../useLoadMore-CzqfcD1v.js";
-import { b as ue } from "../useLoadMore-CzqfcD1v.js";
-import { a as T } from "../logger-DVwg4Wor.js";
-import { useState as M, useCallback as S, useMemo as b, useEffect as C, useRef as k } from "preact/hooks";
-import { s as q } from "../index.es-B8mbAxS4.js";
-import { p as z } from "../parseNumber-QA48nJLp.js";
-function Q(e) {
+import { b as fe } from "../useLoadMore-CzqfcD1v.js";
+import { a as P } from "../logger-DVwg4Wor.js";
+import { useState as L, useCallback as S, useMemo as b, useEffect as O, useRef as T } from "preact/hooks";
+import { s as C } from "../index.es-B8mbAxS4.js";
+import { p as M } from "../parseNumber-QA48nJLp.js";
+function W(e) {
   const o = y((t) => t.response);
-  return e && Array.isArray(e) || e && T(e) ? e : o;
+  return e && Array.isArray(e) || e && P(e) ? e : o;
 }
-function W(e, o) {
+function Y(e, o) {
   var d;
   const t = ((d = e.data) == null ? void 0 : d.filter((n) => n.selected).length) ?? 0, { active: r } = {
     active: t > 0,
     ...o
-  }, [s, u] = M(r), { toggleProductFilter: i } = x(), a = S(() => {
+  }, [s, u] = L(r), { toggleProductFilter: c } = x(), a = S(() => {
     u(!s);
   }, [s]);
   return {
@@ -24,10 +24,10 @@ function W(e, o) {
     /** Toggle active function */
     toggleActive: a,
     /** Toggle product filter function */
-    toggleProductFilter: i
+    toggleProductFilter: c
   };
 }
-function X() {
+function ee() {
   const { loading: e, facets: o } = y((t) => {
     var r, s;
     return {
@@ -42,17 +42,17 @@ function X() {
     facets: o
   };
 }
-function L(e, o) {
+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 Y(e) {
+function te(e) {
   const { query: o, products: t } = y((r) => ({
     query: r.query,
     products: r.response.products
   }));
   return b(() => {
-    var F, w, N;
+    var F, w, A;
     if (!t)
       return {
         totalPages: 0,
@@ -60,41 +60,41 @@ function Y(e) {
         resultsTo: 0,
         pages: []
       };
-    const r = ((F = o.products) == null ? void 0 : F.from) ?? 0, s = (e == null ? void 0 : e.width) ?? 1 / 0, u = Math.max(Math.floor(s - 1) / 2, 1), i = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, a = t.size > 0 ? Math.ceil(t.total / t.size) : 0, d = (R) => R >= i - u && R <= i + u, n = r + 1, l = Math.min(r + t.total, t.total), c = {
+    const r = ((F = o.products) == null ? void 0 : F.from) ?? 0, s = (e == null ? void 0 : e.width) ?? 1 / 0, u = Math.max(Math.floor(s - 1) / 2, 1), c = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, a = t.size > 0 ? Math.ceil(t.total / t.size) : 0, d = (R) => R >= c - u && R <= c + u, n = r + 1, l = Math.min(r + t.total, t.total), i = {
       from: r,
-      page: i,
+      page: c,
       current: !0
     }, f = (R) => ({
       from: (R - 1) * t.size,
       page: R,
-      current: R === i
-    }), m = i > 1 ? f(i - 1) : void 0, g = i < a ? f(i + 1) : void 0, v = i - u - 1 > 1 ? f(1) : void 0, p = i + u + 1 < a ? f(a) : void 0, h = L(1, a + 1).filter(d).map(f);
-    return !v && ((w = h[0]) == null ? void 0 : w.page) === 2 && h.unshift(f(1)), !p && ((N = h[h.length - 1]) == null ? void 0 : N.page) === a - 1 && h.push(f(a)), {
+      current: R === c
+    }), p = c > 1 ? f(c - 1) : void 0, g = c < a ? f(c + 1) : void 0, v = c - u - 1 > 1 ? f(1) : void 0, m = c + u + 1 < a ? f(a) : void 0, h = k(1, a + 1).filter(d).map(f);
+    return !v && ((w = h[0]) == null ? void 0 : w.page) === 2 && h.unshift(f(1)), !m && ((A = h[h.length - 1]) == null ? void 0 : A.page) === a - 1 && h.push(f(a)), {
       totalPages: a,
       resultsFrom: n,
       resultsTo: l,
-      current: c,
-      prev: m,
+      current: i,
+      prev: p,
       next: g,
       first: v,
-      last: p,
+      last: m,
       pages: h
     };
   }, [o, t, e == null ? void 0 : e.width]);
 }
-function Z() {
-  const [e, o] = M([]), [t, r] = M([]);
-  return C(() => {
-    q(async (s) => {
-      const { products: u, segments: i } = await s.getSearchSessionParams();
-      o(i ?? []), r((u == null ? void 0 : u.personalizationBoost) ?? []);
+function ne() {
+  const [e, o] = L([]), [t, r] = L([]);
+  return O(() => {
+    C(async (s) => {
+      const { products: u, segments: c } = await s.getSearchSessionParams();
+      o(c ?? []), r((u == null ? void 0 : u.personalizationBoost) ?? []);
     });
   }, []), {
     segments: e,
     boost: t
   };
 }
-function O() {
+function q() {
   const { facets: e } = y((n) => {
     var l;
     return {
@@ -102,7 +102,7 @@ function O() {
     };
   }), { replaceFilter: o, toggleProductFilter: t } = x(), r = S(
     (n) => {
-      const l = e == null ? void 0 : e.find((c) => c.type === "stats" && c.field === 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;
     },
@@ -110,47 +110,47 @@ function O() {
   ), s = S(
     (n) => {
       var l;
-      return ((l = e == null ? void 0 : e.find((c) => c.field === n)) == null ? void 0 : l.name) ?? n;
+      return ((l = e == null ? void 0 : e.find((i) => i.field === n)) == null ? void 0 : l.name) ?? n;
     },
     [e]
-  ), u = S((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), i = S((n) => {
+  ), u = S((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), c = S((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
+      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
       }))
     };
   }, []), a = S(
-    (n) => (n.value ?? []).map((c) => ({
-      value: c,
+    (n) => (n.value ?? []).map((i) => ({
+      value: i,
       field: n.field,
       name: s(n.field),
-      filter: i(n),
+      filter: c(n),
       remove: () => {
-        t(n.field, c, !1);
+        t(n.field, i, !1);
       }
     })),
-    [i, s, t]
+    [c, s, t]
   ), d = S(
-    (n) => (n.range ?? []).map((c) => {
+    (n) => (n.range ?? []).map((i) => {
       var g, v;
-      const f = c.gte ?? c.gt ?? ((g = r(n.field)) == null ? void 0 : g.min), m = c.lte ?? c.lt ?? ((v = r(n.field)) == null ? void 0 : v.max);
-      if (f !== void 0 && m !== void 0)
+      const f = 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 (f !== void 0 && p !== void 0)
         return {
-          value: `${f} - ${m}`,
+          value: `${f} - ${p}`,
           field: n.field,
           name: s(n.field),
-          filter: i(n),
+          filter: c(n),
           remove: () => {
             o(n.field, void 0);
           }
         };
     }).filter(Boolean),
-    [i, r, s, o]
+    [c, r, s, o]
   );
   return {
     selectFilters: u,
@@ -164,7 +164,7 @@ function j() {
     return {
       filter: ((d = a.query.products) == null ? void 0 : d.filter) ?? []
     };
-  }), { updateSearch: o } = x(), { selectFilters: t, toValueFilter: r, toRangeFilter: s } = O(), u = b(() => e ? e.filter(t).flatMap((a) => "value" in a ? r(a) : "range" in a ? s(a) : []).filter(Boolean) : [], [e, t, s, r]), i = S(() => {
+  }), { updateSearch: o } = x(), { selectFilters: t, toValueFilter: r, toRangeFilter: s } = q(), u = b(() => e ? e.filter(t).flatMap((a) => "value" in a ? r(a) : "range" in a ? s(a) : []).filter(Boolean) : [], [e, t, s, r]), c = S(() => {
     o({
       products: {
         filter: []
@@ -175,15 +175,15 @@ function j() {
     /** Selected filters array. */
     filters: u,
     /** Should remove all selected filters. */
-    removeAll: i
+    removeAll: c
   };
 }
 function V(e) {
-  var c, f, m;
+  var i, f, p;
   const { replaceFilter: o } = x(), { query: t, products: r } = y((g) => ({
     query: g.query,
     products: g.response.products
-  })), s = (c = r == null ? void 0 : r.facets) == null ? void 0 : c.find((g) => g.id === e);
+  })), s = (i = r == null ? void 0 : r.facets) == null ? void 0 : i.find((g) => g.id === e);
   if (!s)
     return {
       min: 0,
@@ -192,14 +192,14 @@ function V(e) {
       updateRange: () => {
       }
     };
-  const u = (m = (f = t.products) == null ? void 0 : f.filter) == null ? void 0 : m.find((g) => g.field === s.field), i = u != null && u.range ? u.range[0] : void 0, a = typeof i == "object" && ("gte" in i || "lte" in i) ? [z(i.gte), z(i.lte)] : [void 0, void 0], d = "min" in s ? Math.floor(s.min) : 0, n = "max" in s ? Math.ceil(s.max) : 0, l = ([g, v]) => {
-    const p = g !== void 0 ? Math.floor(g) : void 0, h = v !== void 0 ? Math.ceil(v) : void 0, F = p !== void 0, w = h !== void 0;
-    (d === p || !F) && (n === h || !w) ? o(s.field, void 0) : (d === p || !F) && w ? o(s.field, {
+  const u = (p = (f = t.products) == null ? void 0 : f.filter) == null ? void 0 : p.find((g) => g.field === s.field), c = u != null && u.range ? u.range[0] : void 0, a = typeof c == "object" && ("gte" in c || "lte" in c) ? [M(c.gte), M(c.lte)] : [void 0, void 0], d = "min" in s ? Math.floor(s.min) : 0, n = "max" in s ? Math.ceil(s.max) : 0, l = ([g, v]) => {
+    const m = g !== void 0 ? Math.floor(g) : void 0, h = v !== void 0 ? Math.ceil(v) : void 0, F = m !== void 0, w = h !== void 0;
+    (d === m || !F) && (n === h || !w) ? o(s.field, void 0) : (d === m || !F) && w ? o(s.field, {
       lte: h.toString()
     }) : (n === h || !w) && F ? o(s.field, {
-      gte: p.toString()
+      gte: m.toString()
     }) : F && w && o(s.field, {
-      gte: p.toString(),
+      gte: m.toString(),
       lte: h.toString()
     });
   };
@@ -214,33 +214,33 @@ function V(e) {
     updateRange: l
   };
 }
-function ee(e, o) {
-  const { min: t, max: r, range: s, updateRange: u } = V(e), { filters: i } = j(), a = b(() => {
+function re(e, o) {
+  const { min: t, max: r, range: s, updateRange: u } = V(e), { filters: c } = j(), a = b(() => {
     var v;
-    const c = i.find((p) => {
+    const i = c.find((m) => {
       var h;
-      return (h = p == null ? void 0 : p.filter) == null ? void 0 : h.range;
+      return (h = m == null ? void 0 : m.filter) == null ? void 0 : h.range;
     });
     let f = null;
-    if (c) {
-      const p = (v = c.filter.range) == null ? void 0 : v[0];
-      f = [z(p == null ? void 0 : p.gte), z(p == null ? void 0 : p.lte)];
+    if (i) {
+      const m = (v = i.filter.range) == null ? void 0 : v[0];
+      f = [M(m == null ? void 0 : m.gte), M(m == null ? void 0 : m.lte)];
     }
-    const m = [];
+    const p = [];
     let g = Math.floor(t / o) * o;
     for (; g < r; ) {
-      const p = g + o, h = f && f[0] === g && f[1] === p;
-      m.push({
+      const m = g + o, h = f && f[0] === g && f[1] === m;
+      p.push({
         min: g,
-        max: p,
+        max: m,
         selected: h
-      }), g = p;
+      }), g = m;
     }
-    return m;
-  }, [i, t, r, o]), d = (c) => {
-    u([c, s[1]]);
-  }, n = (c) => {
-    u([s[0], c]);
+    return p;
+  }, [c, t, r, o]), d = (i) => {
+    u([i, s[1]]);
+  }, n = (i) => {
+    u([s[0], i]);
   }, l = t !== s[0] || r !== s[1];
   return {
     /** Minimum value */
@@ -261,7 +261,7 @@ function ee(e, o) {
     isSelected: l
   };
 }
-function te() {
+function se() {
   const { products: e, keywords: o } = y((t) => t.response);
   return {
     /** Array of products */
@@ -270,30 +270,30 @@ function te() {
     keywords: o ?? { hits: [], total: 0 }
   };
 }
-function ne() {
+function oe() {
   const e = y((t) => {
     var r;
     return (r = t.query.products) == null ? void 0 : r.filter;
   });
   return b(() => e ? e.reduce((t, r) => t + (Array.isArray(r.value) ? r.value.length : 1), 0) : 0, [e]);
 }
-function A(e) {
+function z(e) {
   return e && !Number.isNaN(e) ? e : 0;
 }
-function re(e, o) {
+function ie(e, o) {
   const { from: t, size: r, total: s } = y((n) => {
-    var l, c, f, m, g;
+    var l, i, f, p, g;
     return {
-      from: A(((l = n.query.products) == null ? void 0 : l.from) ?? 0),
-      size: A(((f = (c = n.response) == null ? void 0 : c.products) == null ? void 0 : f.size) ?? 0),
-      total: A(((g = (m = n.response) == null ? void 0 : m.products) == null ? void 0 : g.total) ?? 0)
+      from: z(((l = n.query.products) == null ? void 0 : l.from) ?? 0),
+      size: z(((f = (i = n.response) == null ? void 0 : i.products) == null ? void 0 : f.size) ?? 0),
+      total: z(((g = (p = n.response) == null ? void 0 : p.products) == null ? void 0 : g.total) ?? 0)
     };
-  }), { updateSearch: u } = x(), i = t + r, a = [...e].reverse().filter((n) => n + o < s);
+  }), { updateSearch: u } = x(), c = t + r, a = [...e].reverse().filter((n) => n + o < s);
   return {
     /** from value */
     from: t,
     /** to value */
-    to: i,
+    to: c,
     /** total value */
     total: s,
     /** size value */
@@ -304,7 +304,7 @@ function re(e, o) {
     handleSizeChange: (n) => {
       u({
         products: {
-          size: z(n)
+          size: M(n)
         }
       });
     }
@@ -313,15 +313,15 @@ function re(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 se(e) {
-  var u, i;
+function ce(e) {
+  var u, c;
   const o = y((a) => a.query), { updateSearch: t } = x();
   return {
     /** Active sort */
     activeSort: ((u = e.find((a) => {
       var d;
       return B(a.value.sort, ((d = o.products) == null ? void 0 : d.sort) || []);
-    })) == null ? void 0 : u.id) ?? ((i = e[0]) == null ? void 0 : i.id),
+    })) == null ? void 0 : u.id) ?? ((c = e[0]) == null ? void 0 : c.id),
     /** Set sort function */
     setSort: (a) => {
       const d = e.find((n) => n.id === a);
@@ -333,8 +333,8 @@ function se(e) {
     }
   };
 }
-const P = window.SpeechRecognition || window.webkitSpeechRecognition, D = !!(P && typeof P == "function");
-function U() {
+const X = window.SpeechRecognition || window.webkitSpeechRecognition, D = !!(X && typeof X == "function");
+function E() {
   return {
     listening: !1,
     startListening: () => {
@@ -343,96 +343,112 @@ function U() {
     }
   };
 }
-function E({
+function U({
   language: e = "en-US",
   interimResults: o = !1
 } = {}) {
-  const [t, r] = M(!1), s = k(null), u = S(
+  const [t, r] = L(!1), s = T(null), u = S(
     ({ onResult: a, onError: d }) => {
-      const n = new P();
+      const n = new X();
       n.lang = e, n.interimResults = o, n.onstart = () => r(!0), n.onresult = (l) => {
-        var f, m;
-        const { transcript: c } = (m = (f = l.results) == null ? void 0 : f[0]) == null ? void 0 : m[0];
-        a(c);
+        var f, p;
+        const { transcript: i } = (p = (f = l.results) == null ? void 0 : f[0]) == null ? void 0 : p[0];
+        a(i);
       }, d && (n.onerror = (l) => d(l.error)), n.onend = () => r(!1), s.current = n, n.start();
     },
     [e, o]
-  ), i = S(() => {
+  ), c = S(() => {
     var a;
     (a = s.current) == null || a.stop();
   }, [s]);
   return {
     listening: t,
     startListening: u,
-    stopListening: i
+    stopListening: c
   };
 }
-const oe = D ? E : U;
-function $(e, o) {
+const ae = D ? U : E;
+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: i }) => {
+    (s = r.customFields) == null || s.forEach(({ key: u, value: c }) => {
       const a = u.toLowerCase();
-      o.includes(a) && (t[a][i] = t[a][i] || [], t[a][i].push(r));
+      o.includes(a) && (t[a][c] = t[a][c] || [], t[a][c].push(r));
     });
   }), Object.entries(t).filter((r) => Object.keys(r[1]).length).map(([r, s]) => ({
     field: r,
-    options: Object.entries(s).map(([u, i]) => ({
+    options: Object.entries(s).map(([u, c]) => ({
       value: u,
-      skus: i,
+      skus: c,
       unavailable: !1,
       selected: !1
     }))
   }));
 }
-function I(e, o) {
+function $(e, o) {
   return e.length ? e.map(({ field: t, options: r }) => ({
     field: t,
     options: r.map((s) => {
       var a;
       const u = !((a = s.skus) != null && a.some((d) => Object.entries(o).every(([n, l]) => {
-        var f, m;
-        return n === t ? !0 : ((m = (f = d.customFields) == null ? void 0 : f.find((g) => g.key.toLowerCase() === n)) == null ? void 0 : m.value) === l;
-      }))), i = o[t] === s.value;
+        var f, p;
+        return n === t ? !0 : ((p = (f = d.customFields) == null ? void 0 : f.find((g) => g.key.toLowerCase() === n)) == null ? void 0 : p.value) === l;
+      }))), c = o[t] === s.value;
       return {
         ...s,
         unavailable: u,
-        selected: i
+        selected: c
       };
     })
   })) : [];
 }
-function ce(e = [], o = []) {
-  const [t, r] = M({}), s = b(() => $(e, o), [e, o]), u = b(() => I(s, t), [s, t]), i = S((d, n) => {
+const N = ["4XS", "3XS", "2XS", "XXS", "XS", "S", "M", "L", "XL", "XXL", "2XL", "XXXL", "3XL", "4XL"];
+function I(e) {
+  if (N.includes(e))
+    return 1e3 + N.indexOf(e);
+  const o = parseFloat(e);
+  return isNaN(o) ? e : o;
+}
+function Z(e, o) {
+  return [...o].sort((t, r) => {
+    const [s, u] = [t.value, r.value].map(I);
+    return s < u ? -1 : 1;
+  });
+}
+function ue(e = [], o = []) {
+  const [t, r] = L({}), s = b(() => _(e, o).map(({ field: n, options: l }) => ({
+    field: n,
+    options: Z(n, l)
+  })), [e, o]), u = b(() => $(s, t), [s, t]), c = S((d, n) => {
     r((l) => {
-      const c = { ...l };
-      return c[d] === n ? delete c[d] : c[d] = n, c;
+      const i = { ...l };
+      return i[d] === n ? delete i[d] : i[d] = n, i;
     });
-  }, []), a = b(() => Object.keys(t).filter((l) => t[l]).length === 0 ? [] : u.filter(({ field: l }) => t[l]).map(({ field: l, options: c }) => {
-    const f = t[l], m = c.find((g) => g.value === f);
-    return (m == null ? void 0 : m.skus) ?? [];
-  }).reduce((l, c) => l.filter((f) => c.includes(f))), [u, t]);
-  return { swatches: u, toggleOption: i, matchedSkus: a };
+  }, []), a = b(() => Object.keys(t).filter((l) => t[l]).length === 0 ? [] : u.filter(({ field: l }) => t[l]).map(({ field: l, options: i }) => {
+    const f = t[l], p = i.find((g) => g.value === f);
+    return (p == null ? void 0 : p.skus) ?? [];
+  }).reduce((l, i) => l.filter((f) => i.includes(f))), [u, t]);
+  return { swatches: u, toggleOption: c, matchedSkus: a };
 }
 export {
   D as speechToTextSupported,
   x as useActions,
-  Q as useDecoratedSearchResults,
-  W as useFacet,
-  X as useFacets,
-  ue as useLoadMore,
+  W as useDecoratedSearchResults,
+  Y as useFacet,
+  ee as useFacets,
+  fe as useLoadMore,
   y as useNostoAppState,
-  Y as usePagination,
-  Z as usePersonalization,
+  te as usePagination,
+  ne as usePersonalization,
   j as useProductFilters,
   V as useRange,
-  ee as useRangeSelector,
-  te as useResponse,
-  ne as useSelectedFiltersCount,
-  re as useSizeOptions,
-  se as useSort,
-  oe as useSpeechToText,
-  ce as useSwatches
+  re as useRangeSelector,
+  se as useResponse,
+  oe as useSelectedFiltersCount,
+  ie as useSizeOptions,
+  ce as useSort,
+  ae as useSpeechToText,
+  ue as useSwatches
 };

package/dist/preact/preact.d.ts

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

package/dist/preact/serp.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../jsxRuntime.module-B3sGoTIU.cjs"),g=require("../index.es-DlUp67LT.cjs"),t=require("../configContext-BR7w4VlU.cjs"),d=require("preact/hooks"),a=require("../baseConfig-BFFqFSg5.cjs"),k="nosto:search:scrollPos";function h(){window.sessionStorage.setItem(k,window.scrollY.toString())}function p({as:o,children:n,hit:r,componentProps:e}){const{pageType:c}=t.useConfig(),s=c==="autocomplete"?void 0:c==="search"?"serp":c,l=d.useCallback(f=>{r&&s&&g.s(S=>S.recordSearchClick(s,r)),h(),e&&"onClick"in e&&typeof e.onClick=="function"&&e.onClick(f)},[r,e,s]),u={...e,onClick:l},C=o??"a";return i.u(C,{...u,children:n})}const v={...a.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function y(o={}){return{pageType:"search",...v,...o}}function m({config:o,store:n,children:r}){const e=n??t.createStore();return a.useCheckClientScript(),i.u(t.ConfigContext,{value:y(o),children:i.u(t.StoreContext,{value:e,children:r})})}exports.SearchPageProvider=m;exports.SerpElement=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsxRuntime.module-B3sGoTIU.cjs"),S=require("../index.es-DlUp67LT.cjs"),r=require("../configContext-BR7w4VlU.cjs"),g=require("preact/hooks"),f=require("../BaseElement-8qy-gSKp.cjs"),i=require("../baseConfig-BFFqFSg5.cjs"),C="nosto:search:scrollPos";function p(){window.sessionStorage.setItem(C,window.scrollY.toString())}function d({children:e,hit:o,componentProps:t,as:n}){const{pageType:s}=r.useConfig(),c=s==="autocomplete"?void 0:s==="search"?"serp":s,l=g.useCallback(()=>{o&&c&&S.s(u=>u.recordSearchClick(c,o)),p()},[o,c]);return a.u(f.BaseElement,{as:n,onClick:l,componentProps:t,children:e})}const m={...i.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function h(e={}){return{pageType:"search",...m,...e}}function P({config:e,store:o,children:t}){const n=o??r.createStore();return i.useCheckClientScript(),a.u(r.ConfigContext,{value:h(e),children:a.u(r.StoreContext,{value:n,children:t})})}exports.SearchPageProvider=P;exports.SerpElement=d;

package/dist/preact/serp.es.js

@@ -1,41 +1,36 @@
 import { u as n } from "../jsxRuntime.module-Bzuv3cXw.js";
-import { s as u } from "../index.es-B8mbAxS4.js";
-import { u as C, c as S, S as g, C as p } from "../configContext-GuZOIX3o.js";
-import { useCallback as m } from "preact/hooks";
-import { d, u as k } from "../baseConfig-Bafl02NY.js";
+import { s as l } from "../index.es-B8mbAxS4.js";
+import { u as f, c as p, S as u, C as m } from "../configContext-GuZOIX3o.js";
+import { useCallback as S } from "preact/hooks";
+import { B as C } from "../BaseElement-Df1Kv7sB.js";
+import { d as g, u as d } from "../baseConfig-Bafl02NY.js";
 const h = "nosto:search:scrollPos";
-function v() {
+function k() {
   window.sessionStorage.setItem(h, window.scrollY.toString());
 }
-function B({ as: o, children: t, hit: r, componentProps: e }) {
-  const { pageType: a } = C(), c = a === "autocomplete" ? void 0 : a === "search" ? "serp" : a, s = m(
-    (l) => {
-      r && c && u((f) => f.recordSearchClick(c, r)), v(), e && "onClick" in e && typeof e.onClick == "function" && e.onClick(l);
-    },
-    [r, e, c]
-  ), i = {
-    ...e,
-    onClick: s
-  };
-  return /* @__PURE__ */ n(o ?? "a", { ...i, children: t });
+function b({ children: e, hit: o, componentProps: r, as: t }) {
+  const { pageType: s } = f(), a = s === "autocomplete" ? void 0 : s === "search" ? "serp" : s, c = S(() => {
+    o && a && l((i) => i.recordSearchClick(a, o)), k();
+  }, [o, a]);
+  return /* @__PURE__ */ n(C, { as: t, onClick: c, componentProps: r, children: e });
 }
-const w = {
-  ...d,
+const v = {
+  ...g,
   persistentSearchCache: !1,
   preservePageScroll: !1
 };
-function y(o = {}) {
+function P(e = {}) {
   return {
     pageType: "search",
-    ...w,
-    ...o
+    ...v,
+    ...e
   };
 }
-function E({ config: o, store: t, children: r }) {
-  const e = t ?? S();
-  return k(), /* @__PURE__ */ n(p, { value: y(o), children: /* @__PURE__ */ n(g, { value: e, children: r }) });
+function I({ config: e, store: o, children: r }) {
+  const t = o ?? p();
+  return d(), /* @__PURE__ */ n(m, { value: P(e), children: /* @__PURE__ */ n(u, { value: t, children: r }) });
 }
 export {
-  E as SearchPageProvider,
-  B as SerpElement
+  I as SearchPageProvider,
+  b as SerpElement
 };

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

@@ -0,0 +1,12 @@
+import { AsComponent, BaseElementProps } from './BaseElement';
+type AutocompleteHit = {
+    productId: string;
+    url?: string;
+} | {
+    keyword: string;
+};
+export type AutocompleteElementProps<C extends AsComponent> = Omit<BaseElementProps<C>, "onClick"> & {
+    hit: AutocompleteHit;
+};
+export declare function AutocompleteElement<C extends AsComponent>({ children, hit, as, componentProps }: AutocompleteElementProps<C>): import("preact").JSX.Element;
+export {};

package/dist/preact/src/components/BaseElement.d.ts

@@ -0,0 +1,17 @@
+import { ComponentChildren, ComponentProps, ComponentType, JSX } from 'preact';
+export type AsComponent = keyof JSX.IntrinsicElements | ComponentType<any>;
+/**
+ * @group Components
+ */
+export type BaseElementProps<C extends AsComponent> = {
+    onClick: () => void;
+    as?: C;
+    componentProps?: JSX.LibraryManagedAttributes<C, ComponentProps<C>>;
+    children?: ComponentChildren;
+};
+/**
+ * Wrapper component that can be used to wrap any element in the search result list.
+ *
+ * @group Components
+ */
+export declare function BaseElement<C extends AsComponent>({ onClick, as, children, componentProps }: BaseElementProps<C>): JSX.Element;

package/dist/preact/src/components/SerpElement.d.ts

@@ -1,21 +1,16 @@
-import { ComponentChildren, ComponentProps, ComponentType, JSX } from 'preact';
-type AsComponent = keyof JSX.IntrinsicElements | ComponentType<any>;
+import { AsComponent, BaseElementProps } from './BaseElement';
 /**
  * @group Components
  */
-export type SerpElementProps<C extends AsComponent> = {
+export type SerpElementProps<C extends AsComponent> = Omit<BaseElementProps<C>, "onClick"> & {
     hit: {
         productId: string;
         url?: string;
     };
-    as?: C;
-    componentProps?: JSX.LibraryManagedAttributes<C, ComponentProps<C>>;
-    children?: ComponentChildren;
 };
 /**
  * Wrapper component that can be used to wrap any element in the search result list.
  *
  * @group Components
  */
-export declare function SerpElement<C extends AsComponent>({ as, children, hit, componentProps }: SerpElementProps<C>): JSX.Element;
-export {};
+export declare function SerpElement<C extends AsComponent>({ children, hit, componentProps, as }: SerpElementProps<C>): import("preact").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SwatchOption } from '../types';
+export declare function sortOptions(_: string, options: SwatchOption[]): SwatchOption[];

package/package.json

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

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

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

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

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