@nosto/search-js 1.5.1 → 1.6.0

package/dist/core/core.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../index.es-D_7T9vdv.cjs");function a(t,e){if(!t.products||!(e!=null&&e.length))return t;const r=i=>e.reduce((u,n)=>n(u),i);return{...t,products:{...t.products,hits:t.products.hits.map(r)}}}function o(t){return new Promise(e=>setTimeout(e,t))}async function l(t,e,r){const{maxRetries:i=0,retryInterval:u=1e3}=r;let n=0;for(;;)try{return await t.search(e,r)}catch(c){if(!f(c))throw console.info("Skipping retry logic for",c),c;if(n>=i)throw c;n++,await o(u)}}function f(t){return!t||typeof t!="object"?!1:!("status"in t)||h(t.status)}function h(t){return typeof t=="number"&&(t<400||t>=500)}async function y(t,e={}){const{hitDecorators:r,...i}=e,u=await new Promise(s.s),n=await l(u,t,i);return a(n,r)}exports.search=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.es-DlUp67LT.cjs"),o=require("../search-BVJZK90N.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;

package/dist/core/core.d.ts

@@ -1,3 +1,4 @@
 /** @module ./ */
+export { addToCart, type SearchHitWithSku } from './src/addToCart';
 export { search } from './src/search';
 export type { DecoratedProduct, DecoratedResult, HitDecorator, Options, ToIntersection } from './src/types';

package/dist/core/core.es.js

@@ -1,43 +1,9 @@
-import { s as a } from "../index.es-Bcd5IQh9.js";
-function s(t, r) {
-  if (!t.products || !(r != null && r.length))
-    return t;
-  const e = (i) => r.reduce((u, n) => n(u), i);
-  return {
-    ...t,
-    products: {
-      ...t.products,
-      hits: t.products.hits.map(e)
-    }
-  };
-}
-function o(t) {
-  return new Promise((r) => setTimeout(r, t));
-}
-async function f(t, r, e) {
-  const { maxRetries: i = 0, retryInterval: u = 1e3 } = e;
-  let n = 0;
-  for (; ; )
-    try {
-      return await t.search(r, e);
-    } catch (c) {
-      if (!h(c))
-        throw console.info("Skipping retry logic for", c), c;
-      if (n >= i)
-        throw c;
-      n++, await o(u);
-    }
-}
-function h(t) {
-  return !t || typeof t != "object" ? !1 : !("status" in t) || l(t.status);
-}
-function l(t) {
-  return typeof t == "number" && (t < 400 || t >= 500);
-}
-async function p(t, r = {}) {
-  const { hitDecorators: e, ...i } = r, u = await new Promise(a), n = await f(u, t, i);
-  return s(n, e);
+import { L as c, s as d } from "../index.es-B8mbAxS4.js";
+import { s as f } from "../search-B0-bVNMy.js";
+async function e(r, a, o = 1) {
+  await c(a, void 0, o), await d(async (t) => await t.recordSearchAddToCart(r, a));
 }
 export {
-  p as search
+  e as addToCart,
+  f as search
 };

package/dist/core/src/addToCart.d.ts

@@ -0,0 +1,12 @@
+import { SearchHit, SearchTrackOptions } from '@nosto/nosto-js/client';
+export type SearchHitWithSku = SearchHit & {
+    skuId: string;
+};
+/**
+ * Adds a search hit to the cart.
+ *
+ * @param type - The type of search that the hit belongs to.
+ * @param hit - The search hit to add to the cart.
+ * @param quantity - The quantity of the hit to add to the cart.
+ */
+export declare function addToCart(type: SearchTrackOptions, hit: SearchHitWithSku, quantity?: number): Promise<void>;

package/dist/currencies/currencies.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../index.es-D_7T9vdv.cjs"),g={defaultCurrency:"EUR",defaultLocale:"en-US",currencySettings:{}},p={EUR:"de-DE",GBP:"en-GB",USD:"en-US",AUD:"en-AU",CAD:"en-CA",INR:"en-IN",AFN:"en-IN",BDT:"en-IN",BTN:"en-IN",MMK:"en-IN",NPR:"en-IN",PKR:"en-IN"};function y(u={}){const o={...g,...u};u.currencySettings||d.s(c=>{o.currencySettings=c.internal.getSettings().currencySettings??{}});function a(c,n){const{defaultCurrency:t,currencySettings:r,defaultLocale:i}=o,s=n??t,f=p[s]??i;if(s in r){const e=r[s],l=new Intl.NumberFormat(f,{useGrouping:!!e.groupingSeparator,minimumFractionDigits:e.decimalPlaces,maximumFractionDigits:e.decimalPlaces}).formatToParts(c).map(m=>m.type==="group"?e.groupingSeparator:m.type==="decimal"?e.decimalCharacter:m.value).join("");return e!=null&&e.currencyBeforeAmount?`${e.currencyToken}${l}`:`${l}${e==null?void 0:e.currencyToken}`}return new Intl.NumberFormat(f,{style:"currency",currency:s}).format(c)}return{formatCurrency:a}}function C(u){const{formatCurrency:o}=y(u);function a(n,t){const r={};return n.price!==void 0&&(r.priceText=o(n.price,t)),n.listPrice!==void 0&&(r.listPriceText=o(n.listPrice,t)),Object.assign({},n,r)}function c(n){return n.price!==void 0||n.listPrice!==void 0}return function(t){if(!c(t))return t;const r=a(t,t.priceCurrencyCode);return r.skus&&r.skus.some(c)&&(r.skus=r.skus.map(i=>c(i)?a(i,t.priceCurrencyCode):i)),r}}exports.getCurrencyFormatting=y;exports.priceDecorator=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../index.es-DlUp67LT.cjs"),g={defaultCurrency:"EUR",defaultLocale:"en-US",currencySettings:{}},p={EUR:"de-DE",GBP:"en-GB",USD:"en-US",AUD:"en-AU",CAD:"en-CA",INR:"en-IN",AFN:"en-IN",BDT:"en-IN",BTN:"en-IN",MMK:"en-IN",NPR:"en-IN",PKR:"en-IN"};function y(u={}){const o={...g,...u};u.currencySettings||d.s(c=>{o.currencySettings=c.internal.getSettings().currencySettings??{}});function a(c,n){const{defaultCurrency:t,currencySettings:r,defaultLocale:i}=o,s=n??t,f=p[s]??i;if(s in r){const e=r[s],l=new Intl.NumberFormat(f,{useGrouping:!!e.groupingSeparator,minimumFractionDigits:e.decimalPlaces,maximumFractionDigits:e.decimalPlaces}).formatToParts(c).map(m=>m.type==="group"?e.groupingSeparator:m.type==="decimal"?e.decimalCharacter:m.value).join("");return e!=null&&e.currencyBeforeAmount?`${e.currencyToken}${l}`:`${l}${e==null?void 0:e.currencyToken}`}return new Intl.NumberFormat(f,{style:"currency",currency:s}).format(c)}return{formatCurrency:a}}function C(u){const{formatCurrency:o}=y(u);function a(n,t){const r={};return n.price!==void 0&&(r.priceText=o(n.price,t)),n.listPrice!==void 0&&(r.listPriceText=o(n.listPrice,t)),Object.assign({},n,r)}function c(n){return n.price!==void 0||n.listPrice!==void 0}return function(t){if(!c(t))return t;const r=a(t,t.priceCurrencyCode);return r.skus&&r.skus.some(c)&&(r.skus=r.skus.map(i=>c(i)?a(i,t.priceCurrencyCode):i)),r}}exports.getCurrencyFormatting=y;exports.priceDecorator=C;

package/dist/currencies/currencies.es.js

@@ -1,4 +1,4 @@
-import { s as y } from "../index.es-Bcd5IQh9.js";
+import { s as y } from "../index.es-B8mbAxS4.js";
 const p = {
   defaultCurrency: "EUR",
   defaultLocale: "en-US",

package/dist/index.es-B8mbAxS4.js

@@ -0,0 +1,27 @@
+function t() {
+  window.nostojs = window.nostojs ?? function(o) {
+    (window.nostojs.q = window.nostojs.q ?? []).push(o);
+  };
+}
+async function u(o) {
+  return window.nostojs(o);
+}
+let i = null;
+typeof window < "u" && (t(), u((o) => {
+  i = o.internal.getSettings();
+}));
+function a() {
+  return i;
+}
+async function d(o, w, s) {
+  var n;
+  if (!((n = window.Nosto) != null && n.addSkuToCart))
+    throw new Error("Nosto addSkuToCart function is not available");
+  await window.Nosto.addSkuToCart(o, w, s);
+}
+typeof window < "u" && t();
+export {
+  d as L,
+  a as i,
+  u as s
+};

package/dist/index.es-DlUp67LT.cjs

@@ -0,0 +1 @@
+"use strict";function t(){window.nostojs=window.nostojs??function(o){(window.nostojs.q=window.nostojs.q??[]).push(o)}}async function i(o){return window.nostojs(o)}let s=null;typeof window<"u"&&(t(),i(o=>{s=o.internal.getSettings()}));function a(){return s}async function d(o,w,u){var n;if(!((n=window.Nosto)!=null&&n.addSkuToCart))throw new Error("Nosto addSkuToCart function is not available");await window.Nosto.addSkuToCart(o,w,u)}typeof window<"u"&&t();exports.L=d;exports.i=a;exports.s=i;

package/dist/preact/preact.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("preact"),E=require("../index.es-D_7T9vdv.cjs"),p=require("preact/hooks"),W=require("../core/core.cjs.js");function X(e){return e.type==="input"}function Z(e){return!!e&&typeof e=="object"&&"type"in e&&"props"in e}function O(e,t={depth:0}){const{children:r}=e;return b.toChildArray(r).map(n=>{if(!Z(n))return n;const o=e.updateElement(n,t);return o===null?null:(o.props={...o.props,children:O({...e,children:o.props.children},{depth:t.depth+1})},o)})}function ee({children:e,onSearchInput:t}){return O({children:e,updateElement:r=>(!X(r)||r.props.type!=="search"||(r.props={...r.props,onInput:n=>{n.target instanceof HTMLInputElement&&t(n.target)}}),r)})}const N=b.createContext(null),B=()=>{const e=p.useContext(N);if(!e)throw new Error("useConfig must be used within a ConfigProvider");return e},te="nosto:search:scrollPos";function re(){window.sessionStorage.setItem(te,window.scrollY.toString())}function ne({children:e,hit:t,onClick:r}){const{pageType:n}=B(),o=n==="autocomplete"?void 0:n;return O({children:e,updateElement:(u,a)=>(a.depth>0||(u.props={...u.props,onClick:c=>{t&&o&&E.s(l=>l.recordSearchClick(o,t)),re(),typeof r=="function"&&r(c)}}),u)})}var oe=0;function w(e,t,r,n,o,u){t||(t={});var a,c,l=t;if("ref"in l)for(c in l={},t)c=="ref"?a=t[c]:l[c]=t[c];var s={type:e,props:l,key:r,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--oe,__i:-1,__u:0,__source:o,__self:u};if(typeof e=="function"&&(a=e.defaultProps))for(c in a)l[c]===void 0&&(l[c]=a[c]);return b.options.vnode&&b.options.vnode(s),s}function q(){p.useEffect(()=>{const e=window.setTimeout(()=>{console.error("Nosto client script has not loaded after 3 seconds.")},3e3);E.s(()=>{window.clearTimeout(e)})},[])}const $=e=>String(e)==="[object Object]";function k(e){if(!$(e))return!1;const t=e.constructor;if(t===void 0)return!0;const r=t.prototype;return!(!$(r)||!r.hasOwnProperty("isPrototypeOf"))}function x(...e){return e.reduce((t,r)=>z(t,r))}function D(...e){return e.reduce((t,r)=>z(t,r))}function z(e,t){return k(e)&&k(t)?Object.entries(t).reduce((r,[n,o])=>(r[n]=z(r[n],o),r),{...e}):k(e)?e:t}function F(e,t){if(e===t)return!0;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(Array.isArray(e)&&Array.isArray(t))return e.length!==t.length?!1:e.every((r,n)=>F(r,t[n]));if(k(e)&&k(t)){const r=Object.entries(e);return r.length!==Object.keys(t).length?!1:r.every(([n,o])=>F(o,t[n]))}return!1}function K(e,t={}){const r=new Map;let n=D(e,t??{});const o=D(e,t);function u(i){n=i(n);for(const f of r.values())f(n)}function a(i){u(f=>({...f,...i}))}function c(){return n}function l(){return structuredClone(o)}function s(i,f){let S;r.set(f,g=>{const y=i(g);F(y,S)||(S=y,f(y))})}function d(i){r.delete(i)}return{updateState:a,getState:c,getInitialState:l,onChange:s,clearOnChange:d}}const Q={loading:!0,query:{query:""},response:{query:""},initialized:!1};function A(e={}){return K(Q,e)}const P=b.createContext(A()),j={defaultCurrency:"EUR",queryModifications:e=>e},se={...j};function ce(e){return{pageType:"autocomplete",...se,...e}}function ae({config:e,store:t,children:r}){const n=t??A();return q(),w(N,{value:ce(e),children:w(P,{value:n,children:r})})}const ie={...j,persistentSearchCache:!1,preservePageScroll:!1};function ue(e){return{pageType:"category",...ie,...e}}function le({config:e,store:t,children:r}){const n=t??A();return q(),w(N,{value:ue(e),children:w(P,{value:n,children:r})})}const de={...j,persistentSearchCache:!1,preservePageScroll:!1};function fe(e={}){return{pageType:"serp",...de,...e}}function ge({config:e,store:t,children:r}){const n=t??A();return q(),w(N,{value:fe(e),children:w(P,{value:n,children:r})})}function pe(e){return Array.from(new Set(e))}function me(e,t){return{...t,products:{facets:e==="autocomplete"?void 0:["*"],fields:Se,...t.products},...t.keywords?{keywords:{...t.keywords,fields:pe([...ye,...t.keywords.fields??[]]),highlight:t.keywords.highlight??{preTag:"<strong>",postTag:"</strong>"}}}:{}}}const Se=["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"],ye=["keyword","_redirect"];function he(...e){if(!e.every(t=>t==null))return e.filter(t=>Array.isArray(t)).reduce((t,r)=>t.concat(r),[])}const H="nosto.search.";function Ce(e){var r;const t=`${H}${e}`;(r=window.performance)==null||r.mark(`${t}.start`)}function ve(e){var r,n;const t=`${H}${e}`;(r=window.performance)==null||r.mark(`${t}.end`),(n=window.performance)==null||n.measure(t,`${t}.start`,`${t}.end`)}function I(e){return Ce(e),()=>ve(e)}function ke(e,t,r){const n=JSON.stringify(t);try{console.info("Setting storage",e,n),r.setItem(e,n)}catch(o){console.warn(o)}}function we(e,t){try{const r=t.getItem(e);if(r)return JSON.parse(r)}catch(r){console.warn(r)}}function Pe(e,t){ke(e,t,sessionStorage)}function be(e){return we(e,sessionStorage)}const L="nosto:search:searchResult";function Fe(e,t,r){if(!e)return;Pe(L,{query:t,result:r})}function Ae(e,t){if(!e)return null;const r=be(L);if(!r||!Re(r))return null;const n=U(r.query);return F(U(t),n)?r.result:null}function U(e){return{accountId:e.accountId,customRules:e.customRules,explain:e.explain,keywords:e.keywords,products:e.products,query:e.query,redirect:e.redirect,rules:e.rules,segments:e.segments,sessionParams:e.sessionParams}}function Re(e){return typeof e=="object"&&e!==null&&"query"in e&&"result"in e}async function G(e,t,r){var s,d,i;const n=I("newSearch"),o=e.config.pageType,u=x(e.store.getInitialState().query,t),a=x(e.config.search,r,{track:o,redirect:o!=="autocomplete",isKeyword:!!(r!=null&&r.isKeyword)});e.store.updateState({query:u,loading:!0,initialized:!0});const c=o!=="autocomplete"&&e.config.persistentSearchCache,l=e.config.queryModifications({...u,products:{...u.products,filter:he((d=(s=e.store.getInitialState().query)==null?void 0:s.products)==null?void 0:d.filter,(i=t.products)==null?void 0:i.filter)}},o);try{let f;const S=Ae(c,l);if(S)f=S;else{const g=me(o,l);f=await W.search(g,a),Fe(c,l,f)}e.store.updateState({response:f,loading:!1})}catch(f){console.error("Search action failed",f)}n()}async function V(e,t,r){const n=I("updateSearch"),o=x(e.store.getState().query,{products:{from:0}},t);await G(e,o,r),n()}async function Me(e,t,r){var a;const n=I("replaceFilter"),o=(a=e.store.getState().query.products)==null?void 0:a.filter,u=r!==void 0?[{field:t,[typeof r=="object"?"range":"value"]:[r]}]:[];await V(e,{products:{filter:[...(o==null?void 0:o.filter(c=>c.field!==t))??[],...u]}}),n()}async function _e(e,t,r,n){var l,s;const o=I("toggleProductFilter"),u=(l=e.store.getState().query.products)==null?void 0:l.filter,a=u==null?void 0:u.find(d=>d.value instanceof Array&&d.field===t),c=a!=null&&a.value?{...a,value:[...a.value.filter(d=>!F(d,r)),...n?[r]:[]]}:n?{field:t,value:[r]}:void 0;await V(e,{products:{filter:[...(u==null?void 0:u.filter(d=>d!==a))??[],...(s=c==null?void 0:c.value)!=null&&s.length?[c]:[]]}}),o()}function v(){const e=B(),t=p.useContext(P),r=p.useMemo(()=>({config:e,store:t}),[e,t]),n=p.useCallback((c,l)=>G(r,c,l),[r]),o=p.useCallback((c,l)=>V(r,c,l),[r]),u=p.useCallback((c,l,s)=>_e(r,c,l,s),[r]),a=p.useCallback((c,l)=>Me(r,c,l),[r]);return{newSearch:n,updateSearch:o,toggleProductFilter:u,replaceFilter:a}}function C(e=Ne){const t=p.useContext(P),[r,n]=p.useState(e(t.getState()));return t.onChange(e,n),p.useEffect(()=>()=>t.clearOnChange(n),[t]),r}const Ne=e=>e;function Ie(e){const t=C(r=>r.response);return e&&Array.isArray(e)||e&&k(e)?e:t}function Te(e){var a;const t=((a=e.data)==null?void 0:a.filter(c=>c.selected).length)??0,[r,n]=p.useState(t>0),{toggleProductFilter:o}=v();return{active:r,selectedFiltersCount:t,toggleActive:()=>{n(!r)},toggleProductFilter:o}}function xe(){const{loading:e,facets:t}=C(r=>{var n,o;return{loading:r.loading,facets:((o=(n=r.response)==null?void 0:n.products)==null?void 0:o.facets)??[]}});return{loading:e,facets:t}}function Ee(){const[e,t]=p.useState([]),[r,n]=p.useState([]);return p.useEffect(()=>{E.s(async o=>{const{products:u,segments:a}=await o.getSearchSessionParams();t(a??[]),n((u==null?void 0:u.personalizationBoost)??[])})},[]),{segments:e,boost:r}}function Oe(){const{facets:e}=C(s=>{var d;return{facets:((d=s.response.products)==null?void 0:d.facets)??[]}}),{replaceFilter:t,toggleProductFilter:r}=v(),n=p.useCallback(s=>{const d=e==null?void 0:e.find(i=>i.type==="stats"&&i.field===s);if(d&&"min"in d&&"max"in d)return d},[e]),o=p.useCallback(s=>{var d;return((d=e==null?void 0:e.find(i=>i.field===s))==null?void 0:d.name)??s},[e]),u=p.useCallback(s=>"field"in s&&(s.value instanceof Array||s.range instanceof Array),[]),a=p.useCallback(s=>{var d;return{...s,range:(d=s.range)==null?void 0:d.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}))}},[]),c=p.useCallback(s=>(s.value??[]).map(i=>({value:i,field:s.field,name:o(s.field),filter:a(s),remove:()=>{r(s.field,i,!1)}})),[a,o,r]),l=p.useCallback(s=>(s.range??[]).map(i=>{var g,y;const f=i.gte??i.gt??((g=n(s.field))==null?void 0:g.min),S=i.lte??i.lt??((y=n(s.field))==null?void 0:y.max);if(f!==void 0&&S!==void 0)return{value:`${f} - ${S}`,field:s.field,name:o(s.field),filter:a(s),remove:()=>{t(s.field,void 0)}}}).filter(Boolean),[a,n,o,t]);return{selectFilters:u,toValueFilter:c,toRangeFilter:l}}function J(){const{filter:e}=C(c=>{var l;return{filter:((l=c.query.products)==null?void 0:l.filter)??[]}}),{updateSearch:t}=v(),{selectFilters:r,toValueFilter:n,toRangeFilter:o}=Oe(),u=p.useMemo(()=>e?e.filter(r).flatMap(c=>"value"in c?n(c):"range"in c?o(c):[]).filter(Boolean):[],[e,r,o,n]),a=p.useCallback(()=>{t({products:{filter:[]}})},[t]);return{filters:u,removeAll:a}}function _(e){if(typeof e=="number")return e;if(typeof e!="string")return;const t=Number(e);return isNaN(t)?void 0:t}function Y(e){var i,f,S;const{replaceFilter:t}=v(),{query:r,products:n}=C(g=>({query:g.query,products:g.response.products})),o=(i=n==null?void 0:n.facets)==null?void 0:i.find(g=>g.id===e);if(!o)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const u=(S=(f=r.products)==null?void 0:f.filter)==null?void 0:S.find(g=>g.field===o.field),a=u!=null&&u.range?u.range[0]:void 0,c=typeof a=="object"&&("gte"in a||"lte"in a)?[_(a.gte),_(a.lte)]:[void 0,void 0],l="min"in o?Math.floor(o.min):0,s="max"in o?Math.ceil(o.max):0,d=([g,y])=>{const m=g!==void 0?Math.floor(g):void 0,h=y!==void 0?Math.ceil(y):void 0,R=m!==void 0,M=h!==void 0;(l===m||!R)&&(s===h||!M)?t(o.field,void 0):(l===m||!R)&&M?t(o.field,{lte:h.toString()}):(s===h||!M)&&R?t(o.field,{gte:m.toString()}):R&&M&&t(o.field,{gte:m.toString(),lte:h.toString()})};return{min:l,max:s,range:[c[0]??l,c[1]??s],updateRange:d}}function qe(e,t){const{min:r,max:n,range:o,updateRange:u}=Y(e),{filters:a}=J(),c=p.useMemo(()=>{var y;const i=a.find(m=>{var h;return(h=m==null?void 0:m.filter)==null?void 0:h.range});let f=null;if(i){const m=(y=i.filter.range)==null?void 0:y[0];f=[_(m==null?void 0:m.gte),_(m==null?void 0:m.lte)]}const S=[];let g=Math.floor(r/t)*t;for(;g<n;){const m=g+t,h=f&&f[0]===g&&f[1]===m;S.push({min:g,max:m,selected:h}),g=m}return S},[a,r,n,t]),l=i=>{u([i,o[1]])},s=i=>{u([o[0],i])},d=r!==o[0]||n!==o[1];return{min:r,max:n,range:o,updateRange:u,ranges:c,handleMinChange:l,handleMaxChange:s,isSelected:d}}function ze(){const{products:e,keywords:t}=C(r=>r.response);return{products:e??{hits:[],total:0},keywords:t??{hits:[],total:0}}}function je(){const e=C(r=>{var n;return(n=r.query.products)==null?void 0:n.filter});return p.useMemo(()=>e?e.reduce((r,n)=>r+(Array.isArray(n.value)?n.value.length:1),0):0,[e])}function T(e){return e&&!Number.isNaN(e)?e:0}function Ve(e,t){const{from:r,size:n,total:o}=C(s=>{var d,i,f,S,g;return{from:T(((d=s.query.products)==null?void 0:d.from)??0),size:T(((f=(i=s.response)==null?void 0:i.products)==null?void 0:f.size)??0),total:T(((g=(S=s.response)==null?void 0:S.products)==null?void 0:g.total)??0)}}),{updateSearch:u}=v(),a=r+n,c=[...e].reverse().filter(s=>s+t<o);return{from:r,to:a,total:o,size:n,sizeOptions:c,handleSizeChange:s=>{u({products:{size:s}})}}}function $e(e,t){return e.length!==t.length?!1:e.every(r=>t.find(n=>r.field===n.field&&r.order===n.order))}function De(e){var u,a;const t=C(c=>c.query),{updateSearch:r}=v();return{activeSort:((u=e.find(c=>{var l;return $e(c.value.sort,((l=t.products)==null?void 0:l.sort)||[])}))==null?void 0:u.id)??((a=e[0])==null?void 0:a.id),setSort:c=>{const l=e.find(s=>s.id===c);l&&r({products:{sort:l.value.sort}})}}}exports.AutocompletePageProvider=ae;exports.CategoryPageProvider=le;exports.SearchInput=ee;exports.SearchPageProvider=ge;exports.SerpElement=ne;exports.StoreContext=P;exports.createExtendableStore=K;exports.createStore=A;exports.defaultState=Q;exports.useActions=v;exports.useDecoratedSearchResults=Ie;exports.useFacet=Te;exports.useFacets=xe;exports.useNostoAppState=C;exports.usePersonalization=Ee;exports.useProductFilters=J;exports.useRange=Y;exports.useRangeSelector=qe;exports.useResponse=ze;exports.useSelectedFiltersCount=je;exports.useSizeOptions=Ve;exports.useSort=De;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("preact"),q=require("../index.es-DlUp67LT.cjs"),p=require("preact/hooks"),W=require("../search-BVJZK90N.cjs");function X(e){return e.type==="input"}function Z(e){return!!e&&typeof e=="object"&&"type"in e&&"props"in e}function z(e,t={depth:0}){const{children:r}=e;return A.toChildArray(r).map(n=>{if(!Z(n))return n;const o=e.updateElement(n,t);return o===null?null:(o.props={...o.props,children:z({...e,children:o.props.children},{depth:t.depth+1})},o)})}function ee({children:e,onSearchInput:t}){return z({children:e,updateElement:r=>(!X(r)||r.props.type!=="search"||(r.props={...r.props,onInput:n=>{n.target instanceof HTMLInputElement&&t(n.target)}}),r)})}const N=A.createContext(null),B=()=>{const e=p.useContext(N);if(!e)throw new Error("useConfig must be used within a ConfigProvider");return e},te="nosto:search:scrollPos";function re(){window.sessionStorage.setItem(te,window.scrollY.toString())}function ne({children:e,hit:t,onClick:r}){const{pageType:n}=B(),o=n==="autocomplete"?void 0:n;return z({children:e,updateElement:(a,c)=>(c.depth>0||(a.props={...a.props,onClick:s=>{t&&o&&q.s(l=>l.recordSearchClick(o,t)),re(),typeof r=="function"&&r(s)}}),a)})}var oe=0;function F(e,t,r,n,o,a){t||(t={});var c,s,l=t;if("ref"in l)for(s in l={},t)s=="ref"?c=t[s]:l[s]=t[s];var i={type:e,props:l,key:r,ref:c,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--oe,__i:-1,__u:0,__source:o,__self:a};if(typeof e=="function"&&(c=e.defaultProps))for(s in c)l[s]===void 0&&(l[s]=c[s]);return A.options.vnode&&A.options.vnode(i),i}function E(){p.useEffect(()=>{const e=window.setTimeout(()=>{console.error("Nosto client script has not loaded after 3 seconds.")},3e3);q.s(()=>{window.clearTimeout(e)})},[])}const $=e=>String(e)==="[object Object]";function w(e){if(!$(e))return!1;const t=e.constructor;if(t===void 0)return!0;const r=t.prototype;return!(!$(r)||!r.hasOwnProperty("isPrototypeOf"))}function x(...e){return e.reduce((t,r)=>O(t,r))}function D(...e){return e.reduce((t,r)=>O(t,r))}function O(e,t){return w(e)&&w(t)?Object.entries(t).reduce((r,[n,o])=>(r[n]=O(r[n],o),r),{...e}):w(e)?e:t}function M(e,t){if(e===t)return!0;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(Array.isArray(e)&&Array.isArray(t))return e.length!==t.length?!1:e.every((r,n)=>M(r,t[n]));if(w(e)&&w(t)){const r=Object.entries(e);return r.length!==Object.keys(t).length?!1:r.every(([n,o])=>M(o,t[n]))}return!1}function K(e,t={}){const r=new Map;let n=D(e,t??{});const o=D(e,t);function a(u){n=u(n);for(const d of r.values())d(n)}function c(u){a(d=>({...d,...u}))}function s(){return n}function l(){return structuredClone(o)}function i(u,d){let h;r.set(d,g=>{const y=u(g);M(y,h)||(h=y,d(y))})}function f(u){r.delete(u)}return{updateState:c,getState:s,getInitialState:l,onChange:i,clearOnChange:f}}const Q={loading:!0,query:{query:""},response:{query:""},initialized:!1};function R(e={}){return K(Q,e)}const b=A.createContext(R()),j={defaultCurrency:"EUR",queryModifications:e=>e},se={...j};function ce(e){return{pageType:"autocomplete",...se,...e}}function ie({config:e,store:t,children:r}){const n=t??R();return E(),F(N,{value:ce(e),children:F(b,{value:n,children:r})})}const ae={...j,persistentSearchCache:!1,preservePageScroll:!1};function ue(e){return{pageType:"category",...ae,...e}}function le({config:e,store:t,children:r}){const n=t??R();return E(),F(N,{value:ue(e),children:F(b,{value:n,children:r})})}const fe={...j,persistentSearchCache:!1,preservePageScroll:!1};function de(e={}){return{pageType:"serp",...fe,...e}}function ge({config:e,store:t,children:r}){const n=t??R();return E(),F(N,{value:de(e),children:F(b,{value:n,children:r})})}function pe(e){return Array.from(new Set(e))}function me(e,t){return{...t,products:{facets:e==="autocomplete"?void 0:["*"],fields:he,...t.products},...t.keywords?{keywords:{...t.keywords,fields:pe([...ye,...t.keywords.fields??[]]),highlight:t.keywords.highlight??{preTag:"<strong>",postTag:"</strong>"}}}:{}}}const he=["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"],ye=["keyword","_redirect"];function Se(...e){if(!e.every(t=>t==null))return e.filter(t=>Array.isArray(t)).reduce((t,r)=>t.concat(r),[])}const H="nosto.search.";function ve(e){var r;const t=`${H}${e}`;(r=window.performance)==null||r.mark(`${t}.start`)}function Ce(e){var r,n;const t=`${H}${e}`;(r=window.performance)==null||r.mark(`${t}.end`),(n=window.performance)==null||n.measure(t,`${t}.start`,`${t}.end`)}function I(e){return ve(e),()=>Ce(e)}function Pe(e,t,r){const n=JSON.stringify(t);try{console.info("Setting storage",e,n),r.setItem(e,n)}catch(o){console.warn(o)}}function ke(e,t){try{const r=t.getItem(e);if(r)return JSON.parse(r)}catch(r){console.warn(r)}}function we(e,t){Pe(e,t,sessionStorage)}function Fe(e){return ke(e,sessionStorage)}const L="nosto:search:searchResult";function be(e,t,r){if(!e)return;we(L,{query:t,result:r})}function Ae(e,t){if(!e)return null;const r=Fe(L);if(!r||!Me(r))return null;const n=U(r.query);return M(U(t),n)?r.result:null}function U(e){return{accountId:e.accountId,customRules:e.customRules,explain:e.explain,keywords:e.keywords,products:e.products,query:e.query,redirect:e.redirect,rules:e.rules,segments:e.segments,sessionParams:e.sessionParams}}function Me(e){return typeof e=="object"&&e!==null&&"query"in e&&"result"in e}async function G(e,t,r){var i,f,u;const n=I("newSearch"),o=e.config.pageType,a=x(e.store.getInitialState().query,t),c=x(e.config.search,r,{track:o,redirect:o!=="autocomplete",isKeyword:!!(r!=null&&r.isKeyword)});e.store.updateState({query:a,loading:!0,initialized:!0});const s=o!=="autocomplete"&&e.config.persistentSearchCache,l=e.config.queryModifications({...a,products:{...a.products,filter:Se((f=(i=e.store.getInitialState().query)==null?void 0:i.products)==null?void 0:f.filter,(u=t.products)==null?void 0:u.filter)}},o);try{let d;const h=Ae(s,l);if(h)d=h;else{const g=me(o,l);d=await W.search(g,c),be(s,l,d)}e.store.updateState({response:d,loading:!1})}catch(d){console.error("Search action failed",d)}n()}async function V(e,t,r){const n=I("updateSearch"),o=x(e.store.getState().query,{products:{from:0}},t);await G(e,o,r),n()}async function Re(e,t,r){var c;const n=I("replaceFilter"),o=(c=e.store.getState().query.products)==null?void 0:c.filter,a=r!==void 0?[{field:t,[typeof r=="object"?"range":"value"]:[r]}]:[];await V(e,{products:{filter:[...(o==null?void 0:o.filter(s=>s.field!==t))??[],...a]}}),n()}async function _e(e,t,r,n){var l,i;const o=I("toggleProductFilter"),a=(l=e.store.getState().query.products)==null?void 0:l.filter,c=a==null?void 0:a.find(f=>f.value instanceof Array&&f.field===t),s=c!=null&&c.value?{...c,value:[...c.value.filter(f=>!M(f,r)),...n?[r]:[]]}:n?{field:t,value:[r]}:void 0;await V(e,{products:{filter:[...(a==null?void 0:a.filter(f=>f!==c))??[],...(i=s==null?void 0:s.value)!=null&&i.length?[s]:[]]}}),o()}function k(){const e=B(),t=p.useContext(b),r=p.useMemo(()=>({config:e,store:t}),[e,t]),n=p.useCallback((s,l)=>G(r,s,l),[r]),o=p.useCallback((s,l)=>V(r,s,l),[r]),a=p.useCallback((s,l,i)=>_e(r,s,l,i),[r]),c=p.useCallback((s,l)=>Re(r,s,l),[r]);return{newSearch:n,updateSearch:o,toggleProductFilter:a,replaceFilter:c}}function C(e=Ne){const t=p.useContext(b),[r,n]=p.useState(e(t.getState()));return t.onChange(e,n),p.useEffect(()=>()=>t.clearOnChange(n),[t]),r}const Ne=e=>e;function Ie(e){const t=C(r=>r.response);return e&&Array.isArray(e)||e&&w(e)?e:t}function Te(e){var c;const t=((c=e.data)==null?void 0:c.filter(s=>s.selected).length)??0,[r,n]=p.useState(t>0),{toggleProductFilter:o}=k();return{active:r,selectedFiltersCount:t,toggleActive:()=>{n(!r)},toggleProductFilter:o}}function xe(){const{loading:e,facets:t}=C(r=>{var n,o;return{loading:r.loading,facets:((o=(n=r.response)==null?void 0:n.products)==null?void 0:o.facets)??[]}});return{loading:e,facets:t}}function qe(e,t){const r=t-e;return!isNaN(r)&&r>0?new Array(t-e).fill(void 0).map((n,o)=>o+e):[]}function ze(e){const{query:t,products:r}=C(n=>({query:n.query,products:n.response.products}));return p.useMemo(()=>{var P;if(!r)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const n=((P=t.products)==null?void 0:P.from)??0,o=(e==null?void 0:e.width)??1/0,a=Math.max(Math.floor(o-1)/2,1),c=r.size>0?Math.floor(n/r.size)+1:1,s=r.size>0?Math.ceil(r.total/r.size):0,l=v=>v>=c-a&&v<=c+a,i=n+1,f=Math.min(n+r.total,r.total),u={from:n,page:c,current:!0},d=v=>({from:(v-1)*r.size,page:v,current:v===c}),h=c>1?d(c-1):void 0,g=c<s?d(c+1):void 0,y=a===1/0||c-a-1>1?d(1):void 0,m=a===1/0||c+a+1<s?d(s):void 0,S=qe(1,s+1).filter(l).map(d);return{totalPages:s,resultsFrom:i,resultsTo:f,current:u,prev:h,next:g,first:y,last:m,pages:S}},[t,r,e==null?void 0:e.width])}function Ee(){const[e,t]=p.useState([]),[r,n]=p.useState([]);return p.useEffect(()=>{q.s(async o=>{const{products:a,segments:c}=await o.getSearchSessionParams();t(c??[]),n((a==null?void 0:a.personalizationBoost)??[])})},[]),{segments:e,boost:r}}function Oe(){const{facets:e}=C(i=>{var f;return{facets:((f=i.response.products)==null?void 0:f.facets)??[]}}),{replaceFilter:t,toggleProductFilter:r}=k(),n=p.useCallback(i=>{const f=e==null?void 0:e.find(u=>u.type==="stats"&&u.field===i);if(f&&"min"in f&&"max"in f)return f},[e]),o=p.useCallback(i=>{var f;return((f=e==null?void 0:e.find(u=>u.field===i))==null?void 0:f.name)??i},[e]),a=p.useCallback(i=>"field"in i&&(i.value instanceof Array||i.range instanceof Array),[]),c=p.useCallback(i=>{var f;return{...i,range:(f=i.range)==null?void 0:f.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}))}},[]),s=p.useCallback(i=>(i.value??[]).map(u=>({value:u,field:i.field,name:o(i.field),filter:c(i),remove:()=>{r(i.field,u,!1)}})),[c,o,r]),l=p.useCallback(i=>(i.range??[]).map(u=>{var g,y;const d=u.gte??u.gt??((g=n(i.field))==null?void 0:g.min),h=u.lte??u.lt??((y=n(i.field))==null?void 0:y.max);if(d!==void 0&&h!==void 0)return{value:`${d} - ${h}`,field:i.field,name:o(i.field),filter:c(i),remove:()=>{t(i.field,void 0)}}}).filter(Boolean),[c,n,o,t]);return{selectFilters:a,toValueFilter:s,toRangeFilter:l}}function J(){const{filter:e}=C(s=>{var l;return{filter:((l=s.query.products)==null?void 0:l.filter)??[]}}),{updateSearch:t}=k(),{selectFilters:r,toValueFilter:n,toRangeFilter:o}=Oe(),a=p.useMemo(()=>e?e.filter(r).flatMap(s=>"value"in s?n(s):"range"in s?o(s):[]).filter(Boolean):[],[e,r,o,n]),c=p.useCallback(()=>{t({products:{filter:[]}})},[t]);return{filters:a,removeAll:c}}function _(e){if(typeof e=="number")return e;if(typeof e!="string")return;const t=Number(e);return isNaN(t)?void 0:t}function Y(e){var u,d,h;const{replaceFilter:t}=k(),{query:r,products:n}=C(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=(h=(d=r.products)==null?void 0:d.filter)==null?void 0:h.find(g=>g.field===o.field),c=a!=null&&a.range?a.range[0]:void 0,s=typeof c=="object"&&("gte"in c||"lte"in c)?[_(c.gte),_(c.lte)]:[void 0,void 0],l="min"in o?Math.floor(o.min):0,i="max"in o?Math.ceil(o.max):0,f=([g,y])=>{const m=g!==void 0?Math.floor(g):void 0,S=y!==void 0?Math.ceil(y):void 0,P=m!==void 0,v=S!==void 0;(l===m||!P)&&(i===S||!v)?t(o.field,void 0):(l===m||!P)&&v?t(o.field,{lte:S.toString()}):(i===S||!v)&&P?t(o.field,{gte:m.toString()}):P&&v&&t(o.field,{gte:m.toString(),lte:S.toString()})};return{min:l,max:i,range:[s[0]??l,s[1]??i],updateRange:f}}function je(e,t){const{min:r,max:n,range:o,updateRange:a}=Y(e),{filters:c}=J(),s=p.useMemo(()=>{var y;const u=c.find(m=>{var S;return(S=m==null?void 0:m.filter)==null?void 0:S.range});let d=null;if(u){const m=(y=u.filter.range)==null?void 0:y[0];d=[_(m==null?void 0:m.gte),_(m==null?void 0:m.lte)]}const h=[];let g=Math.floor(r/t)*t;for(;g<n;){const m=g+t,S=d&&d[0]===g&&d[1]===m;h.push({min:g,max:m,selected:S}),g=m}return h},[c,r,n,t]),l=u=>{a([u,o[1]])},i=u=>{a([o[0],u])},f=r!==o[0]||n!==o[1];return{min:r,max:n,range:o,updateRange:a,ranges:s,handleMinChange:l,handleMaxChange:i,isSelected:f}}function Ve(){const{products:e,keywords:t}=C(r=>r.response);return{products:e??{hits:[],total:0},keywords:t??{hits:[],total:0}}}function $e(){const e=C(r=>{var n;return(n=r.query.products)==null?void 0:n.filter});return p.useMemo(()=>e?e.reduce((r,n)=>r+(Array.isArray(n.value)?n.value.length:1),0):0,[e])}function T(e){return e&&!Number.isNaN(e)?e:0}function De(e,t){const{from:r,size:n,total:o}=C(i=>{var f,u,d,h,g;return{from:T(((f=i.query.products)==null?void 0:f.from)??0),size:T(((d=(u=i.response)==null?void 0:u.products)==null?void 0:d.size)??0),total:T(((g=(h=i.response)==null?void 0:h.products)==null?void 0:g.total)??0)}}),{updateSearch:a}=k(),c=r+n,s=[...e].reverse().filter(i=>i+t<o);return{from:r,to:c,total:o,size:n,sizeOptions:s,handleSizeChange:i=>{a({products:{size:i}})}}}function Ue(e,t){return e.length!==t.length?!1:e.every(r=>t.find(n=>r.field===n.field&&r.order===n.order))}function Be(e){var a,c;const t=C(s=>s.query),{updateSearch:r}=k();return{activeSort:((a=e.find(s=>{var l;return Ue(s.value.sort,((l=t.products)==null?void 0:l.sort)||[])}))==null?void 0:a.id)??((c=e[0])==null?void 0:c.id),setSort:s=>{const l=e.find(i=>i.id===s);l&&r({products:{sort:l.value.sort}})}}}exports.AutocompletePageProvider=ie;exports.CategoryPageProvider=le;exports.SearchInput=ee;exports.SearchPageProvider=ge;exports.SerpElement=ne;exports.StoreContext=b;exports.createExtendableStore=K;exports.createStore=R;exports.defaultState=Q;exports.useActions=k;exports.useDecoratedSearchResults=Ie;exports.useFacet=Te;exports.useFacets=xe;exports.useNostoAppState=C;exports.usePagination=ze;exports.usePersonalization=Ee;exports.useProductFilters=J;exports.useRange=Y;exports.useRangeSelector=je;exports.useResponse=Ve;exports.useSelectedFiltersCount=$e;exports.useSizeOptions=De;exports.useSort=Be;

package/dist/preact/preact.d.ts

@@ -12,6 +12,7 @@ export { useDecoratedSearchResults } from './src/hooks/useDecoratedSearchResults
 export { useFacet } from './src/hooks/useFacet';
 export { useFacets } from './src/hooks/useFacets';
 export { useNostoAppState } from './src/hooks/useNostoAppState';
+export { type Page, usePagination } from './src/hooks/usePagination';
 export { usePersonalization } from './src/hooks/usePersonalization';
 export { useProductFilters } from './src/hooks/useProductFilters/useProductFilters';
 export { useRange } from './src/hooks/useRange';

package/dist/preact/preact.es.js

@@ -1,7 +1,7 @@
 import { toChildArray as X, createContext as L, options as B } from "preact";
-import { s as O } from "../index.es-Bcd5IQh9.js";
-import { useContext as q, useEffect as z, useMemo as N, useCallback as h, useState as R } from "preact/hooks";
-import { search as Z } from "../core/core.es.js";
+import { s as q } from "../index.es-B8mbAxS4.js";
+import { useContext as E, useEffect as O, useMemo as b, useCallback as v, useState as _ } from "preact/hooks";
+import { s as Z } from "../search-B0-bVNMy.js";
 function ee(e) {
   return e.type === "input";
 }
@@ -20,7 +20,7 @@ function V(e, t = { depth: 0 }) {
     }, o);
   });
 }
