@nosto/search-js 3.4.1 → 3.5.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.
- package/dist/AutocompletePageProvider-BoV4iLil.js +29 -0
- package/dist/AutocompletePageProvider-DPTHPXyz.cjs +1 -0
- package/dist/BaseElement-DgwqyaY8.cjs +1 -0
- package/dist/BaseElement-iXMoOyxY.js +23 -0
- package/dist/CategoryPageProvider-CkeR1heA.cjs +1 -0
- package/dist/CategoryPageProvider-Dzcbnz1W.js +26 -0
- package/dist/{InfiniteScrollWithObserver-DEmjpb8o.cjs → InfiniteScrollWithObserver-Bmi6zgwp.cjs} +1 -1
- package/dist/{InfiniteScrollWithObserver-DfQ4cqvs.js → InfiniteScrollWithObserver-CnR-vqQP.js} +1 -1
- package/dist/SerpPageProvider-CCPCHjKU.cjs +1 -0
- package/dist/SerpPageProvider-Ca6ZoAOq.js +26 -0
- package/dist/{baseConfig-CR4INhSV.cjs → baseConfig-0GdMC5Qa.cjs} +1 -1
- package/dist/{baseConfig-BG_h7eA6.js → baseConfig-CvAG6x_p.js} +3 -3
- package/dist/bindInput-BnKvCky1.cjs +1 -0
- package/dist/bindInput-CCx0Fhsg.js +27 -0
- package/dist/core/core.cjs.js +1 -1
- package/dist/core/core.es.js +1 -1
- package/dist/preact/autocomplete/autocomplete.cjs.js +1 -1
- package/dist/preact/autocomplete/autocomplete.d.ts +1 -0
- package/dist/preact/autocomplete/autocomplete.es.js +37 -42
- package/dist/preact/autocomplete/src/AutocompleteConfig.d.ts +25 -1
- package/dist/preact/autocomplete/src/components/HistoryElement.d.ts +23 -0
- package/dist/preact/category/category.cjs.js +1 -1
- package/dist/preact/category/category.es.js +2 -23
- package/dist/preact/common/common.cjs.js +1 -1
- package/dist/preact/common/common.es.js +3 -3
- package/dist/preact/common/src/components/BaseElement.d.ts +2 -1
- package/dist/preact/common/src/store/store.d.ts +1 -0
- package/dist/preact/common/src/store/storeContext.d.ts +1 -0
- package/dist/preact/common/src/store/storeExtensions.d.ts +1 -0
- package/dist/preact/hooks/hooks.cjs.js +1 -1
- package/dist/preact/hooks/hooks.es.js +3 -3
- package/dist/preact/inject/inject.cjs.js +1 -0
- package/dist/preact/inject/inject.d.ts +3 -0
- package/dist/preact/inject/inject.es.js +350 -0
- package/dist/preact/inject/src/components/ErrorBoundary.d.ts +8 -0
- package/dist/preact/inject/src/config.d.ts +117 -0
- package/dist/preact/inject/src/helpers/dom.d.ts +12 -0
- package/dist/preact/inject/src/init/autocomplete/AutocompleteContext.d.ts +12 -0
- package/dist/preact/inject/src/init/autocomplete/components/AutocompleteDropdown.d.ts +14 -0
- package/dist/preact/inject/src/init/autocomplete/components/AutocompleteHistory.d.ts +16 -0
- package/dist/preact/inject/src/init/autocomplete/components/createComponent.d.ts +13 -0
- package/dist/preact/inject/src/init/autocomplete/events/onClick.d.ts +2 -0
- package/dist/preact/inject/src/init/autocomplete/events/onFocus.d.ts +2 -0
- package/dist/preact/inject/src/init/autocomplete/events/onInput.d.ts +2 -0
- package/dist/preact/inject/src/init/autocomplete/events/onKeyDown.d.ts +5 -0
- package/dist/preact/inject/src/init/autocomplete/events/onSubmit.d.ts +2 -0
- package/dist/preact/inject/src/init/injectAutocomplete.d.ts +15 -0
- package/dist/preact/inject/src/init/injectCategory.d.ts +3 -0
- package/dist/preact/inject/src/init/injectComponent.d.ts +9 -0
- package/dist/preact/inject/src/init/injectSerp.d.ts +3 -0
- package/dist/preact/inject/src/init.d.ts +2 -0
- package/dist/preact/inject/src/resolveCssSelector.d.ts +8 -0
- package/dist/preact/inject/src/wait.d.ts +32 -0
- package/dist/preact/legacy/legacy.cjs.js +1 -1
- package/dist/preact/legacy/legacy.es.js +3 -3
- package/dist/preact/serp/serp.cjs.js +1 -1
- package/dist/preact/serp/serp.es.js +15 -34
- package/dist/search-DTqo1D6Y.cjs +1 -0
- package/dist/search-sC5QgJmw.js +170 -0
- package/dist/{useActions-BOhorGOy.js → useActions-Cd7V2qfb.js} +51 -42
- package/dist/useActions-yB4RkNMW.cjs +1 -0
- package/dist/{useLoadMore-DGGR76Vv.js → useLoadMore-A4IkMv_0.js} +1 -1
- package/dist/{useLoadMore-D0TMnfNk.cjs → useLoadMore-IsdiHtZi.cjs} +1 -1
- package/dist/utils/src/debounce.d.ts +1 -0
- package/dist/utils/utils.cjs.js +1 -1
- package/dist/utils/utils.es.js +18 -39
- package/package.json +11 -6
- package/dist/BaseElement-Ds4INJSy.cjs +0 -1
- package/dist/BaseElement-fZSwbg09.js +0 -17
- package/dist/search-DTLQih9k.cjs +0 -1
- package/dist/search-Iwwxc0Yj.js +0 -162
- package/dist/useActions-CDUotElR.cjs +0 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { u as t } from "./jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { c as n, S as i, C as u } from "./useActions-Cd7V2qfb.js";
|
|
3
|
+
import { d as c, u as s, S as l } from "./baseConfig-CvAG6x_p.js";
|
|
4
|
+
const m = {
|
|
5
|
+
...c,
|
|
6
|
+
memoryCache: !1,
|
|
7
|
+
historyEnabled: !0,
|
|
8
|
+
historySize: 5,
|
|
9
|
+
debounceDelay: 500,
|
|
10
|
+
minQueryLength: 2
|
|
11
|
+
};
|
|
12
|
+
function f(e = {}) {
|
|
13
|
+
return {
|
|
14
|
+
pageType: "autocomplete",
|
|
15
|
+
...m,
|
|
16
|
+
...e
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
function S({ config: e, store: o, children: r }) {
|
|
20
|
+
const a = o ?? n();
|
|
21
|
+
return s(), /* @__PURE__ */ t(u, { value: f(e), children: /* @__PURE__ */ t(i, { value: a, children: [
|
|
22
|
+
/* @__PURE__ */ t(l, {}),
|
|
23
|
+
r
|
|
24
|
+
] }) });
|
|
25
|
+
}
|
|
26
|
+
export {
|
|
27
|
+
S as A,
|
|
28
|
+
f as m
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("./jsxRuntime.module-B3sGoTIU.cjs"),o=require("./useActions-yB4RkNMW.cjs"),n=require("./baseConfig-0GdMC5Qa.cjs"),a={...n.defaultBaseConfig,memoryCache:!1,historyEnabled:!0,historySize:5,debounceDelay:500,minQueryLength:2};function r(e={}){return{pageType:"autocomplete",...a,...e}}function l({config:e,store:u,children:i}){const c=u??o.createStore();return n.useCheckClientScript(),t.u(o.ConfigContext,{value:r(e),children:t.u(o.StoreContext,{value:c,children:[t.u(n.StoreActionsListener,{}),i]})})}exports.AutocompletePageProvider=l;exports.makeAutocompleteConfig=r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const r=require("./jsxRuntime.module-B3sGoTIU.cjs"),m=require("preact/hooks");function C({onClick:a,as:n,children:t,componentProps:s,className:l}){const e={...s,onClick:m.useCallback(i=>{a(),s?.onClick?.(i)},[a,s])},u="className"in e?e.className+" "+l:l,c=n??(s&&"href"in s?"a":"span");return r.u(c,{...e,className:u,children:t})}exports.BaseElement=C;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { u as r } from "./jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { useCallback as f } from "preact/hooks";
|
|
3
|
+
function k({
|
|
4
|
+
onClick: l,
|
|
5
|
+
as: i,
|
|
6
|
+
children: t,
|
|
7
|
+
componentProps: a,
|
|
8
|
+
className: e
|
|
9
|
+
}) {
|
|
10
|
+
const s = {
|
|
11
|
+
...a,
|
|
12
|
+
onClick: f(
|
|
13
|
+
(n) => {
|
|
14
|
+
l(), a?.onClick?.(n);
|
|
15
|
+
},
|
|
16
|
+
[l, a]
|
|
17
|
+
)
|
|
18
|
+
}, c = "className" in s ? s.className + " " + e : e, m = i ?? (a && "href" in a ? "a" : "span");
|
|
19
|
+
return /* @__PURE__ */ r(m, { ...s, className: c, children: t });
|
|
20
|
+
}
|
|
21
|
+
export {
|
|
22
|
+
k as B
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("./jsxRuntime.module-B3sGoTIU.cjs"),r=require("./useActions-yB4RkNMW.cjs"),o=require("./baseConfig-0GdMC5Qa.cjs"),s={...o.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function n(e){return{pageType:"category",...s,...e}}function u({config:e,store:a,children:i}){const c=a??r.createStore();return o.useCheckClientScript(),t.u(r.ConfigContext,{value:n(e),children:t.u(r.StoreContext,{value:c,children:[t.u(o.StoreActionsListener,{}),i]})})}exports.CategoryPageProvider=u;exports.makeCategoryConfig=n;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { u as t } from "./jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { c as n, S as s, C as i } from "./useActions-Cd7V2qfb.js";
|
|
3
|
+
import { d as c, u as C, S as f } from "./baseConfig-CvAG6x_p.js";
|
|
4
|
+
const l = {
|
|
5
|
+
...c,
|
|
6
|
+
persistentSearchCache: !1,
|
|
7
|
+
preservePageScroll: !1
|
|
8
|
+
};
|
|
9
|
+
function u(e) {
|
|
10
|
+
return {
|
|
11
|
+
pageType: "category",
|
|
12
|
+
...l,
|
|
13
|
+
...e
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
function m({ config: e, store: r, children: a }) {
|
|
17
|
+
const o = r ?? n();
|
|
18
|
+
return C(), /* @__PURE__ */ t(i, { value: u(e), children: /* @__PURE__ */ t(s, { value: o, children: [
|
|
19
|
+
/* @__PURE__ */ t(f, {}),
|
|
20
|
+
a
|
|
21
|
+
] }) });
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
m as C,
|
|
25
|
+
u as m
|
|
26
|
+
};
|
package/dist/{InfiniteScrollWithObserver-DEmjpb8o.cjs → InfiniteScrollWithObserver-Bmi6zgwp.cjs}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const v=require("./jsxRuntime.module-B3sGoTIU.cjs"),d=require("./useLoadMore-
|
|
1
|
+
"use strict";const v=require("./jsxRuntime.module-B3sGoTIU.cjs"),d=require("./useLoadMore-IsdiHtZi.cjs"),N=require("./logger-Boh_C6Bz.cjs"),x=require("./pick-rYi1lc2m.cjs"),u=require("preact"),h=require("preact/hooks");function E(e,r){const t=r.products?.total??0,o=e.products?.from??0,n=e.products?.size??0;return t>0&&t>o+n}function A(){return!!(window.IntersectionObserver&&window.IntersectionObserverEntry&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)}function M(e,r){for(var t in r)e[t]=r[t];return e}function f(e,r){for(var t in e)if(t!=="__source"&&!(t in r))return!0;for(var o in r)if(o!=="__source"&&e[o]!==r[o])return!0;return!1}function m(e,r){this.props=e,this.context=r}function U(e,r){function t(n){var s=this.props.ref,i=s==n.ref;return!i&&s&&(s.call?s(null):s.current=null),r?!r(this.props,n)||!i:f(this.props,n)}function o(n){return this.shouldComponentUpdate=t,u.createElement(e,n)}return o.displayName="Memo("+(e.displayName||e.name)+")",o.prototype.isReactComponent=!0,o.__f=!0,o}(m.prototype=new u.Component).isPureReactComponent=!0,m.prototype.shouldComponentUpdate=function(e,r){return f(this.props,e)||f(this.state,r)};var y=u.options.__b;u.options.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),y&&y(e)};var q=u.options.__e;u.options.__e=function(e,r,t,o){if(e.then){for(var n,s=r;s=s.__;)if((n=s.__c)&&n.__c)return r.__e==null&&(r.__e=t.__e,r.__k=t.__k),n.__c(e,r)}q(e,r,t,o)};var b=u.options.unmount;function P(e,r,t){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(o){typeof o.__c=="function"&&o.__c()}),e.__c.__H=null),(e=M({},e)).__c!=null&&(e.__c.__P===t&&(e.__c.__P=r),e.__c=null),e.__k=e.__k&&e.__k.map(function(o){return P(o,r,t)})),e}function R(e,r,t){return e&&t&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(o){return R(o,r,t)}),e.__c&&e.__c.__P===r&&(e.__e&&t.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=t)),e}function p(){this.__u=0,this.o=null,this.__b=null}function S(e){var r=e.__.__c;return r&&r.__a&&r.__a(e)}function c(){this.i=null,this.l=null}u.options.unmount=function(e){var r=e.__c;r&&r.__R&&r.__R(),r&&32&e.__u&&(e.type=null),b&&b(e)},(p.prototype=new u.Component).__c=function(e,r){var t=r.__c,o=this;o.o==null&&(o.o=[]),o.o.push(t);var n=S(o.__v),s=!1,i=function(){s||(s=!0,t.__R=null,n?n(_):_())};t.__R=i;var _=function(){if(!--o.__u){if(o.state.__a){var l=o.state.__a;o.__v.__k[0]=R(l,l.__c.__P,l.__c.__O)}var a;for(o.setState({__a:o.__b=null});a=o.o.pop();)a.forceUpdate()}};o.__u++||32&r.__u||o.setState({__a:o.__b=o.__v.__k[0]}),e.then(i,i)},p.prototype.componentWillUnmount=function(){this.o=[]},p.prototype.render=function(e,r){if(this.__b){if(this.__v.__k){var t=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=P(this.__b,t,o.__O=o.__P)}this.__b=null}var n=r.__a&&u.createElement(u.Fragment,null,e.fallback);return n&&(n.__u&=-33),[u.createElement(u.Fragment,null,r.__a?null:e.children),n]};var g=function(e,r,t){if(++t[1]===t[0]&&e.l.delete(r),e.props.revealOrder&&(e.props.revealOrder[0]!=="t"||!e.l.size))for(t=e.i;t;){for(;t.length>3;)t.pop()();if(t[1]<t[0])break;e.i=t=t[2]}};(c.prototype=new u.Component).__a=function(e){var r=this,t=S(r.__v),o=r.l.get(e);return o[0]++,function(n){var s=function(){r.props.revealOrder?(o.push(n),g(r,e,o)):n()};t?t(s):s()}},c.prototype.render=function(e){this.i=null,this.l=new Map;var r=u.toChildArray(e.children);e.revealOrder&&e.revealOrder[0]==="b"&&r.reverse();for(var t=r.length;t--;)this.l.set(r[t],this.i=[1,0,this.i]);return e.children},c.prototype.componentDidUpdate=c.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(r,t){g(e,t,r)})};var I=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,W=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,V=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,j=/[A-Z0-9]/g,F=typeof document<"u",H=function(e){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(e)};u.Component.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(u.Component.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(r){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:r})}})});var k=u.options.event;function L(){}function z(){return this.cancelBubble}function B(){return this.defaultPrevented}u.options.event=function(e){return k&&(e=k(e)),e.persist=L,e.isPropagationStopped=z,e.isDefaultPrevented=B,e.nativeEvent=e};var D={enumerable:!1,configurable:!0,get:function(){return this.class}},O=u.options.vnode;u.options.vnode=function(e){typeof e.type=="string"&&function(r){var t=r.props,o=r.type,n={},s=o.indexOf("-")===-1;for(var i in t){var _=t[i];if(!(i==="value"&&"defaultValue"in t&&_==null||F&&i==="children"&&o==="noscript"||i==="class"||i==="className")){var l=i.toLowerCase();i==="defaultValue"&&"value"in t&&t.value==null?i="value":i==="download"&&_===!0?_="":l==="translate"&&_==="no"?_=!1:l[0]==="o"&&l[1]==="n"?l==="ondoubleclick"?i="ondblclick":l!=="onchange"||o!=="input"&&o!=="textarea"||H(t.type)?l==="onfocus"?i="onfocusin":l==="onblur"?i="onfocusout":V.test(i)&&(i=l):l=i="oninput":s&&W.test(i)?i=i.replace(j,"-$&").toLowerCase():_===null&&(_=void 0),l==="oninput"&&n[i=l]&&(i="oninputCapture"),n[i]=_}}o=="select"&&n.multiple&&Array.isArray(n.value)&&(n.value=u.toChildArray(t.children).forEach(function(a){a.props.selected=n.value.indexOf(a.props.value)!=-1})),o=="select"&&n.defaultValue!=null&&(n.value=u.toChildArray(t.children).forEach(function(a){a.props.selected=n.multiple?n.defaultValue.indexOf(a.props.value)!=-1:n.defaultValue==a.props.value})),t.class&&!t.className?(n.class=t.class,Object.defineProperty(n,"className",D)):(t.className&&!t.class||t.class&&t.className)&&(n.class=n.className=t.className),r.props=n}(e),e.$$typeof=I,O&&O(e)};var C=u.options.__r;u.options.__r=function(e){C&&C(e),e.__c};var w=u.options.diffed;u.options.diffed=function(e){w&&w(e);var r=e.props,t=e.__e;t!=null&&e.type==="textarea"&&"value"in r&&r.value!==t.value&&(t.value=r.value==null?"":r.value)};function T({children:e,pageSize:r,observerOptions:t}){const o=h.useRef(null),{query:n,response:s}=d.useNostoAppState(_=>x.pick(_,"query","response")),{loadMore:i}=d.useLoadMore(r);return h.useEffect(()=>{let _,l;return E(n,s)&&(_=o.current,l=new IntersectionObserver(a=>{a[0]?.isIntersecting&&i()},t),_&&l.observe(_)),()=>{_&&l.unobserve(_)}},[s]),v.u(u.Fragment,{children:[e,v.u("div",{ref:o,style:{height:"1px"}})]})}const $=U(T,N.isEqual);exports.InfiniteScrollWithObserver=$;exports.hasMoreResults=E;exports.intersectionObserverSupported=A;
|
package/dist/{InfiniteScrollWithObserver-DfQ4cqvs.js → InfiniteScrollWithObserver-CnR-vqQP.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { u as y } from "./jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
-
import { a as x, u as U } from "./useLoadMore-
|
|
2
|
+
import { a as x, u as U } from "./useLoadMore-A4IkMv_0.js";
|
|
3
3
|
import { i as I } from "./logger-_fg_Za9y.js";
|
|
4
4
|
import { p as A } from "./pick-DReBictn.js";
|
|
5
5
|
import { Component as c, options as l, createElement as v, Fragment as d, toChildArray as h } from "preact";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const r=require("./jsxRuntime.module-B3sGoTIU.cjs"),t=require("./useActions-yB4RkNMW.cjs"),n=require("./baseConfig-0GdMC5Qa.cjs"),s={...n.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function o(e={}){return{pageType:"search",...s,...e}}function u({config:e,store:i,children:a}){const c=i??t.createStore();return n.useCheckClientScript(),r.u(t.ConfigContext,{value:o(e),children:r.u(t.StoreContext,{value:c,children:[r.u(n.StoreActionsListener,{}),a]})})}exports.SearchPageProvider=u;exports.makeSerpConfig=o;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { u as r } from "./jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { c as n, S as s, C as c } from "./useActions-Cd7V2qfb.js";
|
|
3
|
+
import { d as i, u as f, S } from "./baseConfig-CvAG6x_p.js";
|
|
4
|
+
const l = {
|
|
5
|
+
...i,
|
|
6
|
+
persistentSearchCache: !1,
|
|
7
|
+
preservePageScroll: !1
|
|
8
|
+
};
|
|
9
|
+
function u(e = {}) {
|
|
10
|
+
return {
|
|
11
|
+
pageType: "search",
|
|
12
|
+
...l,
|
|
13
|
+
...e
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
function g({ config: e, store: t, children: a }) {
|
|
17
|
+
const o = t ?? n();
|
|
18
|
+
return f(), /* @__PURE__ */ r(c, { value: u(e), children: /* @__PURE__ */ r(s, { value: o, children: [
|
|
19
|
+
/* @__PURE__ */ r(S, {}),
|
|
20
|
+
a
|
|
21
|
+
] }) });
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
g as S,
|
|
25
|
+
u as m
|
|
26
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const i=require("./useActions-
|
|
1
|
+
"use strict";const i=require("./useActions-yB4RkNMW.cjs"),r=require("./eventBusSubscribe-B75y7otR.cjs"),c=require("./index.es-Dp6Iaxz3.cjs"),o=require("./logger-Boh_C6Bz.cjs"),u=require("preact/hooks");function s(){const{pageType:t}=i.useConfig(),n=i.useActions();return r.useEventBusSubscribe({event:"actions/newSearch",callback:e=>{t===e.targetStore&&n.newSearch(e.query,e.options)}}),r.useEventBusSubscribe({event:"actions/updateSearch",callback:e=>{t===e.targetStore&&n.updateSearch(e.query,e.options)}}),r.useEventBusSubscribe({event:"actions/replaceFilter",callback:e=>{t===e.targetStore&&n.replaceFilter(e.field,e.value)}}),r.useEventBusSubscribe({event:"actions/toggleProductFilter",callback:e=>{t===e.targetStore&&n.toggleProductFilter(e.field,e.value,e.active)}}),null}function l(){u.useEffect(()=>{const t=window.setTimeout(()=>{o.logger.error("Nosto client script has not loaded after 3 seconds.")},3e3);c.s(()=>{window.clearTimeout(t)})},[])}const a={defaultCurrency:"EUR",queryModifications:t=>t};exports.StoreActionsListener=s;exports.defaultBaseConfig=a;exports.useCheckClientScript=l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as i, e as n } from "./useActions-Cd7V2qfb.js";
|
|
2
2
|
import { u as r } from "./eventBusSubscribe-Cxw0xUAm.js";
|
|
3
3
|
import { s as c } from "./index.es-XNBESE3P.js";
|
|
4
4
|
import { l as u } from "./logger-_fg_Za9y.js";
|
|
@@ -37,12 +37,12 @@ function v() {
|
|
|
37
37
|
});
|
|
38
38
|
}, []);
|
|
39
39
|
}
|
|
40
|
-
const
|
|
40
|
+
const p = {
|
|
41
41
|
defaultCurrency: "EUR",
|
|
42
42
|
queryModifications: (t) => t
|
|
43
43
|
};
|
|
44
44
|
export {
|
|
45
45
|
S,
|
|
46
|
-
|
|
46
|
+
p as d,
|
|
47
47
|
v as u
|
|
48
48
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function y(f){f.setAttribute("autocomplete","off")}function k(f,{onClick:d,onFocus:v,onInput:o,onKeyDown:s,onSubmit:i},{form:c=f.form??void 0,nativeSubmit:p}={}){const r=[];function l(e,u,a){e.addEventListener(u,a),r.push(()=>e.removeEventListener(u,a))}return(s||i)&&l(f,"keydown",e=>{const u=s?.(f.value,e.key);s&&(e.key==="ArrowDown"||e.key==="ArrowUp")?e.preventDefault():i&&e.key==="Enter"&&(f.value!==""&&!e.repeat&&!u&&i(f.value),p||e.preventDefault())}),i&&c&&(l(c,"submit",e=>{p||e.preventDefault(),i(f.value)}),c.querySelectorAll("[type=submit]").forEach(e=>{l(e,"click",u=>{p||u.preventDefault(),i(f.value)})})),d&&l(f,"click",()=>d(f.value)),v&&l(f,"focus",()=>v(f.value)),o&&l(f,"input",()=>o(f.value)),{destroy(){r.forEach(e=>e())}}}exports.bindInput=k;exports.disableNativeAutocomplete=y;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
function y(f) {
|
|
2
|
+
f.setAttribute("autocomplete", "off");
|
|
3
|
+
}
|
|
4
|
+
function k(f, { onClick: d, onFocus: r, onInput: v, onKeyDown: u, onSubmit: l }, { form: c = f.form ?? void 0, nativeSubmit: p } = {}) {
|
|
5
|
+
const o = [];
|
|
6
|
+
function i(e, s, a) {
|
|
7
|
+
e.addEventListener(s, a), o.push(() => e.removeEventListener(s, a));
|
|
8
|
+
}
|
|
9
|
+
return (u || l) && i(f, "keydown", (e) => {
|
|
10
|
+
const s = u?.(f.value, e.key);
|
|
11
|
+
u && (e.key === "ArrowDown" || e.key === "ArrowUp") ? e.preventDefault() : l && e.key === "Enter" && (f.value !== "" && !e.repeat && !s && l(f.value), p || e.preventDefault());
|
|
12
|
+
}), l && c && (i(c, "submit", (e) => {
|
|
13
|
+
p || e.preventDefault(), l(f.value);
|
|
14
|
+
}), c.querySelectorAll("[type=submit]").forEach((e) => {
|
|
15
|
+
i(e, "click", (s) => {
|
|
16
|
+
p || s.preventDefault(), l(f.value);
|
|
17
|
+
});
|
|
18
|
+
})), d && i(f, "click", () => d(f.value)), r && i(f, "focus", () => r(f.value)), v && i(f, "input", () => v(f.value)), {
|
|
19
|
+
destroy() {
|
|
20
|
+
o.forEach((e) => e());
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
export {
|
|
25
|
+
k as b,
|
|
26
|
+
y as d
|
|
27
|
+
};
|
package/dist/core/core.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.es-Dp6Iaxz3.cjs"),o=require("../search-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.es-Dp6Iaxz3.cjs"),o=require("../search-DTqo1D6Y.cjs");async function i(r,a,t=1){await e.C(a,void 0,t),await(await new Promise(e.s)).recordSearchAddToCart(r,a)}exports.search=o.search;exports.addToCart=i;
|
package/dist/core/core.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as t, s as i } from "../index.es-XNBESE3P.js";
|
|
2
|
-
import { s as p } from "../search-
|
|
2
|
+
import { s as p } from "../search-sC5QgJmw.js";
|
|
3
3
|
async function c(o, a, r = 1) {
|
|
4
4
|
await t(a, void 0, r), await (await new Promise(i)).recordSearchAddToCart(o, a);
|
|
5
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../AutocompletePageProvider-DPTHPXyz.cjs"),u=require("../../jsxRuntime.module-B3sGoTIU.cjs"),i=require("../../index.es-Dp6Iaxz3.cjs"),a=require("../../BaseElement-DgwqyaY8.cjs"),m=require("preact/hooks");function p({children:t,hit:e,as:o,componentProps:n}){const r=m.useCallback(()=>{e&&"productId"in e&&i.s(c=>c.recordSearchClick("autocomplete",e))},[e]);return u.u(a.BaseElement,{onClick:r,as:o,componentProps:n,className:"ns-autocomplete-element",children:t})}function d({children:t,class:e,onSubmit:o}){return u.u("div",{className:`ns-autocomplete-element ${e||""}`,onClick:o,onKeyDown:n=>{n.key==="Enter"&&o()},children:t})}function P({as:t,componentProps:e,onSearchInput:o,children:n}){const r={...e,onInput:s=>{o(s.target)}},c=t??"input";return t||(r.type="search"),u.u(c,{...r,children:n})}exports.AutocompletePageProvider=l.AutocompletePageProvider;exports.AutocompleteElement=p;exports.HistoryElement=d;exports.SearchInput=P;
|
|
@@ -2,4 +2,5 @@
|
|
|
2
2
|
export type { PublicAutocompleteConfig as AutocompleteConfig } from './src/AutocompleteConfig.ts';
|
|
3
3
|
export { AutocompletePageProvider } from './src/AutocompletePageProvider.tsx';
|
|
4
4
|
export { AutocompleteElement, type AutocompleteElementProps } from './src/components/AutocompleteElement.tsx';
|
|
5
|
+
export { HistoryElement } from './src/components/HistoryElement.tsx';
|
|
5
6
|
export { SearchInput } from './src/components/SearchInput.tsx';
|
|
@@ -1,49 +1,44 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
function k(e) {
|
|
12
|
-
return {
|
|
13
|
-
pageType: "autocomplete",
|
|
14
|
-
...g,
|
|
15
|
-
...e
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
function I({ config: e, store: t, children: o }) {
|
|
19
|
-
const r = t ?? m();
|
|
20
|
-
return l(), /* @__PURE__ */ n(p, { value: k(e), children: /* @__PURE__ */ n(i, { value: r, children: [
|
|
21
|
-
/* @__PURE__ */ n(f, {}),
|
|
22
|
-
o
|
|
23
|
-
] }) });
|
|
24
|
-
}
|
|
25
|
-
function P({
|
|
26
|
-
children: e,
|
|
27
|
-
hit: t,
|
|
28
|
-
as: o,
|
|
29
|
-
componentProps: r
|
|
1
|
+
import { A as I } from "../../AutocompletePageProvider-BoV4iLil.js";
|
|
2
|
+
import { u as m } from "../../jsxRuntime.module-Bzuv3cXw.js";
|
|
3
|
+
import { s } from "../../index.es-XNBESE3P.js";
|
|
4
|
+
import { B as a } from "../../BaseElement-iXMoOyxY.js";
|
|
5
|
+
import { useCallback as l } from "preact/hooks";
|
|
6
|
+
function C({
|
|
7
|
+
children: o,
|
|
8
|
+
hit: e,
|
|
9
|
+
as: t,
|
|
10
|
+
componentProps: n
|
|
30
11
|
}) {
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
}, [
|
|
34
|
-
return /* @__PURE__ */
|
|
12
|
+
const r = l(() => {
|
|
13
|
+
e && "productId" in e && s((c) => c.recordSearchClick("autocomplete", e));
|
|
14
|
+
}, [e]);
|
|
15
|
+
return /* @__PURE__ */ m(a, { onClick: r, as: t, componentProps: n, className: "ns-autocomplete-element", children: o });
|
|
16
|
+
}
|
|
17
|
+
function k({ children: o, class: e, onSubmit: t }) {
|
|
18
|
+
return /* @__PURE__ */ m(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
className: `ns-autocomplete-element ${e || ""}`,
|
|
22
|
+
onClick: t,
|
|
23
|
+
onKeyDown: (n) => {
|
|
24
|
+
n.key === "Enter" && t();
|
|
25
|
+
},
|
|
26
|
+
children: o
|
|
27
|
+
}
|
|
28
|
+
);
|
|
35
29
|
}
|
|
36
|
-
function
|
|
37
|
-
const
|
|
38
|
-
...
|
|
39
|
-
onInput: (
|
|
40
|
-
|
|
30
|
+
function y({ as: o, componentProps: e, onSearchInput: t, children: n }) {
|
|
31
|
+
const r = {
|
|
32
|
+
...e,
|
|
33
|
+
onInput: (p) => {
|
|
34
|
+
t(p.target);
|
|
41
35
|
}
|
|
42
|
-
},
|
|
43
|
-
return
|
|
36
|
+
}, c = o ?? "input";
|
|
37
|
+
return o || (r.type = "search"), /* @__PURE__ */ m(c, { ...r, children: n });
|
|
44
38
|
}
|
|
45
39
|
export {
|
|
46
|
-
|
|
40
|
+
C as AutocompleteElement,
|
|
47
41
|
I as AutocompletePageProvider,
|
|
48
|
-
|
|
42
|
+
k as HistoryElement,
|
|
43
|
+
y as SearchInput
|
|
49
44
|
};
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { BaseConfig } from '../../common/src/config/baseConfig';
|
|
2
2
|
export declare const defaultAutocompleteConfig: {
|
|
3
3
|
memoryCache: false;
|
|
4
|
+
historyEnabled: true;
|
|
5
|
+
historySize: number;
|
|
6
|
+
debounceDelay: number;
|
|
7
|
+
minQueryLength: number;
|
|
4
8
|
defaultCurrency: string;
|
|
5
9
|
queryModifications: (query: import('@nosto/nosto-js/client').SearchQuery) => import('@nosto/nosto-js/client').SearchQuery;
|
|
6
10
|
};
|
|
@@ -10,14 +14,34 @@ export interface AutocompleteConfig extends BaseConfig {
|
|
|
10
14
|
* Enable in-memory caching
|
|
11
15
|
*/
|
|
12
16
|
memoryCache: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Enable history
|
|
19
|
+
*/
|
|
20
|
+
historyEnabled: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* History size
|
|
23
|
+
*/
|
|
24
|
+
historySize: number;
|
|
25
|
+
/**
|
|
26
|
+
* Debounce delay in milliseconds
|
|
27
|
+
*/
|
|
28
|
+
debounceDelay: number;
|
|
29
|
+
/**
|
|
30
|
+
* Minimum query length to show autocomplete dropdown
|
|
31
|
+
*/
|
|
32
|
+
minQueryLength: number;
|
|
13
33
|
}
|
|
14
34
|
export type PublicAutocompleteConfig = Omit<AutocompleteConfig, keyof typeof defaultAutocompleteConfig | "pageType"> & Partial<Pick<AutocompleteConfig, keyof typeof defaultAutocompleteConfig>>;
|
|
15
|
-
export declare function makeAutocompleteConfig(config
|
|
35
|
+
export declare function makeAutocompleteConfig(config?: PublicAutocompleteConfig): {
|
|
16
36
|
search?: import('../../../core/src/types').SearchOptions | undefined;
|
|
17
37
|
onBeforeSearch?: ((context: import('../../common/src/types').ActionContext, options: import('../../../core/src/types').SearchOptions) => void) | undefined;
|
|
18
38
|
onSearchError?: ((error: unknown, query: import('@nosto/nosto-js/client').SearchQuery, options: import('../../../core/src/types').SearchOptions, pageType: import('../../common/src/types').PageType) => void) | undefined;
|
|
19
39
|
defaultCurrency: string;
|
|
20
40
|
queryModifications: (query: import('@nosto/nosto-js/client').SearchQuery, pageType: import('../../common/src/types').PageType | undefined) => import('@nosto/nosto-js/client').SearchQuery;
|
|
21
41
|
memoryCache: boolean;
|
|
42
|
+
historyEnabled: boolean;
|
|
43
|
+
historySize: number;
|
|
44
|
+
debounceDelay: number;
|
|
45
|
+
minQueryLength: number;
|
|
22
46
|
pageType: "autocomplete";
|
|
23
47
|
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ComponentChildren } from 'preact';
|
|
2
|
+
/**
|
|
3
|
+
* @group Components
|
|
4
|
+
*/
|
|
5
|
+
export interface HistoryElementProps {
|
|
6
|
+
children: ComponentChildren;
|
|
7
|
+
/**
|
|
8
|
+
* Append class to element.
|
|
9
|
+
*/
|
|
10
|
+
class?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Append class when element is selected with keyboard.
|
|
13
|
+
*/
|
|
14
|
+
activeClass?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Action to perform on search submission (click or keyboard).
|
|
17
|
+
*/
|
|
18
|
+
onSubmit: () => void;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @group Components
|
|
22
|
+
*/
|
|
23
|
+
export declare function HistoryElement({ children, class: className, onSubmit }: HistoryElementProps): import("preact").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../CategoryPageProvider-CkeR1heA.cjs");exports.CategoryPageProvider=e.CategoryPageProvider;
|
|
@@ -1,25 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { c as n, S as i, C as s } from "../../useActions-BOhorGOy.js";
|
|
3
|
-
import { d as c, u as f, S as C } from "../../baseConfig-BG_h7eA6.js";
|
|
4
|
-
const l = {
|
|
5
|
-
...c,
|
|
6
|
-
persistentSearchCache: !1,
|
|
7
|
-
preservePageScroll: !1
|
|
8
|
-
};
|
|
9
|
-
function u(e) {
|
|
10
|
-
return {
|
|
11
|
-
pageType: "category",
|
|
12
|
-
...l,
|
|
13
|
-
...e
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
function m({ config: e, store: r, children: o }) {
|
|
17
|
-
const a = r ?? n();
|
|
18
|
-
return f(), /* @__PURE__ */ t(s, { value: u(e), children: /* @__PURE__ */ t(i, { value: a, children: [
|
|
19
|
-
/* @__PURE__ */ t(C, {}),
|
|
20
|
-
o
|
|
21
|
-
] }) });
|
|
22
|
-
}
|
|
1
|
+
import { C as o } from "../../CategoryPageProvider-Dzcbnz1W.js";
|
|
23
2
|
export {
|
|
24
|
-
|
|
3
|
+
o as CategoryPageProvider
|
|
25
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../isBot-CLCqH-df.cjs"),t=require("../../jsxRuntime.module-B3sGoTIU.cjs"),s=require("../../useLoadMore-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../isBot-CLCqH-df.cjs"),t=require("../../jsxRuntime.module-B3sGoTIU.cjs"),s=require("../../useLoadMore-IsdiHtZi.cjs"),p=require("../../pick-rYi1lc2m.cjs"),n=require("../../InfiniteScrollWithObserver-Bmi6zgwp.cjs"),q=require("preact"),r=require("../../useActions-yB4RkNMW.cjs");function b({pageSize:o}){const{loadMore:e}=s.useLoadMore(o);return t.u("button",{onClick:e,children:"More results"})}function c({children:o,loadMoreComponent:e,pageSize:i}){const{loading:u,query:l,response:a}=s.useNostoAppState(S=>p.pick(S,"loading","query","response")),d=!u&&n.hasMoreResults(l,a);return t.u(q.Fragment,{children:[o,d&&(e?t.u(e,{pageSize:i}):t.u(b,{pageSize:i}))]})}const M=!f.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:c;exports.StoreContext=r.StoreContext;exports.createExtendableStore=r.createExtendableStore;exports.createStore=r.createStore;exports.defaultState=r.defaultState;exports.InfiniteScroll=M;exports.InfiniteScrollWithLink=c;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { i as l } from "../../isBot-DfEzHKzJ.js";
|
|
2
2
|
import { u as r } from "../../jsxRuntime.module-Bzuv3cXw.js";
|
|
3
|
-
import { u as p, a as m } from "../../useLoadMore-
|
|
3
|
+
import { u as p, a as m } from "../../useLoadMore-A4IkMv_0.js";
|
|
4
4
|
import { p as u } from "../../pick-DReBictn.js";
|
|
5
|
-
import { h as d, i as f, I as S } from "../../InfiniteScrollWithObserver-
|
|
5
|
+
import { h as d, i as f, I as S } from "../../InfiniteScrollWithObserver-CnR-vqQP.js";
|
|
6
6
|
import { Fragment as h } from "preact";
|
|
7
|
-
import { S as O,
|
|
7
|
+
import { S as O, b as W, c as A, d as B } from "../../useActions-Cd7V2qfb.js";
|
|
8
8
|
function M({ pageSize: e }) {
|
|
9
9
|
const { loadMore: o } = p(e);
|
|
10
10
|
return /* @__PURE__ */ r("button", { onClick: o, children: "More results" });
|
|
@@ -8,10 +8,11 @@ export type BaseElementProps<C extends AsComponent> = {
|
|
|
8
8
|
as?: C;
|
|
9
9
|
componentProps?: JSX.LibraryManagedAttributes<C, ComponentProps<C>>;
|
|
10
10
|
children?: ComponentChildren;
|
|
11
|
+
className?: string;
|
|
11
12
|
};
|
|
12
13
|
/**
|
|
13
14
|
* Wrapper component that can be used to wrap any element in the search result list.
|
|
14
15
|
*
|
|
15
16
|
* @group Components
|
|
16
17
|
*/
|
|
17
|
-
export declare function BaseElement<C extends AsComponent>({ onClick, as, children, componentProps }: BaseElementProps<C>): JSX.Element;
|
|
18
|
+
export declare function BaseElement<C extends AsComponent>({ onClick, as, children, componentProps, className }: BaseElementProps<C>): JSX.Element;
|
|
@@ -38,6 +38,7 @@ export declare function createStore(overrides?: Partial<State>): {
|
|
|
38
38
|
getState: () => State;
|
|
39
39
|
getInitialState: () => State;
|
|
40
40
|
onChange: <T>(selector: (state: State) => T, callback: (piece: T) => void) => void;
|
|
41
|
+
onInit: (callback: () => void) => void;
|
|
41
42
|
clearOnChange: <T>(callback: (piece: T) => void) => void;
|
|
42
43
|
};
|
|
43
44
|
export type Store = ReturnType<typeof createStore>;
|
|
@@ -3,5 +3,6 @@ export declare const StoreContext: import('preact').Context<{
|
|
|
3
3
|
getState: () => import('./store').State;
|
|
4
4
|
getInitialState: () => import('./store').State;
|
|
5
5
|
onChange: <T>(selector: (state: import('./store').State) => T, callback: (piece: T) => void) => void;
|
|
6
|
+
onInit: (callback: () => void) => void;
|
|
6
7
|
clearOnChange: <T>(callback: (piece: T) => void) => void;
|
|
7
8
|
}>;
|
|
@@ -12,6 +12,7 @@ export declare function createExtendableStore<State extends BaseState>(defaultSt
|
|
|
12
12
|
getState: () => State;
|
|
13
13
|
getInitialState: () => State;
|
|
14
14
|
onChange: <T>(selector: (state: State) => T, callback: (piece: T) => void) => void;
|
|
15
|
+
onInit: (callback: () => void) => void;
|
|
15
16
|
clearOnChange: <T>(callback: (piece: T) => void) => void;
|
|
16
17
|
};
|
|
17
18
|
export type ExtendedStore<T extends BaseState> = ReturnType<typeof createExtendableStore<T>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../useActions-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../useActions-yB4RkNMW.cjs"),x=require("../../logger-Boh_C6Bz.cjs"),h=require("../../useLoadMore-IsdiHtZi.cjs"),d=require("preact/hooks"),L=require("../../index.es-Dp6Iaxz3.cjs"),y=require("../../parseNumber-FsZ8w61u.cjs");function P(t){const n=h.useNostoAppState(e=>e.response);return t&&Array.isArray(t)||t&&x.isPlainObject(t)?t:n}function T(t,n){const e=t.data?.filter(f=>f.selected).length??0,{active:o}={active:e>0,...n},[r,c]=d.useState(o),{toggleProductFilter:u}=b.useActions(),l=d.useCallback(()=>{c(!r)},[r]);return{active:r,selectedFiltersCount:e,toggleActive:l,toggleProductFilter:u}}function q(){const{loading:t,facets:n}=h.useNostoAppState(e=>({loading:e.loading,facets:e.response?.products?.facets??[]}));return{loading:t,facets:n}}function z(t,n){const e=n-t;return!isNaN(e)&&e>0?new Array(n-t).fill(void 0).map((o,r)=>r+t):[]}function X(t){const{query:n,products:e}=h.useNostoAppState(o=>({query:o.query,products:o.response.products}));return d.useMemo(()=>{if(!e)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const o=n.products?.from??0,r=t?.width??1/0,c=Math.max(Math.floor(r-1)/2,1),u=e.size>0?Math.floor(o/e.size)+1:1,l=e.size>0?Math.ceil(e.total/e.size):0,f=A=>A>=u-c&&A<=u+c,s=o+1,i=Math.min(o+e.total,e.total),a={from:o,page:u,current:!0},p=A=>({from:(A-1)*e.size,page:A,current:A===u}),S=u>1?p(u-1):void 0,m=u<l?p(u+1):void 0,g=u-c-1>1?p(1):void 0,v=u+c+1<l?p(l):void 0,F=z(1,l+1).filter(f).map(p);return!g&&F[0]?.page===2&&F.unshift(p(1)),!v&&F[F.length-1]?.page===l-1&&F.push(p(l)),{totalPages:l,resultsFrom:s,resultsTo:i,current:a,prev:S,next:m,first:g,last:v,pages:F}},[n,e,t?.width])}function O(){const[t,n]=d.useState([]),[e,o]=d.useState([]);return d.useEffect(()=>{L.s(async r=>{const{products:c,segments:u}=await r.getSearchSessionParams();n(u??[]),o(c?.personalizationBoost??[])})},[]),{segments:t,boost:e}}function j(){const{facets:t}=h.useNostoAppState(s=>({facets:s.response.products?.facets??[]})),{replaceFilter:n,toggleProductFilter:e}=b.useActions(),o=d.useCallback(s=>{const i=t?.find(a=>a.type==="stats"&&a.field===s);if(i&&"min"in i&&"max"in i)return i},[t]),r=d.useCallback(s=>t?.find(i=>i.field===s)?.name??s,[t]),c=d.useCallback(s=>"field"in s&&(s.value instanceof Array||s.range instanceof Array),[]),u=d.useCallback(s=>({...s,range:s.range?.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}))}),[]),l=d.useCallback(s=>(s.value??[]).map(a=>({value:a,field:s.field,name:r(s.field),filter:u(s),remove:()=>{e(s.field,a,!1)}})),[u,r,e]),f=d.useCallback(s=>(s.range??[]).map(a=>{const p=a.gte??a.gt??o(s.field)?.min,S=a.lte??a.lt??o(s.field)?.max;if(p!==void 0&&S!==void 0)return{value:`${p} - ${S}`,field:s.field,name:r(s.field),filter:u(s),remove:()=>{n(s.field,void 0)}}}).filter(Boolean),[u,o,r,n]);return{selectFilters:c,toValueFilter:l,toRangeFilter:f}}function R(){const{filter:t}=h.useNostoAppState(l=>({filter:l.query.products?.filter??[]})),{updateSearch:n}=b.useActions(),{selectFilters:e,toValueFilter:o,toRangeFilter:r}=j(),c=d.useMemo(()=>t?t.filter(e).flatMap(l=>"value"in l?o(l):"range"in l?r(l):[]).filter(Boolean):[],[t,e,r,o]),u=d.useCallback(()=>{n({products:{filter:[]}})},[n]);return{filters:c,removeAll:u}}function k(t){const{replaceFilter:n}=b.useActions(),{query:e,products:o}=h.useNostoAppState(a=>({query:a.query,products:a.response.products})),r=o?.facets?.find(a=>a.id===t);if(!r)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const c=e.products?.filter?.find(a=>a.field===r.field),u=c?.range?c.range[0]:void 0,l=typeof u=="object"&&("gte"in u||"lte"in u)?[y.parseNumber(u.gte),y.parseNumber(u.lte)]:[void 0,void 0],f="min"in r?Math.floor(r.min):0,s="max"in r?Math.ceil(r.max):0,i=([a,p])=>{const S=a!==void 0?Math.floor(a):void 0,m=p!==void 0?Math.ceil(p):void 0,g=S!==void 0,v=m!==void 0;(f===S||!g)&&(s===m||!v)?n(r.field,void 0):(f===S||!g)&&v?n(r.field,{lte:m.toString()}):(s===m||!v)&&g?n(r.field,{gte:S.toString()}):g&&v&&n(r.field,{gte:S.toString(),lte:m.toString()})};return{min:f,max:s,range:[l[0]??f,l[1]??s],updateRange:i}}function V(t,n){const{min:e,max:o,range:r,updateRange:c}=k(t),{filters:u}=R(),l=d.useMemo(()=>{const a=u.find(g=>g?.filter?.range);let p=null;if(a){const g=a.filter.range?.[0];p=[y.parseNumber(g?.gte),y.parseNumber(g?.lte)]}const S=[];let m=Math.floor(e/n)*n;for(;m<o;){const g=m+n,v=p&&p[0]===m&&p[1]===g;S.push({min:m,max:g,selected:v}),m=g}return S},[u,e,o,n]),f=a=>{c([a,r[1]])},s=a=>{c([r[0],a])},i=e!==r[0]||o!==r[1];return{min:e,max:o,range:r,updateRange:c,ranges:l,handleMinChange:f,handleMaxChange:s,isSelected:i}}function D(){const{products:t,keywords:n}=h.useNostoAppState(e=>e.response);return{products:t??{hits:[],total:0},keywords:n??{hits:[],total:0}}}function B(){const t=h.useNostoAppState(e=>e.query.products?.filter);return d.useMemo(()=>t?t.reduce((e,o)=>e+(Array.isArray(o.value)?o.value.length:1),0):0,[t])}function N(t){return t&&!Number.isNaN(t)?t:0}function _(t,n){const{from:e,size:o,total:r}=h.useNostoAppState(s=>({from:N(s.query.products?.from??0),size:N(s.response?.products?.size??n),total:N(s.response?.products?.total??0)})),{updateSearch:c}=b.useActions(),u=e+o,l=d.useMemo(()=>[...t].reverse().filter(s=>s<r),[t,r]),f=d.useCallback(s=>{c({products:{size:y.parseNumber(s)}})},[c]);return{from:e,to:u,total:r,size:o,sizeOptions:l,handleSizeChange:f}}function E(t,n){return t.length!==n.length?!1:t.every(e=>n.find(o=>e.field===o.field&&e.order===o.order))}function U(t){const n=h.useNostoAppState(c=>c.query),{updateSearch:e}=b.useActions();return{activeSort:t.find(c=>E(c.value.sort,n.products?.sort||[]))?.id??t[0]?.id,setSort:c=>{const u=t.find(l=>l.id===c);u&&e({products:{sort:u.value.sort}})}}}const M=window.SpeechRecognition||window.webkitSpeechRecognition,C=!!(M&&typeof M=="function");function $(){return{listening:!1,startListening:()=>{},stopListening:()=>{}}}function I({language:t="en-US",interimResults:n=!1,onResult:e,onError:o}={}){const[r,c]=d.useState(!1),u=d.useRef(null),l=d.useCallback(()=>{const s=new M;s.lang=t,s.interimResults=n,s.onstart=()=>c(!0),e&&(s.onresult=i=>{const{transcript:a}=i.results?.[0]?.[0];e(a)}),o&&(s.onerror=i=>o(i.error)),s.onend=()=>c(!1),u.current=s,s.start()},[t,n,o,e]),f=d.useCallback(()=>{u.current?.stop()},[u]);return{listening:r,startListening:l,stopListening:f}}const Z=C?I:$;function G(t,n){if(!t.length||!n.length)return[];const e=n.reduce((o,r)=>(o[r]={},o),{});return t.forEach(o=>{o.customFields?.forEach(({key:r,value:c})=>{const u=r.toLowerCase();n.includes(u)&&(e[u][c]=e[u][c]||[],e[u][c].push(o))})}),Object.entries(e).filter(o=>Object.keys(o[1]).length).map(([o,r])=>({field:o,options:Object.entries(r).map(([c,u])=>({value:c,skus:u,unavailable:!1,selected:!1}))}))}function H(t,n){return t.length?t.map(({field:e,options:o})=>({field:e,options:o.map(r=>{const c=!r.skus?.some(l=>Object.entries(n).every(([f,s])=>f===e?!0:l.customFields?.find(a=>a.key.toLowerCase()===f)?.value===s)),u=n[e]===r.value;return{...r,unavailable:c,selected:u}})})):[]}const w=["4XS","3XS","2XS","XXS","XS","S","M","L","XL","XXL","2XL","XXXL","3XL","4XL"];function J(t){if(w.includes(t))return 1e3+w.indexOf(t);const n=parseFloat(t);return isNaN(n)?t:n}function K(t,n){return[...n].sort((e,o)=>{const[r,c]=[e.value,o.value].map(J);return r<c?-1:1})}function Q(t=[],n=[]){const[e,o]=d.useState({}),r=d.useMemo(()=>G(t,n).map(({field:s,options:i})=>({field:s,options:K(s,i)})),[t,n]),c=d.useMemo(()=>H(r,e),[r,e]),u=d.useCallback((f,s)=>{o(i=>{const a={...i};return a[f]===s?delete a[f]:a[f]=s,a})},[]),l=d.useMemo(()=>Object.keys(e).filter(i=>e[i]).length===0?[]:c.filter(({field:i})=>e[i]).map(({field:i,options:a})=>{const p=e[i];return a.find(m=>m.value===p)?.skus??[]}).reduce((i,a)=>i.filter(p=>a.includes(p))),[c,e]);return{swatches:c,toggleOption:u,matchedSkus:l}}exports.useActions=b.useActions;exports.useLoadMore=h.useLoadMore;exports.useNostoAppState=h.useNostoAppState;exports.speechToTextSupported=C;exports.useDecoratedSearchResults=P;exports.useFacet=T;exports.useFacets=q;exports.usePagination=X;exports.usePersonalization=O;exports.useProductFilters=R;exports.useRange=k;exports.useRangeSelector=V;exports.useResponse=D;exports.useSelectedFiltersCount=B;exports.useSizeOptions=_;exports.useSort=U;exports.useSpeechToText=Z;exports.useSwatches=Q;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { b } from "../../useActions-
|
|
1
|
+
import { e as b } from "../../useActions-Cd7V2qfb.js";
|
|
2
2
|
import { a as z } from "../../logger-_fg_Za9y.js";
|
|
3
|
-
import { a as v } from "../../useLoadMore-
|
|
4
|
-
import { u as le } from "../../useLoadMore-
|
|
3
|
+
import { a as v } from "../../useLoadMore-A4IkMv_0.js";
|
|
4
|
+
import { u as le } from "../../useLoadMore-A4IkMv_0.js";
|
|
5
5
|
import { useState as R, useCallback as h, useMemo as y, useEffect as A, useRef as N } from "preact/hooks";
|
|
6
6
|
import { s as P } from "../../index.es-XNBESE3P.js";
|
|
7
7
|
import { p as x } from "../../parseNumber-QA48nJLp.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../AutocompletePageProvider-DPTHPXyz.cjs"),L=require("../../CategoryPageProvider-CkeR1heA.cjs"),m=require("../../useActions-yB4RkNMW.cjs"),x=require("../../SerpPageProvider-CCPCHjKU.cjs"),u=require("../../jsxRuntime.module-B3sGoTIU.cjs"),A=require("../../bindInput-BnKvCky1.cjs"),P=require("../../unique-BXXNictB.cjs"),g=require("preact"),b=require("../../logger-Boh_C6Bz.cjs"),O=require("preact/hooks"),B=require("../../index.es-Dp6Iaxz3.cjs"),y=require("../../search-DTqo1D6Y.cjs");function F(e){let t;return n=>{t&&clearTimeout(t),t=setTimeout(n,e)}}function p({children:e}){const[t]=O.useErrorBoundary();return t&&b.logger.error("Error caught in ErrorBoundary",t),u.u(g.Fragment,{children:e})}function C(e,t){return(typeof e=="string"?Array.from(document.querySelectorAll(e)):[e]).filter(o=>!0)}function H(e,t){let n=[];return C(e).forEach(o=>{const r=o.parentNode;r!==document&&r instanceof Element&&(n.push(r),n=n.concat(H(r)))}),n.filter(o=>t===void 0)}function I([e,t],n){const o=r=>{const s=r.target;s instanceof HTMLElement&&e&&s!==e&&s!==t&&!H(s).includes(e)&&n()};return document.addEventListener("click",o),{destroy:()=>{document.removeEventListener("click",o)}}}function T(e,t){e.tabIndex=0,e.addEventListener("blur",t)}function E(e){return typeof e=="string"?{selector:e,position:"last"}:{position:"last",...e}}function N({selector:e,timeout:t=500}){return new Promise(n=>{const o=C(e);if(o.length>0)return n(o);const r=new MutationObserver(()=>{const i=C(e);i.length>0&&(r.disconnect(),clearTimeout(s),n(i))}),s=setTimeout(()=>{r.disconnect(),b.logger.warn(`Timed out (${t}) while waiting for element ${e}`),n([])},t);r.observe(document.body,{childList:!0,subtree:!0})})}const k=g.createContext({reportProductClick:()=>{},reportKeywordClick:()=>{},handleSubmit:()=>{},highlightedElementIndex:-1});function $(e,t){const{dropdown:n,history:o,store:r,input:s,onNavigateToSearch:i}=e,a=(c,h)=>{n.hide(),o.hide(),c&&(o.add(c),r.updateState({historyItems:o.get()}),h&&B.s(l=>l.recordSearchSubmit(c)),s.value=c)};return{reportProductClick:c=>{a(c.name,!1)},reportKeywordClick:c=>{a(c.keyword,!0)},handleSubmit:c=>{a(c.query,!1),i?.(c)},highlightedElementIndex:t.highlightedIndex()}}function v(e,t,n){t.style.display="none";const o=(()=>{if(e.parentElement&&e.parentElement.classList.contains("nosto-autocomplete-wrapper"))return e.parentElement;const l=document.createElement("div");return l.className="nosto-autocomplete-wrapper",e.parentNode?.insertBefore(l,e.nextSibling),l.appendChild(e),l})(),r=E(n),s=r&&document.querySelector(r.selector);if(s){const l=document.createElement("form");l.className="nosto-dropdown-form",l.appendChild(t),r.position==="first"?s.prepend(l):s.appendChild(l)}else o.appendChild(t);const i={index:-1,onChangeListeners:[]},a=(l,d)=>{const f=l.length;f===0&&(d=-1),i.index=d>=0?d%f:f-1,i.onChangeListeners.forEach(D=>D())},c=()=>{i.index=-1,i.onChangeListeners.forEach(l=>l())},h=()=>i.index;return{element:t,hide:()=>{t.style.display="none",c()},show:()=>{t.style.display="inherit"},isOpen:()=>t.style.display!=="none",goDown:()=>{const l=Array.from(t.getElementsByClassName("ns-autocomplete-element")),d=h();a(l,d+1)},goUp:()=>{const l=Array.from(t.getElementsByClassName("ns-autocomplete-element")),d=h();a(l,d-1)},highlight:a,highlightedIndex:h,submitHighlightedItem:l=>{Array.from(t.querySelectorAll(".ns-autocomplete-element"))[l]?.click()},onHighlightChange:l=>{i.onChangeListeners.push(l)}}}function K(e,t){const n=document.createElement("div");return n.className="nosto-autocomplete-dropdown",{...v(e,n,t),element:n}}const w="nosto:search-js:history";function Q(e,t,n){const o=document.createElement("div");return o.className="nosto-autocomplete-history",{...v(e,o,t),element:o,add:s=>{const a=(y.getLocalStorageItem(w)??[]).filter(c=>c!==s).slice(n?-n:0);a.push(s),y.setLocalStorageItem(w,a)},get:()=>(y.getLocalStorageItem(w)??[]).reverse().filter(i=>!!i)}}async function M(e,{config:t,dropdown:n,history:o,renderHistory:r,store:s}){const{historyEnabled:i,minQueryLength:a}=t;if(e.length<a&&i&&r&&!o.isOpen()){o.show();return}if(e.length<a)return;n.hide();const c=s.getState()?.query?.query;c&&c!==e&&await m.newSearch({config:t,store:s},{query:e}),n.show()}async function U(e,t){const{config:n,renderHistory:o,history:r}=t,{historyEnabled:s,minQueryLength:i}=n;if(!o||e.length>=i||!s||r.isOpen())return;const a=R(t,r);r.onHighlightChange(()=>{a(o,r.element)}),r.show();const c=P.measure("renderHistory");a(o,r.element),c()}async function _(e,{config:t,dropdown:n,history:o,store:r,debouncer:s}){const{minQueryLength:i,historyEnabled:a}=t;if(e.length<i&&!a){n.hide(),o.hide();return}if(e.length<i&&a){n.hide(),o.show();return}o.hide(),s(async()=>{m.newSearch({config:t,store:r},{query:e}),n.show()})}function z(e,t,n){const{config:o,debouncer:r}=n;if(r(()=>{}),e.length>=o.minQueryLength)return q(t,n.dropdown,n.history);if(o.historyEnabled)return q(t,n.history,n.dropdown)}function q(e,t,n){if(!t.isOpen()&&e==="ArrowDown"){t.show(),n.hide();return}if(e==="Escape"&&t.hide(),!!t.isOpen()){if(e==="ArrowDown")t.goDown();else if(e==="ArrowUp")t.goUp();else if(e==="Enter"){const o=t.highlightedIndex();return o>=0&&t.submitHighlightedItem(o),t.hide(),o>=0}}}function G(e,{config:t,dropdown:n,history:o,onNavigateToSearch:r,store:s}){n.hide(),o.hide(),!(e.length<t.minQueryLength)&&(o.add(e),s.updateState({historyItems:o.get()}),r?.({query:e}))}async function J(e,t){const{inputCssSelector:n,timeout:o}=e,r=E(n).selector,s=await N({selector:r,timeout:o});if(s.length===0)throw new Error(`No elements found for selector: ${r}`);s.forEach(i=>{V(i,e,t)})}async function V(e,t,n){const{config:o,dropdownCssSelector:r}=t,s=K(e,r),i=Q(e,r,o.historySize),a={...t,input:e,dropdown:s,history:i,store:n,debouncer:F(o.debounceDelay)};X(a),e.setAttribute("data-nosto-element","search-input"),n.updateState({historyItems:i.get()}),A.disableNativeAutocomplete(e),n.onInit(()=>{W(a)}),A.bindInput(e,{onInput:c=>_(c,a),onFocus:c=>U(c,a),onClick:c=>M(c,a),onSubmit:c=>G(c,a),onKeyDown:(c,h)=>z(c,h,a)}),T(i.element,i.hide),T(s.element,s.hide),I([i.element,e],i.hide),I([s.element,e],s.hide)}function W(e){const{dropdown:t,renderAutocomplete:n}=e;if(!n)return;const o=R(e,t);t.onHighlightChange(()=>{o(n,t.element)});const r=P.measure("renderAutocomplete");o(n,t.element),r()}async function X(e){const{input:t,renderSpeechToText:n,config:o,store:r}=e;if(!n)return;const s="ns-autocomplete-voice-position";if(!!t.parentElement?.querySelector(`.${s}`))return;const a=document.createElement("div");a.className=s,t.insertAdjacentElement("afterend",a);const c=await n();g.render(u.u(p,{children:u.u(S.AutocompletePageProvider,{config:o,store:r,children:c})}),a)}function R(e,t){const{config:n,store:o}=e,r=$(e,t);return t.onHighlightChange(()=>{r.highlightedElementIndex=t.highlightedIndex()}),(s,i)=>g.render(u.u(p,{children:u.u(S.AutocompletePageProvider,{config:n,store:o,children:u.u(k,{value:r,children:s()})})}),i)}async function j({cssSelector:e,timeout:t,renderComponent:n}){const o=E(e).selector,r=await N({selector:o,timeout:t??100});if(r.length===0)throw new Error(`No elements found for selector: ${o}`);r.length>1&&b.logger.warn(`Multiple (${r.length}) elements found for selector: ${o}`),g.render(n(),r[0])}async function Y(e,t){const{render:n}=e,o=await n();j({...e,renderComponent:()=>u.u(p,{children:u.u(L.CategoryPageProvider,{store:t,config:e.config,children:o})})})}async function Z(e,t){const{render:n}=e,o=await n();j({...e,renderComponent:()=>u.u(p,{children:u.u(x.SearchPageProvider,{store:t,config:e.config,children:o})})})}async function ee(e){e.autocomplete&&await J({...e.autocomplete,config:S.makeAutocompleteConfig(e.autocomplete.config)},m.createStore({query:e.autocomplete.query})),e.category&&await Y({...e.category,config:L.makeCategoryConfig(e.category.config)},m.createStore()),e.serp&&await Z({...e.serp,config:x.makeSerpConfig(e.serp.config)},m.createStore())}exports.AutocompleteContext=k;exports.init=ee;
|