@nosto/search-js 2.8.2 → 2.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import { u as f } from "./jsxRuntime.module-Bzuv3cXw.js";
2
- import { a, b as l } from "./useLoadMore-B2HNnDWw.js";
2
+ import { a, b as l } from "./useLoadMore-CdPqdFnK.js";
3
3
  import { p as d } from "./pick-DReBictn.js";
4
4
  import { useRef as m, useEffect as b } from "preact/hooks";
5
5
  import { Fragment as v } from "preact";
@@ -1 +1 @@
1
- "use strict";const l=require("./jsxRuntime.module-B3sGoTIU.cjs"),p=require("./useLoadMore-MtlFB35p.cjs"),a=require("./pick-rYi1lc2m.cjs"),d=require("preact/hooks"),b=require("preact");function f(s,i){var o,e,r;const t=((o=i.products)==null?void 0:o.total)??0,c=((e=s.products)==null?void 0:e.from)??0,n=((r=s.products)==null?void 0:r.size)??0;return t>0&&t>c+n}function h(){return!!(window.IntersectionObserver&&window.IntersectionObserverEntry&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)}function O({children:s,pageSize:i}){const t=d.useRef(null),{query:c,response:n}=p.useNostoAppState(e=>a.pick(e,"query","response")),{loadMore:o}=p.useLoadMore(i);return d.useEffect(()=>{let e,r;return f(c,n)&&(e=t.current,r=new IntersectionObserver(v=>{const u=v[0];u!=null&&u.isIntersecting&&o()}),e&&r.observe(e)),()=>{e&&r.unobserve(e)}},[n]),l.u(b.Fragment,{children:[s,l.u("div",{ref:t,style:{height:"1px"}})]})}exports.InfiniteScrollWithObserver=O;exports.hasMoreResults=f;exports.intersectionObserverSupported=h;
1
+ "use strict";const l=require("./jsxRuntime.module-B3sGoTIU.cjs"),p=require("./useLoadMore-KhLxsBdQ.cjs"),a=require("./pick-rYi1lc2m.cjs"),d=require("preact/hooks"),b=require("preact");function f(s,i){var o,e,r;const t=((o=i.products)==null?void 0:o.total)??0,c=((e=s.products)==null?void 0:e.from)??0,n=((r=s.products)==null?void 0:r.size)??0;return t>0&&t>c+n}function h(){return!!(window.IntersectionObserver&&window.IntersectionObserverEntry&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)}function O({children:s,pageSize:i}){const t=d.useRef(null),{query:c,response:n}=p.useNostoAppState(e=>a.pick(e,"query","response")),{loadMore:o}=p.useLoadMore(i);return d.useEffect(()=>{let e,r;return f(c,n)&&(e=t.current,r=new IntersectionObserver(v=>{const u=v[0];u!=null&&u.isIntersecting&&o()}),e&&r.observe(e)),()=>{e&&r.unobserve(e)}},[n]),l.u(b.Fragment,{children:[s,l.u("div",{ref:t,style:{height:"1px"}})]})}exports.InfiniteScrollWithObserver=O;exports.hasMoreResults=f;exports.intersectionObserverSupported=h;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.es-DlUp67LT.cjs"),o=require("../search-Diw6abza.cjs");async function d(r,a,t=1){await e.L(a,void 0,t),await e.s(async c=>await c.recordSearchAddToCart(r,a))}exports.search=o.search;exports.addToCart=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.es-DlUp67LT.cjs"),o=require("../search-ugKTM0UA.cjs");async function d(r,a,t=1){await e.L(a,void 0,t),await e.s(async c=>await c.recordSearchAddToCart(r,a))}exports.search=o.search;exports.addToCart=d;
@@ -1,5 +1,5 @@
1
1
  import { L as c, s as d } from "../index.es-B8mbAxS4.js";
2
- import { s as f } from "../search-t_zFNrtP.js";
2
+ import { s as f } from "../search-BWLMWDlK.js";
3
3
  async function e(r, a, o = 1) {
4
4
  await c(a, void 0, o), await d(async (t) => await t.recordSearchAddToCart(r, a));
5
5
  }
@@ -1,4 +1,4 @@
1
1
  import { SearchQuery, SearchResult } from '@nosto/nosto-js/client';
2
- export declare const STORAGE_ENTRY_NAME = "nosto:search:searchResult";
2
+ export declare const STORAGE_ENTRY_NAME = "nosto:search-js:cache";
3
3
  export declare function cacheSearchResult(query: SearchQuery, result: SearchResult): void;
4
4
  export declare function loadCachedResult(query: SearchQuery): SearchResult | null;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../unique-BCAEb4ek.cjs"),t=require("../jsxRuntime.module-B3sGoTIU.cjs"),c=require("../useLoadMore-MtlFB35p.cjs"),p=require("../pick-rYi1lc2m.cjs"),n=require("../InfiniteScrollWithObserver-Dqkhs6xC.cjs"),q=require("preact"),r=require("../configContext-BR7w4VlU.cjs");function b({pageSize:o}){const{loadMore:e}=c.useLoadMore(o);return t.u("button",{onClick:e,children:"More results"})}function u({children:o,loadMoreComponent:e,pageSize:i}){const{loading:s,query:l,response:a}=c.useNostoAppState(S=>p.pick(S,"loading","query","response")),d=!s&&n.hasMoreResults(l,a);return t.u(q.Fragment,{children:[o,d&&(e?t.u(e,{pageSize:i}):t.u(b,{pageSize:i}))]})}const M=!f.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:u;exports.StoreContext=r.StoreContext;exports.createExtendableStore=r.createExtendableStore;exports.createStore=r.createStore;exports.defaultState=r.defaultState;exports.InfiniteScroll=M;exports.InfiniteScrollWithLink=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../unique-BCAEb4ek.cjs"),t=require("../jsxRuntime.module-B3sGoTIU.cjs"),c=require("../useLoadMore-KhLxsBdQ.cjs"),p=require("../pick-rYi1lc2m.cjs"),n=require("../InfiniteScrollWithObserver-DzkFQMi7.cjs"),q=require("preact"),r=require("../configContext-BR7w4VlU.cjs");function b({pageSize:o}){const{loadMore:e}=c.useLoadMore(o);return t.u("button",{onClick:e,children:"More results"})}function u({children:o,loadMoreComponent:e,pageSize:i}){const{loading:s,query:l,response:a}=c.useNostoAppState(S=>p.pick(S,"loading","query","response")),d=!s&&n.hasMoreResults(l,a);return t.u(q.Fragment,{children:[o,d&&(e?t.u(e,{pageSize:i}):t.u(b,{pageSize:i}))]})}const M=!f.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:u;exports.StoreContext=r.StoreContext;exports.createExtendableStore=r.createExtendableStore;exports.createStore=r.createStore;exports.defaultState=r.defaultState;exports.InfiniteScroll=M;exports.InfiniteScrollWithLink=u;
@@ -1,8 +1,8 @@
1
1
  import { i as l } from "../unique-CyAMhegX.js";
2
2
  import { u as r } from "../jsxRuntime.module-Bzuv3cXw.js";
3
- import { b as p, a as m } from "../useLoadMore-B2HNnDWw.js";
3
+ import { b as p, a as m } from "../useLoadMore-CdPqdFnK.js";
4
4
  import { p as u } from "../pick-DReBictn.js";
5
- import { h as d, i as f, I as S } from "../InfiniteScrollWithObserver-Cs-9_P6c.js";
5
+ import { h as d, i as f, I as S } from "../InfiniteScrollWithObserver-D9eMOxed.js";
6
6
  import { Fragment as h } from "preact";
7
7
  import { S as O, a as W, c as A, d as B } from "../configContext-GuZOIX3o.js";
