@nosto/search-js 3.1.1 → 3.2.0

package/dist/preact/autocomplete/autocomplete.es.js

@@ -0,0 +1,49 @@
+import { u as n } from "../../jsxRuntime.module-Bzuv3cXw.js";
+import { c as m, S as i, C as p } from "../../useActions-BIIcXXS6.js";
+import { d as s, u as l, S as f } from "../../baseConfig-CTN0CcW-.js";
+import { s as C } from "../../index.es-B8mbAxS4.js";
+import { B as d } from "../../BaseElement-fZSwbg09.js";
+import { useCallback as S } from "preact/hooks";
+const g = {
+  ...s,
+  memoryCache: !1
+};
+function k(e) {
+  return {
+    pageType: "autocomplete",
+    ...g,
+    ...e
+  };
+}
+function I({ config: e, store: t, children: o }) {
+  const r = t ?? m();
+  return l(), /* @__PURE__ */ n(p, { value: k(e), children: /* @__PURE__ */ n(i, { value: r, children: [
+    /* @__PURE__ */ n(f, {}),
+    o
+  ] }) });
+}
+function P({
+  children: e,
+  hit: t,
+  as: o,
+  componentProps: r
+}) {
+  const c = S(() => {
+    t && "productId" in t && C((a) => a.recordSearchClick("autocomplete", t));
+  }, [t]);
+  return /* @__PURE__ */ n(d, { onClick: c, as: o, componentProps: r, children: e });
+}
+function E({ as: e, componentProps: t, onSearchInput: o, children: r }) {
+  const c = {
+    ...t,
+    onInput: (u) => {
+      o(u.target);
+    }
+  }, a = e ?? "input";
+  return e || (c.type = "search"), /* @__PURE__ */ n(a, { ...c, children: r });
+}
+export {
+  P as AutocompleteElement,
+  I as AutocompletePageProvider,
+  E as SearchInput
+};

package/dist/preact/{src/config/pages/autocomplete/config.d.ts → autocomplete/src/AutocompleteConfig.d.ts}

