@searchspring/snap-store-mobx 0.27.7 → 0.29.0

package/dist/esm/Search/SearchStore.js

@@ -1,17 +1,16 @@
 import { makeObservable, observable } from 'mobx';
-import { MerchandisingStore, FacetStore, FilterStore, ResultStore, PaginationStore, SortingStore, QueryStore } from './Stores';
+import { SearchMerchandisingStore, SearchFacetStore, SearchFilterStore, SearchResultStore, SearchPaginationStore, SearchSortingStore, SearchQueryStore, } from './Stores';
 import { AbstractStore } from '../Abstract/AbstractStore';
 import { StorageStore } from '../Storage/StorageStore';
 export class SearchStore extends AbstractStore {
     constructor(config, services) {
         super(config);
-        this.meta = {};
         if (typeof services != 'object' || typeof services.urlManager?.subscribe != 'function') {
             throw new Error(`Invalid service 'urlManager' passed to SearchStore. Missing "subscribe" function.`);
         }
         this.services = services;
         this.storage = new StorageStore();
-        this.update({ meta: this.meta });
+        this.update();
         makeObservable(this, {
             search: observable,
             merchandising: observable,
@@ -22,17 +21,33 @@ export class SearchStore extends AbstractStore {
             sorting: observable,
         });
     }
-    update(data) {
+    /*
+    TODO: refactor sub-store interfaces
+    
+    interface StoreParameters {
+        config?: StoreConfigs;
+        services?: StoreServices;
+        stores?: {
+            storage?: StorageStore;
+            state?: StateStore;
+        };
+        data?: SearchResponseModel & { meta: MetaResponseModel };
+    }
+    */
+    reset() {
+        this.update();
+    }
+    update(data = {}) {
         this.error = undefined;
         this.data = JSON.parse(JSON.stringify(data));
         this.loaded = !!data.pagination;
-        this.meta = data.meta;
-        this.merchandising = new MerchandisingStore(this.services, data.merchandising);
-        this.search = new QueryStore(this.services, data.search);
-        this.facets = new FacetStore(this.config, this.services, this.storage, data.facets, data.pagination, this.meta);
-        this.filters = new FilterStore(this.services, data.filters, this.meta);
-        this.results = new ResultStore(this.config, this.services, data.results, data.pagination, data.merchandising);
-        this.pagination = new PaginationStore(this.config, this.services, data.pagination);
-        this.sorting = new SortingStore(this.services, data.sorting, data.search, this.meta);
+        this.meta = data.meta || {};
+        this.merchandising = new SearchMerchandisingStore(this.services, data?.merchandising || {});
+        this.search = new SearchQueryStore(this.services, data?.search || {});
+        this.facets = new SearchFacetStore(this.config, this.services, this.storage, data.facets, data?.pagination || {}, this.meta);
+        this.filters = new SearchFilterStore(this.services, data.filters, this.meta);
+        this.results = new SearchResultStore(this.config, this.services, data?.results || [], data.pagination, data.merchandising);
+        this.pagination = new SearchPaginationStore(this.config, this.services, data.pagination);
+        this.sorting = new SearchSortingStore(this.services, data?.sorting || [], data?.search || {}, this.meta);
     }
 }

package/dist/esm/Search/Stores/SearchFacetStore.d.ts

@@ -0,0 +1,76 @@
+import type { UrlManager } from '@searchspring/snap-url-manager';
+import type { StorageStore } from '../../Storage/StorageStore';
+import type { AutocompleteStoreConfig, SearchStoreConfig, StoreServices } from '../../types';
+import type { MetaResponseModel, MetaResponseModelFacet, MetaResponseModelFacetSlider, MetaResponseModelFacetValueMultipleEnum, MetaResponseModelFacetHierarchyAllOf, SearchResponseModelPagination, SearchResponseModelFacet, SearchResponseModelFacetRange, SearchResponseModelFacetValue, SearchResponseModelFacetValueAllOfValues, SearchRequestModelFilterRangeAllOfValue } from '@searchspring/snapi-types';
+export declare class SearchFacetStore extends Array {
+    static get [Symbol.species](): ArrayConstructor;
+    constructor(config: SearchStoreConfig | AutocompleteStoreConfig, services: StoreServices, storage: StorageStore, facetsData: SearchResponseModelFacet[] | undefined, pagination: SearchResponseModelPagination | undefined, meta: MetaResponseModel);
+}
+export declare class Facet {
+    services: StoreServices;
+    type: string;
+    field: string;
+    filtered: boolean;
+    custom: {};
+    collapsed: boolean;
+    display: string;
+    label: string;
+    storage: StorageStore;
+    constructor(services: StoreServices, storage: StorageStore, facet: SearchResponseModelFacetValue | SearchResponseModelFacetRange, facetMeta: MetaResponseModelFacet);
+    get clear(): {
+        url: UrlManager;
+    };
+    toggleCollapse(): void;
+}
+export declare class RangeFacet extends Facet {
+    step?: number;
+    range?: SearchRequestModelFilterRangeAllOfValue;
+    active?: SearchRequestModelFilterRangeAllOfValue;
+    formatSeparator: string;
+    formatValue: string;
+    constructor(config: SearchStoreConfig | AutocompleteStoreConfig, services: StoreServices, storage: StorageStore, facet: SearchResponseModelFacetRange, facetMeta: MetaResponseModelFacetSlider);
+}
+export declare class ValueFacet extends Facet {
+    values: Array<FacetHierarchyValue | FacetValue | FacetRangeValue | undefined>;
+    search: {
+        input: string;
+    };
+    multiple: MetaResponseModelFacetValueMultipleEnum;
+    overflow: {
+        enabled: boolean;
+        limited: boolean;
+        limit: number;
+        remaining: number | undefined;
+        setLimit: (limit: number) => void;
+        toggle: (val?: boolean) => void;
+        calculate: () => void;
+    };
+    constructor(config: SearchStoreConfig | AutocompleteStoreConfig, services: StoreServices, storage: StorageStore, facet: SearchResponseModelFacetValue, facetMeta: MetaResponseModelFacet);
+    get refinedValues(): (FacetHierarchyValue | FacetValue | FacetRangeValue | undefined)[];
+}
+export declare class FacetValue {
+    label: string;
+    count: number;
+    filtered: boolean;
+    value: string;
+    custom: {};
+    url: UrlManager;
+    preview?: () => void;
+    constructor(services: StoreServices, facet: ValueFacet, value: SearchResponseModelFacetValueAllOfValues);
+}
+export declare class FacetHierarchyValue extends FacetValue {
+    level: number;
+    history: boolean;
+    constructor(services: StoreServices, facet: ValueFacet & MetaResponseModelFacetHierarchyAllOf, value: SearchResponseModelFacetValueAllOfValues, filteredValues: SearchResponseModelFacetValueAllOfValues[]);
+}
+export declare class FacetRangeValue {
+    label: string;
+    count: number;
+    filtered: boolean;
+    low: number;
+    high: number;
+    custom: {};
+    url: UrlManager;
+    constructor(services: StoreServices, facet: ValueFacet, value: SearchResponseModelFacetValueAllOfValues);
+}
+//# sourceMappingURL=SearchFacetStore.d.ts.map

package/dist/esm/Search/Stores/SearchFacetStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFacetStore.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/SearchFacetStore.ts"],"names":[],"mappings":"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"}

package/dist/esm/Search/Stores/{FacetStore.js → SearchFacetStore.js}

@@ -1,12 +1,12 @@
 import { makeObservable, observable, action, computed, reaction } from 'mobx';
-export class FacetStore extends Array {
+export class SearchFacetStore extends Array {
     static get [Symbol.species]() {
         return Array;
     }
-    constructor(config, services, storage, facetsData = [], pagination, meta) {
+    constructor(config, services, storage, facetsData = [], pagination = {}, meta) {
         const facets = facetsData
             .filter((facet) => {
-            const facetMeta = meta.facets[facet.field];
+            const facetMeta = facet.field && meta.facets && meta.facets[facet.field];
             // exclude facets that have no meta data
             if (!facetMeta)
                 return false;
@@ -15,10 +15,11 @@ export class FacetStore extends Array {
                 return false;
             }
             // trim facets - remove facets that have no use
-            const facetConfig = config.settings?.facets?.fields && config.settings?.facets?.fields[facet.field];
+            const facetConfig = config.settings?.facets?.fields && facet.field && config.settings?.facets?.fields[facet.field];
             const shouldTrim = typeof facetConfig?.trim == 'boolean' ? facetConfig.trim : config.settings?.facets?.trim;
             if (shouldTrim) {
-                if (facet.type === 'range' && facet.range.low == facet.range.high) {
+                if (facet.type === 'range' &&
+                    facet?.range?.low == facet?.range?.high) {
                     return false;
                 }
                 else if (facet.values?.length == 0) {
@@ -31,14 +32,14 @@ export class FacetStore extends Array {
             return true;
         })
             .map((facet) => {
-            const facetMeta = meta.facets[facet.field];
+            const facetMeta = facet.field && meta.facets && meta.facets[facet.field];
             switch (facet.type) {
                 case 'range':
-                    return new RangeFacet(config, services, storage, facet, facetMeta);
+                    return new RangeFacet(config, services, storage, facet, facetMeta || {});
                 case 'value':
                 case 'range-buckets':
                 default:
-                    return new ValueFacet(config, services, storage, facet, facetMeta);
+                    return new ValueFacet(config, services, storage, facet, facetMeta || {});
             }
         });
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -46,7 +47,7 @@ export class FacetStore extends Array {
         super(...facets);
     }
 }
-class Facet {
+export class Facet {
     constructor(services, storage, facet, facetMeta) {
         this.filtered = false;
         this.custom = {};
@@ -75,7 +76,7 @@ class Facet {
     }
     get clear() {
         return {
-            url: this.services?.urlManager?.remove('page').remove(`filter.${this.field}`),
+            url: this.services.urlManager.remove('page').remove(`filter.${this.field}`),
         };
     }
     toggleCollapse() {
@@ -83,7 +84,7 @@ class Facet {
         this.storage.set(`facets.${this.field}.collapsed`, this.collapsed);
     }
 }
-class RangeFacet extends Facet {
+export class RangeFacet extends Facet {
     constructor(config, services, storage, facet, facetMeta) {
         super(services, storage, facet, facetMeta);
         this.range = {
@@ -94,11 +95,11 @@ class RangeFacet extends Facet {
             low: 0,
             high: 0,
         };
-        this.step = facet.step;
-        const facetConfig = config.settings?.facets?.fields && config.settings?.facets?.fields[facet.field];
+        this.step = facet?.step;
+        const facetConfig = (config.settings?.facets?.fields && facet.field && config.settings?.facets?.fields[facet.field]) || {};
         const shouldStore = typeof facetConfig?.storeRange == 'boolean' ? facetConfig.storeRange : config.settings?.facets?.storeRange;
         const storedRange = shouldStore && this.storage.get(`facets.${this.field}.range`);
-        if (storedRange && facet.filtered && (facet.range.low > storedRange.low || facet.range.high < storedRange.high)) {
+        if (storedRange && facet.filtered && (facet.range?.low > storedRange.low || facet.range?.high < storedRange.high)) {
             // range from API has shrunk
             this.range = this.storage.get(`facets.${this.field}.range`);
         }
@@ -120,7 +121,7 @@ class RangeFacet extends Facet {
         });
     }
 }
-class ValueFacet extends Facet {
+export class ValueFacet extends Facet {
     constructor(config, services, storage, facet, facetMeta) {
         super(services, storage, facet, facetMeta);
         this.values = [];
@@ -174,20 +175,20 @@ class ValueFacet extends Facet {
                     switch (facet.type) {
                         case 'value':
                             if (facetMeta.display === 'hierarchy') {
-                                const filteredValues = facet.values.filter((value) => value.filtered);
-                                return new HierarchyValue(services, this, value, filteredValues);
+                                const filteredValues = facet?.values?.filter((value) => value.filtered) || [];
+                                return new FacetHierarchyValue(services, this, value, filteredValues);
                             }
                             else {
                                 // converting values to strings to ensure UrlManager state matches state created from URL
-                                value.value = value.value.toString();
-                                return new Value(services, this, value);
+                                value.value = value?.value?.toString();
+                                return new FacetValue(services, this, value);
                             }
                         case 'range-buckets':
-                            return new RangeValue(services, this, value);
+                            return new FacetRangeValue(services, this, value);
                     }
                 })) ||
                 [];
-        const facetConfig = config.settings?.facets?.fields && config.settings?.facets?.fields[facet.field];
+        const facetConfig = (config.settings?.facets?.fields && facet.field && config.settings?.facets?.fields[facet.field]) || {};
         const shouldPin = typeof facetConfig?.pinFiltered == 'boolean' ? facetConfig.pinFiltered : config.settings?.facets?.pinFiltered;
         if (shouldPin && facetMeta.display !== 'hierarchy') {
             this.values.sort((a, b) => Number(b.filtered) - Number(a.filtered));
@@ -211,7 +212,7 @@ class ValueFacet extends Facet {
         let values = this.values || [];
         if (this.search.input) {
             const search = new RegExp(escapeRegExp(this.search.input), 'i');
-            values = this.values.filter((value) => String(value.label).match(search));
+            values = this.values.filter((value) => String(value?.label || '').match(search));
         }
         if (this.overflow.enabled && this.overflow.limited) {
             values = values.slice(0, this.overflow.limit);
@@ -219,14 +220,14 @@ class ValueFacet extends Facet {
         return values;
     }
 }
-class Value {
+export class FacetValue {
     constructor(services, facet, value) {
         Object.assign(this, value);
         if (this.filtered) {
-            this.url = services.urlManager?.remove('page').remove(`filter.${facet.field}`, value.value);
+            this.url = services.urlManager.remove('page').remove(`filter.${facet.field}`, value.value);
         }
         else {
-            let valueUrl = services.urlManager?.remove('page');
+            let valueUrl = services.urlManager.remove('page');
             if (facet.multiple == 'single') {
                 valueUrl = valueUrl?.remove(`filter.${facet.field}`);
             }
@@ -234,7 +235,7 @@ class Value {
         }
     }
 }
-class HierarchyValue extends Value {
+export class FacetHierarchyValue extends FacetValue {
     constructor(services, facet, value, filteredValues) {
         super(services, facet, value);
         this.level = 0;
@@ -243,27 +244,27 @@ class HierarchyValue extends Value {
             this.level = value.value.split(facet.hierarchyDelimiter).length;
         }
         if (facet.filtered && filteredValues?.length) {
-            const filteredLevel = filteredValues[0].value.split(facet.hierarchyDelimiter).length;
-            if (this.level <= filteredLevel) {
+            const filteredLevel = facet?.hierarchyDelimiter && filteredValues[0].value?.split(facet.hierarchyDelimiter).length;
+            if (filteredLevel && this.level <= filteredLevel) {
                 this.history = true;
             }
         }
         if (value.value) {
-            this.url = services?.urlManager?.remove('page').set(`filter.${facet.field}`, value.value);
+            this.url = services.urlManager.remove('page').set(`filter.${facet.field}`, value.value);
         }
         else {
-            this.url = services?.urlManager?.remove('page').remove(`filter.${facet.field}`);
+            this.url = services.urlManager.remove('page').remove(`filter.${facet.field}`);
         }
     }
 }
-class RangeValue {
+export class FacetRangeValue {
     constructor(services, facet, value) {
         Object.assign(this, value);
         if (this.filtered) {
-            this.url = services?.urlManager.remove('page').remove(`filter.${facet.field}`, [{ low: this.low, high: this.high }]);
+            this.url = services.urlManager.remove('page').remove(`filter.${facet.field}`, [{ low: this.low, high: this.high }]);
         }
         else {
-            let valueUrl = services?.urlManager.remove('page');
+            let valueUrl = services.urlManager.remove('page');
             if (facet.multiple == 'single') {
                 valueUrl = valueUrl?.remove(`filter.${facet.field}`);
             }

package/dist/esm/Search/Stores/SearchFilterStore.d.ts

@@ -0,0 +1,35 @@
+import type { UrlManager } from '@searchspring/snap-url-manager';
+import type { StoreServices } from '../../types';
+import type { SearchResponseModelFilter, MetaResponseModel, SearchResponseModelFilterRange, SearchResponseModelFilterValue, MetaResponseModelFacetDefaults, MetaResponseModelFacet } from '@searchspring/snapi-types';
+export declare class SearchFilterStore extends Array<RangeFilter | Filter> {
+    static get [Symbol.species](): ArrayConstructor;
+    constructor(services: StoreServices, filtersData: SearchResponseModelFilter[] | undefined, meta: MetaResponseModel);
+}
+export declare class Filter {
+    label: string;
+    facet: {
+        field?: string;
+        label?: string;
+    };
+    value: {
+        value?: string;
+        label?: string;
+    };
+    url: UrlManager;
+    constructor(services: StoreServices, filter: SearchResponseModelFilterValue, meta: MetaResponseModelFacet & MetaResponseModelFacetDefaults);
+}
+export declare class RangeFilter {
+    label: string;
+    facet: {
+        field?: string;
+        label?: string;
+    };
+    value: {
+        low?: number;
+        high?: number;
+        label: string;
+    };
+    url: UrlManager;
+    constructor(services: StoreServices, filter: SearchResponseModelFilterRange, meta: MetaResponseModelFacet & MetaResponseModelFacetDefaults);
+}
+//# sourceMappingURL=SearchFilterStore.d.ts.map

package/dist/esm/Search/Stores/SearchFilterStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilterStore.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/SearchFilterStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EACX,yBAAyB,EACzB,iBAAiB,EACjB,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,sBAAsB,EACtB,MAAM,2BAA2B,CAAC;AAEnC,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;IACjE,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAE9C;gBAEW,QAAQ,EAAE,aAAa,EAAE,WAAW,yCAAkC,EAAE,IAAI,EAAE,iBAAiB;CAmB3G;AAED,qBAAa,MAAM;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACK,KAAK,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEK,GAAG,EAAE,UAAU,CAAC;gBAEX,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,8BAA8B,EAAE,IAAI,EAAE,sBAAsB,GAAG,8BAA8B;CAmB1I;AAED,qBAAa,WAAW;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACK,KAAK,EAAE;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IAEK,GAAG,EAAE,UAAU,CAAC;gBAEX,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,8BAA8B,EAAE,IAAI,EAAE,sBAAsB,GAAG,8BAA8B;CAoB1I"}

package/dist/esm/Search/Stores/SearchFilterStore.js

@@ -0,0 +1,61 @@
+import { makeObservable, observable } from 'mobx';
+export class SearchFilterStore extends Array {
+    static get [Symbol.species]() {
+        return Array;
+    }
+    constructor(services, filtersData = [], meta) {
+        const filters = filtersData.map((filter) => {
+            const field = filter.field;
+            const facetMeta = meta.facets && meta.facets[field];
+            switch (filter.type) {
+                case 'range':
+                    const rangeFilter = filter;
+                    return new RangeFilter(services, rangeFilter, facetMeta);
+                case 'value':
+                default:
+                    const valueFilter = filter;
+                    return new Filter(services, valueFilter, facetMeta);
+            }
+        });
+        super(...filters);
+    }
+}
+export class Filter {
+    constructor(services, filter, meta) {
+        this.facet = {
+            field: filter.field,
+            label: meta?.label || filter.field,
+        };
+        this.value = {
+            value: filter.value,
+            label: filter.label,
+        };
+        this.label = `${this.facet.label}: ${this.value.label}`;
+        this.url = services?.urlManager?.remove('page').remove(`filter.${this.facet.field}`, this.value.value);
+        makeObservable(this, {
+            facet: observable,
+            value: observable,
+            label: observable,
+        });
+    }
+}
+export class RangeFilter {
+    constructor(services, filter, meta) {
+        this.facet = {
+            field: filter.field,
+            label: meta?.label || filter.field,
+        };
+        this.value = {
+            low: filter?.value?.low,
+            high: filter?.value?.high,
+            label: filter.label || `${filter?.value?.low} - ${filter?.value?.high}`,
+        };
+        this.label = `${this.facet.label}: ${this.value.label}`;
+        this.url = services?.urlManager?.remove('page').remove(`filter.${this.facet.field}`, { low: this.value.low, high: this.value.high });
+        makeObservable(this, {
+            facet: observable,
+            value: observable,
+            label: observable,
+        });
+    }
+}

package/dist/esm/Search/Stores/SearchMerchandisingStore.d.ts

@@ -0,0 +1,21 @@
+import type { StoreServices } from '../../types';
+import type { SearchResponseModelMerchandising, SearchResponseModelMerchandisingContentInline } from '@searchspring/snapi-types';
+export declare enum ContentType {
+    HEADER = "header",
+    BANNER = "banner",
+    FOOTER = "footer",
+    LEFT = "left",
+    INLINE = "inline"
+}
+export declare type BannerContent = Partial<Record<ContentType, Content>>;
+export declare class SearchMerchandisingStore {
+    redirect: string;
+    content: BannerContent;
+    constructor(services: StoreServices, merchData: SearchResponseModelMerchandising);
+}
+declare class Content extends Array<string | SearchResponseModelMerchandisingContentInline> {
+    static get [Symbol.species](): ArrayConstructor;
+    constructor(content: string[] | SearchResponseModelMerchandisingContentInline[]);
+}
+export {};
+//# sourceMappingURL=SearchMerchandisingStore.d.ts.map

package/dist/esm/Search/Stores/SearchMerchandisingStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchMerchandisingStore.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/SearchMerchandisingStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,gCAAgC,EAAE,6CAA6C,EAAE,MAAM,2BAA2B,CAAC;AAEjI,oBAAY,WAAW;IACtB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;CACjB;AAED,oBAAY,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AAElE,qBAAa,wBAAwB;IAC7B,QAAQ,SAAM;IACd,OAAO,EAAE,aAAa,CAAM;gBAEvB,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,gCAAgC;CAahF;AAED,cAAM,OAAQ,SAAQ,KAAK,CAAC,MAAM,GAAG,6CAA6C,CAAC;IAClF,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAE9C;gBAEW,OAAO,EAAE,MAAM,EAAE,GAAG,6CAA6C,EAAE;CAG/E"}

package/dist/esm/Search/Stores/{MerchandisingStore.js → SearchMerchandisingStore.js}

@@ -1,4 +1,4 @@
-var ContentType;
+export var ContentType;
 (function (ContentType) {
     ContentType["HEADER"] = "header";
     ContentType["BANNER"] = "banner";
@@ -6,7 +6,7 @@ var ContentType;
     ContentType["LEFT"] = "left";
     ContentType["INLINE"] = "inline";
 })(ContentType || (ContentType = {}));
-export class MerchandisingStore {
+export class SearchMerchandisingStore {
     constructor(services, merchData) {
         this.redirect = '';
         this.content = {};
@@ -14,7 +14,7 @@ export class MerchandisingStore {
             this.redirect = merchData.redirect || '';
             if (merchData.content) {
                 Object.values(ContentType).forEach((type) => {
-                    if (merchData.content[type]) {
+                    if (merchData.content && merchData.content[type]) {
                         this.content[type] = new Content(merchData.content[type]);
                     }
                 });

package/dist/esm/Search/Stores/{PaginationStore.d.ts → SearchPaginationStore.d.ts}

@@ -1,8 +1,8 @@
 import type { SearchStoreConfig, StoreServices } from '../../types';
 import type { SearchResponseModelPagination } from '@searchspring/snapi-types';
 import type { UrlManager } from '@searchspring/snap-url-manager';
-export declare class PaginationStore {
-    private services;
+export declare class SearchPaginationStore {
+    services: StoreServices;
     page: number;
     pageSize: number;
     pageSizeOptions: {
@@ -12,7 +12,6 @@ export declare class PaginationStore {
     defaultPageSize: number;
     totalResults: number;
     totalPages: number;
-    infinite: boolean;
     controllerConfig: SearchStoreConfig;
     constructor(config: SearchStoreConfig, services: StoreServices, paginationData?: SearchResponseModelPagination);
     get begin(): number;
@@ -21,8 +20,8 @@ export declare class PaginationStore {
     get current(): Page;
     get first(): Page;
     get last(): Page;
-    get next(): Page;
-    get previous(): Page;
+    get next(): Page | undefined;
+    get previous(): Page | undefined;
     getPages(min?: number, max?: number): Page[];
     setPageSize(num: number): void;
 }
@@ -37,4 +36,4 @@ export declare class Page {
         active?: boolean;
     });
 }
-//# sourceMappingURL=PaginationStore.d.ts.map
+//# sourceMappingURL=SearchPaginationStore.d.ts.map

package/dist/esm/Search/Stores/SearchPaginationStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPaginationStore.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/SearchPaginationStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,qBAAa,qBAAqB;IAC1B,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;IACG,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,iBAAiB,CAAC;gBAG1C,MAAM,EAAE,iBAAiB,EACzB,QAAQ,EAAE,aAAa,EACvB,cAAc,GAAE,6BAMf;IA4CF,IAAW,KAAK,IAAI,MAAM,CAKzB;IAED,IAAW,GAAG,IAAI,MAAM,CAMvB;IAED,IAAW,aAAa,IAAI,OAAO,CAElC;IAED,IAAW,OAAO,IAAI,IAAI,CAKzB;IAED,IAAW,KAAK,IAAI,IAAI,CAKvB;IAED,IAAW,IAAI,IAAI,IAAI,CAKtB;IAED,IAAW,IAAI,IAAI,IAAI,GAAG,SAAS,CAMlC;IAED,IAAW,QAAQ,IAAI,IAAI,GAAG,SAAS,CAMtC;IAEM,QAAQ,CAAC,GAAG,GAAE,MAAU,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE;IAmD/C,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAKrC;AAED,qBAAa,IAAI;IACT,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE,UAAU,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;gBAGlB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;KACjB;CAQF"}

package/dist/esm/Search/Stores/{PaginationStore.js → SearchPaginationStore.js}

@@ -1,5 +1,5 @@
 import { observable, action, computed, makeObservable } from 'mobx';
-export class PaginationStore {
+export class SearchPaginationStore {
     constructor(config, services, paginationData = {
         page: undefined,
         pageSize: undefined,
@@ -92,11 +92,11 @@ export class PaginationStore {
             });
         }
     }
-    getPages(min, max) {
+    getPages(min = 5, max) {
         if (!Number.isInteger(min)) {
             return [];
         }
-        if (!Number.isInteger(max)) {
+        if (typeof max == 'undefined' || !Number.isInteger(max)) {
             const surrounding = min - 1;
             let from = this.page;
             let to = this.page;

package/dist/esm/Search/Stores/{QueryStore.d.ts → SearchQueryStore.d.ts}

@@ -1,11 +1,11 @@
 import type { UrlManager } from '@searchspring/snap-url-manager';
 import type { StoreServices } from '../../types';
 import type { SearchResponseModelSearch, SearchResponseModelSearchMatchTypeEnum } from '@searchspring/snapi-types';
-export declare class QueryStore {
-    query: Query;
-    didYouMean: Query;
-    originalQuery: Query;
-    matchType: SearchResponseModelSearchMatchTypeEnum;
+export declare class SearchQueryStore {
+    query?: Query;
+    didYouMean?: Query;
+    originalQuery?: Query;
+    matchType?: SearchResponseModelSearchMatchTypeEnum;
     constructor(services: StoreServices, search: SearchResponseModelSearch);
 }
 declare class Query {
@@ -14,4 +14,4 @@ declare class Query {
     constructor(services: StoreServices, query: string);
 }
 export {};
-//# sourceMappingURL=QueryStore.d.ts.map
+//# sourceMappingURL=SearchQueryStore.d.ts.map

package/dist/esm/Search/Stores/SearchQueryStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchQueryStore.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/SearchQueryStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,sCAAsC,EAAE,MAAM,2BAA2B,CAAC;AAEnH,qBAAa,gBAAgB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,sCAAsC,CAAC;gBAE9C,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,yBAAyB;CAyBtE;AASD,cAAM,KAAK;IACH,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,UAAU,CAAC;gBAEX,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM;CASlD"}

package/dist/esm/Search/Stores/{QueryStore.js → SearchQueryStore.js}

@@ -1,5 +1,5 @@
 import { observable, makeObservable } from 'mobx';
-export class QueryStore {
+export class SearchQueryStore {
     constructor(services, search) {
         const observables = {};
         if (search?.query) {

package/dist/esm/Search/Stores/SearchResultStore.d.ts

@@ -0,0 +1,34 @@
+import type { SearchStoreConfig, AutocompleteStoreConfig, StoreServices } from '../../types';
+import type { SearchResponseModelResult, SearchResponseModelPagination, SearchResponseModelMerchandising, SearchResponseModelResultMappings, SearchResponseModelMerchandisingContentInline, SearchResponseModelMerchandisingContentConfig } from '@searchspring/snapi-types';
+export declare class SearchResultStore extends Array<Product | Banner> {
+    static get [Symbol.species](): ArrayConstructor;
+    constructor(config: SearchStoreConfig | AutocompleteStoreConfig, services: StoreServices, resultData?: SearchResponseModelResult[], paginationData?: SearchResponseModelPagination, merchData?: SearchResponseModelMerchandising);
+}
+export declare class Banner {
+    type: string;
+    id: string;
+    attributes: Record<string, unknown>;
+    mappings: SearchResponseModelResultMappings;
+    custom: {};
+    config: SearchResponseModelMerchandisingContentConfig;
+    value: string;
+    constructor(services: StoreServices, banner: SearchResponseModelMerchandisingContentInline);
+}
+export declare class Product {
+    type: string;
+    id: string;
+    attributes: Record<string, unknown>;
+    mappings: SearchResponseModelResultMappings;
+    custom: {};
+    children?: Array<Child>;
+    constructor(services: StoreServices, result: SearchResponseModelResult);
+}
+declare class Child {
+    type: string;
+    id: string;
+    attributes: Record<string, unknown>;
+    custom: {};
+    constructor(services: StoreServices, result: SearchResponseModelResult);
+}
+export {};
+//# sourceMappingURL=SearchResultStore.d.ts.map

package/dist/esm/Search/Stores/SearchResultStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultStore.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/SearchResultStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,KAAK,EACX,yBAAyB,EACzB,6BAA6B,EAC7B,gCAAgC,EAChC,iCAAiC,EACjC,6CAA6C,EAC7C,6CAA6C,EAC7C,MAAM,2BAA2B,CAAC;AAEnC,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7D,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAE9C;gBAGA,MAAM,EAAE,iBAAiB,GAAG,uBAAuB,EACnD,QAAQ,EAAE,aAAa,EACvB,UAAU,CAAC,EAAE,yBAAyB,EAAE,EACxC,cAAc,CAAC,EAAE,6BAA6B,EAC9C,SAAS,CAAC,EAAE,gCAAgC;CAqB7C;AAED,qBAAa,MAAM;IACX,IAAI,SAAY;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IACzC,QAAQ,EAAE,iCAAiC,CAEhD;IACK,MAAM,KAAM;IACZ,MAAM,EAAE,6CAA6C,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;gBAET,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,6CAA6C;CAW1F;AAED,qBAAa,OAAO;IACZ,IAAI,SAAa;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IACzC,QAAQ,EAAE,iCAAiC,CAEhD;IACK,MAAM,KAAM;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAM;gBAExB,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,yBAAyB;CA8BtE;AAED,cAAM,KAAK;IACH,IAAI,SAAW;IACf,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IACzC,MAAM,KAAM;gBAEP,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,yBAAyB;CAUtE"}