@nosto/search-js 3.16.0 → 3.16.1
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-CBobTZvT.cjs +1 -0
- package/dist/AutocompletePageProvider-Z4OvIKy-.js +35 -0
- package/dist/preact/autocomplete/autocomplete.cjs.js +1 -1
- package/dist/preact/autocomplete/autocomplete.es.js +1 -1
- package/dist/preact/hooks/hooks.cjs.js +1 -1
- package/dist/preact/hooks/hooks.es.js +1 -1
- package/dist/preact/hooks/src/useHistory.d.ts +1 -1
- package/dist/preact/inject/inject.cjs.js +1 -1
- package/dist/preact/inject/inject.es.js +1 -1
- package/dist/useHistory-D7detcsc.cjs +1 -0
- package/dist/useHistory-DtcY_Wkt.js +23 -0
- package/package.json +1 -1
- package/dist/AutocompletePageProvider-BJxsORbo.cjs +0 -1
- package/dist/AutocompletePageProvider-DI2PONk8.js +0 -37
- package/dist/useHistory-2uGnArVO.cjs +0 -1
- package/dist/useHistory-W6FQSk99.js +0 -20
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("./jsxRuntime.module-B3sGoTIU.cjs"),r=require("./useActions-Drtoxcu4.cjs"),u=require("./baseConfig-gkfFlBOL.cjs"),s=require("./useHistory-D7detcsc.cjs"),a=require("preact/hooks"),l={...u.defaultBaseConfig,memoryCache:!1,historyEnabled:!0,historySize:5,debounceDelay:500,minQueryLength:2};function n(e={}){return{pageType:"autocomplete",...l,...e}}function m({config:e,store:i,children:c}){const t=i??r.createStore();return u.useCheckClientScript(),a.useEffect(()=>{t.updateState({historyItems:s.getSaved()})},[t]),o.u(r.ConfigContext,{value:n(e),children:o.u(r.StoreContext,{value:t,children:[o.u(u.StoreActionsListener,{}),c]})})}exports.AutocompletePageProvider=m;exports.makeAutocompleteConfig=n;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { u as o } from "./jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { c as i, S as n, C as s } from "./useActions-MsVW37eV.js";
|
|
3
|
+
import { d as u, u as m, S as c } from "./baseConfig-BMc1698x.js";
|
|
4
|
+
import { g as f } from "./useHistory-DtcY_Wkt.js";
|
|
5
|
+
import { useEffect as l } from "preact/hooks";
|
|
6
|
+
const p = {
|
|
7
|
+
...u,
|
|
8
|
+
memoryCache: !1,
|
|
9
|
+
historyEnabled: !0,
|
|
10
|
+
historySize: 5,
|
|
11
|
+
debounceDelay: 500,
|
|
12
|
+
minQueryLength: 2
|
|
13
|
+
};
|
|
14
|
+
function d(e = {}) {
|
|
15
|
+
return {
|
|
16
|
+
pageType: "autocomplete",
|
|
17
|
+
...p,
|
|
18
|
+
...e
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
function A({ config: e, store: r, children: a }) {
|
|
22
|
+
const t = r ?? i();
|
|
23
|
+
return m(), l(() => {
|
|
24
|
+
t.updateState({
|
|
25
|
+
historyItems: f()
|
|
26
|
+
});
|
|
27
|
+
}, [t]), /* @__PURE__ */ o(s, { value: d(e), children: /* @__PURE__ */ o(n, { value: t, children: [
|
|
28
|
+
/* @__PURE__ */ o(c, {}),
|
|
29
|
+
a
|
|
30
|
+
] }) });
|
|
31
|
+
}
|
|
32
|
+
export {
|
|
33
|
+
A,
|
|
34
|
+
d as m
|
|
35
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../AutocompletePageProvider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../AutocompletePageProvider-CBobTZvT.cjs"),u=require("../../jsxRuntime.module-B3sGoTIU.cjs"),i=require("../../index.es-Dp6Iaxz3.cjs"),a=require("../../BaseElement-CIHACCWd.cjs"),m=require("preact/hooks"),p=require("../../cl-B00bZ7jc.cjs");function d({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 P({children:t,class:e,onSubmit:o}){return u.u("div",{className:p.cl("ns-autocomplete-element",e),onClick:o,onKeyDown:n=>{n.key==="Enter"&&o()},children:t})}function f({as:t,componentProps:e,onSearchInput:o,children:n}){const r={...e,onInput:l=>{o(l.target)}},c=t??"input";return t||(r.type="search"),u.u(c,{...r,children:n})}exports.AutocompletePageProvider=s.AutocompletePageProvider;exports.AutocompleteElement=d;exports.HistoryElement=P;exports.SearchInput=f;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as g } from "../../AutocompletePageProvider-
|
|
1
|
+
import { A as g } from "../../AutocompletePageProvider-Z4OvIKy-.js";
|
|
2
2
|
import { u as m } from "../../jsxRuntime.module-Bzuv3cXw.js";
|
|
3
3
|
import { s } from "../../index.es-XNBESE3P.js";
|
|
4
4
|
import { B as a } from "../../BaseElement-DD_4UwDm.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../useActions-Drtoxcu4.cjs"),P=require("../../logger-Boh_C6Bz.cjs"),h=require("../../useLoadMore-QOHOP_fr.cjs"),d=require("preact/hooks"),L=require("../../useHistory-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../useActions-Drtoxcu4.cjs"),P=require("../../logger-Boh_C6Bz.cjs"),h=require("../../useLoadMore-QOHOP_fr.cjs"),d=require("preact/hooks"),L=require("../../useHistory-D7detcsc.cjs"),T=require("../../index.es-Dp6Iaxz3.cjs"),A=require("../../parseNumber-FsZ8w61u.cjs");function q(e){const s=h.useNostoAppState(t=>t.response);return e&&Array.isArray(e)||e&&P.isPlainObject(e)?e:s}function z(e,s){const t=e.data?.filter(f=>f.selected).length??0,{active:r}={active:t>0,...s},[n,c]=d.useState(r),{toggleProductFilter:u}=y.useActions(),l=d.useCallback(()=>{c(!n)},[n]);return{active:n,selectedFiltersCount:t,toggleActive:l,toggleProductFilter:u}}function X(){const{loading:e,facets:s}=h.useNostoAppState(t=>({loading:t.loading,facets:t.response?.products?.facets??[]}));return{loading:e,facets:s}}function O(e,s){const t=s-e;return!isNaN(t)&&t>0?new Array(s-e).fill(void 0).map((r,n)=>n+e):[]}function j(e){const{query:s,products:t}=h.useNostoAppState(r=>({query:r.query,products:r.response.products}));return d.useMemo(()=>{if(!t)return{totalPages:0,resultsFrom:0,resultsTo:0,pages:[]};const r=s.products?.from??0,n=e?.width??1/0,c=Math.max(Math.floor(n-1)/2,1),u=t.size>0?Math.floor(r/t.size)+1:1,l=t.size>0?Math.ceil(t.total/t.size):0,f=F=>F>=u-c&&F<=u+c,o=r+1,i=Math.min(r+t.total,t.total),a={from:r,page:u,current:!0},p=F=>({from:(F-1)*t.size,page:F,current:F===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,b=O(1,l+1).filter(f).map(p);return!g&&b[0]?.page===2&&b.unshift(p(1)),!v&&b[b.length-1]?.page===l-1&&b.push(p(l)),{totalPages:l,resultsFrom:o,resultsTo:i,current:a,prev:S,next:m,first:g,last:v,pages:b}},[s,t,e?.width])}function D(){const[e,s]=d.useState([]),[t,r]=d.useState([]);return d.useEffect(()=>{T.s(async n=>{const{products:c,segments:u}=await n.getSearchSessionParams();s(u??[]),r(c?.personalizationBoost??[])})},[]),{segments:e,boost:t}}function E(){const{facets:e}=h.useNostoAppState(o=>({facets:o.response.products?.facets??[]})),{replaceFilter:s,toggleProductFilter:t}=y.useActions(),r=d.useCallback(o=>{const i=e?.find(a=>a.type==="stats"&&a.field===o);if(i&&"min"in i&&"max"in i)return i},[e]),n=d.useCallback(o=>e?.find(i=>i.field===o)?.name??o,[e]),c=d.useCallback(o=>"field"in o&&(o.value instanceof Array||o.range instanceof Array),[]),u=d.useCallback(o=>({...o,range:o.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(o=>(o.value??[]).map(a=>({value:a,field:o.field,name:n(o.field),filter:u(o),remove:()=>{t(o.field,a,!1)}})),[u,n,t]),f=d.useCallback(o=>(o.range??[]).map(a=>{const p=a.gte??a.gt??r(o.field)?.min,S=a.lte??a.lt??r(o.field)?.max;if(p!==void 0&&S!==void 0)return{value:`${p} - ${S}`,field:o.field,name:n(o.field),filter:u(o),remove:()=>{s(o.field,void 0)}}}).filter(Boolean),[u,r,n,s]);return{selectFilters:c,toValueFilter:l,toRangeFilter:f}}function k(){const{filter:e}=h.useNostoAppState(l=>({filter:l.query.products?.filter??[]})),{updateSearch:s}=y.useActions(),{selectFilters:t,toValueFilter:r,toRangeFilter:n}=E(),c=d.useMemo(()=>e?e.filter(t).flatMap(l=>"value"in l?r(l):"range"in l?n(l):[]).filter(Boolean):[],[e,t,n,r]),u=d.useCallback(()=>{s({products:{filter:[]}})},[s]);return{filters:c,removeAll:u}}function R(e){const{replaceFilter:s}=y.useActions(),{query:t,products:r}=h.useNostoAppState(a=>({query:a.query,products:a.response.products})),n=r?.facets?.find(a=>a.id===e);if(!n)return{min:0,max:0,range:[0,0],updateRange:()=>{}};const c=t.products?.filter?.find(a=>a.field===n.field),u=c?.range?c.range[0]:void 0,l=typeof u=="object"&&("gte"in u||"lte"in u)?[A.parseNumber(u.gte),A.parseNumber(u.lte)]:[void 0,void 0],f="min"in n?Math.floor(n.min):0,o="max"in n?Math.ceil(n.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)&&(o===m||!v)?s(n.field,void 0):(f===S||!g)&&v?s(n.field,{lte:m.toString()}):(o===m||!v)&&g?s(n.field,{gte:S.toString()}):g&&v&&s(n.field,{gte:S.toString(),lte:m.toString()})};return{min:f,max:o,range:[l[0]??f,l[1]??o],updateRange:i}}function V(e,s){const{min:t,max:r,range:n,updateRange:c}=R(e),{filters:u}=k(),l=d.useMemo(()=>{const a=u.find(g=>g?.filter?.range);let p=null;if(a){const g=a.filter.range?.[0];p=[A.parseNumber(g?.gte),A.parseNumber(g?.lte)]}const S=[];let m=Math.floor(t/s)*s;for(;m<r;){const g=m+s,v=p&&p[0]===m&&p[1]===g;S.push({min:m,max:g,selected:v}),m=g}return S},[u,t,r,s]),f=a=>{c([a,n[1]])},o=a=>{c([n[0],a])},i=t!==n[0]||r!==n[1];return{min:t,max:r,range:n,updateRange:c,ranges:l,handleMinChange:f,handleMaxChange:o,isSelected:i}}function $(){const{products:e,keywords:s}=h.useNostoAppState(t=>t.response);return{products:e??{hits:[],total:0},keywords:s??{hits:[],total:0}}}function B(){const e=h.useNostoAppState(t=>t.query.products?.filter);return d.useMemo(()=>e?e.reduce((t,r)=>t+(Array.isArray(r.value)?r.value.length:1),0):0,[e])}const _=5*60*1e3,N=new Map;function H(e){const[s,t]=d.useState({product:null,loading:!0,error:null});return d.useEffect(()=>{if(!e){t({product:null,loading:!1,error:"Product handle is required"});return}t(n=>({...n,loading:!0,error:null}));const r=I(e);if(r){t({product:r,loading:!1,error:null});return}U(e).then(n=>{Z(e,n),t({product:n,loading:!1,error:null})}).catch(n=>{t({product:null,loading:!1,error:n.message||"Failed to fetch product"})})},[e]),s}async function U(e){const s=await fetch(`/products/${e}.js`);if(!s.ok)throw new Error(`Failed to fetch product: ${s.status} ${s.statusText}`);return s.json()}function I(e){const s=N.get(e);return s?Date.now()-s.created>_?(N.delete(e),null):s.product:null}function Z(e,s){N.set(e,{product:s,created:Date.now()})}function w(e){return e&&!Number.isNaN(e)?e:0}function G(e,s){const{from:t,size:r,total:n}=h.useNostoAppState(o=>({from:w(o.query.products?.from??0),size:w(o.response?.products?.size??s),total:w(o.response?.products?.total??0)})),{updateSearch:c}=y.useActions(),u=t+r,l=d.useMemo(()=>[...e].reverse().filter(o=>o<n),[e,n]),f=d.useCallback(o=>{c({products:{size:A.parseNumber(o)}})},[c]);return{from:t,to:u,total:n,size:r,sizeOptions:l,handleSizeChange:f}}function J(e,s){return e.length!==s.length?!1:e.every(t=>s.find(r=>t.field===r.field&&t.order===r.order))}function K(e){const s=h.useNostoAppState(c=>c.query),{updateSearch:t}=y.useActions();return{activeSort:e.find(c=>J(c.value.sort,s.products?.sort||[]))?.id??e[0]?.id,setSort:c=>{const u=e.find(l=>l.id===c);u&&t({products:{sort:u.value.sort}})}}}const M=window.SpeechRecognition||window.webkitSpeechRecognition,x=!!(M&&typeof M=="function");function Q(){return{listening:!1,startListening:()=>{},stopListening:()=>{}}}function W({language:e="en-US",interimResults:s=!1,onResult:t,onError:r}={}){const[n,c]=d.useState(!1),u=d.useRef(null),l=d.useCallback(()=>{const o=new M;o.lang=e,o.interimResults=s,o.onstart=()=>c(!0),t&&(o.onresult=i=>{const{transcript:a}=i.results?.[0]?.[0];t(a)}),r&&(o.onerror=i=>r(i.error)),o.onend=()=>c(!1),u.current=o,o.start()},[e,s,r,t]),f=d.useCallback(()=>{u.current?.stop()},[u]);return{listening:n,startListening:l,stopListening:f}}const Y=x?W:Q;function ee(e,s){if(!e.length||!s.length)return[];const t=s.reduce((r,n)=>(r[n]={},r),{});return e.forEach(r=>{r.customFields?.forEach(({key:n,value:c})=>{const u=n.toLowerCase();s.includes(u)&&(t[u][c]=t[u][c]||[],t[u][c].push(r))})}),Object.entries(t).filter(r=>Object.keys(r[1]).length).map(([r,n])=>({field:r,options:Object.entries(n).map(([c,u])=>({value:c,skus:u,unavailable:!1,selected:!1}))}))}function te(e,s){return e.length?e.map(({field:t,options:r})=>({field:t,options:r.map(n=>{const c=!n.skus?.some(l=>Object.entries(s).every(([f,o])=>f===t?!0:l.customFields?.find(a=>a.key.toLowerCase()===f)?.value===o)),u=s[t]===n.value;return{...n,unavailable:c,selected:u}})})):[]}const C=["4XS","3XS","2XS","XXS","XS","S","M","L","XL","XXL","2XL","XXXL","3XL","4XL"];function se(e){if(C.includes(e))return 1e3+C.indexOf(e);const s=parseFloat(e);return isNaN(s)?e:s}function ne(e,s){return[...s].sort((t,r)=>{const[n,c]=[t.value,r.value].map(se);return n<c?-1:1})}function oe(e=[],s=[]){const[t,r]=d.useState({}),n=d.useMemo(()=>ee(e,s).map(({field:o,options:i})=>({field:o,options:ne(o,i)})),[e,s]),c=d.useMemo(()=>te(n,t),[n,t]),u=d.useCallback((f,o)=>{r(i=>{const a={...i};return a[f]===o?delete a[f]:a[f]=o,a})},[]),l=d.useMemo(()=>Object.keys(t).filter(i=>t[i]).length===0?[]:c.filter(({field:i})=>t[i]).map(({field:i,options:a})=>{const p=t[i];return a.find(m=>m.value===p)?.skus??[]}).reduce((i,a)=>i.filter(p=>a.includes(p))),[c,t]);return{swatches:c,toggleOption:u,matchedSkus:l}}exports.useActions=y.useActions;exports.useLoadMore=h.useLoadMore;exports.useNostoAppState=h.useNostoAppState;exports.useHistory=L.useHistory;exports.speechToTextSupported=x;exports.useDecoratedSearchResults=q;exports.useFacet=z;exports.useFacets=X;exports.usePagination=j;exports.usePersonalization=D;exports.useProductFilters=k;exports.useRange=R;exports.useRangeSelector=V;exports.useResponse=$;exports.useSelectedFiltersCount=B;exports.useShopifyProduct=H;exports.useSizeOptions=G;exports.useSort=K;exports.useSpeechToText=Y;exports.useSwatches=oe;
|
|
@@ -3,7 +3,7 @@ import { a as z } from "../../logger-_fg_Za9y.js";
|
|
|
3
3
|
import { a as S } from "../../useLoadMore-CYYoAHua.js";
|
|
4
4
|
import { u as he } from "../../useLoadMore-CYYoAHua.js";
|
|
5
5
|
import { useState as x, useCallback as h, useMemo as y, useEffect as X, useRef as A } from "preact/hooks";
|
|
6
|
-
import { u as ve } from "../../useHistory-
|
|
6
|
+
import { u as ve } from "../../useHistory-DtcY_Wkt.js";
|
|
7
7
|
import { s as N } from "../../index.es-XNBESE3P.js";
|
|
8
8
|
import { p as R } from "../../parseNumber-QA48nJLp.js";
|
|
9
9
|
function te(e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../AutocompletePageProvider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../AutocompletePageProvider-CBobTZvT.cjs"),T=require("../../CategoryPageProvider-CYRnaUx1.cjs"),h=require("../../useActions-Drtoxcu4.cjs"),I=require("../../SerpPageProvider-s4dO49Fx.cjs"),d=require("../../jsxRuntime.module-B3sGoTIU.cjs"),g=require("../../ErrorBoundary-CKn3Ecpu.cjs"),b=require("../../disableNativeAutocomplete-DI6zaZII.cjs"),P=require("../../unique-BXXNictB.cjs"),C=require("preact"),N=require("../../logger-Boh_C6Bz.cjs"),p=require("../../search-RNs4Cunh.cjs");function O(e){let n;return t=>{n&&clearTimeout(n),n=setTimeout(t,e)}}function q(e){return Array.from(document.querySelectorAll(e))}function R(e){const n=[];let t=e.parentNode;for(;t&&t!==document&&t instanceof Element;)n.push(t),t=t.parentNode;return n}function E([e,n],t){const o=r=>{const s=r.target;s instanceof HTMLElement&&e&&s!==e&&s!==n&&!R(s).includes(e)&&t()};return document.addEventListener("click",o),{destroy:()=>{document.removeEventListener("click",o)}}}function A(e,n){e.tabIndex=0,e.addEventListener("blur",n)}function S(e){return typeof e=="string"?{selector:e,position:"last"}:{position:"last",...e}}function H({selector:e,timeout:n=500}){return new Promise(t=>{const o=q(e);if(o.length>0)return t(o);const r=new MutationObserver(()=>{const i=q(e);i.length>0&&(r.disconnect(),clearTimeout(s),t(i))}),s=setTimeout(()=>{r.disconnect(),N.logger.warn(`Timed out (${n}) while waiting for element ${e}`),t([])},n);r.observe(document.body,{childList:!0,subtree:!0})})}function x(e,n,t){n.style.display="none";const o=(()=>{if(e.parentElement&&e.parentElement.classList.contains("nosto-autocomplete-wrapper"))return e.parentElement;const a=document.createElement("div");return a.className="nosto-autocomplete-wrapper",e.parentNode?.insertBefore(a,e.nextSibling),a.appendChild(e),a})(),r=S(t),s=r&&document.querySelector(r.selector);if(s){const a=document.createElement("form");a.className="nosto-dropdown-form",a.appendChild(n),r.position==="first"?s.prepend(a):s.appendChild(a)}else o.appendChild(n);const i={index:-1,onChangeListeners:[]},c=(a,u)=>{const f=a.length;f===0&&(u=-1),i.index=u>=0?u%f:f-1,i.onChangeListeners.forEach(D=>D())},l=()=>{i.index=-1,i.onChangeListeners.forEach(a=>a())},m=()=>i.index;return{element:n,hide:()=>{n.style.display="none",l()},show:()=>{n.style.display="inherit"},isOpen:()=>n.style.display!=="none",goDown:()=>{const a=Array.from(n.getElementsByClassName("ns-autocomplete-element")),u=m();c(a,u+1)},goUp:()=>{const a=Array.from(n.getElementsByClassName("ns-autocomplete-element")),u=m();c(a,u-1)},highlight:c,highlightedIndex:m,submitHighlightedItem:a=>{Array.from(n.querySelectorAll(".ns-autocomplete-element"))[a]?.click()},onHighlightChange:a=>{i.onChangeListeners.push(a)}}}function $(e,n){const t=document.createElement("div");return t.className="nosto-autocomplete-dropdown",{...x(e,t,n),element:t}}const y="nosto:search-js:history";function v(e,n,t){const o=document.createElement("div");return o.className="nosto-autocomplete-history",{...x(e,o,n),element:o,add:s=>{const c=(p.getLocalStorageItem(y)??[]).filter(l=>l!==s).slice(t?-t:0);c.push(s),p.setLocalStorageItem(y,c)},get:()=>(p.getLocalStorageItem(y)??[]).reverse().filter(i=>!!i)}}async function F(e,{config:n,dropdown:t,history:o,renderHistory:r,store:s}){const{historyEnabled:i,minQueryLength:c}=n;if(e.length<c&&i&&r&&!o.isOpen()){o.show();return}if(e.length<c)return;t.hide();const l=s.getState()?.query?.query;l&&l!==e&&await h.newSearch({config:n,store:s},{query:e}),t.show()}async function k(e,n){const{config:t,renderHistory:o,history:r}=n,{historyEnabled:s,minQueryLength:i}=t;if(!o||e.length>=i||!s||r.isOpen())return;const c=j(n);r.onHighlightChange(()=>{c(o,r.element)}),r.show();const l=P.measure("renderHistory");c(o,r.element),l()}async function Q(e,{config:n,dropdown:t,history:o,store:r,debouncer:s}){const{minQueryLength:i,historyEnabled:c}=n;if(e.length<i&&!c){t.hide(),o.hide();return}if(e.length<i&&c){t.hide(),o.show();return}o.hide(),s(async()=>{h.newSearch({config:n,store:r},{query:e}),t.show()})}function M(e,n,t){const{config:o,debouncer:r}=t;if(r(()=>{}),e.length>=o.minQueryLength)return L(n,t.dropdown,t.history);if(o.historyEnabled)return L(n,t.history,t.dropdown)}function L(e,n,t){if(!n.isOpen()&&e==="ArrowDown"){n.show(),t.hide();return}if(e==="Escape"&&n.hide(),!!n.isOpen()){if(e==="ArrowDown")n.goDown();else if(e==="ArrowUp")n.goUp();else if(e==="Enter"){const o=n.highlightedIndex();return o>=0&&n.submitHighlightedItem(o),n.hide(),o>=0}}}function U(e,{config:n,dropdown:t,history:o,onNavigateToSearch:r,store:s}){t.hide(),o.hide(),!(e.length<n.minQueryLength)&&(o.add(e),s.updateState({historyItems:o.get()}),r?.({query:e}))}async function K(e,n){const{inputCssSelector:t,timeout:o}=e,r=S(t).selector,s=await H({selector:r,timeout:o});if(s.length===0)throw new Error(`No elements found for selector: ${r}`);s.forEach(i=>{_(i,e,n)})}async function _(e,n,t){const{config:o,dropdownCssSelector:r}=n,s=$(e,r),i=v(e,r,o.historySize),c={...n,input:e,dropdown:s,history:i,store:t,debouncer:O(o.debounceDelay)};G(c),e.setAttribute("data-nosto-element","search-input"),t.updateState({historyItems:i.get()}),b.disableNativeAutocomplete(e),t.onInit(()=>{z(c)}),b.bindInput(e,{onInput:l=>Q(l,c),onFocus:l=>k(l,c),onClick:l=>F(l,c),onSubmit:l=>U(l,c),onKeyDown:(l,m)=>M(l,m,c)}),A(i.element,i.hide),A(s.element,s.hide),E([i.element,e],i.hide),E([s.element,e],s.hide)}function z(e){const{dropdown:n,renderAutocomplete:t}=e;if(!t)return;const o=j(e);n.onHighlightChange(()=>{o(t,n.element)});const r=P.measure("renderAutocomplete");o(t,n.element),r()}async function G(e){const{input:n,renderSpeechToText:t,config:o,store:r}=e;if(!t)return;const s="ns-autocomplete-voice-position";if(!!n.parentElement?.querySelector(`.${s}`))return;const c=document.createElement("div");c.className=s,n.insertAdjacentElement("afterend",c);const l=await t();C.render(d.u(g.ErrorBoundary,{children:d.u(w.AutocompletePageProvider,{config:o,store:r,children:l})}),c)}function j(e){const{config:n,store:t}=e;return(o,r)=>C.render(d.u(g.ErrorBoundary,{children:d.u(w.AutocompletePageProvider,{config:n,store:t,children:o()})}),r)}async function B({cssSelector:e,timeout:n,renderComponent:t}){const o=S(e).selector,r=await H({selector:o,timeout:n??100});if(r.length===0)throw new Error(`No elements found for selector: ${o}`);r.length>1&&N.logger.warn(`Multiple (${r.length}) elements found for selector: ${o}`),C.render(t(),r[0])}async function J(e,n){const{render:t}=e,o=await t();B({...e,renderComponent:()=>d.u(g.ErrorBoundary,{children:d.u(T.CategoryPageProvider,{store:n,config:e.config,children:o})})})}async function V(e,n){const{render:t}=e,o=await t();B({...e,renderComponent:()=>d.u(g.ErrorBoundary,{children:d.u(I.SearchPageProvider,{store:n,config:e.config,children:o})})})}async function W({autocomplete:e,category:n,serp:t}){const o={};if(e){const r=h.createStore({query:e.query});await K({...e,config:w.makeAutocompleteConfig(e.config)},r),o.autocomplete={store:r}}if(n){const r=h.createStore({query:n.query});await J({...n,config:T.makeCategoryConfig(n.config)},r),o.category={store:r}}if(t){const r=h.createStore({query:t.query});await V({...t,config:I.makeSerpConfig(t.config)},r),o.serp={store:r}}return o}exports.init=W;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as L, m as j } from "../../AutocompletePageProvider-
|
|
1
|
+
import { A as L, m as j } from "../../AutocompletePageProvider-Z4OvIKy-.js";
|
|
2
2
|
import { C as O, m as R } from "../../CategoryPageProvider-DcQlylFg.js";
|
|
3
3
|
import { n as T, c as p } from "../../useActions-MsVW37eV.js";
|
|
4
4
|
import { S as $, m as F } from "../../SerpPageProvider-CsrFA6mA.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const n=require("./useActions-Drtoxcu4.cjs"),o=require("./search-RNs4Cunh.cjs"),a=require("preact/hooks"),s="nosto:search-js:history";function l(){return(o.getLocalStorageItem(s)??[]).slice().reverse().filter(e=>!!e)}function y(){const{updateState:t}=a.useContext(n.StoreContext),{historySize:e}=n.useAutocompleteConfig();return{addQuery:a.useCallback(r=>{const i=(o.getLocalStorageItem(s)??[]).filter(u=>u!==r).concat(r),c=e?i.slice(-e):[];o.setLocalStorageItem(s,c),t({historyItems:c.reverse()})},[e,t])}}exports.getSaved=l;exports.useHistory=y;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { S as i, a as l } from "./useActions-MsVW37eV.js";
|
|
2
|
+
import { g as a, a as m } from "./search-mArZ2PXy.js";
|
|
3
|
+
import { useContext as u, useCallback as y } from "preact/hooks";
|
|
4
|
+
const o = "nosto:search-js:history";
|
|
5
|
+
function p() {
|
|
6
|
+
return (a(o) ?? []).slice().reverse().filter((t) => !!t);
|
|
7
|
+
}
|
|
8
|
+
function I() {
|
|
9
|
+
const { updateState: e } = u(i), { historySize: t } = l();
|
|
10
|
+
return {
|
|
11
|
+
addQuery: y(
|
|
12
|
+
(s) => {
|
|
13
|
+
const c = (a(o) ?? []).filter((n) => n !== s).concat(s), r = t ? c.slice(-t) : [];
|
|
14
|
+
m(o, r), e({ historyItems: r.reverse() });
|
|
15
|
+
},
|
|
16
|
+
[t, e]
|
|
17
|
+
)
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
p as g,
|
|
22
|
+
I as u
|
|
23
|
+
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./jsxRuntime.module-B3sGoTIU.cjs"),r=require("./useActions-Drtoxcu4.cjs"),u=require("./baseConfig-gkfFlBOL.cjs"),a=require("./useHistory-2uGnArVO.cjs"),l=require("preact/hooks"),m={...u.defaultBaseConfig,memoryCache:!1,historyEnabled:!0,historySize:5,debounceDelay:500,minQueryLength:2};function i(e={}){return{pageType:"autocomplete",...m,...e}}function f({config:e,store:s,children:c}){const t=s??r.createStore();u.useCheckClientScript();const{getSaved:n}=a.useHistory();return l.useEffect(()=>{t.updateState({historyItems:n()})},[t,n]),o.u(r.ConfigContext,{value:i(e),children:o.u(r.StoreContext,{value:t,children:[o.u(u.StoreActionsListener,{}),c]})})}exports.AutocompletePageProvider=f;exports.makeAutocompleteConfig=i;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { u as o } from "./jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
-
import { c as n, S as s, C as u } from "./useActions-MsVW37eV.js";
|
|
3
|
-
import { d as c, u as m, S as f } from "./baseConfig-BMc1698x.js";
|
|
4
|
-
import { u as l } from "./useHistory-W6FQSk99.js";
|
|
5
|
-
import { useEffect as p } from "preact/hooks";
|
|
6
|
-
const d = {
|
|
7
|
-
...c,
|
|
8
|
-
memoryCache: !1,
|
|
9
|
-
historyEnabled: !0,
|
|
10
|
-
historySize: 5,
|
|
11
|
-
debounceDelay: 500,
|
|
12
|
-
minQueryLength: 2
|
|
13
|
-
};
|
|
14
|
-
function C(e = {}) {
|
|
15
|
-
return {
|
|
16
|
-
pageType: "autocomplete",
|
|
17
|
-
...d,
|
|
18
|
-
...e
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
function v({ config: e, store: a, children: i }) {
|
|
22
|
-
const t = a ?? n();
|
|
23
|
-
m();
|
|
24
|
-
const { getSaved: r } = l();
|
|
25
|
-
return p(() => {
|
|
26
|
-
t.updateState({
|
|
27
|
-
historyItems: r()
|
|
28
|
-
});
|
|
29
|
-
}, [t, r]), /* @__PURE__ */ o(u, { value: C(e), children: /* @__PURE__ */ o(s, { value: t, children: [
|
|
30
|
-
/* @__PURE__ */ o(f, {}),
|
|
31
|
-
i
|
|
32
|
-
] }) });
|
|
33
|
-
}
|
|
34
|
-
export {
|
|
35
|
-
v as A,
|
|
36
|
-
C as m
|
|
37
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const i=require("./useActions-Drtoxcu4.cjs"),o=require("./search-RNs4Cunh.cjs"),s=require("preact/hooks"),r="nosto:search-js:history";function S(){const{updateState:c}=s.useContext(i.StoreContext),{historySize:e}=i.useAutocompleteConfig(),l=s.useCallback(t=>{const m=(o.getLocalStorageItem(r)??[]).filter(y=>y!==t).concat(t),a=e?m.slice(-e):[];o.setLocalStorageItem(r,a),c({historyItems:a.reverse()})},[e,c]),u=s.useCallback(()=>(o.getLocalStorageItem(r)??[]).slice().reverse().filter(n=>!!n),[]);return{addQuery:l,getSaved:u}}exports.useHistory=S;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { S, a as y } from "./useActions-MsVW37eV.js";
|
|
2
|
-
import { g as c, a as g } from "./search-mArZ2PXy.js";
|
|
3
|
-
import { useContext as f, useCallback as n } from "preact/hooks";
|
|
4
|
-
const o = "nosto:search-js:history";
|
|
5
|
-
function d() {
|
|
6
|
-
const { updateState: s } = f(S), { historySize: t } = y(), i = n(
|
|
7
|
-
(e) => {
|
|
8
|
-
const m = (c(o) ?? []).filter((u) => u !== e).concat(e), a = t ? m.slice(-t) : [];
|
|
9
|
-
g(o, a), s({ historyItems: a.reverse() });
|
|
10
|
-
},
|
|
11
|
-
[t, s]
|
|
12
|
-
), l = n(() => (c(o) ?? []).slice().reverse().filter((r) => !!r), []);
|
|
13
|
-
return {
|
|
14
|
-
addQuery: i,
|
|
15
|
-
getSaved: l
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
export {
|
|
19
|
-
d as u
|
|
20
|
-
};
|