@@ -1,4 +1,4 @@
-import { BaseConfig } from '../../base/baseConfig';
+import { BaseConfig } from '../../common/src/config/baseConfig';
 export declare const defaultAutocompleteConfig: {
     memoryCache: false;
     defaultCurrency: string;
@@ -13,11 +13,11 @@ export interface AutocompleteConfig extends BaseConfig {
 }
 export type PublicAutocompleteConfig = Omit<AutocompleteConfig, keyof typeof defaultAutocompleteConfig | "pageType"> & Partial<Pick<AutocompleteConfig, keyof typeof defaultAutocompleteConfig>>;
 export declare function makeAutocompleteConfig(config: PublicAutocompleteConfig): {
-    search?: import('../../../../../core/src/types').SearchOptions | undefined;
-    onBeforeSearch?: ((context: import('../../../actions/types').ActionContext, options: import('../../../../../core/src/types').SearchOptions) => void) | undefined;
-    onSearchError?: ((error: unknown, query: import('@nosto/nosto-js/client').SearchQuery, options: import('../../../../../core/src/types').SearchOptions, pageType: import('../../../api/types').PageType) => void) | undefined;
+    search?: import('../../../core/src/types').SearchOptions | undefined;
+    onBeforeSearch?: ((context: import('../../common/src/types').ActionContext, options: import('../../../core/src/types').SearchOptions) => void) | undefined;
+    onSearchError?: ((error: unknown, query: import('@nosto/nosto-js/client').SearchQuery, options: import('../../../core/src/types').SearchOptions, pageType: import('../../common/src/types').PageType) => void) | undefined;
     defaultCurrency: string;
-    queryModifications: (query: import('@nosto/nosto-js/client').SearchQuery, pageType: import('../../../api/types').PageType | undefined) => import('@nosto/nosto-js/client').SearchQuery;
+    queryModifications: (query: import('@nosto/nosto-js/client').SearchQuery, pageType: import('../../common/src/types').PageType | undefined) => import('@nosto/nosto-js/client').SearchQuery;
     memoryCache: boolean;
     pageType: "autocomplete";
 };

package/dist/preact/{src/config/pages/autocomplete/provider.d.ts → autocomplete/src/AutocompletePageProvider.d.ts}

@@ -1,6 +1,6 @@
-import { Store } from '../../../store';
+import { Store } from '../../common/src/store/store';
 import { ComponentChildren } from 'preact';
-import { PublicAutocompleteConfig } from './config';
+import { PublicAutocompleteConfig } from './AutocompleteConfig';
 type AutocompleteProps = {
     config: PublicAutocompleteConfig;
     store?: Store;

package/dist/preact/{src → autocomplete/src}/components/AutocompleteElement.d.ts

@@ -1,5 +1,5 @@
-import { AsComponent, BaseElementProps } from './BaseElement';
-import { KeywordHit, ProductHit } from './types';
+import { AsComponent, BaseElementProps } from '../../../common/src/components/BaseElement';
+import { KeywordHit, ProductHit } from '../types';
 export type AutocompleteElementProps<C extends AsComponent> = Omit<BaseElementProps<C>, "onClick"> & {
     hit: ProductHit | KeywordHit;
 };

package/dist/preact/category/category.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsxRuntime.module-B3sGoTIU.cjs"),r=require("../../useActions-B-wWOcHo.cjs"),o=require("../../baseConfig-KREDcxnC.cjs"),u={...o.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function c(e){return{pageType:"category",...u,...e}}function s({config:e,store:n,children:a}){const i=n??r.createStore();return o.useCheckClientScript(),t.u(r.ConfigContext,{value:c(e),children:t.u(r.StoreContext,{value:i,children:[t.u(o.StoreActionsListener,{}),a]})})}exports.CategoryPageProvider=s;

package/dist/preact/category/category.d.ts

@@ -0,0 +1,3 @@
+/** @module preact/category */
+export type { PublicCategoryConfig as CategoryConfig } from './src/CategoryConfig';
+export { CategoryPageProvider } from './src/CategoryPageProvider';

package/dist/preact/category/category.es.js

@@ -0,0 +1,25 @@
+import { u as t } from "../../jsxRuntime.module-Bzuv3cXw.js";
+import { c as n, S as i, C as s } from "../../useActions-BIIcXXS6.js";
+import { d as c, u as f, S as C } from "../../baseConfig-CTN0CcW-.js";
+const l = {
+  ...c,
+  persistentSearchCache: !1,
+  preservePageScroll: !1
+};
+function u(e) {
+  return {
+    pageType: "category",
+    ...l,
+    ...e
+  };
+}
+function m({ config: e, store: r, children: o }) {
+  const a = r ?? n();
+  return f(), /* @__PURE__ */ t(s, { value: u(e), children: /* @__PURE__ */ t(i, { value: a, children: [
+    /* @__PURE__ */ t(C, {}),
+    o
+  ] }) });
+}
+export {
+  m as CategoryPageProvider
+};

package/dist/preact/{src/config/pages/category/config.d.ts → category/src/CategoryConfig.d.ts}

@@ -1,4 +1,4 @@
-import { BaseConfig } from '../../base/baseConfig';
+import { BaseConfig } from '../../common/src/config/baseConfig';
 export declare const defaultCategoryConfig: {
     persistentSearchCache: false;
     preservePageScroll: false;
@@ -25,12 +25,12 @@ export interface CategoryConfig extends BaseConfig {
 }
 export type PublicCategoryConfig = Omit<CategoryConfig, keyof typeof defaultCategoryConfig | "pageType"> & Partial<Pick<CategoryConfig, keyof typeof defaultCategoryConfig>>;
 export declare function makeCategoryConfig(config: PublicCategoryConfig): {
-    search?: import('../../../../../core/src/types').SearchOptions | undefined;
-    onBeforeSearch?: ((context: import('../../../actions/types').ActionContext, options: import('../../../../../core/src/types').SearchOptions) => void) | undefined;
-    onSearchError?: ((error: unknown, query: import('@nosto/nosto-js/client').SearchQuery, options: import('../../../../../core/src/types').SearchOptions, pageType: import('../../../api/types').PageType) => void) | undefined;
+    search?: import('../../../core/src/types').SearchOptions | undefined;
+    onBeforeSearch?: ((context: import('../../common/src/types').ActionContext, options: import('../../../core/src/types').SearchOptions) => void) | undefined;
+    onSearchError?: ((error: unknown, query: import('@nosto/nosto-js/client').SearchQuery, options: import('../../../core/src/types').SearchOptions, pageType: import('../../common/src/types').PageType) => void) | undefined;
     defaultCurrency: string;
-    queryModifications: (query: import('@nosto/nosto-js/client').SearchQuery, pageType: import('../../../api/types').PageType | undefined) => import('@nosto/nosto-js/client').SearchQuery;
     persistentSearchCache: boolean;
     preservePageScroll: boolean;
+    queryModifications: (query: import('@nosto/nosto-js/client').SearchQuery, pageType: import('../../common/src/types').PageType | undefined) => import('@nosto/nosto-js/client').SearchQuery;
     pageType: "category";
 };

package/dist/preact/{src/config/pages/category/provider.d.ts → category/src/CategoryPageProvider.d.ts}

@@ -1,6 +1,6 @@
-import { Store } from '../../../store';
+import { Store } from '../../common/src/store/store';
 import { ComponentChildren } from 'preact';
-import { PublicCategoryConfig } from './config';
+import { PublicCategoryConfig } from './CategoryConfig';
 type CategoryProps = {
     config: PublicCategoryConfig;
     store?: Store;

package/dist/preact/common/common.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../isBot-CheH1DcZ.cjs"),t=require("../../jsxRuntime.module-B3sGoTIU.cjs"),s=require("../../useLoadMore-BWgWw24W.cjs"),p=require("../../pick-rYi1lc2m.cjs"),n=require("../../InfiniteScrollWithObserver-wzwXCrZ7.cjs"),q=require("preact"),r=require("../../useActions-B-wWOcHo.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;

package/dist/preact/{common.d.ts → common/common.d.ts}

@@ -1,6 +1,6 @@
 /** @module preact/common */
 export { InfiniteScroll, type InfiniteScrollProps } from './src/components/InfiniteScroll/InfiniteScroll';
 export { InfiniteScrollWithLink } from './src/components/InfiniteScroll/InfiniteScrollWithLink';
-export { createStore, defaultState, type State, type Store } from './src/store';
-export { StoreContext } from './src/storeContext';
-export { createExtendableStore, type ExtendedStore } from './src/storeExtensions';
+export { createStore, defaultState, type State, type Store } from './src/store/store';
+export { StoreContext } from './src/store/storeContext';
+export { createExtendableStore, type ExtendedStore } from './src/store/storeExtensions';

package/dist/preact/{common.es.js → common/common.es.js}

@@ -1,10 +1,10 @@
-import { i as l } from "../unique-m1TIDWdl.js";
-import { u as r } from "../jsxRuntime.module-Bzuv3cXw.js";
-import { a as p, b as m } from "../useLoadMore-FglaJn2W.js";
-import { p as u } from "../pick-DReBictn.js";
-import { h as d, i as f, I as S } from "../InfiniteScrollWithObserver-B6k7NAW1.js";
+import { i as l } from "../../isBot-C58Y7eiv.js";
+import { u as r } from "../../jsxRuntime.module-Bzuv3cXw.js";
+import { u as p, a as m } from "../../useLoadMore-Dw7GDu8a.js";
+import { p as u } from "../../pick-DReBictn.js";
+import { h as d, i as f, I as S } from "../../InfiniteScrollWithObserver-BsydJKFj.js";
 import { Fragment as h } from "preact";
-import { S as O, a as W, c as A, d as B } from "../configContext-GuZOIX3o.js";
+import { S as O, a as W, c as A, d as B } from "../../useActions-BIIcXXS6.js";
 function M({ pageSize: e }) {
   const { loadMore: o } = p(e);
   return /* @__PURE__ */ r("button", { onClick: o, children: "More results" });

package/dist/preact/{src → common/src}/actions/newSearch.d.ts

@@ -1,4 +1,4 @@
-import { SearchOptions } from '../../../core/src/types';
+import { SearchOptions } from '../../../../core/src/types';
 import { SearchQuery } from '@nosto/nosto-js/client';
-import { ActionContext } from './types';
+import { ActionContext } from '../types';
 export declare function newSearch(context: ActionContext, query: SearchQuery, options?: SearchOptions): Promise<void>;

package/dist/preact/{src → common/src}/actions/replaceFilter.d.ts

@@ -1,3 +1,3 @@
 import { InputSearchRangeFilter } from '@nosto/nosto-js/client';
-import { ActionContext } from './types';
+import { ActionContext } from '../types';
 export declare function replaceFilter(context: ActionContext, field: string, value: InputSearchRangeFilter | string | undefined): Promise<void>;

package/dist/preact/{src → common/src}/actions/toggleProductFilter.d.ts

@@ -1,2 +1,2 @@
-import { ActionContext } from './types';
+import { ActionContext } from '../types';
 export declare function toggleProductFilter(context: ActionContext, field: string, value: string, active: boolean): Promise<void>;

package/dist/preact/{src → common/src}/actions/updateSearch.d.ts

@@ -1,4 +1,4 @@
-import { SearchOptions } from '../../../core/src/types';
+import { SearchOptions } from '../../../../core/src/types';
 import { SearchQuery } from '@nosto/nosto-js/client';
-import { ActionContext } from './types';
+import { ActionContext } from '../types';
 export declare function updateSearch(context: ActionContext, query: SearchQuery, options?: SearchOptions): Promise<void>;

package/dist/preact/{src/search/defaults.d.ts → common/src/actions/withDefaultQuery.d.ts}

@@ -1,6 +1,6 @@
 import { SearchQuery } from '@nosto/nosto-js/client';
-import { PageType } from '../api/types';
-export declare function applyQueryDefaults(pageType: PageType, query: SearchQuery): {
+import { PageType } from '../types';
+export declare function withDefaultQuery(pageType: PageType, query: SearchQuery): {
     keywords?: import('@nosto/nosto-js/client').InputSearchQuery["keywords"] & {
         fields: string[];
         facets: string[];
@@ -41,5 +41,3 @@ export declare function applyQueryDefaults(pageType: PageType, query: SearchQuer
     time?: number | undefined;
     name?: string;
 };
-export declare const defaultProductFields: string[];
-export declare const defaultKeywordFields: string[];

package/dist/preact/{src/config/base → common/src/config}/baseConfig.d.ts

@@ -1,7 +1,6 @@
 import { SearchOptions } from '../../../../core/src/types';
 import { SearchQuery } from '@nosto/nosto-js/client';
-import { ActionContext } from '../../actions/types';
-import { PageType } from '../../api/types';
+import { ActionContext, PageType } from '../types';
 export declare const defaultBaseConfig: {
     defaultCurrency: string;
     queryModifications: (query: SearchQuery) => SearchQuery;

package/dist/preact/common/src/config/config.d.ts

@@ -0,0 +1,4 @@
+import { AutocompleteConfig } from '../../../autocomplete/src/AutocompleteConfig';
+import { CategoryConfig } from '../../../category/src/CategoryConfig';
+import { SerpConfig } from '../../../serp/src/SerpConfig';
+export type Config = SerpConfig | CategoryConfig | AutocompleteConfig;

package/dist/preact/common/src/config/configContext.d.ts

@@ -0,0 +1,6 @@
+import { Config } from './config';
+export declare const ConfigContext: import('preact').Context<Config | null>;
+export declare const useConfig: () => Config;
+export declare const useSerpConfig: () => import('../../../serp/src/SerpConfig').SerpConfig;
+export declare const useCategoryConfig: () => import('../../../category/src/CategoryConfig').CategoryConfig;
+export declare const useAutocompleteConfig: () => import('../../../autocomplete/src/AutocompleteConfig').AutocompleteConfig;

package/dist/preact/common/src/store/components/StoreActionsListener.d.ts

@@ -0,0 +1 @@
+export declare function StoreActionsListener(): null;

package/dist/preact/{src/api → common/src}/types.d.ts

@@ -1,4 +1,10 @@
 import { SearchQuery } from '@nosto/nosto-js/client';
+import { Store } from '../common';
+import { Config } from './config/config';
 export type PageType = "search" | "category" | "autocomplete";
 export type MaybeProvider<T> = T | (() => T);
 export type QueryProvider = MaybeProvider<Partial<SearchQuery>>;
+export type ActionContext = {
+    store: Store;
+    config: Config;
+};

package/dist/preact/events/events.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("preact/hooks"),t=require("../../eventBusSubscribe-B75y7otR.cjs"),o=({event:s,params:e})=>{window.dispatchEvent(new CustomEvent(`@nosto/search-js/${s}`,{detail:e}))},n=({event:s})=>u.useCallback(e=>{o({event:s,params:e})},[s]);exports.subscribeToNostoEvent=t.subscribeToNostoEvent;exports.useEventBusSubscribe=t.useEventBusSubscribe;exports.dispatchNostoEvent=o;exports.useEventBusDispatch=n;

package/dist/preact/events/events.d.ts

@@ -0,0 +1,3 @@
+/** @module preact/events */
+export { dispatchNostoEvent, useEventBusDispatch } from './src/eventBusDispatch';
+export { subscribeToNostoEvent, useEventBusSubscribe } from './src/eventBusSubscribe';

package/dist/preact/events/events.es.js

@@ -0,0 +1,23 @@
+import { useCallback as o } from "preact/hooks";
+import { s as c, u as i } from "../../eventBusSubscribe-Cxw0xUAm.js";
+const e = ({
+  event: s,
+  params: t
+}) => {
+  window.dispatchEvent(
+    new CustomEvent(`@nosto/search-js/${s}`, {
+      detail: t
+    })
+  );
+}, r = ({ event: s }) => o(
+  (t) => {
+    e({ event: s, params: t });
+  },
+  [s]
+);
+export {
+  e as dispatchNostoEvent,
+  c as subscribeToNostoEvent,
+  r as useEventBusDispatch,
+  i as useEventBusSubscribe
+};

package/dist/preact/events/src/eventBusDispatch.d.ts

@@ -0,0 +1,10 @@
+import { AllowedEvents, EventParams } from './types';
+type Props<T extends AllowedEvents> = {
+    event: T;
+};
+export declare const dispatchNostoEvent: <T extends AllowedEvents>({ event, params }: {
+    event: T;
+    params: EventParams[T];
+}) => void;
+export declare const useEventBusDispatch: <T extends AllowedEvents>({ event }: Props<T>) => (params: EventParams[T]) => void;
+export {};

package/dist/preact/events/src/eventBusSubscribe.d.ts

@@ -0,0 +1,8 @@
+import { AllowedEvents, EventParams } from './types';
+type Props<T extends AllowedEvents> = {
+    event: T;
+    callback: (params: EventParams[T]) => void;
+};
+export declare const subscribeToNostoEvent: <T extends AllowedEvents>({ event, callback }: Props<T>) => () => void;
+export declare const useEventBusSubscribe: <T extends AllowedEvents>({ event, callback }: Props<T>) => void;
+export {};

package/dist/preact/events/src/types.d.ts

@@ -0,0 +1,26 @@
+import { InputSearchRangeFilter, SearchOptions, SearchQuery } from '@nosto/nosto-js/client';
+import { PageType } from '../../common/src/types';
+export type EventParams = {
+    ["actions/newSearch"]: {
+        query: SearchQuery;
+        options?: SearchOptions;
+        targetStore: PageType;
+    };
+    ["actions/updateSearch"]: {
+        query: SearchQuery;
+        options?: SearchOptions;
+        targetStore: PageType;
+    };
+    ["actions/toggleProductFilter"]: {
+        field: string;
+        value: string;
+        active: boolean;
+        targetStore: PageType;
+    };
+    ["actions/replaceFilter"]: {
+        field: string;
+        value: InputSearchRangeFilter | string | undefined;
+        targetStore: PageType;
+    };
+};
+export type AllowedEvents = keyof EventParams;

package/dist/preact/hooks/hooks.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../useActions-B-wWOcHo.cjs"),x=require("../../logger-BcHMZObS.cjs"),h=require("../../useLoadMore-BWgWw24W.cjs"),d=require("preact/hooks"),L=require("../../index.es-DlUp67LT.cjs"),y=require("../../parseNumber-FsZ8w61u.cjs");function z(t){const n=h.useNostoAppState(e=>e.response);return t&&Array.isArray(t)||t&&x.isPlainObject(t)?t:n}function P(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 T(){const{loading:t,facets:n}=h.useNostoAppState(e=>({loading:e.loading,facets:e.response?.products?.facets??[]}));return{loading:t,facets:n}}function q(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=q(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 C(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}=C(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=[...t].reverse().filter(s=>s+n<r);return{from:e,to:u,total:r,size:o,sizeOptions:l,handleSizeChange:s=>{c({products:{size:y.parseNumber(s)}})}}}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,k=!!(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=k?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=k;exports.useDecoratedSearchResults=z;exports.useFacet=P;exports.useFacets=T;exports.usePagination=X;exports.usePersonalization=O;exports.useProductFilters=R;exports.useRange=C;exports.useRangeSelector=V;exports.useResponse=D;exports.useSelectedFiltersCount=B;exports.useSizeOptions=_;exports.useSort=U;exports.useSpeechToText=Z;exports.useSwatches=Q;

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

@@ -0,0 +1,18 @@
+/** @module preact/hooks */
+export { useActions } from './src/useActions';
+export { useDecoratedSearchResults } from './src/useDecoratedSearchResults';
+export { useFacet, type UseFacetOptions } from './src/useFacet';
+export { useFacets } from './src/useFacets';
+export { useLoadMore } from './src/useLoadMore/useLoadMore';
+export { useNostoAppState } from './src/useNostoAppState';
+export { type Page, usePagination } from './src/usePagination';
+export { usePersonalization } from './src/usePersonalization';
+export { useProductFilters } from './src/useProductFilters/useProductFilters';
+export { useRange } from './src/useRange';
+export { useRangeSelector } from './src/useRangeSelector';
+export { useResponse } from './src/useResponse';
+export { useSelectedFiltersCount } from './src/useSelectedFiltersCount';
+export { useSizeOptions } from './src/useSizeOptions';
+export { useSort } from './src/useSort/useSort';
+export { type SpeechToText, speechToTextSupported, useSpeechToText } from './src/useSpeechToText';
+export { useSwatches } from './src/useSwatches/useSwatches';