8
8
  function M({ pageSize: e }) {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../useLoadMore-MtlFB35p.cjs"),P=require("../logger-BcHMZObS.cjs"),v=require("preact/hooks"),C=require("../index.es-DlUp67LT.cjs"),N=require("../parseNumber-FsZ8w61u.cjs");function q(e){const o=m.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&P.isPlainObject(e)?e:o}function z(e){var a;const o=((a=e.data)==null?void 0:a.filter(c=>c.selected).length)??0,[t,n]=v.useState(o>0),{toggleProductFilter:u}=m.useActions();return{active:t,selectedFiltersCount:o,toggleActive:()=>{n(!t)},toggleProductFilter:u}}function x(){const{loading:e,facets:o}=m.useNostoAppState(t=>{var n,u;return{loading:t.loading,facets:((u=(n=t.response)==null?void 0:n.products)==null?void 0:u.facets)??[]}});return{loading:e,facets:o}}function k(e,o){const t=o-e;return!isNaN(t)&&t>0?new Array(o-e).fill(void 0).map((n,u)=>u+e):[]}function w(e){const{query:o,products:t}=m.useNostoAppState(n=>({query:n.query,products:n.response.products}));return v.useMemo(()=>{var F;if(!t)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const n=((F=o.products)==null?void 0:F.from)??0,u=(e==null?void 0:e.width)??1/0,i=Math.max(Math.floor(u-1)/2,1),a=t.size>0?Math.floor(n/t.size)+1:1,c=t.size>0?Math.ceil(t.total/t.size):0,g=A=>A>=a-i&&A<=a+i,s=n+1,l=Math.min(n+t.total,t.total),r={from:n,page:a,current:!0},p=A=>({from:(A-1)*t.size,page:A,current:A===a}),S=a>1?p(a-1):void 0,d=a<c?p(a+1):void 0,y=i===1/0||a-i-1>1?p(1):void 0,f=i===1/0||a+i+1<c?p(c):void 0,h=k(1,c+1).filter(g).map(p);return{totalPages:c,resultsFrom:s,resultsTo:l,current:r,prev:S,next:d,first:y,last:f,pages:h}},[o,t,e==null?void 0:e.width])}function T(){const[e,o]=v.useState([]),[t,n]=v.useState([]);return v.useEffect(()=>{C.s(async u=>{const{products:i,segments:a}=await u.getSearchSessionParams();o(a??[]),n((i==null?void 0:i.personalizationBoost)??[])})},[]),{segments:e,boost:t}}function B(){const{facets:e}=m.useNostoAppState(s=>{var l;return{facets:((l=s.response.products)==null?void 0:l.facets)??[]}}),{replaceFilter:o,toggleProductFilter:t}=m.useActions(),n=v.useCallback(s=>{const l=e==null?void 0:e.find(r=>r.type==="stats"&&r.field===s);if(l&&"min"in l&&"max"in l)return l},[e]),u=v.useCallback(s=>{var l;return((l=e==null?void 0:e.find(r=>r.field===s))==null?void 0:l.name)??s},[e]),i=v.useCallback(s=>"field"in s&&(s.value instanceof Array||s.range instanceof Array),[]),a=v.useCallback(s=>{var l;return{...s,range:(l=s.range)==null?void 0:l.map(r=>({gt:r.gt?Number(r.gt):r.gt,gte:r.gte?Number(r.gte):r.gte,lt:r.lt?Number(r.lt):r.lt,lte:r.lte?Number(r.lte):r.lte}))}},[]),c=v.useCallback(s=>(s.value??[]).map(r=>({value:r,field:s.field,name:u(s.field),filter:a(s),remove:()=>{t(s.field,r,!1)}})),[a,u,t]),g=v.useCallback(s=>(s.range??[]).map(r=>{var d,y;const p=r.gte??r.gt??((d=n(s.field))==null?void 0:d.min),S=r.lte??r.lt??((y=n(s.field))==null?void 0:y.max);if(p!==void 0&&S!==void 0)return{value:`${p} - ${S}`,field:s.field,name:u(s.field),filter:a(s),remove:()=>{o(s.field,void 0)}}}).filter(Boolean),[a,n,u,o]);return{selectFilters:i,toValueFilter:c,toRangeFilter:g}}function M(){const{filter:e}=m.useNostoAppState(c=>{var g;return{filter:((g=c.query.products)==null?void 0:g.filter)??[]}}),{updateSearch:o}=m.useActions(),{selectFilters:t,toValueFilter:n,toRangeFilter:u}=B(),i=v.useMemo(()=>e?e.filter(t).flatMap(c=>"value"in c?n(c):"range"in c?u(c):[]).filter(Boolean):[],[e,t,u,n]),a=v.useCallback(()=>{o({products:{filter:[]}})},[o]);return{filters:i,removeAll:a}}function R(e){var r,p,S;const{replaceFilter:o}=m.useActions(),{query:t,products:n}=m.useNostoAppState(d=>({query:d.query,products:d.response.products})),u=(r=n==null?void 0:n.facets)==null?void 0:r.find(d=>d.id===e);if(!u)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const i=(S=(p=t.products)==null?void 0:p.filter)==null?void 0:S.find(d=>d.field===u.field),a=i!=null&&i.range?i.range[0]:void 0,c=typeof a=="object"&&("gte"in a||"lte"in a)?[N.parseNumber(a.gte),N.parseNumber(a.lte)]:[void 0,void 0],g="min"in u?Math.floor(u.min):0,s="max"in u?Math.ceil(u.max):0,l=([d,y])=>{const f=d!==void 0?Math.floor(d):void 0,h=y!==void 0?Math.ceil(y):void 0,F=f!==void 0,A=h!==void 0;(g===f||!F)&&(s===h||!A)?o(u.field,void 0):(g===f||!F)&&A?o(u.field,{lte:h.toString()}):(s===h||!A)&&F?o(u.field,{gte:f.toString()}):F&&A&&o(u.field,{gte:f.toString(),lte:h.toString()})};return{min:g,max:s,range:[c[0]??g,c[1]??s],updateRange:l}}function D(e,o){const{min:t,max:n,range:u,updateRange:i}=R(e),{filters:a}=M(),c=v.useMemo(()=>{var y;const r=a.find(f=>{var h;return(h=f==null?void 0:f.filter)==null?void 0:h.range});let p=null;if(r){const f=(y=r.filter.range)==null?void 0:y[0];p=[N.parseNumber(f==null?void 0:f.gte),N.parseNumber(f==null?void 0:f.lte)]}const S=[];let d=Math.floor(t/o)*o;for(;d<n;){const f=d+o,h=p&&p[0]===d&&p[1]===f;S.push({min:d,max:f,selected:h}),d=f}return S},[a,t,n,o]),g=r=>{i([r,u[1]])},s=r=>{i([u[0],r])},l=t!==u[0]||n!==u[1];return{min:t,max:n,range:u,updateRange:i,ranges:c,handleMinChange:g,handleMaxChange:s,isSelected:l}}function j(){const{products:e,keywords:o}=m.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:o??{hits:[],total:0}}}function I(){const e=m.useNostoAppState(t=>{var n;return(n=t.query.products)==null?void 0:n.filter});return v.useMemo(()=>e?e.reduce((t,n)=>t+(Array.isArray(n.value)?n.value.length:1),0):0,[e])}function b(e){return e&&!Number.isNaN(e)?e:0}function L(e,o){const{from:t,size:n,total:u}=m.useNostoAppState(s=>{var l,r,p,S,d;return{from:b(((l=s.query.products)==null?void 0:l.from)??0),size:b(((p=(r=s.response)==null?void 0:r.products)==null?void 0:p.size)??0),total:b(((d=(S=s.response)==null?void 0:S.products)==null?void 0:d.total)??0)}}),{updateSearch:i}=m.useActions(),a=t+n,c=[...e].reverse().filter(s=>s+o<u);return{from:t,to:a,total:u,size:n,sizeOptions:c,handleSizeChange:s=>{i({products:{size:N.parseNumber(s)}})}}}function O(e,o){return e.length!==o.length?!1:e.every(t=>o.find(n=>t.field===n.field&&t.order===n.order))}function V(e){var i,a;const o=m.useNostoAppState(c=>c.query),{updateSearch:t}=m.useActions();return{activeSort:((i=e.find(c=>{var g;return O(c.value.sort,((g=o.products)==null?void 0:g.sort)||[])}))==null?void 0:i.id)??((a=e[0])==null?void 0:a.id),setSort:c=>{const g=e.find(s=>s.id===c);g&&t({products:{sort:g.value.sort}})}}}exports.useActions=m.useActions;exports.useLoadMore=m.useLoadMore;exports.useNostoAppState=m.useNostoAppState;exports.useDecoratedSearchResults=q;exports.useFacet=z;exports.useFacets=x;exports.usePagination=w;exports.usePersonalization=T;exports.useProductFilters=M;exports.useRange=R;exports.useRangeSelector=D;exports.useResponse=j;exports.useSelectedFiltersCount=I;exports.useSizeOptions=L;exports.useSort=V;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../useLoadMore-KhLxsBdQ.cjs"),R=require("../logger-BcHMZObS.cjs"),S=require("preact/hooks"),w=require("../index.es-DlUp67LT.cjs"),b=require("../parseNumber-FsZ8w61u.cjs");function P(e){const r=m.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&R.isPlainObject(e)?e:r}function q(e){var u;const r=((u=e.data)==null?void 0:u.filter(c=>c.selected).length)??0,[t,s]=S.useState(r>0),{toggleProductFilter:o}=m.useActions();return{active:t,selectedFiltersCount:r,toggleActive:()=>{s(!t)},toggleProductFilter:o}}function z(){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 k(e,r){const t=r-e;return!isNaN(t)&&t>0?new Array(r-e).fill(void 0).map((s,o)=>o+e):[]}function x(e){const{query:r,products:t}=m.useNostoAppState(s=>({query:s.query,products:s.response.products}));return S.useMemo(()=>{var F;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,c=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),a={from:s,page:u,current:!0},f=y=>({from:(y-1)*t.size,page:y,current:y===u}),h=u>1?f(u-1):void 0,d=u<c?f(u+1):void 0,A=i===1/0||u-i-1>1?f(1):void 0,p=i===1/0||u+i+1<c?f(c):void 0,v=k(1,c+1).filter(g).map(f);return{totalPages:c,resultsFrom:n,resultsTo:l,current:a,prev:h,next:d,first:A,last:p,pages:v}},[r,t,e==null?void 0:e.width])}function O(){const[e,r]=S.useState([]),[t,s]=S.useState([]);return S.useEffect(()=>{w.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 j(){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=S.useCallback(n=>{const l=e==null?void 0:e.find(a=>a.type==="stats"&&a.field===n);if(l&&"min"in l&&"max"in l)return l},[e]),o=S.useCallback(n=>{var l;return((l=e==null?void 0:e.find(a=>a.field===n))==null?void 0:l.name)??n},[e]),i=S.useCallback(n=>"field"in n&&(n.value instanceof Array||n.range instanceof Array),[]),u=S.useCallback(n=>{var l;return{...n,range:(l=n.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=S.useCallback(n=>(n.value??[]).map(a=>({value:a,field:n.field,name:o(n.field),filter:u(n),remove:()=>{t(n.field,a,!1)}})),[u,o,t]),g=S.useCallback(n=>(n.range??[]).map(a=>{var d,A;const f=a.gte??a.gt??((d=s(n.field))==null?void 0:d.min),h=a.lte??a.lt??((A=s(n.field))==null?void 0:A.max);if(f!==void 0&&h!==void 0)return{value:`${f} - ${h}`,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:c,toRangeFilter:g}}function M(){const{filter:e}=m.useNostoAppState(c=>{var g;return{filter:((g=c.query.products)==null?void 0:g.filter)??[]}}),{updateSearch:r}=m.useActions(),{selectFilters:t,toValueFilter:s,toRangeFilter:o}=j(),i=S.useMemo(()=>e?e.filter(t).flatMap(c=>"value"in c?s(c):"range"in c?o(c):[]).filter(Boolean):[],[e,t,o,s]),u=S.useCallback(()=>{r({products:{filter:[]}})},[r]);return{filters:i,removeAll:u}}function C(e){var a,f,h;const{replaceFilter:r}=m.useActions(),{query:t,products:s}=m.useNostoAppState(d=>({query:d.query,products:d.response.products})),o=(a=s==null?void 0:s.facets)==null?void 0:a.find(d=>d.id===e);if(!o)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const i=(h=(f=t.products)==null?void 0:f.filter)==null?void 0:h.find(d=>d.field===o.field),u=i!=null&&i.range?i.range[0]:void 0,c=typeof u=="object"&&("gte"in u||"lte"in u)?[b.parseNumber(u.gte),b.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,v=A!==void 0?Math.ceil(A):void 0,F=p!==void 0,y=v!==void 0;(g===p||!F)&&(n===v||!y)?r(o.field,void 0):(g===p||!F)&&y?r(o.field,{lte:v.toString()}):(n===v||!y)&&F?r(o.field,{gte:p.toString()}):F&&y&&r(o.field,{gte:p.toString(),lte:v.toString()})};return{min:g,max:n,range:[c[0]??g,c[1]??n],updateRange:l}}function L(e,r){const{min:t,max:s,range:o,updateRange:i}=C(e),{filters:u}=M(),c=S.useMemo(()=>{var A;const a=u.find(p=>{var v;return(v=p==null?void 0:p.filter)==null?void 0:v.range});let f=null;if(a){const p=(A=a.filter.range)==null?void 0:A[0];f=[b.parseNumber(p==null?void 0:p.gte),b.parseNumber(p==null?void 0:p.lte)]}const h=[];let d=Math.floor(t/r)*r;for(;d<s;){const p=d+r,v=f&&f[0]===d&&f[1]===p;h.push({min:d,max:p,selected:v}),d=p}return h},[u,t,s,r]),g=a=>{i([a,o[1]])},n=a=>{i([o[0],a])},l=t!==o[0]||s!==o[1];return{min:t,max:s,range:o,updateRange:i,ranges:c,handleMinChange:g,handleMaxChange:n,isSelected:l}}function T(){const{products:e,keywords:r}=m.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:r??{hits:[],total:0}}}function V(){const e=m.useNostoAppState(t=>{var s;return(s=t.query.products)==null?void 0:s.filter});return S.useMemo(()=>e?e.reduce((t,s)=>t+(Array.isArray(s.value)?s.value.length:1),0):0,[e])}function N(e){return e&&!Number.isNaN(e)?e:0}function B(e,r){const{from:t,size:s,total:o}=m.useNostoAppState(n=>{var l,a,f,h,d;return{from:N(((l=n.query.products)==null?void 0:l.from)??0),size:N(((f=(a=n.response)==null?void 0:a.products)==null?void 0:f.size)??0),total:N(((d=(h=n.response)==null?void 0:h.products)==null?void 0:d.total)??0)}}),{updateSearch:i}=m.useActions(),u=t+s,c=[...e].reverse().filter(n=>n+r<o);return{from:t,to:u,total:o,size:s,sizeOptions:c,handleSizeChange:n=>{i({products:{size:b.parseNumber(n)}})}}}function D(e,r){return e.length!==r.length?!1:e.every(t=>r.find(s=>t.field===s.field&&t.order===s.order))}function E(e){var i,u;const r=m.useNostoAppState(c=>c.query),{updateSearch:t}=m.useActions();return{activeSort:((i=e.find(c=>{var g;return D(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(n=>n.id===c);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 c=i.toLowerCase();r.includes(c)&&(t[c][u]=t[c][u]||[],t[c][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 _(e,r){return e.length?e.map(({field:t,options:s})=>({field:t,options:s.map(o=>{var c;const i=!((c=o.skus)!=null&&c.some(g=>Object.entries(r).every(([n,l])=>{var f,h;return n===t?!0:((h=(f=g.customFields)==null?void 0:f.find(d=>d.key.toLowerCase()===n))==null?void 0:h.value)===l}))),u=r[t]===o.value;return{...o,unavailable:i,selected:u}})})):[]}function $(e=[],r=[]){const[t,s]=S.useState({}),o=S.useMemo(()=>_(I(e,r),t),[e,r,t]),i=S.useCallback((u,c)=>{s(g=>{const n={...g};return n[u]===c?delete n[u]:n[u]=c,n})},[]);return{swatches:o,toggleOption:i}}exports.useActions=m.useActions;exports.useLoadMore=m.useLoadMore;exports.useNostoAppState=m.useNostoAppState;exports.useDecoratedSearchResults=P;exports.useFacet=q;exports.useFacets=z;exports.usePagination=x;exports.usePersonalization=O;exports.useProductFilters=M;exports.useRange=C;exports.useRangeSelector=L;exports.useResponse=T;exports.useSelectedFiltersCount=V;exports.useSizeOptions=B;exports.useSort=E;exports.useSwatches=$;
@@ -14,3 +14,4 @@ export { useResponse } from './src/hooks/useResponse';
14
14
  export { useSelectedFiltersCount } from './src/hooks/useSelectedFiltersCount';
15
15
  export { useSizeOptions } from './src/hooks/useSizeOptions';
16
16
  export { useSort } from './src/hooks/useSort/useSort';
17
+ export { useSwatches } from './src/hooks/useSwatches/useSwatches';
@@ -1,55 +1,55 @@
1
- import { a as F, c as R } from "../useLoadMore-B2HNnDWw.js";
2
- import { b as Y } from "../useLoadMore-B2HNnDWw.js";
3
- import { a as N } from "../logger-DVwg4Wor.js";
4
- import { useState as P, useMemo as z, useEffect as b, useCallback as M } from "preact/hooks";
5
- import { s as q } from "../index.es-B8mbAxS4.js";
6
- import { p as x } from "../parseNumber-QA48nJLp.js";
7
- function E(e) {
8
- const o = F((t) => t.response);
9
- return e && Array.isArray(e) || e && N(e) ? e : o;
1
+ import { a as S, c as w } from "../useLoadMore-CdPqdFnK.js";
2
+ import { b as te } from "../useLoadMore-CdPqdFnK.js";
3
+ import { a as A } from "../logger-DVwg4Wor.js";
4
+ import { useState as x, useMemo as R, useEffect as P, useCallback as F } from "preact/hooks";
5
+ import { s as N } from "../index.es-B8mbAxS4.js";
6
+ import { p as M } from "../parseNumber-QA48nJLp.js";
7
+ function $(e) {
8
+ const s = S((t) => t.response);
9
+ return e && Array.isArray(e) || e && A(e) ? e : s;
10
10
  }
11
- function L(e) {
11
+ function U(e) {
12
12
  var c;
13
- const o = ((c = e.data) == null ? void 0 : c.filter((u) => u.selected).length) ?? 0, [t, r] = P(o > 0), { toggleProductFilter: i } = R();
13
+ const s = ((c = e.data) == null ? void 0 : c.filter((a) => a.selected).length) ?? 0, [t, n] = x(s > 0), { toggleProductFilter: o } = w();
14
14
  return {
15
15
  /** Active value */
16
16
  active: t,
17
17
  /** Selected filters count */
18
- selectedFiltersCount: o,
18
+ selectedFiltersCount: s,
19
19
  /** Toggle active function */
20
20
  toggleActive: () => {
21
- r(!t);
21
+ n(!t);
22
22
  },
23
23
  /** Toggle product filter function */
24
- toggleProductFilter: i
24
+ toggleProductFilter: o
25
25
  };
26
26
  }
27
- function O() {
28
- const { loading: e, facets: o } = F((t) => {
29
- var r, i;
27
+ function _() {
28
+ const { loading: e, facets: s } = S((t) => {
29
+ var n, o;
30
30
  return {
31
31
  loading: t.loading,
32
- facets: ((i = (r = t.response) == null ? void 0 : r.products) == null ? void 0 : i.facets) ?? []
32
+ facets: ((o = (n = t.response) == null ? void 0 : n.products) == null ? void 0 : o.facets) ?? []
33
33
  };
34
34
  });
35
35
  return {
36
36
  /** Loading state */
37
37
  loading: e,
38
38
  /** Array of facets*/
39
- facets: o
39
+ facets: s
40
40
  };
41
41
  }
42
- function w(e, o) {
43
- const t = o - e;
44
- return !isNaN(t) && t > 0 ? new Array(o - e).fill(void 0).map((r, i) => i + e) : [];
42
+ function C(e, s) {
43
+ const t = s - e;
44
+ return !isNaN(t) && t > 0 ? new Array(s - e).fill(void 0).map((n, o) => o + e) : [];
45
45
  }
46
- function U(e) {
47
- const { query: o, products: t } = F((r) => ({
48
- query: r.query,
49
- products: r.response.products
46
+ function G(e) {
47
+ const { query: s, products: t } = S((n) => ({
48
+ query: n.query,
49
+ products: n.response.products
50
50
  }));
51
- return z(() => {
52
- var S;
51
+ return R(() => {
52
+ var b;
53
53
  if (!t)
54
54
  return {
55
55
  totalPages: 0,
@@ -57,131 +57,131 @@ function U(e) {
57
57
  resultsTo: 0,
58
58
  pages: []
59
59
  };
60
- const r = ((S = o.products) == null ? void 0 : S.from) ?? 0, i = (e == null ? void 0 : e.width) ?? 1 / 0, a = Math.max(Math.floor(i - 1) / 2, 1), c = t.size > 0 ? Math.floor(r / t.size) + 1 : 1, u = t.size > 0 ? Math.ceil(t.total / t.size) : 0, g = (h) => h >= c - a && h <= c + a, n = r + 1, l = Math.min(r + t.total, t.total), s = {
61
- from: r,
60
+ const n = ((b = s.products) == null ? void 0 : b.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, a = t.size > 0 ? Math.ceil(t.total / t.size) : 0, f = (v) => v >= c - u && v <= c + u, r = n + 1, l = Math.min(n + t.total, t.total), i = {
61
+ from: n,
62
62
  page: c,
63
63
  current: !0
64
- }, m = (h) => ({
65
- from: (h - 1) * t.size,
66
- page: h,
67
- current: h === c
68
- }), p = c > 1 ? m(c - 1) : void 0, d = c < u ? m(c + 1) : void 0, y = a === 1 / 0 || c - a - 1 > 1 ? m(1) : void 0, f = a === 1 / 0 || c + a + 1 < u ? m(u) : void 0, v = w(1, u + 1).filter(g).map(m);
64
+ }, g = (v) => ({
65
+ from: (v - 1) * t.size,
66
+ page: v,
67
+ current: v === c
68
+ }), p = c > 1 ? g(c - 1) : void 0, d = c < a ? g(c + 1) : void 0, y = u === 1 / 0 || c - u - 1 > 1 ? g(1) : void 0, m = u === 1 / 0 || c + u + 1 < a ? g(a) : void 0, h = C(1, a + 1).filter(f).map(g);
69
69
  return {
70
- totalPages: u,
71
- resultsFrom: n,
70
+ totalPages: a,
71
+ resultsFrom: r,
72
72
  resultsTo: l,
73
- current: s,
73
+ current: i,
74
74
  prev: p,
75
75
  next: d,
76
76
  first: y,
77
- last: f,
78
- pages: v
77
+ last: m,
78
+ pages: h
79
79
  };
80
- }, [o, t, e == null ? void 0 : e.width]);
80
+ }, [s, t, e == null ? void 0 : e.width]);
81
81
  }
82
- function _() {
83
- const [e, o] = P([]), [t, r] = P([]);
84
- return b(() => {
85
- q(async (i) => {
86
- const { products: a, segments: c } = await i.getSearchSessionParams();
87
- o(c ?? []), r((a == null ? void 0 : a.personalizationBoost) ?? []);
82
+ function H() {
83
+ const [e, s] = x([]), [t, n] = x([]);
84
+ return P(() => {
85
+ N(async (o) => {
86
+ const { products: u, segments: c } = await o.getSearchSessionParams();
87
+ s(c ?? []), n((u == null ? void 0 : u.personalizationBoost) ?? []);
88
88
  });
89
89
  }, []), {
90
90
  segments: e,
91
91
  boost: t
92
92
  };
93
93
  }
94
- function C() {
95
- const { facets: e } = F((n) => {
94
+ function q() {
95
+ const { facets: e } = S((r) => {
96
96
  var l;
97
97
  return {
98
- facets: ((l = n.response.products) == null ? void 0 : l.facets) ?? []
98
+ facets: ((l = r.response.products) == null ? void 0 : l.facets) ?? []
99
99
  };
100
- }), { replaceFilter: o, toggleProductFilter: t } = R(), r = M(
101
- (n) => {
102
- const l = e == null ? void 0 : e.find((s) => s.type === "stats" && s.field === n);
100
+ }), { replaceFilter: s, toggleProductFilter: t } = w(), n = F(
101
+ (r) => {
102
+ const l = e == null ? void 0 : e.find((i) => i.type === "stats" && i.field === r);
103
103
  if (l && "min" in l && "max" in l)
104
104
  return l;
105
105
  },
106
106
  [e]
107
- ), i = M(
108
- (n) => {
107
+ ), o = F(
108
+ (r) => {
109
109
  var l;
110
- return ((l = e == null ? void 0 : e.find((s) => s.field === n)) == null ? void 0 : l.name) ?? n;
110
+ return ((l = e == null ? void 0 : e.find((i) => i.field === r)) == null ? void 0 : l.name) ?? r;
111
111
  },
112
112
  [e]
113
- ), a = M((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), c = M((n) => {
113
+ ), u = F((r) => "field" in r && (r.value instanceof Array || r.range instanceof Array), []), c = F((r) => {
114
114
  var l;
115
115
  return {
116
- ...n,
117
- range: (l = n.range) == null ? void 0 : l.map((s) => ({
118
- gt: s.gt ? Number(s.gt) : s.gt,
119
- gte: s.gte ? Number(s.gte) : s.gte,
120
- lt: s.lt ? Number(s.lt) : s.lt,
121
- lte: s.lte ? Number(s.lte) : s.lte
116
+ ...r,
117
+ range: (l = r.range) == null ? void 0 : l.map((i) => ({
118
+ gt: i.gt ? Number(i.gt) : i.gt,
119
+ gte: i.gte ? Number(i.gte) : i.gte,
120
+ lt: i.lt ? Number(i.lt) : i.lt,
121
+ lte: i.lte ? Number(i.lte) : i.lte
122
122
  }))
123
123
  };
124
- }, []), u = M(
125
- (n) => (n.value ?? []).map((s) => ({
126
- value: s,
127
- field: n.field,
128
- name: i(n.field),
129
- filter: c(n),
124
+ }, []), a = F(
125
+ (r) => (r.value ?? []).map((i) => ({
126
+ value: i,
127
+ field: r.field,
128
+ name: o(r.field),
129
+ filter: c(r),
130
130
  remove: () => {
131
- t(n.field, s, !1);
131
+ t(r.field, i, !1);
132
132
  }
133
133
  })),
134
- [c, i, t]
135
- ), g = M(
136
- (n) => (n.range ?? []).map((s) => {
134
+ [c, o, t]
135
+ ), f = F(
136
+ (r) => (r.range ?? []).map((i) => {
137
137
  var d, y;
138
- const m = s.gte ?? s.gt ?? ((d = r(n.field)) == null ? void 0 : d.min), p = s.lte ?? s.lt ?? ((y = r(n.field)) == null ? void 0 : y.max);
139
- if (m !== void 0 && p !== void 0)
138
+ const g = i.gte ?? i.gt ?? ((d = n(r.field)) == null ? void 0 : d.min), p = i.lte ?? i.lt ?? ((y = n(r.field)) == null ? void 0 : y.max);
139
+ if (g !== void 0 && p !== void 0)
140
140
  return {
141
- value: `${m} - ${p}`,
142
- field: n.field,
143
- name: i(n.field),
144
- filter: c(n),
141
+ value: `${g} - ${p}`,
142
+ field: r.field,
143
+ name: o(r.field),
144
+ filter: c(r),
145
145
  remove: () => {
146
- o(n.field, void 0);
146
+ s(r.field, void 0);
147
147
  }
148
148
  };
149
149
  }).filter(Boolean),
150
- [c, r, i, o]
150
+ [c, n, o, s]
151
151
  );
152
152
  return {
153
- selectFilters: a,
154
- toValueFilter: u,
155
- toRangeFilter: g
153
+ selectFilters: u,
154
+ toValueFilter: a,
155
+ toRangeFilter: f
156
156
  };
157
157
  }
158
- function B() {
159
- const { filter: e } = F((u) => {
160
- var g;
158
+ function O() {
159
+ const { filter: e } = S((a) => {
160
+ var f;
161
161
  return {
162
- filter: ((g = u.query.products) == null ? void 0 : g.filter) ?? []
162
+ filter: ((f = a.query.products) == null ? void 0 : f.filter) ?? []
163
163
  };
164
- }), { updateSearch: o } = R(), { selectFilters: t, toValueFilter: r, toRangeFilter: i } = C(), a = z(() => e ? e.filter(t).flatMap((u) => "value" in u ? r(u) : "range" in u ? i(u) : []).filter(Boolean) : [], [e, t, i, r]), c = M(() => {
165
- o({
164
+ }), { updateSearch: s } = w(), { selectFilters: t, toValueFilter: n, toRangeFilter: o } = q(), u = R(() => e ? e.filter(t).flatMap((a) => "value" in a ? n(a) : "range" in a ? o(a) : []).filter(Boolean) : [], [e, t, o, n]), c = F(() => {
165
+ s({
166
166
  products: {
167
167
  filter: []
168
168
  }
169
169
  });
170
- }, [o]);
170
+ }, [s]);
171
171
  return {
172
172
  /** Selected filters array. */
173
- filters: a,
173
+ filters: u,
174
174
  /** Should remove all selected filters. */
175
175
  removeAll: c
176
176
  };
177
177
  }
178
- function T(e) {
179
- var s, m, p;
180
- const { replaceFilter: o } = R(), { query: t, products: r } = F((d) => ({
178
+ function j(e) {
179
+ var i, g, p;
180
+ const { replaceFilter: s } = w(), { query: t, products: n } = S((d) => ({
181
181
  query: d.query,
182
182
  products: d.response.products
183
- })), i = (s = r == null ? void 0 : r.facets) == null ? void 0 : s.find((d) => d.id === e);
184
- if (!i)
183
+ })), o = (i = n == null ? void 0 : n.facets) == null ? void 0 : i.find((d) => d.id === e);
184
+ if (!o)
185
185
  return {
186
186
  min: 0,
187
187
  max: 0,
@@ -189,161 +189,207 @@ function T(e) {
189
189
  updateRange: () => {
190
190
  }
191
191
  };
192
- const a = (p = (m = t.products) == null ? void 0 : m.filter) == null ? void 0 : p.find((d) => d.field === i.field), c = a != null && a.range ? a.range[0] : void 0, u = typeof c == "object" && ("gte" in c || "lte" in c) ? [x(c.gte), x(c.lte)] : [void 0, void 0], g = "min" in i ? Math.floor(i.min) : 0, n = "max" in i ? Math.ceil(i.max) : 0, l = ([d, y]) => {
193
- const f = d !== void 0 ? Math.floor(d) : void 0, v = y !== void 0 ? Math.ceil(y) : void 0, S = f !== void 0, h = v !== void 0;
194
- (g === f || !S) && (n === v || !h) ? o(i.field, void 0) : (g === f || !S) && h ? o(i.field, {
195
- lte: v.toString()
196
- }) : (n === v || !h) && S ? o(i.field, {
197
- gte: f.toString()
198
- }) : S && h && o(i.field, {
199
- gte: f.toString(),
200
- lte: v.toString()
192
+ const u = (p = (g = t.products) == null ? void 0 : g.filter) == null ? void 0 : p.find((d) => d.field === o.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], f = "min" in o ? Math.floor(o.min) : 0, r = "max" in o ? Math.ceil(o.max) : 0, l = ([d, y]) => {
193
+ const m = d !== void 0 ? Math.floor(d) : void 0, h = y !== void 0 ? Math.ceil(y) : void 0, b = m !== void 0, v = h !== void 0;
194
+ (f === m || !b) && (r === h || !v) ? s(o.field, void 0) : (f === m || !b) && v ? s(o.field, {
195
+ lte: h.toString()
196
+ }) : (r === h || !v) && b ? s(o.field, {
197
+ gte: m.toString()
198
+ }) : b && v && s(o.field, {
199
+ gte: m.toString(),
200
+ lte: h.toString()
201
201
  });
202
202
  };
203
203
  return {
204
204
  /** Min value */
205
- min: g,
205
+ min: f,
206
206
  /** Max value */
207
- max: n,
207
+ max: r,
208
208
  /** Range value */
209
- range: [u[0] ?? g, u[1] ?? n],
209
+ range: [a[0] ?? f, a[1] ?? r],
210
210
  /** Update range function */
211
211
  updateRange: l
212
212
  };
213
213
  }
214
- function G(e, o) {
215
- const { min: t, max: r, range: i, updateRange: a } = T(e), { filters: c } = B(), u = z(() => {
214
+ function J(e, s) {
215
+ const { min: t, max: n, range: o, updateRange: u } = j(e), { filters: c } = O(), a = R(() => {
216
216
  var y;
217
- const s = c.find((f) => {
218
- var v;
219
- return (v = f == null ? void 0 : f.filter) == null ? void 0 : v.range;
217
+ const i = c.find((m) => {
218
+ var h;
219
+ return (h = m == null ? void 0 : m.filter) == null ? void 0 : h.range;
220
220
  });
221
- let m = null;
222
- if (s) {
223
- const f = (y = s.filter.range) == null ? void 0 : y[0];
224
- m = [x(f == null ? void 0 : f.gte), x(f == null ? void 0 : f.lte)];
221
+ let g = null;
222
+ if (i) {
223
+ const m = (y = i.filter.range) == null ? void 0 : y[0];
224
+ g = [M(m == null ? void 0 : m.gte), M(m == null ? void 0 : m.lte)];
225
225
  }
226
226
  const p = [];
227
- let d = Math.floor(t / o) * o;
228
- for (; d < r; ) {
229
- const f = d + o, v = m && m[0] === d && m[1] === f;
227
+ let d = Math.floor(t / s) * s;
228
+ for (; d < n; ) {
229
+ const m = d + s, h = g && g[0] === d && g[1] === m;
230
230
  p.push({
231
231
  min: d,
232
- max: f,
233
- selected: v
234
- }), d = f;
232
+ max: m,
233
+ selected: h
234
+ }), d = m;
235
235
  }
236
236
  return p;
237
- }, [c, t, r, o]), g = (s) => {
238
- a([s, i[1]]);
239
- }, n = (s) => {
240
- a([i[0], s]);
241
- }, l = t !== i[0] || r !== i[1];
237
+ }, [c, t, n, s]), f = (i) => {
238
+ u([i, o[1]]);
239
+ }, r = (i) => {
240
+ u([o[0], i]);
241
+ }, l = t !== o[0] || n !== o[1];
242
242
  return {
243
243
  /** Minimum value */
244
244
  min: t,
245
245
  /** Maximum value */
246
- max: r,
246
+ max: n,
247
247
  /** Range value */
248
- range: i,
248
+ range: o,
249
249
  /** Update range function */
250
- updateRange: a,
250
+ updateRange: u,
251
251
  /** Ranges */
252
- ranges: u,
252
+ ranges: a,
253
253
  /** Handle min change */
254
- handleMinChange: g,
254
+ handleMinChange: f,
255
255
  /** Handle max change */
256
- handleMaxChange: n,
256
+ handleMaxChange: r,
257
257
  /** Is selected */
258
258
  isSelected: l
259
259
  };
260
260
  }
261
- function H() {
262
- const { products: e, keywords: o } = F((t) => t.response);
261
+ function K() {
262
+ const { products: e, keywords: s } = S((t) => t.response);
263
263
  return {
264
264
  /** Array of products */
265
265
  products: e ?? { hits: [], total: 0 },
266
266
  /** Array of keywords */
267
- keywords: o ?? { hits: [], total: 0 }
267
+ keywords: s ?? { hits: [], total: 0 }
268
268
  };
269
269
  }
270
- function J() {
271
- const e = F((t) => {
272
- var r;
273
- return (r = t.query.products) == null ? void 0 : r.filter;
270
+ function Q() {
271
+ const e = S((t) => {
272
+ var n;
273
+ return (n = t.query.products) == null ? void 0 : n.filter;
274
274
  });
275
- return z(() => e ? e.reduce((t, r) => t + (Array.isArray(r.value) ? r.value.length : 1), 0) : 0, [e]);
275
+ return R(() => e ? e.reduce((t, n) => t + (Array.isArray(n.value) ? n.value.length : 1), 0) : 0, [e]);
276
276
  }
277
- function A(e) {
277
+ function z(e) {
278
278
  return e && !Number.isNaN(e) ? e : 0;
279
279
  }
280
- function K(e, o) {
281
- const { from: t, size: r, total: i } = F((n) => {
282
- var l, s, m, p, d;
280
+ function W(e, s) {
281
+ const { from: t, size: n, total: o } = S((r) => {
282
+ var l, i, g, p, d;
283
283
  return {
284
- from: A(((l = n.query.products) == null ? void 0 : l.from) ?? 0),
285
- size: A(((m = (s = n.response) == null ? void 0 : s.products) == null ? void 0 : m.size) ?? 0),
286
- total: A(((d = (p = n.response) == null ? void 0 : p.products) == null ? void 0 : d.total) ?? 0)
284
+ from: z(((l = r.query.products) == null ? void 0 : l.from) ?? 0),
285
+ size: z(((g = (i = r.response) == null ? void 0 : i.products) == null ? void 0 : g.size) ?? 0),
286
+ total: z(((d = (p = r.response) == null ? void 0 : p.products) == null ? void 0 : d.total) ?? 0)
287
287
  };
288
- }), { updateSearch: a } = R(), c = t + r, u = [...e].reverse().filter((n) => n + o < i);
288
+ }), { updateSearch: u } = w(), c = t + n, a = [...e].reverse().filter((r) => r + s < o);
289
289
  return {
290
290
  /** from value */
291
291
  from: t,
292
292
  /** to value */
293
293
  to: c,
294
294
  /** total value */
295
- total: i,
295
+ total: o,
296
296
  /** size value */
297
- size: r,
297
+ size: n,
298
298
  /** Array of size options */
299
- sizeOptions: u,
299
+ sizeOptions: a,
300
300
  /** Should be called when size is changed */
301
- handleSizeChange: (n) => {
302
- a({
301
+ handleSizeChange: (r) => {
302
+ u({
303
303
  products: {
304
- size: x(n)
304
+ size: M(r)
305
305
  }
306
306
  });
307
307
  }
308
308
  };
309
309
  }
310
- function k(e, o) {
311
- return e.length !== o.length ? !1 : e.every((t) => o.find((r) => t.field === r.field && t.order === r.order));
310
+ function k(e, s) {
311
+ return e.length !== s.length ? !1 : e.every((t) => s.find((n) => t.field === n.field && t.order === n.order));
312
312
  }
313
- function Q(e) {
314
- var a, c;
315
- const o = F((u) => u.query), { updateSearch: t } = R();
313
+ function X(e) {
314
+ var u, c;
315
+ const s = S((a) => a.query), { updateSearch: t } = w();
316
316
  return {
317
317
  /** Active sort */
318
- activeSort: ((a = e.find((u) => {
319
- var g;
320
- return k(u.value.sort, ((g = o.products) == null ? void 0 : g.sort) || []);
321
- })) == null ? void 0 : a.id) ?? ((c = e[0]) == null ? void 0 : c.id),
318
+ activeSort: ((u = e.find((a) => {
319
+ var f;
320
+ return k(a.value.sort, ((f = s.products) == null ? void 0 : f.sort) || []);
321
+ })) == null ? void 0 : u.id) ?? ((c = e[0]) == null ? void 0 : c.id),
322
322
  /** Set sort function */
323
- setSort: (u) => {
324
- const g = e.find((n) => n.id === u);
325
- g && t({
323
+ setSort: (a) => {
324
+ const f = e.find((r) => r.id === a);
325
+ f && t({
326
326
  products: {
327
- sort: g.value.sort
327
+ sort: f.value.sort
328
328
  }
329
329
  });
330
330
  }
331
331
  };
332
332
  }
333
+ function V(e, s) {
334
+ if (!e.length || !s.length) return [];
335
+ const t = s.reduce((n, o) => (n[o] = {}, n), {});
336
+ return e.forEach((n) => {
337
+ var o;
338
+ (o = n.customFields) == null || o.forEach(({ key: u, value: c }) => {
339
+ const a = u.toLowerCase();
340
+ s.includes(a) && (t[a][c] = t[a][c] || [], t[a][c].push(n));
341
+ });
342
+ }), Object.entries(t).map(([n, o]) => ({
343
+ field: n,
344
+ options: Object.entries(o).map(([u, c]) => ({
345
+ value: u,
346
+ skus: c,
347
+ unavailable: !1,
348
+ selected: !1
349
+ }))
350
+ }));
351
+ }
352
+ function B(e, s) {
353
+ return e.length ? e.map(({ field: t, options: n }) => ({
354
+ field: t,
355
+ options: n.map((o) => {
356
+ var a;
357
+ const u = !((a = o.skus) != null && a.some((f) => Object.entries(s).every(([r, l]) => {
358
+ var g, p;
359
+ return r === t ? !0 : ((p = (g = f.customFields) == null ? void 0 : g.find((d) => d.key.toLowerCase() === r)) == null ? void 0 : p.value) === l;
360
+ }))), c = s[t] === o.value;
361
+ return {
362
+ ...o,
363
+ unavailable: u,
364
+ selected: c
365
+ };
366
+ })
367
+ })) : [];
368
+ }
369
+ function Y(e = [], s = []) {
370
+ const [t, n] = x({}), o = R(() => B(V(e, s), t), [e, s, t]), u = F((c, a) => {
371
+ n((f) => {
372
+ const r = { ...f };
373
+ return r[c] === a ? delete r[c] : r[c] = a, r;
374
+ });
375
+ }, []);
376
+ return { swatches: o, toggleOption: u };
377
+ }
333
378
  export {
334
- R as useActions,
335
- E as useDecoratedSearchResults,
336
- L as useFacet,
337
- O as useFacets,
338
- Y as useLoadMore,
339
- F as useNostoAppState,
340
- U as usePagination,
341
- _ as usePersonalization,
342
- B as useProductFilters,
343
- T as useRange,
344
- G as useRangeSelector,
345
- H as useResponse,
346
- J as useSelectedFiltersCount,
347
- K as useSizeOptions,
348
- Q as useSort
379
+ w as useActions,
380
+ $ as useDecoratedSearchResults,
381
+ U as useFacet,
382
+ _ as useFacets,
383
+ te as useLoadMore,
384
+ S as useNostoAppState,
385
+ G as usePagination,
386
+ H as usePersonalization,
387
+ O as useProductFilters,
388
+ j as useRange,
389
+ J as useRangeSelector,
390
+ K as useResponse,
391
+ Q as useSelectedFiltersCount,
392
+ W as useSizeOptions,
393
+ X as useSort,
394
+ Y as useSwatches
349
395
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../useLoadMore-MtlFB35p.cjs"),r=require("../InfiniteScrollWithObserver-Dqkhs6xC.cjs");exports.getNextPageQuery=e.getNextPageQuery;exports.newSearch=e.newSearch;exports.updateSearch=e.updateSearch;exports.InfiniteScrollWithObserver=r.InfiniteScrollWithObserver;exports.intersectionObserverSupported=r.intersectionObserverSupported;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../useLoadMore-KhLxsBdQ.cjs"),r=require("../InfiniteScrollWithObserver-DzkFQMi7.cjs");exports.getNextPageQuery=e.getNextPageQuery;exports.newSearch=e.newSearch;exports.updateSearch=e.updateSearch;exports.InfiniteScrollWithObserver=r.InfiniteScrollWithObserver;exports.intersectionObserverSupported=r.intersectionObserverSupported;
@@ -1,5 +1,5 @@
1
- import { g as t, n as a, u as s } from "../useLoadMore-B2HNnDWw.js";
2
- import { I as i, i as n } from "../InfiniteScrollWithObserver-Cs-9_P6c.js";
1
+ import { g as t, n as a, u as s } from "../useLoadMore-CdPqdFnK.js";
2
+ import { I as i, i as n } from "../InfiniteScrollWithObserver-D9eMOxed.js";
3
3
  export {
4
4
  i as InfiniteScrollWithObserver,
5
5
  t as getNextPageQuery,
@@ -0,0 +1,29 @@
1
+ import { SearchProductSku } from '@nosto/nosto-js/client';
2
+ export interface SwatchOption {
3
+ /**
4
+ * The value of the swatch option (e.g., "Red", "L").
5
+ */
6
+ value: string;
7
+ /**
8
+ * An array of full SKU objects associated with this option.
9
+ */
10
+ skus: SearchProductSku[];
11
+ /**
12
+ * Indicates whether the option is unavailable.
13
+ */
14
+ unavailable?: boolean;
15
+ /**
16
+ * Indicates whether the option is selected.
17
+ */
18
+ selected?: boolean;
19
+ }
20
+ export interface SwatchField {
21
+ /**
22
+ * The name of the field (e.g., "color", "size").
23
+ */
24
+ field: string;
25
+ /**
26
+ * An array of swatch options for this field.
27
+ */
28
+ options: SwatchOption[];
29
+ }
@@ -0,0 +1,3 @@
1
+ import { SearchProductSku } from '@nosto/nosto-js/client';
2
+ import { SwatchField } from '../types';
3
+ export declare function aggregateSwatches(skus: SearchProductSku[], fields: string[]): SwatchField[];
@@ -0,0 +1,2 @@
1
+ import { SwatchField } from '../types';
2
+ export declare function applySwatchSelectionStates(swatches: SwatchField[], selectedOptions: Record<string, string>): SwatchField[];
@@ -0,0 +1,44 @@
1
+ import { SearchProductSku } from '@nosto/nosto-js/client';
2
+ /**
3
+ * Preact hook for managing swatch options and selection.
4
+ *
5
+ * This hook aggregates SKU data by specified fields (e.g., "color", "size"),
6
+ * generates swatch options, and manages the selection state for those options.
7
+ *
8
+ * @example
9
+ * ```jsx
10
+ * import { useSwatches } from '@nosto/search-js/preact/hooks'
11
+ *
12
+ * export default () => {
13
+ * const { swatches, toggleOption } = useSwatches(skus, ["color", "size"])
14
+ *
15
+ * return (
16
+ * <div>
17
+ * {swatches.map(({ field, options }) => (
18
+ * <div key={field}>
19
+ * {options.map(({ value, unavailable, selected }) => (
20
+ * <button
21
+ * key={value}
22
+ * disabled={unavailable}
23
+ * onClick={() => toggleOption(field, value)}
24
+ * style={{
25
+ * background: selected ? "#0070f3" : "transparent",
26
+ * color: selected ? "#fff" : "#000",
27
+ * }}
28
+ * >
29
+ * {value}
30
+ * </button>
31
+ * ))}
32
+ * </div>
33
+ * ))}
34
+ * </div>
35
+ * )
36
+ * }
37
+ * ```
38
+ *
39
+ * @group Hooks
40
+ */
41
+ export declare function useSwatches(skus?: SearchProductSku[], fields?: string[]): {
42
+ swatches: import('../types').SwatchField[];
43
+ toggleOption: (field: string, value: string) => void;
44
+ };
@@ -37,7 +37,7 @@ function C(t, r) {
37
37
  function O(t) {
38
38
  return k(t, sessionStorage);
39
39
  }
40
- const w = "nosto:search:searchResult";
40
+ const w = "nosto:search-js:cache";
41
41
  function z(t, r) {
42
42
  C(w, { query: t, result: r });
43
43
  }
@@ -102,10 +102,10 @@ async function V(t, r, n) {
102
102
  }
103
103
  };
104
104
  }
105
- function T(t) {
105
+ function j(t) {
106
106
  return new Promise((r) => setTimeout(r, t));
107
107
  }
108
- async function W(t, { maxRetries: r = 0, retryInterval: n = 0, ...o }, e) {
108
+ async function T(t, { maxRetries: r = 0, retryInterval: n = 0, ...o }, e) {
109
109
  let s = 0;
110
110
  for (; ; )
111
111
  try {
@@ -113,12 +113,12 @@ async function W(t, { maxRetries: r = 0, retryInterval: n = 0, ...o }, e) {
113
113
  } catch (c) {
114
114
  if (s >= r)
115
115
  throw c;
116
- if (!j(c))
116
+ if (!W(c))
117
117
  throw l.info("Skipping retry logic for", c), c;
118
- s++, await T(n);
118
+ s++, await j(n);
119
119
  }
120
120
  }
121
- function j(t) {
121
+ function W(t) {
122
122
  return !t || typeof t != "object" ? !1 : !("status" in t) || A(t.status);
123
123
  }
124
124
  function A(t) {
@@ -126,7 +126,7 @@ function A(t) {
126
126
  }
127
127
  async function F(t, r = {}) {
128
128
  const n = await new Promise(y);
129
- return P(n.search, W, J, b)(t, r);
129
+ return P(n.search, T, J, b)(t, r);
130
130
  }
131
131
  function P(t, ...r) {
132
132
  return r.reduce((n, o) => (e, s) => o(e, s, n), t);
@@ -0,0 +1 @@
1
+ "use strict";const m=require("./index.es-DlUp67LT.cjs"),a=require("./logger-BcHMZObS.cjs");async function R(t,{hitDecorators:e,...r},c){var o,i;const n=await c(t,r);if(!((i=(o=n.products)==null?void 0:o.hits)!=null&&i.length)||!(e!=null&&e.length))return n;const s=f=>e.reduce((l,u)=>u(l),f);return{...n,products:{...n.products,hits:n.products.hits.map(s)}}}function b(t,e,r){const c=JSON.stringify(e);try{r.setItem(t,c)}catch(n){a.logger.warn(n)}}function N(t,e){try{const r=e.getItem(t);if(r)return JSON.parse(r)}catch(r){a.logger.warn(r)}}function k(t,e){b(t,e,sessionStorage)}function C(t){return N(t,sessionStorage)}const y="nosto:search-js:cache";function O(t,e){k(y,{query:t,result:e})}function z(t){const e=C(y);if(!e||!E(e))return null;const r=w(e.query);return a.isEqual(w(t),r)?e.result:null}function w(t){const e={...t,time:void 0,products:{...t.products,size:void 0}};return JSON.parse(JSON.stringify(e))}function E(t){return typeof t=="object"&&t!==null&&"query"in t&&"result"in t}async function I(t,{usePersistentCache:e,...r},c){if(!e)return c(t,r);const n=await J(t,r,c);return O(t,n),n}async function J(t,e,r){var p,d,g,h,S;const{from:c=0,size:n=0}=t.products||{},s=z(t);if(!s)return await r(t,e);const o=((p=s==null?void 0:s.products)==null?void 0:p.hits)||[];if(n===o.length)return s;if(n<o.length)return{...s,products:{...s.products,hits:o.slice(0,n),total:((d=s.products)==null?void 0:d.total)||0}};const i=n-o.length,f=c>0?c+1:n-i,l={...t,products:{...t.products,from:f,size:i}},u=await r(l,e);return{...s,products:{...s.products,hits:[...((g=s.products)==null?void 0:g.hits)||[],...((h=u.products)==null?void 0:h.hits)||[]],total:((S=u.products)==null?void 0:S.total)||0}}}function V(t){return new Promise(e=>setTimeout(e,t))}async function j(t,{maxRetries:e=0,retryInterval:r=0,...c},n){let s=0;for(;;)try{return await n(t,c)}catch(o){if(s>=e)throw o;if(!T(o))throw a.logger.info("Skipping retry logic for",o),o;s++,await V(r)}}function T(t){return!t||typeof t!="object"?!1:!("status"in t)||W(t.status)}function W(t){return typeof t=="number"&&(t<400||t>=500)}async function _(t,e={}){const r=await new Promise(m.s);return q(r.search,j,I,R)(t,e)}function q(t,...e){return e.reduce((r,c)=>(n,s)=>c(n,s,r),t)}exports.search=_;
@@ -1,6 +1,6 @@
1
1
  import { S as C, u as F } from "./configContext-GuZOIX3o.js";
2
2
  import { useContext as v, useState as P, useEffect as M, useMemo as T, useCallback as d } from "preact/hooks";
3
- import { s as I } from "./search-t_zFNrtP.js";
3
+ import { s as I } from "./search-BWLMWDlK.js";
4
4
  import { u as q, a as p, m as Q, i as U } from "./unique-CyAMhegX.js";
5
5
  import { d as f } from "./deepMerge-CZwCJzEe.js";
6
6
  import { l as A, i as z } from "./logger-DVwg4Wor.js";
@@ -1 +1 @@
1
- "use strict";const y=require("./configContext-BR7w4VlU.cjs"),n=require("preact/hooks"),M=require("./search-Diw6abza.cjs"),g=require("./unique-BCAEb4ek.cjs"),h=require("./deepMerge-lDscDfII.cjs"),v=require("./logger-BcHMZObS.cjs");function T(e,t){return{...t,products:{facets:e==="autocomplete"?void 0:["*"],fields:A,...t.products},...t.keywords?{keywords:{...t.keywords,fields:g.unique([...I,...t.keywords.fields??[]]),highlight:t.keywords.highlight??{preTag:"<strong>",postTag:"</strong>"}}}:{}}}const A=["productId","url","name","imageUrl","imageHash","thumbUrl","description","brand","variantId","availability","price","priceText","categoryIds","categories","customFields.key","customFields.value","priceCurrencyCode","datePublished","listPrice","unitPricingBaseMeasure","unitPricingUnit","unitPricingMeasure","googleCategory","gtin","ageGroup","gender","condition","alternateImageUrls","ratingValue","reviewCount","inventoryLevel","skus.id","skus.name","skus.price","skus.listPrice","skus.priceText","skus.url","skus.imageUrl","skus.inventoryLevel","skus.customFields.key","skus.customFields.value","skus.availability","pid","onDiscount","extra.key","extra.value","saleable","available","tags1","tags2","tags3"],I=["keyword","_redirect"];async function k(e,t,r){var d,l,S,m,C,w,b;const o=g.measure("newSearch"),c=e.config.pageType,u=c==="search"?"serp":c,a=h.deepMerge(e.store.getInitialState().query,t),s=h.deepMerge(e.config.search,r,{track:u,redirect:c!=="autocomplete",isKeyword:!!(r!=null&&r.isKeyword),usePersistentCache:e.config.pageType!=="autocomplete"&&e.config.persistentSearchCache});(l=(d=e.config).onBeforeSearch)==null||l.call(d,e,s),e.store.updateState({query:a,loading:!0,initialized:!0});const i=e.config.queryModifications({...a,products:{...a.products,filter:g.mergeArrays((m=(S=e.store.getInitialState().query)==null?void 0:S.products)==null?void 0:m.filter,(C=t.products)==null?void 0:C.filter)}},c);try{const p=await M.search(T(e.config.pageType,i),s);e.store.updateState({response:p,loading:!1})}catch(p){v.logger.error("Search action failed",p),(b=(w=e.config).onSearchError)==null||b.call(w,p,i,s,c)}o()}async function f(e,t,r){const o=g.measure("updateSearch"),c=h.deepMerge(e.store.getState().query,{products:{from:0}},t);await k(e,c,r),o()}function P(e=Q){const t=n.useContext(y.StoreContext),[r,o]=n.useState(e(t.getState()));return t.onChange(e,o),n.useEffect(()=>()=>t.clearOnChange(o),[t]),r}const Q=e=>e;async function U(e,t,r){var a;const o=g.measure("replaceFilter"),c=(a=e.store.getState().query.products)==null?void 0:a.filter,u=r!==void 0?[{field:t,[typeof r=="object"?"range":"value"]:[r]}]:[];await f(e,{products:{filter:[...(c==null?void 0:c.filter(s=>s.field!==t))??[],...u]}}),o()}async function L(e,t,r,o){var i,d;const c=g.measure("toggleProductFilter"),u=(i=e.store.getState().query.products)==null?void 0:i.filter,a=u==null?void 0:u.find(l=>l.value instanceof Array&&l.field===t),s=a!=null&&a.value?{...a,value:[...a.value.filter(l=>!v.isEqual(l,r)),...o?[r]:[]]}:o?{field:t,value:[r]}:void 0;await f(e,{products:{filter:[...(u==null?void 0:u.filter(l=>l!==a))??[],...(d=s==null?void 0:s.value)!=null&&d.length?[s]:[]]}}),c()}function F(){const e=y.useConfig(),t=n.useContext(y.StoreContext),r=n.useMemo(()=>({config:e,store:t}),[e,t]),o=n.useCallback((s,i)=>k(r,s,i),[r]),c=n.useCallback((s,i)=>f(r,s,i),[r]),u=n.useCallback((s,i,d)=>L(r,s,i,d),[r]),a=n.useCallback((s,i)=>U(r,s,i),[r]);return{newSearch:o,updateSearch:c,toggleProductFilter:u,replaceFilter:a}}function q({from:e,size:t,pageSize:r}){return g.isBot()?{products:{from:e+r}}:{products:{size:t+r}}}function N(e=24){const{from:t,size:r}=P(u=>{var a,s;return{from:((a=u.query.products)==null?void 0:a.from)??0,size:((s=u.query.products)==null?void 0:s.size)??0}}),{updateSearch:o}=F();return{loadMore:n.useCallback(async()=>{await o(q({from:t,size:r,pageSize:e}))},[t,r,e,o])}}exports.getNextPageQuery=q;exports.newSearch=k;exports.updateSearch=f;exports.useActions=F;exports.useLoadMore=N;exports.useNostoAppState=P;
1
+ "use strict";const y=require("./configContext-BR7w4VlU.cjs"),n=require("preact/hooks"),M=require("./search-ugKTM0UA.cjs"),g=require("./unique-BCAEb4ek.cjs"),h=require("./deepMerge-lDscDfII.cjs"),v=require("./logger-BcHMZObS.cjs");function T(e,t){return{...t,products:{facets:e==="autocomplete"?void 0:["*"],fields:A,...t.products},...t.keywords?{keywords:{...t.keywords,fields:g.unique([...I,...t.keywords.fields??[]]),highlight:t.keywords.highlight??{preTag:"<strong>",postTag:"</strong>"}}}:{}}}const A=["productId","url","name","imageUrl","imageHash","thumbUrl","description","brand","variantId","availability","price","priceText","categoryIds","categories","customFields.key","customFields.value","priceCurrencyCode","datePublished","listPrice","unitPricingBaseMeasure","unitPricingUnit","unitPricingMeasure","googleCategory","gtin","ageGroup","gender","condition","alternateImageUrls","ratingValue","reviewCount","inventoryLevel","skus.id","skus.name","skus.price","skus.listPrice","skus.priceText","skus.url","skus.imageUrl","skus.inventoryLevel","skus.customFields.key","skus.customFields.value","skus.availability","pid","onDiscount","extra.key","extra.value","saleable","available","tags1","tags2","tags3"],I=["keyword","_redirect"];async function k(e,t,r){var d,l,S,m,C,w,b;const o=g.measure("newSearch"),c=e.config.pageType,u=c==="search"?"serp":c,a=h.deepMerge(e.store.getInitialState().query,t),s=h.deepMerge(e.config.search,r,{track:u,redirect:c!=="autocomplete",isKeyword:!!(r!=null&&r.isKeyword),usePersistentCache:e.config.pageType!=="autocomplete"&&e.config.persistentSearchCache});(l=(d=e.config).onBeforeSearch)==null||l.call(d,e,s),e.store.updateState({query:a,loading:!0,initialized:!0});const i=e.config.queryModifications({...a,products:{...a.products,filter:g.mergeArrays((m=(S=e.store.getInitialState().query)==null?void 0:S.products)==null?void 0:m.filter,(C=t.products)==null?void 0:C.filter)}},c);try{const p=await M.search(T(e.config.pageType,i),s);e.store.updateState({response:p,loading:!1})}catch(p){v.logger.error("Search action failed",p),(b=(w=e.config).onSearchError)==null||b.call(w,p,i,s,c)}o()}async function f(e,t,r){const o=g.measure("updateSearch"),c=h.deepMerge(e.store.getState().query,{products:{from:0}},t);await k(e,c,r),o()}function P(e=Q){const t=n.useContext(y.StoreContext),[r,o]=n.useState(e(t.getState()));return t.onChange(e,o),n.useEffect(()=>()=>t.clearOnChange(o),[t]),r}const Q=e=>e;async function U(e,t,r){var a;const o=g.measure("replaceFilter"),c=(a=e.store.getState().query.products)==null?void 0:a.filter,u=r!==void 0?[{field:t,[typeof r=="object"?"range":"value"]:[r]}]:[];await f(e,{products:{filter:[...(c==null?void 0:c.filter(s=>s.field!==t))??[],...u]}}),o()}async function L(e,t,r,o){var i,d;const c=g.measure("toggleProductFilter"),u=(i=e.store.getState().query.products)==null?void 0:i.filter,a=u==null?void 0:u.find(l=>l.value instanceof Array&&l.field===t),s=a!=null&&a.value?{...a,value:[...a.value.filter(l=>!v.isEqual(l,r)),...o?[r]:[]]}:o?{field:t,value:[r]}:void 0;await f(e,{products:{filter:[...(u==null?void 0:u.filter(l=>l!==a))??[],...(d=s==null?void 0:s.value)!=null&&d.length?[s]:[]]}}),c()}function F(){const e=y.useConfig(),t=n.useContext(y.StoreContext),r=n.useMemo(()=>({config:e,store:t}),[e,t]),o=n.useCallback((s,i)=>k(r,s,i),[r]),c=n.useCallback((s,i)=>f(r,s,i),[r]),u=n.useCallback((s,i,d)=>L(r,s,i,d),[r]),a=n.useCallback((s,i)=>U(r,s,i),[r]);return{newSearch:o,updateSearch:c,toggleProductFilter:u,replaceFilter:a}}function q({from:e,size:t,pageSize:r}){return g.isBot()?{products:{from:e+r}}:{products:{size:t+r}}}function N(e=24){const{from:t,size:r}=P(u=>{var a,s;return{from:((a=u.query.products)==null?void 0:a.from)??0,size:((s=u.query.products)==null?void 0:s.size)??0}}),{updateSearch:o}=F();return{loadMore:n.useCallback(async()=>{await o(q({from:t,size:r,pageSize:e}))},[t,r,e,o])}}exports.getNextPageQuery=q;exports.newSearch=k;exports.updateSearch=f;exports.useActions=F;exports.useLoadMore=N;exports.useNostoAppState=P;
@@ -1,6 +1,8 @@
1
- export declare function setLocalStorageItem(name: string, value: unknown): void;
2
- export declare function setSessionStorageItem(name: string, value: unknown): void;
3
- export declare function getLocalStorageItem<T>(name: string): T | undefined;
4
- export declare function getSessionStorageItem<T>(name: string): T | undefined;
5
- export declare function removeLocalStorageItem(name: string): void;
6
- export declare function removeSessionStorageItem(name: string): void;
1
+ type Key = `nosto:search-js:${string}`;
2
+ export declare function setLocalStorageItem(name: Key, value: unknown): void;
3
+ export declare function setSessionStorageItem(name: Key, value: unknown): void;
4
+ export declare function getLocalStorageItem<T>(name: Key): T | undefined;
5
+ export declare function getSessionStorageItem<T>(name: Key): T | undefined;
6
+ export declare function removeLocalStorageItem(name: Key): void;
7
+ export declare function removeSessionStorageItem(name: Key): void;
8
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nosto/search-js",
3
- "version": "2.8.2",
3
+ "version": "2.9.0",
4
4
  "license": "ISC",
5
5
  "type": "module",
6
6
  "files": [
@@ -1 +0,0 @@
1
- "use strict";const m=require("./index.es-DlUp67LT.cjs"),a=require("./logger-BcHMZObS.cjs");async function R(t,{hitDecorators:e,...r},c){var o,i;const n=await c(t,r);if(!((i=(o=n.products)==null?void 0:o.hits)!=null&&i.length)||!(e!=null&&e.length))return n;const s=l=>e.reduce((f,u)=>u(f),l);return{...n,products:{...n.products,hits:n.products.hits.map(s)}}}function b(t,e,r){const c=JSON.stringify(e);try{r.setItem(t,c)}catch(n){a.logger.warn(n)}}function N(t,e){try{const r=e.getItem(t);if(r)return JSON.parse(r)}catch(r){a.logger.warn(r)}}function k(t,e){b(t,e,sessionStorage)}function C(t){return N(t,sessionStorage)}const y="nosto:search:searchResult";function O(t,e){k(y,{query:t,result:e})}function z(t){const e=C(y);if(!e||!E(e))return null;const r=w(e.query);return a.isEqual(w(t),r)?e.result:null}function w(t){const e={...t,time:void 0,products:{...t.products,size:void 0}};return JSON.parse(JSON.stringify(e))}function E(t){return typeof t=="object"&&t!==null&&"query"in t&&"result"in t}async function I(t,{usePersistentCache:e,...r},c){if(!e)return c(t,r);const n=await J(t,r,c);return O(t,n),n}async function J(t,e,r){var p,d,g,h,S;const{from:c=0,size:n=0}=t.products||{},s=z(t);if(!s)return await r(t,e);const o=((p=s==null?void 0:s.products)==null?void 0:p.hits)||[];if(n===o.length)return s;if(n<o.length)return{...s,products:{...s.products,hits:o.slice(0,n),total:((d=s.products)==null?void 0:d.total)||0}};const i=n-o.length,l=c>0?c+1:n-i,f={...t,products:{...t.products,from:l,size:i}},u=await r(f,e);return{...s,products:{...s.products,hits:[...((g=s.products)==null?void 0:g.hits)||[],...((h=u.products)==null?void 0:h.hits)||[]],total:((S=u.products)==null?void 0:S.total)||0}}}function V(t){return new Promise(e=>setTimeout(e,t))}async function T(t,{maxRetries:e=0,retryInterval:r=0,...c},n){let s=0;for(;;)try{return await n(t,c)}catch(o){if(s>=e)throw o;if(!W(o))throw a.logger.info("Skipping retry logic for",o),o;s++,await V(r)}}function W(t){return!t||typeof t!="object"?!1:!("status"in t)||_(t.status)}function _(t){return typeof t=="number"&&(t<400||t>=500)}async function j(t,e={}){const r=await new Promise(m.s);return q(r.search,T,I,R)(t,e)}function q(t,...e){return e.reduce((r,c)=>(n,s)=>c(n,s,r),t)}exports.search=j;