@nosto/search-js 1.7.6 → 2.0.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.
Files changed (44) hide show
  1. package/README.md +2 -2
  2. package/dist/InfiniteScrollWithObserver-BoKdnFuB.cjs +1 -0
  3. package/dist/InfiniteScrollWithObserver-CkdVKocm.js +39 -0
  4. package/dist/baseConfig-C_tlTx1w.js +20 -0
  5. package/dist/baseConfig-DEAGSRSp.cjs +1 -0
  6. package/dist/jsxRuntime.module-B3sGoTIU.cjs +1 -0
  7. package/dist/jsxRuntime.module-Bzuv3cXw.js +13 -0
  8. package/dist/preact/autocomplete.cjs.js +1 -0
  9. package/dist/preact/autocomplete.d.ts +5 -0
  10. package/dist/preact/autocomplete.es.js +52 -0
  11. package/dist/preact/category.cjs.js +1 -0
  12. package/dist/preact/category.d.ts +3 -0
  13. package/dist/preact/category.es.js +22 -0
  14. package/dist/preact/common.cjs.js +1 -0
  15. package/dist/preact/common.d.ts +6 -0
  16. package/dist/preact/common.es.js +26 -0
  17. package/dist/preact/hooks.cjs.js +1 -0
  18. package/dist/preact/hooks.d.ts +16 -0
  19. package/dist/preact/hooks.es.js +356 -0
  20. package/dist/preact/legacy.cjs.js +1 -0
  21. package/dist/preact/legacy.d.ts +4 -0
  22. package/dist/preact/legacy.es.js +7 -0
  23. package/dist/preact/preact.d.ts +1 -0
  24. package/dist/preact/serp.cjs.js +1 -0
  25. package/dist/preact/serp.d.ts +4 -0
  26. package/dist/preact/serp.es.js +41 -0
  27. package/dist/preact/src/components/Autocomplete/AutocompleteElement.d.ts +36 -0
  28. package/dist/preact/src/components/Autocomplete/utils.d.ts +5 -0
  29. package/dist/renderHeadless-BteGML1G.js +23 -0
  30. package/dist/renderHeadless-xhkLegO4.cjs +1 -0
  31. package/dist/storeContext-12dN1l9r.cjs +1 -0
  32. package/dist/storeContext-CBqmmTUC.js +99 -0
  33. package/dist/useLoadMore-BBrbOkyq.cjs +1 -0
  34. package/dist/useLoadMore-DnvHCsYl.js +281 -0
  35. package/dist/utils/utils.cjs.js +1 -1
  36. package/dist/utils/utils.es.js +1 -1
  37. package/package.json +43 -19
  38. package/dist/InfiniteScrollWithObserver-DbErxedF.cjs +0 -1
  39. package/dist/InfiniteScrollWithObserver-kuSGeBWr.js +0 -418
  40. package/dist/preact/preact.cjs.js +0 -1
  41. package/dist/preact/preact.es.js +0 -484
  42. package/dist/preact-legacy/preact-legacy.cjs.js +0 -1
  43. package/dist/preact-legacy/preact-legacy.d.ts +0 -4
  44. package/dist/preact-legacy/preact-legacy.es.js +0 -6