-function Ve({ children: e, onSearchInput: t }) {
+function $e({ children: e, onSearchInput: t }) {
   return V({
     children: e,
     updateElement: (r) => (!ee(r) || r.props.type !== "search" || (r.props = {
@@ -31,8 +31,8 @@ function Ve({ children: e, onSearchInput: t }) {
     }), r)
   });
 }
-const M = L(null), G = () => {
-  const e = q(M);
+const R = L(null), G = () => {
+  const e = E(R);
   if (!e)
     throw new Error("useConfig must be used within a ConfigProvider");
   return e;
@@ -40,39 +40,39 @@ const M = L(null), G = () => {
 function ne() {
   window.sessionStorage.setItem(re, window.scrollY.toString());
 }
-function $e({ children: e, hit: t, onClick: r }) {
+function je({ children: e, hit: t, onClick: r }) {
   const { pageType: n } = G(), o = n === "autocomplete" ? void 0 : n;
   return V({
     children: e,
-    updateElement: (u, c) => (c.depth > 0 || (u.props = {
+    updateElement: (u, i) => (i.depth > 0 || (u.props = {
       ...u.props,
-      onClick: (i) => {
-        t && o && O((l) => l.recordSearchClick(o, t)), ne(), typeof r == "function" && r(i);
+      onClick: (s) => {
+        t && o && q((l) => l.recordSearchClick(o, t)), ne(), typeof r == "function" && r(s);
       }
     }), u)
   });
 }
 var oe = 0;
-function w(e, t, r, n, o, u) {
+function k(e, t, r, n, o, u) {
   t || (t = {});
-  var c, i, l = t;
-  if ("ref" in l) for (i in l = {}, t) i == "ref" ? c = t[i] : l[i] = t[i];
-  var s = { type: e, props: l, key: r, ref: c, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --oe, __i: -1, __u: 0, __source: o, __self: u };
-  if (typeof e == "function" && (c = e.defaultProps)) for (i in c) l[i] === void 0 && (l[i] = c[i]);
-  return B.vnode && B.vnode(s), s;
+  var i, s, l = t;
+  if ("ref" in l) for (s in l = {}, t) s == "ref" ? i = t[s] : l[s] = t[s];
+  var c = { type: e, props: l, key: r, ref: i, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --oe, __i: -1, __u: 0, __source: o, __self: u };
+  if (typeof e == "function" && (i = e.defaultProps)) for (s in i) l[s] === void 0 && (l[s] = i[s]);
+  return B.vnode && B.vnode(c), c;
 }
 function $() {
-  z(() => {
+  O(() => {
     const e = window.setTimeout(() => {
       console.error("Nosto client script has not loaded after 3 seconds.");
     }, 3e3);
-    O(() => {
+    q(() => {
       window.clearTimeout(e);
     });
   }, []);
 }
 const K = (e) => String(e) === "[object Object]";
-function C(e) {
+function P(e) {
   if (!K(e))
     return !1;
   const t = e.constructor;
@@ -81,28 +81,28 @@ function C(e) {
   const r = t.prototype;
   return !(!K(r) || !r.hasOwnProperty("isPrototypeOf"));
 }
-function E(...e) {
+function z(...e) {
   return e.reduce((t, r) => j(t, r));
 }
 function Q(...e) {
   return e.reduce((t, r) => j(t, r));
 }
 function j(e, t) {
-  return C(e) && C(t) ? Object.entries(t).reduce(
+  return P(e) && P(t) ? Object.entries(t).reduce(
     (r, [n, o]) => (r[n] = j(r[n], o), r),
     { ...e }
-  ) : C(e) ? e : t;
+  ) : P(e) ? e : t;
 }
-function P(e, t) {
+function A(e, t) {
   if (e === t)
     return !0;
   if (e instanceof Date && t instanceof Date)
     return e.getTime() === t.getTime();
   if (Array.isArray(e) && Array.isArray(t))
-    return e.length !== t.length ? !1 : e.every((r, n) => P(r, t[n]));
-  if (C(e) && C(t)) {
+    return e.length !== t.length ? !1 : e.every((r, n) => A(r, t[n]));
+  if (P(e) && P(t)) {
     const r = Object.entries(e);
-    return r.length !== Object.keys(t).length ? !1 : r.every(([n, o]) => P(o, t[n]));
+    return r.length !== Object.keys(t).length ? !1 : r.every(([n, o]) => A(o, t[n]));
   }
   return !1;
 }
@@ -115,30 +115,30 @@ function se(e, t = {}) {
     for (const d of r.values())
       d(n);
   }
-  function c(a) {
+  function i(a) {
     u((d) => ({ ...d, ...a }));
   }
-  function i() {
+  function s() {
     return n;
   }
   function l() {
     return structuredClone(o);
   }
-  function s(a, d) {
+  function c(a, d) {
     let m;
     r.set(d, (g) => {
-      const y = a(g);
-      P(y, m) || (m = y, d(y));
+      const h = a(g);
+      A(h, m) || (m = h, d(h));
     });
   }
   function f(a) {
     r.delete(a);
   }
   return {
-    updateState: c,
-    getState: i,
+    updateState: i,
+    getState: s,
     getInitialState: l,
-    onChange: s,
+    onChange: c,
     clearOnChange: f
   };
 }
@@ -155,24 +155,24 @@ const ie = {
 function I(e = {}) {
   return se(ie, e);
 }
-const F = L(I()), D = {
+const M = L(I()), D = {
   defaultCurrency: "EUR",
   queryModifications: (e) => e
 }, ce = {
   ...D
 };
-function ae(e) {
+function ue(e) {
   return {
     pageType: "autocomplete",
     ...ce,
     ...e
   };
 }
-function je({ config: e, store: t, children: r }) {
+function De({ config: e, store: t, children: r }) {
   const n = t ?? I();
-  return $(), /* @__PURE__ */ w(M, { value: ae(e), children: /* @__PURE__ */ w(F, { value: n, children: r }) });
+  return $(), /* @__PURE__ */ k(R, { value: ue(e), children: /* @__PURE__ */ k(M, { value: n, children: r }) });
 }
-const ue = {
+const ae = {
   ...D,
   persistentSearchCache: !1,
   preservePageScroll: !1
@@ -180,13 +180,13 @@ const ue = {
 function le(e) {
   return {
     pageType: "category",
-    ...ue,
+    ...ae,
     ...e
   };
 }
-function De({ config: e, store: t, children: r }) {
+function Ue({ config: e, store: t, children: r }) {
   const n = t ?? I();
-  return $(), /* @__PURE__ */ w(M, { value: le(e), children: /* @__PURE__ */ w(F, { value: n, children: r }) });
+  return $(), /* @__PURE__ */ k(R, { value: le(e), children: /* @__PURE__ */ k(M, { value: n, children: r }) });
 }
 const fe = {
   ...D,
@@ -200,9 +200,9 @@ function de(e = {}) {
     ...e
   };
 }
-function Ue({ config: e, store: t, children: r }) {
+function Be({ config: e, store: t, children: r }) {
   const n = t ?? I();
-  return $(), /* @__PURE__ */ w(M, { value: de(e), children: /* @__PURE__ */ w(F, { value: n, children: r }) });
+  return $(), /* @__PURE__ */ k(R, { value: de(e), children: /* @__PURE__ */ k(M, { value: n, children: r }) });
 }
 function ge(e) {
   return Array.from(new Set(e));
@@ -218,7 +218,7 @@ function pe(e, t) {
     ...t.keywords ? {
       keywords: {
         ...t.keywords,
-        fields: ge([...ye, ...t.keywords.fields ?? []]),
+        fields: ge([...he, ...t.keywords.fields ?? []]),
         highlight: t.keywords.highlight ?? {
           preTag: "<strong>",
           postTag: "</strong>"
@@ -279,8 +279,8 @@ const me = [
   "tags1",
   "tags2",
   "tags3"
-], ye = ["keyword", "_redirect"];
-function he(...e) {
+], he = ["keyword", "_redirect"];
+function ye(...e) {
   if (!e.every((t) => t == null))
     return e.filter((t) => Array.isArray(t)).reduce((t, r) => t.concat(r), []);
 }
@@ -315,26 +315,26 @@ function we(e, t) {
     console.warn(r);
   }
 }
-function ke(e, t) {
+function Pe(e, t) {
   Ce(e, t, sessionStorage);
 }
-function Pe(e) {
+function ke(e) {
   return we(e, sessionStorage);
 }
 const Y = "nosto:search:searchResult";
 function Fe(e, t, r) {
   if (!e)
     return;
-  ke(Y, { query: t, result: r });
+  Pe(Y, { query: t, result: r });
 }
 function Ae(e, t) {
   if (!e)
     return null;
-  const r = Pe(Y);
+  const r = ke(Y);
   if (!r || !be(r))
     return null;
   const n = H(r.query);
-  return P(H(t), n) ? r.result : null;
+  return A(H(t), n) ? r.result : null;
 }
 function H(e) {
   return {
@@ -354,8 +354,8 @@ function be(e) {
   return typeof e == "object" && e !== null && "query" in e && "result" in e;
 }
 async function W(e, t, r) {
-  var s, f, a;
-  const n = T("newSearch"), o = e.config.pageType, u = E(e.store.getInitialState().query, t), c = E(e.config.search, r, {
+  var c, f, a;
+  const n = T("newSearch"), o = e.config.pageType, u = z(e.store.getInitialState().query, t), i = z(e.config.search, r, {
     track: o,
     redirect: o !== "autocomplete",
     isKeyword: !!(r != null && r.isKeyword)
@@ -365,25 +365,25 @@ async function W(e, t, r) {
     loading: !0,
     initialized: !0
   });
-  const i = o !== "autocomplete" && e.config.persistentSearchCache, l = e.config.queryModifications(
+  const s = o !== "autocomplete" && e.config.persistentSearchCache, l = e.config.queryModifications(
     {
       ...u,
       products: {
         ...u.products,
         // Apply filter merging to avoid overwriting base filters
-        filter: he((f = (s = e.store.getInitialState().query) == null ? void 0 : s.products) == null ? void 0 : f.filter, (a = t.products) == null ? void 0 : a.filter)
+        filter: ye((f = (c = e.store.getInitialState().query) == null ? void 0 : c.products) == null ? void 0 : f.filter, (a = t.products) == null ? void 0 : a.filter)
       }
     },
     o
   );
   try {
     let d;
-    const m = Ae(i, l);
+    const m = Ae(s, l);
     if (m)
       d = m;
     else {
       const g = pe(o, l);
-      d = await Z(g, c), Fe(i, l, d);
+      d = await Z(g, i), Fe(s, l, d);
     }
     e.store.updateState({
       response: d,
@@ -395,72 +395,72 @@ async function W(e, t, r) {
   n();
 }
 async function U(e, t, r) {
-  const n = T("updateSearch"), o = E(e.store.getState().query, { products: { from: 0 } }, t);
+  const n = T("updateSearch"), o = z(e.store.getState().query, { products: { from: 0 } }, t);
   await W(e, o, r), n();
 }
-async function Re(e, t, r) {
-  var c;
-  const n = T("replaceFilter"), o = (c = e.store.getState().query.products) == null ? void 0 : c.filter, u = r !== void 0 ? [{ field: t, [typeof r == "object" ? "range" : "value"]: [r] }] : [];
+async function Me(e, t, r) {
+  var i;
+  const n = T("replaceFilter"), o = (i = e.store.getState().query.products) == null ? void 0 : i.filter, u = r !== void 0 ? [{ field: t, [typeof r == "object" ? "range" : "value"]: [r] }] : [];
   await U(e, {
     products: {
-      filter: [...(o == null ? void 0 : o.filter((i) => i.field !== t)) ?? [], ...u]
+      filter: [...(o == null ? void 0 : o.filter((s) => s.field !== t)) ?? [], ...u]
     }
   }), n();
 }
 async function _e(e, t, r, n) {
-  var l, s;
-  const o = T("toggleProductFilter"), u = (l = e.store.getState().query.products) == null ? void 0 : l.filter, c = u == null ? void 0 : u.find((f) => f.value instanceof Array && f.field === t), i = c != null && c.value ? {
-    ...c,
-    value: [...c.value.filter((f) => !P(f, r)), ...n ? [r] : []]
+  var l, c;
+  const o = T("toggleProductFilter"), u = (l = e.store.getState().query.products) == null ? void 0 : l.filter, i = u == null ? void 0 : u.find((f) => f.value instanceof Array && f.field === t), s = i != null && i.value ? {
+    ...i,
+    value: [...i.value.filter((f) => !A(f, r)), ...n ? [r] : []]
   } : n ? {
     field: t,
     value: [r]
   } : void 0;
   await U(e, {
     products: {
-      filter: [...(u == null ? void 0 : u.filter((f) => f !== c)) ?? [], ...(s = i == null ? void 0 : i.value) != null && s.length ? [i] : []]
+      filter: [...(u == null ? void 0 : u.filter((f) => f !== i)) ?? [], ...(c = s == null ? void 0 : s.value) != null && c.length ? [s] : []]
     }
   }), o();
 }
-function k() {
-  const e = G(), t = q(F), r = N(
+function F() {
+  const e = G(), t = E(M), r = b(
     () => ({
       config: e,
       store: t
     }),
     [e, t]
-  ), n = h(
-    (i, l) => W(r, i, l),
+  ), n = v(
+    (s, l) => W(r, s, l),
     [r]
-  ), o = h(
-    (i, l) => U(r, i, l),
+  ), o = v(
+    (s, l) => U(r, s, l),
     [r]
-  ), u = h(
-    (i, l, s) => _e(r, i, l, s),
+  ), u = v(
+    (s, l, c) => _e(r, s, l, c),
     [r]
-  ), c = h(
-    (i, l) => Re(r, i, l),
+  ), i = v(
+    (s, l) => Me(r, s, l),
     [r]
   );
   return {
     newSearch: n,
     updateSearch: o,
     toggleProductFilter: u,
-    replaceFilter: c
+    replaceFilter: i
   };
 }
-function v(e = Ne) {
-  const t = q(F), [r, n] = R(e(t.getState()));
-  return t.onChange(e, n), z(() => () => t.clearOnChange(n), [t]), r;
+function C(e = Ne) {
+  const t = E(M), [r, n] = _(e(t.getState()));
+  return t.onChange(e, n), O(() => () => t.clearOnChange(n), [t]), r;
 }
 const Ne = (e) => e;
-function Be(e) {
-  const t = v((r) => r.response);
-  return e && Array.isArray(e) || e && C(e) ? e : t;
-}
 function Ke(e) {
-  var c;
-  const t = ((c = e.data) == null ? void 0 : c.filter((i) => i.selected).length) ?? 0, [r, n] = R(t > 0), { toggleProductFilter: o } = k();
+  const t = C((r) => r.response);
+  return e && Array.isArray(e) || e && P(e) ? e : t;
+}
+function Qe(e) {
+  var i;
+  const t = ((i = e.data) == null ? void 0 : i.filter((s) => s.selected).length) ?? 0, [r, n] = _(t > 0), { toggleProductFilter: o } = F();
   return {
     /** Active value */
     active: r,
@@ -474,8 +474,8 @@ function Ke(e) {
     toggleProductFilter: o
   };
 }
-function Qe() {
-  const { loading: e, facets: t } = v((r) => {
+function He() {
+  const { loading: e, facets: t } = C((r) => {
     var n, o;
     return {
       loading: r.loading,
@@ -489,89 +489,129 @@ function Qe() {
     facets: t
   };
 }
-function He() {
-  const [e, t] = R([]), [r, n] = R([]);
-  return z(() => {
-    O(async (o) => {
-      const { products: u, segments: c } = await o.getSearchSessionParams();
-      t(c ?? []), n((u == null ? void 0 : u.personalizationBoost) ?? []);
+function Re(e, t) {
+  const r = t - e;
+  return !isNaN(r) && r > 0 ? new Array(t - e).fill(void 0).map((n, o) => o + e) : [];
+}
+function Le(e) {
+  const { query: t, products: r } = C((n) => ({
+    query: n.query,
+    products: n.response.products
+  }));
+  return b(() => {
+    var w;
+    if (!r)
+      return {
+        totalPages: 0,
+        resultsFrom: 0,
+        resultsTo: 0,
+        pages: []
+      };
+    const n = ((w = t.products) == null ? void 0 : w.from) ?? 0, o = (e == null ? void 0 : e.width) ?? 1 / 0, u = Math.max(Math.floor(o - 1) / 2, 1), i = r.size > 0 ? Math.floor(n / r.size) + 1 : 1, s = r.size > 0 ? Math.ceil(r.total / r.size) : 0, l = (S) => S >= i - u && S <= i + u, c = n + 1, f = Math.min(n + r.total, r.total), a = {
+      from: n,
+      page: i,
+      current: !0
+    }, d = (S) => ({
+      from: (S - 1) * r.size,
+      page: S,
+      current: S === i
+    }), m = i > 1 ? d(i - 1) : void 0, g = i < s ? d(i + 1) : void 0, h = u === 1 / 0 || i - u - 1 > 1 ? d(1) : void 0, p = u === 1 / 0 || i + u + 1 < s ? d(s) : void 0, y = Re(1, s + 1).filter(l).map(d);
+    return {
+      totalPages: s,
+      resultsFrom: c,
+      resultsTo: f,
+      current: a,
+      prev: m,
+      next: g,
+      first: h,
+      last: p,
+      pages: y
+    };
+  }, [t, r, e == null ? void 0 : e.width]);
+}
+function Ge() {
+  const [e, t] = _([]), [r, n] = _([]);
+  return O(() => {
+    q(async (o) => {
+      const { products: u, segments: i } = await o.getSearchSessionParams();
+      t(i ?? []), n((u == null ? void 0 : u.personalizationBoost) ?? []);
     });
   }, []), {
     segments: e,
     boost: r
   };
 }
-function Me() {
-  const { facets: e } = v((s) => {
+function Ie() {
+  const { facets: e } = C((c) => {
     var f;
     return {
-      facets: ((f = s.response.products) == null ? void 0 : f.facets) ?? []
+      facets: ((f = c.response.products) == null ? void 0 : f.facets) ?? []
     };
-  }), { replaceFilter: t, toggleProductFilter: r } = k(), n = h(
-    (s) => {
-      const f = e == null ? void 0 : e.find((a) => a.type === "stats" && a.field === s);
+  }), { replaceFilter: t, toggleProductFilter: r } = F(), n = v(
+    (c) => {
+      const f = e == null ? void 0 : e.find((a) => a.type === "stats" && a.field === c);
       if (f && "min" in f && "max" in f)
         return f;
     },
     [e]
-  ), o = h(
-    (s) => {
+  ), o = v(
+    (c) => {
       var f;
-      return ((f = e == null ? void 0 : e.find((a) => a.field === s)) == null ? void 0 : f.name) ?? s;
+      return ((f = e == null ? void 0 : e.find((a) => a.field === c)) == null ? void 0 : f.name) ?? c;
     },
     [e]
-  ), u = h((s) => "field" in s && (s.value instanceof Array || s.range instanceof Array), []), c = h((s) => {
+  ), u = v((c) => "field" in c && (c.value instanceof Array || c.range instanceof Array), []), i = v((c) => {
     var f;
     return {
-      ...s,
-      range: (f = s.range) == null ? void 0 : f.map((a) => ({
+      ...c,
+      range: (f = c.range) == null ? void 0 : f.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
       }))
     };
-  }, []), i = h(
-    (s) => (s.value ?? []).map((a) => ({
+  }, []), s = v(
+    (c) => (c.value ?? []).map((a) => ({
       value: a,
-      field: s.field,
-      name: o(s.field),
-      filter: c(s),
+      field: c.field,
+      name: o(c.field),
+      filter: i(c),
       remove: () => {
-        r(s.field, a, !1);
+        r(c.field, a, !1);
       }
     })),
-    [c, o, r]
-  ), l = h(
-    (s) => (s.range ?? []).map((a) => {
-      var g, y;
-      const d = a.gte ?? a.gt ?? ((g = n(s.field)) == null ? void 0 : g.min), m = a.lte ?? a.lt ?? ((y = n(s.field)) == null ? void 0 : y.max);
+    [i, o, r]
+  ), l = v(
+    (c) => (c.range ?? []).map((a) => {
+      var g, h;
+      const d = a.gte ?? a.gt ?? ((g = n(c.field)) == null ? void 0 : g.min), m = a.lte ?? a.lt ?? ((h = n(c.field)) == null ? void 0 : h.max);
       if (d !== void 0 && m !== void 0)
         return {
           value: `${d} - ${m}`,
-          field: s.field,
-          name: o(s.field),
-          filter: c(s),
+          field: c.field,
+          name: o(c.field),
+          filter: i(c),
           remove: () => {
-            t(s.field, void 0);
+            t(c.field, void 0);
           }
         };
     }).filter(Boolean),
-    [c, n, o, t]
+    [i, n, o, t]
   );
   return {
     selectFilters: u,
-    toValueFilter: i,
+    toValueFilter: s,
     toRangeFilter: l
   };
 }
-function Ie() {
-  const { filter: e } = v((i) => {
+function Te() {
+  const { filter: e } = C((s) => {
     var l;
     return {
-      filter: ((l = i.query.products) == null ? void 0 : l.filter) ?? []
+      filter: ((l = s.query.products) == null ? void 0 : l.filter) ?? []
     };
-  }), { updateSearch: t } = k(), { selectFilters: r, toValueFilter: n, toRangeFilter: o } = Me(), u = N(() => e ? e.filter(r).flatMap((i) => "value" in i ? n(i) : "range" in i ? o(i) : []).filter(Boolean) : [], [e, r, o, n]), c = h(() => {
+  }), { updateSearch: t } = F(), { selectFilters: r, toValueFilter: n, toRangeFilter: o } = Ie(), u = b(() => e ? e.filter(r).flatMap((s) => "value" in s ? n(s) : "range" in s ? o(s) : []).filter(Boolean) : [], [e, r, o, n]), i = v(() => {
     t({
       products: {
         filter: []
@@ -582,10 +622,10 @@ function Ie() {
     /** Selected filters array. */
     filters: u,
     /** Should remove all selected filters. */
-    removeAll: c
+    removeAll: i
   };
 }
-function _(e) {
+function N(e) {
   if (typeof e == "number")
     return e;
   if (typeof e != "string")
@@ -593,9 +633,9 @@ function _(e) {
   const t = Number(e);
   return isNaN(t) ? void 0 : t;
 }
-function Te(e) {
+function xe(e) {
   var a, d, m;
-  const { replaceFilter: t } = k(), { query: r, products: n } = v((g) => ({
+  const { replaceFilter: t } = F(), { query: r, products: n } = C((g) => ({
     query: g.query,
     products: g.response.products
   })), o = (a = n == null ? void 0 : n.facets) == null ? void 0 : a.find((g) => g.id === e);
@@ -607,54 +647,54 @@ function Te(e) {
       updateRange: () => {
       }
     };
-  const u = (m = (d = r.products) == null ? void 0 : d.filter) == null ? void 0 : m.find((g) => g.field === o.field), c = u != null && u.range ? u.range[0] : void 0, i = typeof c == "object" && ("gte" in c || "lte" in c) ? [_(c.gte), _(c.lte)] : [void 0, void 0], l = "min" in o ? Math.floor(o.min) : 0, s = "max" in o ? Math.ceil(o.max) : 0, f = ([g, y]) => {
-    const p = g !== void 0 ? Math.floor(g) : void 0, S = y !== void 0 ? Math.ceil(y) : void 0, A = p !== void 0, b = S !== void 0;
-    (l === p || !A) && (s === S || !b) ? t(o.field, void 0) : (l === p || !A) && b ? t(o.field, {
-      lte: S.toString()
-    }) : (s === S || !b) && A ? t(o.field, {
+  const u = (m = (d = r.products) == null ? void 0 : d.filter) == null ? void 0 : m.find((g) => g.field === o.field), i = u != null && u.range ? u.range[0] : void 0, s = typeof i == "object" && ("gte" in i || "lte" in i) ? [N(i.gte), N(i.lte)] : [void 0, void 0], l = "min" in o ? Math.floor(o.min) : 0, c = "max" in o ? Math.ceil(o.max) : 0, f = ([g, h]) => {
+    const p = g !== void 0 ? Math.floor(g) : void 0, y = h !== void 0 ? Math.ceil(h) : void 0, w = p !== void 0, S = y !== void 0;
+    (l === p || !w) && (c === y || !S) ? t(o.field, void 0) : (l === p || !w) && S ? t(o.field, {
+      lte: y.toString()
+    }) : (c === y || !S) && w ? t(o.field, {
       gte: p.toString()
-    }) : A && b && t(o.field, {
+    }) : w && S && t(o.field, {
       gte: p.toString(),
-      lte: S.toString()
+      lte: y.toString()
     });
   };
   return {
     /** Min value */
     min: l,
     /** Max value */
-    max: s,
+    max: c,
     /** Range value */
-    range: [i[0] ?? l, i[1] ?? s],
+    range: [s[0] ?? l, s[1] ?? c],
     /** Update range function */
     updateRange: f
   };
 }
-function Le(e, t) {
-  const { min: r, max: n, range: o, updateRange: u } = Te(e), { filters: c } = Ie(), i = N(() => {
-    var y;
-    const a = c.find((p) => {
-      var S;
-      return (S = p == null ? void 0 : p.filter) == null ? void 0 : S.range;
+function Je(e, t) {
+  const { min: r, max: n, range: o, updateRange: u } = xe(e), { filters: i } = Te(), s = b(() => {
+    var h;
+    const a = i.find((p) => {
+      var y;
+      return (y = p == null ? void 0 : p.filter) == null ? void 0 : y.range;
     });
     let d = null;
     if (a) {
-      const p = (y = a.filter.range) == null ? void 0 : y[0];
-      d = [_(p == null ? void 0 : p.gte), _(p == null ? void 0 : p.lte)];
+      const p = (h = a.filter.range) == null ? void 0 : h[0];
+      d = [N(p == null ? void 0 : p.gte), N(p == null ? void 0 : p.lte)];
     }
     const m = [];
     let g = Math.floor(r / t) * t;
     for (; g < n; ) {
-      const p = g + t, S = d && d[0] === g && d[1] === p;
+      const p = g + t, y = d && d[0] === g && d[1] === p;
       m.push({
         min: g,
         max: p,
-        selected: S
+        selected: y
       }), g = p;
     }
     return m;
-  }, [c, r, n, t]), l = (a) => {
+  }, [i, r, n, t]), l = (a) => {
     u([a, o[1]]);
-  }, s = (a) => {
+  }, c = (a) => {
     u([o[0], a]);
   }, f = r !== o[0] || n !== o[1];
   return {
@@ -667,17 +707,17 @@ function Le(e, t) {
     /** Update range function */
     updateRange: u,
     /** Ranges */
-    ranges: i,
+    ranges: s,
     /** Handle min change */
     handleMinChange: l,
     /** Handle max change */
-    handleMaxChange: s,
+    handleMaxChange: c,
     /** Is selected */
     isSelected: f
   };
 }
-function Ge() {
-  const { products: e, keywords: t } = v((r) => r.response);
+function Ye() {
+  const { products: e, keywords: t } = C((r) => r.response);
   return {
     /** Array of products */
     products: e ?? { hits: [], total: 0 },
@@ -685,61 +725,61 @@ function Ge() {
     keywords: t ?? { hits: [], total: 0 }
   };
 }
-function Je() {
-  const e = v((r) => {
+function We() {
+  const e = C((r) => {
     var n;
     return (n = r.query.products) == null ? void 0 : n.filter;
   });
-  return N(() => e ? e.reduce((r, n) => r + (Array.isArray(n.value) ? n.value.length : 1), 0) : 0, [e]);
+  return b(() => e ? e.reduce((r, n) => r + (Array.isArray(n.value) ? n.value.length : 1), 0) : 0, [e]);
 }
 function x(e) {
   return e && !Number.isNaN(e) ? e : 0;
 }
-function Ye(e, t) {
-  const { from: r, size: n, total: o } = v((s) => {
+function Xe(e, t) {
+  const { from: r, size: n, total: o } = C((c) => {
     var f, a, d, m, g;
     return {
-      from: x(((f = s.query.products) == null ? void 0 : f.from) ?? 0),
-      size: x(((d = (a = s.response) == null ? void 0 : a.products) == null ? void 0 : d.size) ?? 0),
-      total: x(((g = (m = s.response) == null ? void 0 : m.products) == null ? void 0 : g.total) ?? 0)
+      from: x(((f = c.query.products) == null ? void 0 : f.from) ?? 0),
+      size: x(((d = (a = c.response) == null ? void 0 : a.products) == null ? void 0 : d.size) ?? 0),
+      total: x(((g = (m = c.response) == null ? void 0 : m.products) == null ? void 0 : g.total) ?? 0)
     };
-  }), { updateSearch: u } = k(), c = r + n, i = [...e].reverse().filter((s) => s + t < o);
+  }), { updateSearch: u } = F(), i = r + n, s = [...e].reverse().filter((c) => c + t < o);
   return {
     /** from value */
     from: r,
     /** to value */
-    to: c,
+    to: i,
     /** total value */
     total: o,
     /** size value */
     size: n,
     /** Array of size options */
-    sizeOptions: i,
+    sizeOptions: s,
     /** Should be called when size is changed */
-    handleSizeChange: (s) => {
+    handleSizeChange: (c) => {
       u({
         products: {
-          size: s
+          size: c
         }
       });
     }
   };
 }
-function xe(e, t) {
+function ze(e, t) {
   return e.length !== t.length ? !1 : e.every((r) => t.find((n) => r.field === n.field && r.order === n.order));
 }
-function We(e) {
-  var u, c;
-  const t = v((i) => i.query), { updateSearch: r } = k();
+function Ze(e) {
+  var u, i;
+  const t = C((s) => s.query), { updateSearch: r } = F();
   return {
     /** Active sort */
-    activeSort: ((u = e.find((i) => {
+    activeSort: ((u = e.find((s) => {
       var l;
-      return xe(i.value.sort, ((l = t.products) == null ? void 0 : l.sort) || []);
-    })) == null ? void 0 : u.id) ?? ((c = e[0]) == null ? void 0 : c.id),
+      return ze(s.value.sort, ((l = t.products) == null ? void 0 : l.sort) || []);
+    })) == null ? void 0 : u.id) ?? ((i = e[0]) == null ? void 0 : i.id),
     /** Set sort function */
-    setSort: (i) => {
-      const l = e.find((s) => s.id === i);
+    setSort: (s) => {
+      const l = e.find((c) => c.id === s);
       l && r({
         products: {
           sort: l.value.sort
@@ -749,26 +789,27 @@ function We(e) {
   };
 }
 export {
-  je as AutocompletePageProvider,
-  De as CategoryPageProvider,
-  Ve as SearchInput,
-  Ue as SearchPageProvider,
-  $e as SerpElement,
-  F as StoreContext,
+  De as AutocompletePageProvider,
+  Ue as CategoryPageProvider,
+  $e as SearchInput,
+  Be as SearchPageProvider,
+  je as SerpElement,
+  M as StoreContext,
   se as createExtendableStore,
   I as createStore,
   ie as defaultState,
-  k as useActions,
-  Be as useDecoratedSearchResults,
-  Ke as useFacet,
-  Qe as useFacets,
-  v as useNostoAppState,
-  He as usePersonalization,
-  Ie as useProductFilters,
-  Te as useRange,
-  Le as useRangeSelector,
-  Ge as useResponse,
-  Je as useSelectedFiltersCount,
-  Ye as useSizeOptions,
-  We as useSort
+  F as useActions,
+  Ke as useDecoratedSearchResults,
+  Qe as useFacet,
+  He as useFacets,
+  C as useNostoAppState,
+  Le as usePagination,
+  Ge as usePersonalization,
+  Te as useProductFilters,
+  xe as useRange,
+  Je as useRangeSelector,
+  Ye as useResponse,
+  We as useSelectedFiltersCount,
+  Xe as useSizeOptions,
+  Ze as useSort
 };

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

@@ -0,0 +1,43 @@
+/**
+ * Pagination page type.
+ */
+export type Page = {
+    from: number;
+    page: number;
+    current: boolean;
+};
+/**
+ * Preact hook that import pagination state to the component.
+ *
+ * **Should always be at the top of the component!**
+ *
+ * @example
+ * ```jsx
+ * import { usePagination } from '@nosto/search-js/preact'
+ *
+ * export default () => {
+ *     const { pages } = usePagination()
+ *
+ *     return pages.map((page) => <li>
+ *         {page.current ? <span>{page.page}</span> : <a>
+ *             {page.page}
+ *         </a>}
+ *     </li>)
+ * }
+ * ```
+ *
+ * @group Hooks
+ */
+export declare function usePagination(options?: {
+    width?: number;
+}): {
+    totalPages: number;
+    resultsFrom: number;
+    resultsTo: number;
+    current?: Page;
+    prev?: Page;
+    next?: Page;
+    first?: Page;
+    last?: Page;
+    pages: Page[];
+};

package/dist/search-B0-bVNMy.js

@@ -0,0 +1,43 @@
+import { s } from "./index.es-B8mbAxS4.js";
+function a(t, r) {
+  if (!t.products || !(r != null && r.length))
+    return t;
+  const e = (i) => r.reduce((u, n) => n(u), i);
+  return {
+    ...t,
+    products: {
+      ...t.products,
+      hits: t.products.hits.map(e)
+    }
+  };
+}
+function o(t) {
+  return new Promise((r) => setTimeout(r, t));
+}
+async function f(t, r, e) {
+  const { maxRetries: i = 0, retryInterval: u = 1e3 } = e;
+  let n = 0;
+  for (; ; )
+    try {
+      return await t.search(r, e);
+    } catch (c) {
+      if (!h(c))
+        throw console.info("Skipping retry logic for", c), c;
+      if (n >= i)
+        throw c;
+      n++, await o(u);
+    }
+}
+function h(t) {
+  return !t || typeof t != "object" ? !1 : !("status" in t) || l(t.status);
+}
+function l(t) {
+  return typeof t == "number" && (t < 400 || t >= 500);
+}
+async function p(t, r = {}) {
+  const { hitDecorators: e, ...i } = r, u = await new Promise(s), n = await f(u, t, i);
+  return a(n, e);
+}
+export {
+  p as s
+};

package/dist/search-BVJZK90N.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./index.es-DlUp67LT.cjs");function a(t,e){if(!t.products||!(e!=null&&e.length))return t;const r=i=>e.reduce((u,n)=>n(u),i);return{...t,products:{...t.products,hits:t.products.hits.map(r)}}}function o(t){return new Promise(e=>setTimeout(e,t))}async function f(t,e,r){const{maxRetries:i=0,retryInterval:u=1e3}=r;let n=0;for(;;)try{return await t.search(e,r)}catch(c){if(!h(c))throw console.info("Skipping retry logic for",c),c;if(n>=i)throw c;n++,await o(u)}}function h(t){return!t||typeof t!="object"?!1:!("status"in t)||l(t.status)}function l(t){return typeof t=="number"&&(t<400||t>=500)}async function y(t,e={}){const{hitDecorators:r,...i}=e,u=await new Promise(s.s),n=await f(u,t,i);return a(n,r)}exports.search=y;

package/dist/thumbnails/thumbnails.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../index.es-D_7T9vdv.cjs");function s({size:e,productId:a,hash:u}){const i=p.i();if(!i)throw new Error("Client script settings are not yet available");return`https://${i.thumbnailHost}/${i.account}/${e}/${a}/${u}/A`}function l({size:e}){function a(c,r){if(r)return s({size:e,productId:c,hash:r})}function u(c,r){if(r)return r.map(t=>({...t,imageUrl:a(c,t.imageHash)??t.imageUrl}))}function i(c,r,t){if(!t)return r;if(r)return t.map(n=>s({size:e,productId:c,hash:n}))}return function(r){const t=r.productId;return t?{...r,imageUrl:a(t,r.imageHash)??r.imageUrl,thumbUrl:a(t,r.thumbHash)??r.thumbUrl,skus:u(t,r.skus),alternateImageUrls:i(t,r.alternateImageUrls,r.alternateImageHashes)}:r}}const g=/cdn\.shopify\.com/,m={1:"170x170_crop_center",2:"100x100_crop_center",3:"90x70_crop_center",4:"50x50_crop_center",5:"30x30_crop_center",6:"100x140_crop_center",7:"200x200_crop_center",8:"400x400",9:"750x750"};function U(e){return e in m}function f({size:e,fallback:a=u=>u}){if(e==="orig")return a;const u=m[e]||e;function i(n){return n?new URL(n).hostname.match(g):!1}function c(n){return n?i(n)?n.replace(/(\.jpg|\.png|\.jpeg|\.gif|\.webp)/,`_${u}$1`):n:""}function r(n){if(n)return n.map(o=>({...o,imageUrl:c(o.imageUrl)}))}function t(n){if(n)return n.map(o=>c(o))}return function(o){return i(o.imageUrl)?{...o,imageUrl:c(o.imageUrl),thumbUrl:c(o.thumbUrl),skus:r(o.skus),alternateImageUrls:t(o.alternateImageUrls)}:a(o)}}function d(){var e;return(e=window.Nosto)==null?void 0:e.shopifyScript}function b({size:e}){const a=l({size:e});return d()&&U(e)?f({size:e,fallback:a}):a}exports.generateThumbnailUrl=s;exports.nostoThumbnailDecorator=l;exports.shopifyThumbnailDecorator=f;exports.thumbnailDecorator=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../index.es-DlUp67LT.cjs");function s({size:e,productId:a,hash:u}){const i=p.i();if(!i)throw new Error("Client script settings are not yet available");return`https://${i.thumbnailHost}/${i.account}/${e}/${a}/${u}/A`}function l({size:e}){function a(c,r){if(r)return s({size:e,productId:c,hash:r})}function u(c,r){if(r)return r.map(t=>({...t,imageUrl:a(c,t.imageHash)??t.imageUrl}))}function i(c,r,t){if(!t)return r;if(r)return t.map(n=>s({size:e,productId:c,hash:n}))}return function(r){const t=r.productId;return t?{...r,imageUrl:a(t,r.imageHash)??r.imageUrl,thumbUrl:a(t,r.thumbHash)??r.thumbUrl,skus:u(t,r.skus),alternateImageUrls:i(t,r.alternateImageUrls,r.alternateImageHashes)}:r}}const g=/cdn\.shopify\.com/,m={1:"170x170_crop_center",2:"100x100_crop_center",3:"90x70_crop_center",4:"50x50_crop_center",5:"30x30_crop_center",6:"100x140_crop_center",7:"200x200_crop_center",8:"400x400",9:"750x750"};function U(e){return e in m}function f({size:e,fallback:a=u=>u}){if(e==="orig")return a;const u=m[e]||e;function i(n){return n?new URL(n).hostname.match(g):!1}function c(n){return n?i(n)?n.replace(/(\.jpg|\.png|\.jpeg|\.gif|\.webp)/,`_${u}$1`):n:""}function r(n){if(n)return n.map(o=>({...o,imageUrl:c(o.imageUrl)}))}function t(n){if(n)return n.map(o=>c(o))}return function(o){return i(o.imageUrl)?{...o,imageUrl:c(o.imageUrl),thumbUrl:c(o.thumbUrl),skus:r(o.skus),alternateImageUrls:t(o.alternateImageUrls)}:a(o)}}function d(){var e;return(e=window.Nosto)==null?void 0:e.shopifyScript}function b({size:e}){const a=l({size:e});return d()&&U(e)?f({size:e,fallback:a}):a}exports.generateThumbnailUrl=s;exports.nostoThumbnailDecorator=l;exports.shopifyThumbnailDecorator=f;exports.thumbnailDecorator=b;

package/dist/thumbnails/thumbnails.es.js

@@ -1,4 +1,4 @@
-import { i as m } from "../index.es-Bcd5IQh9.js";
+import { i as m } from "../index.es-B8mbAxS4.js";
 function s({ size: e, productId: a, hash: i }) {
   const u = m();
   if (!u)

package/dist/utils/src/range.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Generate an array of numbers from start to exlusive end
+ * @param start number of array range start
+ * @param end number of array range end
+ * @returns an array of numbers from start to exlusive end
+ * @example
+ * ```ts
+ * range(1, 5) // [1, 2, 3, 4]
+ * ```
+ */
+export declare function range(start: number, end: number): number[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosto/search-js",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "license": "ISC",
   "type": "module",
   "files": [
@@ -53,16 +53,16 @@
     "install:dev": "(cd dev/preact && npm i --ignore-scripts)"
   },
   "devDependencies": {
-    "@nosto/nosto-js": "^1.5.0",
+    "@nosto/nosto-js": "^1.7.0",
     "@testing-library/dom": "^10.4.0",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/node": "^22.13.10",
+    "@types/node": "^22.13.13",
     "concurrently": "^9.1.2",
     "copyfiles": "^2.4.1",
-    "eslint": "^9.22.0",
+    "eslint": "^9.23.0",
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-barrel-files": "^3.0.1",
-    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-prettier": "^5.2.4",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-unused-imports": "^4.1.4",
     "eslint-plugin-react": "^7.37.4",
@@ -71,10 +71,10 @@
     "prettier": "^3.5.3",
     "typedoc": "^0.27.9",
     "typescript": "^5.8.2",
-    "typescript-eslint": "^8.26.0",
-    "vite": "^6.2.1",
+    "typescript-eslint": "^8.28.0",
+    "vite": "^6.2.3",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.8"
+    "vitest": "^3.0.9"
   },
   "publishConfig": {
     "access": "public"

package/dist/index.es-Bcd5IQh9.js

@@ -1,20 +0,0 @@
-function o() {
-  window.nostojs = window.nostojs ?? function(n) {
-    (window.nostojs.q = window.nostojs.q ?? []).push(n);
-  };
-}
-async function i(n) {
-  return window.nostojs(n);
-}
-let t = null;
-typeof window < "u" && (o(), i((n) => {
-  t = n.internal.getSettings();
-}));
-function s() {
-  return t;
-}
-typeof window < "u" && o();
-export {
-  s as i,
-  i as s
-};

package/dist/index.es-D_7T9vdv.cjs

@@ -1 +0,0 @@
-"use strict";function o(){window.nostojs=window.nostojs??function(n){(window.nostojs.q=window.nostojs.q??[]).push(n)}}async function t(n){return window.nostojs(n)}let s=null;typeof window<"u"&&(o(),t(n=>{s=n.internal.getSettings()}));function i(){return s}typeof window<"u"&&o();exports.i=i;exports.s=t;