package/README.md CHANGED
@@ -22,7 +22,7 @@ Read [Nosto Techdocs](https://docs.nosto.com/techdocs/apis/frontend/oss/search-j
22
22
  [Library TypeDoc page](https://nosto.github.io/search-js/) includes detailed library helpers documentation and examples.
23
23
 
24
24
  ## Packages
25
- ### `preact-legacy`
26
- The `preact-legacy` package is designed to provide backward compatibility for existing Search Template implementations. It serves as a bridge to support legacy functionality.
25
+ ### `preact/legacy`
26
+ The `preact/legacy` package is designed to provide backward compatibility for existing Search Template implementations. It serves as a bridge to support legacy functionality.
27
27
 
28
28
  > The components included in this package are intended solely for compatibility purposes. They are not recommended for use in new development or as active components in modern applications.
@@ -0,0 +1 @@
1
+ "use strict";const d=require("./jsxRuntime.module-B3sGoTIU.cjs"),f=require("./useLoadMore-BBrbOkyq.cjs"),l=require("preact/hooks"),b=require("preact");function p(t,...o){return o.reduce((r,n)=>(r[n]=t[n],r),{})}function v(t,o){var c,e,s;const r=((c=o.products)==null?void 0:c.total)??0,n=((e=t.products)==null?void 0:e.from)??0,i=((s=t.products)==null?void 0:s.size)??0;return r>0&&r>n+i}function h(){return!!(window.IntersectionObserver&&window.IntersectionObserverEntry&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)}function O({children:t,pageSize:o}){const r=l.useRef(null),{query:n,response:i}=f.useNostoAppState(e=>p(e,"query","response")),{loadMore:c}=f.useLoadMore(o);return l.useEffect(()=>{let e,s;return v(n,i)&&(e=r.current,s=new IntersectionObserver(a=>{const u=a[0];u!=null&&u.isIntersecting&&c()}),e&&s.observe(e)),()=>{e&&s.unobserve(e)}},[i]),d.u(b.Fragment,{children:[t,d.u("div",{ref:r,style:{height:"1px"}})]})}exports.InfiniteScrollWithObserver=O;exports.hasMoreResults=v;exports.intersectionObserverSupported=h;exports.pick=p;
@@ -0,0 +1,39 @@
1
+ import { u as f } from "./jsxRuntime.module-Bzuv3cXw.js";
2
+ import { a, u as d } from "./useLoadMore-DnvHCsYl.js";
3
+ import { useRef as l, useEffect as m } from "preact/hooks";
4
+ import { Fragment as v } from "preact";
5
+ function b(t, ...s) {
6
+ return s.reduce(
7
+ (r, o) => (r[o] = t[o], r),
8
+ {}
9
+ );
10
+ }
11
+ function w(t, s) {
12
+ var c, e, n;
13
+ const r = ((c = s.products) == null ? void 0 : c.total) ?? 0, o = ((e = t.products) == null ? void 0 : e.from) ?? 0, i = ((n = t.products) == null ? void 0 : n.size) ?? 0;
14
+ return r > 0 && r > o + i;
15
+ }
16
+ function R() {
17
+ return !!(window.IntersectionObserver && window.IntersectionObserverEntry && "intersectionRatio" in window.IntersectionObserverEntry.prototype);
18
+ }
19
+ function E({ children: t, pageSize: s }) {
20
+ const r = l(null), { query: o, response: i } = a((e) => b(e, "query", "response")), { loadMore: c } = d(s);
21
+ return m(() => {
22
+ let e, n;
23
+ return w(o, i) && (e = r.current, n = new IntersectionObserver((p) => {
24
+ const u = p[0];
25
+ u != null && u.isIntersecting && c();
26
+ }), e && n.observe(e)), () => {
27
+ e && n.unobserve(e);
28
+ };
29
+ }, [i]), /* @__PURE__ */ f(v, { children: [
30
+ t,
31
+ /* @__PURE__ */ f("div", { ref: r, style: { height: "1px" } })
32
+ ] });
33
+ }
34
+ export {
35
+ E as I,
36
+ w as h,
37
+ R as i,
38
+ b as p
39
+ };
@@ -0,0 +1,20 @@
1
+ import { s as e } from "./index.es-B8mbAxS4.js";
2
+ import { useEffect as t } from "preact/hooks";
3
+ function r() {
4
+ t(() => {
5
+ const o = window.setTimeout(() => {
6
+ console.error("Nosto client script has not loaded after 3 seconds.");
7
+ }, 3e3);
8
+ e(() => {
9
+ window.clearTimeout(o);
10
+ });
11
+ }, []);
12
+ }
13
+ const n = {
14
+ defaultCurrency: "EUR",
15
+ queryModifications: (o) => o
16
+ };
17
+ export {
18
+ n as d,
19
+ r as u
20
+ };
@@ -0,0 +1 @@
1
+ "use strict";const t=require("./index.es-DlUp67LT.cjs"),o=require("preact/hooks");function s(){o.useEffect(()=>{const e=window.setTimeout(()=>{console.error("Nosto client script has not loaded after 3 seconds.")},3e3);t.s(()=>{window.clearTimeout(e)})},[])}const i={defaultCurrency:"EUR",queryModifications:e=>e};exports.defaultBaseConfig=i;exports.useCheckClientScript=s;
@@ -0,0 +1 @@
1
+ "use strict";const i=require("preact");var s=0;function p(e,_,f,t,l,c){_||(_={});var n,o,r=_;if("ref"in r)for(o in r={},_)o=="ref"?n=_[o]:r[o]=_[o];var u={type:e,props:r,key:f,ref:n,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--s,__i:-1,__u:0,__source:l,__self:c};if(typeof e=="function"&&(n=e.defaultProps))for(o in n)r[o]===void 0&&(r[o]=n[o]);return i.options.vnode&&i.options.vnode(u),u}exports.u=p;
@@ -0,0 +1,13 @@
1
+ import { options as i } from "preact";
2
+ var v = 0;
3
+ function t(f, _, u, c, l, p) {
4
+ _ || (_ = {});
5
+ var n, o, r = _;
6
+ if ("ref" in r) for (o in r = {}, _) o == "ref" ? n = _[o] : r[o] = _[o];
7
+ var e = { type: f, props: r, key: u, ref: n, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --v, __i: -1, __u: 0, __source: l, __self: p };
8
+ if (typeof f == "function" && (n = f.defaultProps)) for (o in n) r[o] === void 0 && (r[o] = n[o]);
9
+ return i.vnode && i.vnode(e), e;
10
+ }
11
+ export {
12
+ t as u
13
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../index.es-DlUp67LT.cjs"),a=require("preact"),u=require("../renderHeadless-xhkLegO4.cjs"),i=require("../jsxRuntime.module-B3sGoTIU.cjs"),r=require("../storeContext-12dN1l9r.cjs"),c=require("../baseConfig-DEAGSRSp.cjs");function f(e){return e!==null&&typeof e=="object"&&"props"in e&&typeof e.type=="string"}function m({children:e,hit:n}){var o;if(!f(e))throw new Error("AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported.");const t=(o=e.props)==null?void 0:o.onClick;return a.cloneElement(e,{onClick:p=>{n&&l.s(s=>s.recordSearchClick("autocomplete",n)),typeof t=="function"&&t(p)}})}function g({children:e,onSearchInput:n}){return u.renderHeadless({children:e,updateElement:t=>(!u.isHTMLInput(t)||t.props.type!=="search"||(t.props={...t.props,onInput:o=>{o.target instanceof HTMLInputElement&&n(o.target)}}),t)})}const C={...c.defaultBaseConfig};function d(e){return{pageType:"autocomplete",...C,...e}}function S({config:e,store:n,children:t}){const o=n??r.createStore();return c.useCheckClientScript(),i.u(r.ConfigContext,{value:d(e),children:i.u(r.StoreContext,{value:o,children:t})})}exports.AutocompleteElement=m;exports.AutocompletePageProvider=S;exports.SearchInput=g;
@@ -0,0 +1,5 @@
1
+ /** @module preact/autocomplete */
2
+ export { AutocompleteElement } from './src/components/Autocomplete/AutocompleteElement';
3
+ export { SearchInput } from './src/components/SearchInput';
4
+ export type { PublicAutocompleteConfig as AutocompleteConfig } from './src/config/pages/autocomplete/config';
5
+ export { AutocompletePageProvider } from './src/config/pages/autocomplete/provider';
@@ -0,0 +1,52 @@
1
+ import { s as u } from "../index.es-B8mbAxS4.js";
2
+ import { cloneElement as a } from "preact";
3
+ import { r as s, i as c } from "../renderHeadless-BteGML1G.js";
4
+ import { u as n } from "../jsxRuntime.module-Bzuv3cXw.js";
5
+ import { c as l, S as m, C as f } from "../storeContext-CBqmmTUC.js";
6
+ import { d as C, u as g } from "../baseConfig-C_tlTx1w.js";
7
+ function E(t) {
8
+ return t !== null && typeof t == "object" && "props" in t && typeof t.type == "string";
9
+ }
10
+ function I({ children: t, hit: r }) {
11
+ var o;
12
+ if (!E(t))
13
+ throw new Error(
14
+ "AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported."
15
+ );
16
+ const e = (o = t.props) == null ? void 0 : o.onClick;
17
+ return a(t, {
18
+ onClick: (p) => {
19
+ r && u((i) => i.recordSearchClick("autocomplete", r)), typeof e == "function" && e(p);
20
+ }
21
+ });
22
+ }
23
+ function L({ children: t, onSearchInput: r }) {
24
+ return s({
25
+ children: t,
26
+ updateElement: (e) => (!c(e) || e.props.type !== "search" || (e.props = {
27
+ ...e.props,
28
+ onInput: (o) => {
29
+ o.target instanceof HTMLInputElement && r(o.target);
30
+ }
31
+ }), e)
32
+ });
33
+ }
34
+ const S = {
35
+ ...C
36
+ };
37
+ function k(t) {
38
+ return {
39
+ pageType: "autocomplete",
40
+ ...S,
41
+ ...t
42
+ };
43
+ }
44
+ function M({ config: t, store: r, children: e }) {
45
+ const o = r ?? l();
46
+ return g(), /* @__PURE__ */ n(f, { value: k(t), children: /* @__PURE__ */ n(m, { value: o, children: e }) });
47
+ }
48
+ export {
49
+ I as AutocompleteElement,
50
+ M as AutocompletePageProvider,
51
+ L as SearchInput
52
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsxRuntime.module-B3sGoTIU.cjs"),t=require("../storeContext-12dN1l9r.cjs"),o=require("../baseConfig-DEAGSRSp.cjs"),u={...o.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function c(e){return{pageType:"category",...u,...e}}function s({config:e,store:a,children:n}){const i=a??t.createStore();return o.useCheckClientScript(),r.u(t.ConfigContext,{value:c(e),children:r.u(t.StoreContext,{value:i,children:n})})}exports.CategoryPageProvider=s;
@@ -0,0 +1,3 @@
1
+ /** @module preact/category */
2
+ export type { PublicCategoryConfig as CategoryConfig } from './src/config/pages/category/config';
3
+ export { CategoryPageProvider } from './src/config/pages/category/provider';
@@ -0,0 +1,22 @@
1
+ import { u as t } from "../jsxRuntime.module-Bzuv3cXw.js";
2
+ import { c as n, S as c, C as i } from "../storeContext-CBqmmTUC.js";
3
+ import { d as s, u as f } from "../baseConfig-C_tlTx1w.js";
4
+ const C = {
5
+ ...s,
6
+ persistentSearchCache: !1,
7
+ preservePageScroll: !1
8
+ };
9
+ function u(e) {
10
+ return {
11
+ pageType: "category",
12
+ ...C,
13
+ ...e
14
+ };
15
+ }
16
+ function m({ config: e, store: r, children: o }) {
17
+ const a = r ?? n();
18
+ return f(), /* @__PURE__ */ t(i, { value: u(e), children: /* @__PURE__ */ t(c, { value: a, children: o }) });
19
+ }
20
+ export {
21
+ m as CategoryPageProvider
22
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../utils/utils.cjs.js"),t=require("../jsxRuntime.module-B3sGoTIU.cjs"),s=require("../useLoadMore-BBrbOkyq.cjs"),r=require("../InfiniteScrollWithObserver-BoKdnFuB.cjs"),p=require("preact"),o=require("../storeContext-12dN1l9r.cjs");function b({pageSize:n}){const{loadMore:e}=s.useLoadMore(n);return t.u("button",{onClick:e,children:"More results"})}function u({children:n,loadMoreComponent:e,pageSize:i}){const{loading:c,query:l,response:a}=s.useNostoAppState(S=>r.pick(S,"loading","query","response")),d=!c&&r.hasMoreResults(l,a);return t.u(p.Fragment,{children:[n,d&&(e?t.u(e,{pageSize:i}):t.u(b,{pageSize:i}))]})}const q=!f.isBot()&&r.intersectionObserverSupported()?r.InfiniteScrollWithObserver:u;exports.StoreContext=o.StoreContext;exports.createExtendableStore=o.createExtendableStore;exports.createStore=o.createStore;exports.defaultState=o.defaultState;exports.InfiniteScroll=q;exports.InfiniteScrollWithLink=u;
@@ -0,0 +1,6 @@
1
+ /** @module preact/common */
2
+ export { InfiniteScroll, type InfiniteScrollProps } from './src/components/InfiniteScroll/InfiniteScroll';
3
+ export { InfiniteScrollWithLink } from './src/components/InfiniteScroll/InfiniteScrollWithLink';
4
+ export { createStore, defaultState, type State, type Store } from './src/store';
5
+ export { StoreContext } from './src/storeContext';
6
+ export { createExtendableStore, type ExtendedStore } from './src/storeExtensions';
@@ -0,0 +1,26 @@
1
+ import { isBot as l } from "../utils/utils.es.js";
2
+ import { u as e } from "../jsxRuntime.module-Bzuv3cXw.js";
3
+ import { u as p, a as u } from "../useLoadMore-DnvHCsYl.js";
4
+ import { h as d, p as m, i as f, I as S } from "../InfiniteScrollWithObserver-CkdVKocm.js";
5
+ import { Fragment as h } from "preact";
6
+ import { S as y, a as O, c as W, d as A } from "../storeContext-CBqmmTUC.js";
7
+ function M({ pageSize: r }) {
8
+ const { loadMore: o } = p(r);
9
+ return /* @__PURE__ */ e("button", { onClick: o, children: "More results" });
10
+ }
11
+ function b({ children: r, loadMoreComponent: o, pageSize: t }) {
12
+ const { loading: n, query: s, response: i } = u((c) => m(c, "loading", "query", "response")), a = !n && d(s, i);
13
+ return /* @__PURE__ */ e(h, { children: [
14
+ r,
15
+ a && (o ? /* @__PURE__ */ e(o, { pageSize: t }) : /* @__PURE__ */ e(M, { pageSize: t }))
16
+ ] });
17
+ }
18
+ const g = !l() && f() ? S : b;
19
+ export {
20
+ g as InfiniteScroll,
21
+ b as InfiniteScrollWithLink,
22
+ y as StoreContext,
23
+ O as createExtendableStore,
24
+ W as createStore,
25
+ A as defaultState
26
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../useLoadMore-BBrbOkyq.cjs"),C=require("../storeContext-12dN1l9r.cjs"),S=require("preact/hooks"),P=require("../index.es-DlUp67LT.cjs");function z(e){const o=m.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&C.isPlainObject(e)?e:o}function q(e){var i;const o=((i=e.data)==null?void 0:i.filter(a=>a.selected).length)??0,[t,n]=S.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 S.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,c=Math.max(Math.floor(u-1)/2,1),i=t.size>0?Math.floor(n/t.size)+1:1,a=t.size>0?Math.ceil(t.total/t.size):0,g=A=>A>=i-c&&A<=i+c,s=n+1,l=Math.min(n+t.total,t.total),r={from:n,page:i,current:!0},p=A=>({from:(A-1)*t.size,page:A,current:A===i}),v=i>1?p(i-1):void 0,d=i<a?p(i+1):void 0,y=c===1/0||i-c-1>1?p(1):void 0,f=c===1/0||i+c+1<a?p(a):void 0,h=k(1,a+1).filter(g).map(p);return{totalPages:a,resultsFrom:s,resultsTo:l,current:r,prev:v,next:d,first:y,last:f,pages:h}},[o,t,e==null?void 0:e.width])}function T(){const[e,o]=S.useState([]),[t,n]=S.useState([]);return S.useEffect(()=>{P.s(async u=>{const{products:c,segments:i}=await u.getSearchSessionParams();o(i??[]),n((c==null?void 0:c.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=S.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=S.useCallback(s=>{var l;return((l=e==null?void 0:e.find(r=>r.field===s))==null?void 0:l.name)??s},[e]),c=S.useCallback(s=>"field"in s&&(s.value instanceof Array||s.range instanceof Array),[]),i=S.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}))}},[]),a=S.useCallback(s=>(s.value??[]).map(r=>({value:r,field:s.field,name:u(s.field),filter:i(s),remove:()=>{t(s.field,r,!1)}})),[i,u,t]),g=S.useCallback(s=>(s.range??[]).map(r=>{var d,y;const p=r.gte??r.gt??((d=n(s.field))==null?void 0:d.min),v=r.lte??r.lt??((y=n(s.field))==null?void 0:y.max);if(p!==void 0&&v!==void 0)return{value:`${p} - ${v}`,field:s.field,name:u(s.field),filter:i(s),remove:()=>{o(s.field,void 0)}}}).filter(Boolean),[i,n,u,o]);return{selectFilters:c,toValueFilter:a,toRangeFilter:g}}function b(){const{filter:e}=m.useNostoAppState(a=>{var g;return{filter:((g=a.query.products)==null?void 0:g.filter)??[]}}),{updateSearch:o}=m.useActions(),{selectFilters:t,toValueFilter:n,toRangeFilter:u}=B(),c=S.useMemo(()=>e?e.filter(t).flatMap(a=>"value"in a?n(a):"range"in a?u(a):[]).filter(Boolean):[],[e,t,u,n]),i=S.useCallback(()=>{o({products:{filter:[]}})},[o]);return{filters:c,removeAll:i}}function N(e){if(typeof e=="number")return e;if(typeof e!="string")return;const o=Number(e);return isNaN(o)?void 0:o}function R(e){var r,p,v;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 c=(v=(p=t.products)==null?void 0:p.filter)==null?void 0:v.find(d=>d.field===u.field),i=c!=null&&c.range?c.range[0]:void 0,a=typeof i=="object"&&("gte"in i||"lte"in i)?[N(i.gte),N(i.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:[a[0]??g,a[1]??s],updateRange:l}}function D(e,o){const{min:t,max:n,range:u,updateRange:c}=R(e),{filters:i}=b(),a=S.useMemo(()=>{var y;const r=i.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(f==null?void 0:f.gte),N(f==null?void 0:f.lte)]}const v=[];let d=Math.floor(t/o)*o;for(;d<n;){const f=d+o,h=p&&p[0]===d&&p[1]===f;v.push({min:d,max:f,selected:h}),d=f}return v},[i,t,n,o]),g=r=>{c([r,u[1]])},s=r=>{c([u[0],r])},l=t!==u[0]||n!==u[1];return{min:t,max:n,range:u,updateRange:c,ranges:a,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 S.useMemo(()=>e?e.reduce((t,n)=>t+(Array.isArray(n.value)?n.value.length:1),0):0,[e])}function M(e){return e&&!Number.isNaN(e)?e:0}function L(e,o){const{from:t,size:n,total:u}=m.useNostoAppState(s=>{var l,r,p,v,d;return{from:M(((l=s.query.products)==null?void 0:l.from)??0),size:M(((p=(r=s.response)==null?void 0:r.products)==null?void 0:p.size)??0),total:M(((d=(v=s.response)==null?void 0:v.products)==null?void 0:d.total)??0)}}),{updateSearch:c}=m.useActions(),i=t+n,a=[...e].reverse().filter(s=>s+o<u);return{from:t,to:i,total:u,size:n,sizeOptions:a,handleSizeChange:s=>{c({products:{size: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 c,i;const o=m.useNostoAppState(a=>a.query),{updateSearch:t}=m.useActions();return{activeSort:((c=e.find(a=>{var g;return O(a.value.sort,((g=o.products)==null?void 0:g.sort)||[])}))==null?void 0:c.id)??((i=e[0])==null?void 0:i.id),setSort:a=>{const g=e.find(s=>s.id===a);g&&t({products:{sort:g.value.sort}})}}}exports.useActions=m.useActions;exports.useLoadMore=m.useLoadMore;exports.useNostoAppState=m.useNostoAppState;exports.useDecoratedSearchResults=z;exports.useFacet=q;exports.useFacets=x;exports.usePagination=w;exports.usePersonalization=T;exports.useProductFilters=b;exports.useRange=R;exports.useRangeSelector=D;exports.useResponse=j;exports.useSelectedFiltersCount=I;exports.useSizeOptions=L;exports.useSort=V;
@@ -0,0 +1,16 @@
1
+ /** @module preact/hooks */
2
+ export { useActions } from './src/hooks/useActions';
3
+ export { useDecoratedSearchResults } from './src/hooks/useDecoratedSearchResults';
4
+ export { useFacet } from './src/hooks/useFacet';
5
+ export { useFacets } from './src/hooks/useFacets';
6
+ export { useLoadMore } from './src/hooks/useLoadMore/useLoadMore';
7
+ export { useNostoAppState } from './src/hooks/useNostoAppState';
8
+ export { type Page, usePagination } from './src/hooks/usePagination';
9
+ export { usePersonalization } from './src/hooks/usePersonalization';
10
+ export { useProductFilters } from './src/hooks/useProductFilters/useProductFilters';
11
+ export { useRange } from './src/hooks/useRange';
12
+ export { useRangeSelector } from './src/hooks/useRangeSelector';
13
+ export { useResponse } from './src/hooks/useResponse';
14
+ export { useSelectedFiltersCount } from './src/hooks/useSelectedFiltersCount';
15
+ export { useSizeOptions } from './src/hooks/useSizeOptions';
16
+ export { useSort } from './src/hooks/useSort/useSort';
@@ -0,0 +1,356 @@
1
+ import { a as F, b as N } from "../useLoadMore-DnvHCsYl.js";
2
+ import { u as X } from "../useLoadMore-DnvHCsYl.js";
3
+ import { e as A } from "../storeContext-CBqmmTUC.js";
4
+ import { useState as z, useMemo as b, useEffect as P, useCallback as M } from "preact/hooks";
5
+ import { s as q } from "../index.es-B8mbAxS4.js";
6
+ function $(e) {
7
+ const o = F((t) => t.response);
8
+ return e && Array.isArray(e) || e && A(e) ? e : o;
9
+ }
10
+ function E(e) {
11
+ var c;
12
+ const o = ((c = e.data) == null ? void 0 : c.filter((u) => u.selected).length) ?? 0, [t, r] = z(o > 0), { toggleProductFilter: i } = N();
13
+ return {
14
+ /** Active value */
15
+ active: t,
16
+ /** Selected filters count */
17
+ selectedFiltersCount: o,
18
+ /** Toggle active function */
19
+ toggleActive: () => {
20
+ r(!t);
21
+ },
22
+ /** Toggle product filter function */
23
+ toggleProductFilter: i
24
+ };
25
+ }
26
+ function L() {
27
+ const { loading: e, facets: o } = F((t) => {
28
+ var r, i;
29
+ return {
30
+ loading: t.loading,
31
+ facets: ((i = (r = t.response) == null ? void 0 : r.products) == null ? void 0 : i.facets) ?? []
32
+ };
33
+ });
34
+ return {
35
+ /** Loading state */
36
+ loading: e,
37
+ /** Array of facets*/
38
+ facets: o
39
+ };
40
+ }
41
+ function w(e, o) {
42
+ const t = o - e;
43
+ return !isNaN(t) && t > 0 ? new Array(o - e).fill(void 0).map((r, i) => i + e) : [];
44
+ }
45
+ function O(e) {
46
+ const { query: o, products: t } = F((r) => ({
47
+ query: r.query,
48
+ products: r.response.products
49
+ }));
50
+ return b(() => {
51
+ var S;
52
+ if (!t)
53
+ return {
54
+ totalPages: 0,
55
+ resultsFrom: 0,
56
+ resultsTo: 0,
57
+ pages: []
58
+ };
59
+ 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 = {
60
+ from: r,
61
+ page: c,
62
+ current: !0
63
+ }, m = (h) => ({
64
+ from: (h - 1) * t.size,
65
+ page: h,
66
+ current: h === c
67
+ }), 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);
68
+ return {
69
+ totalPages: u,
70
+ resultsFrom: n,
71
+ resultsTo: l,
72
+ current: s,
73
+ prev: p,
74
+ next: d,
75
+ first: y,
76
+ last: f,
77
+ pages: v
78
+ };
79
+ }, [o, t, e == null ? void 0 : e.width]);
80
+ }
81
+ function U() {
82
+ const [e, o] = z([]), [t, r] = z([]);
83
+ return P(() => {
84
+ q(async (i) => {
85
+ const { products: a, segments: c } = await i.getSearchSessionParams();
86
+ o(c ?? []), r((a == null ? void 0 : a.personalizationBoost) ?? []);
87
+ });
88
+ }, []), {
89
+ segments: e,
90
+ boost: t
91
+ };
92
+ }
93
+ function C() {
94
+ const { facets: e } = F((n) => {
95
+ var l;
96
+ return {
97
+ facets: ((l = n.response.products) == null ? void 0 : l.facets) ?? []
98
+ };
99
+ }), { replaceFilter: o, toggleProductFilter: t } = N(), r = M(
100
+ (n) => {
101
+ const l = e == null ? void 0 : e.find((s) => s.type === "stats" && s.field === n);
102
+ if (l && "min" in l && "max" in l)
103
+ return l;
104
+ },
105
+ [e]
106
+ ), i = M(
107
+ (n) => {
108
+ var l;
109
+ return ((l = e == null ? void 0 : e.find((s) => s.field === n)) == null ? void 0 : l.name) ?? n;
110
+ },
111
+ [e]
112
+ ), a = M((n) => "field" in n && (n.value instanceof Array || n.range instanceof Array), []), c = M((n) => {
113
+ var l;
114
+ return {
115
+ ...n,
116
+ range: (l = n.range) == null ? void 0 : l.map((s) => ({
117
+ gt: s.gt ? Number(s.gt) : s.gt,
118
+ gte: s.gte ? Number(s.gte) : s.gte,
119
+ lt: s.lt ? Number(s.lt) : s.lt,
120
+ lte: s.lte ? Number(s.lte) : s.lte
121
+ }))
122
+ };
123
+ }, []), u = M(
124
+ (n) => (n.value ?? []).map((s) => ({
125
+ value: s,
126
+ field: n.field,
127
+ name: i(n.field),
128
+ filter: c(n),
129
+ remove: () => {
130
+ t(n.field, s, !1);
131
+ }
132
+ })),
133
+ [c, i, t]
134
+ ), g = M(
135
+ (n) => (n.range ?? []).map((s) => {
136
+ var d, y;
137
+ 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);
138
+ if (m !== void 0 && p !== void 0)
139
+ return {
140
+ value: `${m} - ${p}`,
141
+ field: n.field,
142
+ name: i(n.field),
143
+ filter: c(n),
144
+ remove: () => {
145
+ o(n.field, void 0);
146
+ }
147
+ };
148
+ }).filter(Boolean),
149
+ [c, r, i, o]
150
+ );
151
+ return {
152
+ selectFilters: a,
153
+ toValueFilter: u,
154
+ toRangeFilter: g
155
+ };
156
+ }
157
+ function B() {
158
+ const { filter: e } = F((u) => {
159
+ var g;
160
+ return {
161
+ filter: ((g = u.query.products) == null ? void 0 : g.filter) ?? []
162
+ };
163
+ }), { updateSearch: o } = N(), { selectFilters: t, toValueFilter: r, toRangeFilter: i } = C(), a = b(() => e ? e.filter(t).flatMap((u) => "value" in u ? r(u) : "range" in u ? i(u) : []).filter(Boolean) : [], [e, t, i, r]), c = M(() => {
164
+ o({
165
+ products: {
166
+ filter: []
167
+ }
168
+ });
169
+ }, [o]);
170
+ return {
171
+ /** Selected filters array. */
172
+ filters: a,
173
+ /** Should remove all selected filters. */
174
+ removeAll: c
175
+ };
176
+ }
177
+ function R(e) {
178
+ if (typeof e == "number")
179
+ return e;
180
+ if (typeof e != "string")
181
+ return;
182
+ const o = Number(e);
183
+ return isNaN(o) ? void 0 : o;
184
+ }
185
+ function T(e) {
186
+ var s, m, p;
187
+ const { replaceFilter: o } = N(), { query: t, products: r } = F((d) => ({
188
+ query: d.query,
189
+ products: d.response.products
190
+ })), i = (s = r == null ? void 0 : r.facets) == null ? void 0 : s.find((d) => d.id === e);
191
+ if (!i)
192
+ return {
193
+ min: 0,
194
+ max: 0,
195
+ range: [0, 0],
196
+ updateRange: () => {
197
+ }
198
+ };
199
+ 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) ? [R(c.gte), R(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]) => {
200
+ 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;
201
+ (g === f || !S) && (n === v || !h) ? o(i.field, void 0) : (g === f || !S) && h ? o(i.field, {
202
+ lte: v.toString()
203
+ }) : (n === v || !h) && S ? o(i.field, {
204
+ gte: f.toString()
205
+ }) : S && h && o(i.field, {
206
+ gte: f.toString(),
207
+ lte: v.toString()
208
+ });
209
+ };
210
+ return {
211
+ /** Min value */
212
+ min: g,
213
+ /** Max value */
214
+ max: n,
215
+ /** Range value */
216
+ range: [u[0] ?? g, u[1] ?? n],
217
+ /** Update range function */
218
+ updateRange: l
219
+ };
220
+ }
221
+ function _(e, o) {
222
+ const { min: t, max: r, range: i, updateRange: a } = T(e), { filters: c } = B(), u = b(() => {
223
+ var y;
224
+ const s = c.find((f) => {
225
+ var v;
226
+ return (v = f == null ? void 0 : f.filter) == null ? void 0 : v.range;
227
+ });
228
+ let m = null;
229
+ if (s) {
230
+ const f = (y = s.filter.range) == null ? void 0 : y[0];
231
+ m = [R(f == null ? void 0 : f.gte), R(f == null ? void 0 : f.lte)];
232
+ }
233
+ const p = [];
234
+ let d = Math.floor(t / o) * o;
235
+ for (; d < r; ) {
236
+ const f = d + o, v = m && m[0] === d && m[1] === f;
237
+ p.push({
238
+ min: d,
239
+ max: f,
240
+ selected: v
241
+ }), d = f;
242
+ }
243
+ return p;
244
+ }, [c, t, r, o]), g = (s) => {
245
+ a([s, i[1]]);
246
+ }, n = (s) => {
247
+ a([i[0], s]);
248
+ }, l = t !== i[0] || r !== i[1];
249
+ return {
250
+ /** Minimum value */
251
+ min: t,
252
+ /** Maximum value */
253
+ max: r,
254
+ /** Range value */
255
+ range: i,
256
+ /** Update range function */
257
+ updateRange: a,
258
+ /** Ranges */
259
+ ranges: u,
260
+ /** Handle min change */
261
+ handleMinChange: g,
262
+ /** Handle max change */
263
+ handleMaxChange: n,
264
+ /** Is selected */
265
+ isSelected: l
266
+ };
267
+ }
268
+ function G() {
269
+ const { products: e, keywords: o } = F((t) => t.response);
270
+ return {
271
+ /** Array of products */
272
+ products: e ?? { hits: [], total: 0 },
273
+ /** Array of keywords */
274
+ keywords: o ?? { hits: [], total: 0 }
275
+ };
276
+ }
277
+ function H() {
278
+ const e = F((t) => {
279
+ var r;
280
+ return (r = t.query.products) == null ? void 0 : r.filter;
281
+ });
282
+ return b(() => e ? e.reduce((t, r) => t + (Array.isArray(r.value) ? r.value.length : 1), 0) : 0, [e]);
283
+ }
284
+ function x(e) {
285
+ return e && !Number.isNaN(e) ? e : 0;
286
+ }
287
+ function J(e, o) {
288
+ const { from: t, size: r, total: i } = F((n) => {
289
+ var l, s, m, p, d;
290
+ return {
291
+ from: x(((l = n.query.products) == null ? void 0 : l.from) ?? 0),
292
+ size: x(((m = (s = n.response) == null ? void 0 : s.products) == null ? void 0 : m.size) ?? 0),
293
+ total: x(((d = (p = n.response) == null ? void 0 : p.products) == null ? void 0 : d.total) ?? 0)
294
+ };
295
+ }), { updateSearch: a } = N(), c = t + r, u = [...e].reverse().filter((n) => n + o < i);
296
+ return {
297
+ /** from value */
298
+ from: t,
299
+ /** to value */
300
+ to: c,
301
+ /** total value */
302
+ total: i,
303
+ /** size value */
304
+ size: r,
305
+ /** Array of size options */
306
+ sizeOptions: u,
307
+ /** Should be called when size is changed */
308
+ handleSizeChange: (n) => {
309
+ a({
310
+ products: {
311
+ size: n
312
+ }
313
+ });
314
+ }
315
+ };
316
+ }
317
+ function k(e, o) {
318
+ return e.length !== o.length ? !1 : e.every((t) => o.find((r) => t.field === r.field && t.order === r.order));
319
+ }
320
+ function K(e) {
321
+ var a, c;
322
+ const o = F((u) => u.query), { updateSearch: t } = N();
323
+ return {
324
+ /** Active sort */
325
+ activeSort: ((a = e.find((u) => {
326
+ var g;
327
+ return k(u.value.sort, ((g = o.products) == null ? void 0 : g.sort) || []);
328
+ })) == null ? void 0 : a.id) ?? ((c = e[0]) == null ? void 0 : c.id),
329
+ /** Set sort function */
330
+ setSort: (u) => {
331
+ const g = e.find((n) => n.id === u);
332
+ g && t({
333
+ products: {
334
+ sort: g.value.sort
335
+ }
336
+ });
337
+ }
338
+ };
339
+ }
340
+ export {
341
+ N as useActions,
342
+ $ as useDecoratedSearchResults,
343
+ E as useFacet,
344
+ L as useFacets,
345
+ X as useLoadMore,
346
+ F as useNostoAppState,
347
+ O as usePagination,
348
+ U as usePersonalization,
349
+ B as useProductFilters,
350
+ T as useRange,
351
+ _ as useRangeSelector,
352
+ G as useResponse,
353
+ H as useSelectedFiltersCount,
354
+ J as useSizeOptions,
355
+ K as useSort
356
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../InfiniteScrollWithObserver-BoKdnFuB.cjs"),r=require("../useLoadMore-BBrbOkyq.cjs");exports.InfiniteScrollWithObserver=e.InfiniteScrollWithObserver;exports.intersectionObserverSupported=e.intersectionObserverSupported;exports.getNextPageQuery=r.getNextPageQuery;
@@ -0,0 +1,4 @@
1
+ /** @module preact/legacy */
2
+ export { InfiniteScrollWithObserver } from './src/components/InfiniteScroll/InfiniteScrollWithObserver';
3
+ export { intersectionObserverSupported } from './src/components/InfiniteScroll/utils';
4
+ export { getNextPageQuery } from './src/hooks/useLoadMore/getNextPageQuery';
@@ -0,0 +1,7 @@
1
+ import { I as t, i as o } from "../InfiniteScrollWithObserver-CkdVKocm.js";
2
+ import { g as s } from "../useLoadMore-DnvHCsYl.js";
3
+ export {
4
+ t as InfiniteScrollWithObserver,
5
+ s as getNextPageQuery,
6
+ o as intersectionObserverSupported
7
+ };
@@ -1,4 +1,5 @@
1
1
  /** @module preact */
2
+ export { AutocompleteElement } from './src/components/Autocomplete/AutocompleteElement';
2
3
  export { InfiniteScroll, type InfiniteScrollProps } from './src/components/InfiniteScroll/InfiniteScroll';
3
4
  export { InfiniteScrollWithLink } from './src/components/InfiniteScroll/InfiniteScrollWithLink';
4
5
  export { SearchInput } from './src/components/SearchInput';
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../index.es-DlUp67LT.cjs"),s=require("../storeContext-12dN1l9r.cjs"),S=require("../renderHeadless-xhkLegO4.cjs"),i=require("../jsxRuntime.module-B3sGoTIU.cjs"),a=require("../baseConfig-DEAGSRSp.cjs"),g="nosto:search:scrollPos";function d(){window.sessionStorage.setItem(g,window.scrollY.toString())}function C({children:e,hit:r,onClick:t}){const{pageType:o}=s.useConfig(),c=o==="autocomplete"?void 0:o;return S.renderHeadless({children:e,updateElement:(n,u)=>(u.depth>0||(n.props={...n.props,onClick:l=>{r&&c&&f.s(p=>p.recordSearchClick(c,r)),d(),typeof t=="function"&&t(l)}}),n)})}const m={...a.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function P(e={}){return{pageType:"serp",...m,...e}}function h({config:e,store:r,children:t}){const o=r??s.createStore();return a.useCheckClientScript(),i.u(s.ConfigContext,{value:P(e),children:i.u(s.StoreContext,{value:o,children:t})})}exports.SearchPageProvider=h;exports.SerpElement=C;
@@ -0,0 +1,4 @@
1
+ /** @module preact/serp */
2
+ export { SerpElement } from './src/components/SerpElement';
3
+ export type { PublicSerpConfig as SerpConfig } from './src/config/pages/serp/config';
4
+ export { SearchPageProvider } from './src/config/pages/serp/provider';