@athoscommerce/snap-store-mobx 1.0.0

package/dist/esm/Autocomplete/Stores/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Autocomplete/Stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/esm/Autocomplete/Stores/index.js

@@ -0,0 +1,6 @@
+export { AutocompleteFacetStore } from './AutocompleteFacetStore';
+export { AutocompleteQueryStore } from './AutocompleteQueryStore';
+export { AutocompleteStateStore } from './AutocompleteStateStore';
+export { AutocompleteTermStore, Term } from './AutocompleteTermStore';
+export { AutocompleteTrendingStore } from './AutocompleteTrendingStore';
+export { AutocompleteHistoryStore } from './AutocompleteHistoryStore';

package/dist/esm/Cart/CartStore.d.ts

@@ -0,0 +1,15 @@
+import type { Middleware } from '@athoscommerce/snap-event-manager';
+import type { Product } from '../Search/Stores';
+export declare class CartStore {
+    items: Product[];
+    private eventManager;
+    constructor();
+    on<T>(event: string, ...func: Middleware<T>[]): void;
+    get count(): number;
+    get price(): number;
+    get msrp(): number;
+    addItems(items: Product[]): void;
+    removeItems(items: Product[]): void;
+    reset(): void;
+}
+//# sourceMappingURL=CartStore.d.ts.map

package/dist/esm/Cart/CartStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartStore.d.ts","sourceRoot":"","sources":["../../../src/Cart/CartStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,qBAAa,SAAS;IACd,KAAK,EAAE,OAAO,EAAE,CAAM;IAC7B,OAAO,CAAC,YAAY,CAAC;;IAYd,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI;IAI3D,IAAI,KAAK,IAAI,MAAM,CAMlB;IAED,IAAI,KAAK,IAAI,MAAM,CAOlB;IAED,IAAI,IAAI,IAAI,MAAM,CAUjB;IAEM,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI;IAahC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI;IAsBnC,KAAK,IAAI,IAAI;CAIpB"}

package/dist/esm/Cart/CartStore.js

@@ -0,0 +1,74 @@
+import { observable, computed, makeObservable } from 'mobx';
+import { EventManager } from '@athoscommerce/snap-event-manager';
+export class CartStore {
+    constructor() {
+        this.items = [];
+        makeObservable(this, {
+            items: observable,
+            price: computed,
+            count: computed,
+            msrp: computed,
+        });
+        this.eventManager = new EventManager();
+    }
+    on(event, ...func) {
+        this.eventManager.on(event, ...func);
+    }
+    get count() {
+        let count = 0;
+        this.items.forEach((item) => {
+            count += item.quantity;
+        });
+        return count;
+    }
+    get price() {
+        let newPrice = 0;
+        this.items.forEach((item) => {
+            // account for string prices, and floating 0s.
+            newPrice = (newPrice * 100 + +(+((item.display.mappings.core?.price || 0) * 100) * item.quantity)) / 100 || 0;
+        });
+        return newPrice;
+    }
+    get msrp() {
+        let newPrice = 0;
+        this.items.forEach((item) => {
+            // account for string prices, and floating 0s.
+            newPrice =
+                (newPrice * 100 +
+                    +((+((item.display.mappings.core?.msrp || 0) * 100) || +((item.display.mappings.core?.price || 0) * 100) || 0) * item.quantity)) /
+                    100 || 0;
+        });
+        return newPrice;
+    }
+    addItems(items) {
+        items.forEach((item) => {
+            const idx = this.items.findIndex((result) => result.id == item.id);
+            //is it in the items list?
+            if (idx == -1) {
+                this.items.push(item);
+            }
+        });
+        this.eventManager.fire('addItems', { cart: this, items });
+    }
+    removeItems(items) {
+        const newIds = [...this.items];
+        items.forEach((item) => {
+            const idx = newIds.findIndex((result) => result.id == item.id);
+            //is it in the selected items?
+            if (idx > -1) {
+                // remove it entirely
+                newIds.splice(idx, 1);
+                // when emptied fire empty event
+                if (newIds.length == 0) {
+                    this.eventManager.fire('emptied', { cart: this });
+                }
+            }
+        });
+        this.items = newIds;
+        this.eventManager.fire('removeItems', { cart: this, items });
+    }
+    reset() {
+        this.items = [];
+        this.eventManager.fire('reset', { cart: this });
+    }
+}

package/dist/esm/Finder/FinderStore.d.ts

@@ -0,0 +1,27 @@
+import type { SearchResponseModel, MetaResponseModel } from '@athoscommerce/snapi-types';
+import { AbstractStore } from '../Abstract/AbstractStore';
+import { SearchPaginationStore } from '../Search/Stores';
+import { StorageStore } from '../Storage/StorageStore';
+import { FinderSelectionStore } from './Stores';
+import type { FinderStoreConfig, StoreServices, SelectedSelection } from '../types';
+import { UrlManager } from '@athoscommerce/snap-url-manager';
+import { MetaStore } from '../Meta/MetaStore';
+export declare class FinderStore extends AbstractStore<FinderStoreConfig> {
+    services: StoreServices;
+    meta?: MetaStore;
+    storage: StorageStore;
+    persistedStorage: StorageStore;
+    pagination: SearchPaginationStore;
+    selections: FinderSelectionStore;
+    persisted: boolean;
+    constructor(config: FinderStoreConfig, services: StoreServices);
+    setService(name: keyof StoreServices, service: UrlManager): void;
+    save: () => void;
+    reset: () => void;
+    loadPersisted(): void;
+    update(data?: {
+        meta?: MetaResponseModel;
+        search?: SearchResponseModel;
+    }, selectedSelections?: SelectedSelection[]): void;
+}
+//# sourceMappingURL=FinderStore.d.ts.map

package/dist/esm/Finder/FinderStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinderStore.d.ts","sourceRoot":"","sources":["../../../src/Finder/FinderStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,qBAAa,WAAY,SAAQ,aAAa,CAAC,iBAAiB,CAAC;IACzD,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAG,YAAY,CAAC;IAChC,UAAU,EAAG,qBAAqB,CAAC;IACnC,UAAU,EAAG,oBAAoB,CAAC;IAClC,SAAS,EAAE,OAAO,CAAS;gBAEtB,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa;IA0BvD,UAAU,CAAC,IAAI,EAAE,MAAM,aAAa,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI;IAQhE,IAAI,EAAE,MAAM,IAAI,CAAY;IAE5B,KAAK,QAAO,IAAI,CAWrB;IAEK,aAAa,IAAI,IAAI;IAyBrB,MAAM,CAAC,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC;QAAC,MAAM,CAAC,EAAE,mBAAmB,CAAA;KAAE,EAAE,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,GAAG,IAAI;CAsDhI"}

package/dist/esm/Finder/FinderStore.js

@@ -0,0 +1,118 @@
+import { makeObservable, observable } from 'mobx';
+import { AbstractStore } from '../Abstract/AbstractStore';
+import { SearchPaginationStore } from '../Search/Stores';
+import { StorageStore } from '../Storage/StorageStore';
+import { FinderSelectionStore } from './Stores';
+import { MetaStore } from '../Meta/MetaStore';
+export class FinderStore extends AbstractStore {
+    constructor(config, services) {
+        super(config);
+        this.persisted = false;
+        // providing access to response data without exposing it
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.save = () => { };
+        this.reset = () => {
+            if (this.config.persist?.enabled) {
+                this.persistedStorage?.clear();
+                this.persisted = false;
+            }
+            if (this.services.urlManager.state.filter) {
+                this.storage.clear();
+                this.selections = [];
+                this.loaded = false;
+            }
+        };
+        if (typeof services != 'object' || typeof services.urlManager?.subscribe != 'function') {
+            throw new Error(`Invalid service 'urlManager' passed to AutocompleteStore. Missing "subscribe" function.`);
+        }
+        this.services = services;
+        if (this.config.persist?.enabled) {
+            this.persistedStorage = new StorageStore({
+                type: 'local',
+                key: `athos-${this.config.id}-persisted`,
+            });
+        }
+        this.storage = new StorageStore();
+        this.update();
+        makeObservable(this, {
+            selections: observable,
+            pagination: observable,
+        });
+    }
+    setService(name, service) {
+        if (this.services[name] && service) {
+            this.services[name] = service;
+        }
+    }
+    loadPersisted() {
+        if (this.config.persist?.enabled && this.persistedStorage) {
+            const date = this.persistedStorage.get('date');
+            const data = this.persistedStorage.get('data');
+            const config = this.persistedStorage.get('config');
+            const selections = this.persistedStorage.get('selections');
+            const isExpired = this.config.persist.expiration && Date.now() - date > this.config.persist.expiration;
+            if (data && selections.filter((selection) => selection.selected).length) {
+                // stringify config without middleware and plugins (they may be using variable data)
+                const stringifiedPersistedConfig = JSON.stringify({ ...config, plugins: [], middleware: {} });
+                const stringifiedConfig = JSON.stringify({ ...this.config, plugins: [], middleware: {} });
+                // if the config has not changed and the data is not expired then persist
+                if (stringifiedPersistedConfig === stringifiedConfig && !isExpired) {
+                    this.update(data, selections);
+                    this.persisted = true;
+                    this.services.urlManager.go();
+                }
+                else {
+                    this.reset();
+                }
+            }
+        }
+    }
+    update(data, selectedSelections) {
+        const { meta, search } = data || {};
+        this.error = undefined;
+        this.loaded = !!search?.pagination;
+        this.meta = new MetaStore({
+            data: { meta: meta || {} },
+        });
+        this.pagination = new SearchPaginationStore({
+            config: this.config,
+            services: this.services,
+            data: {
+                search: search,
+                meta: this.meta.data,
+            },
+        });
+        this.selections = new FinderSelectionStore({
+            config: this.config,
+            services: this.services,
+            stores: {
+                storage: this.storage,
+            },
+            state: {
+                persisted: this.persisted,
+            },
+            data: {
+                search: search,
+                meta: this.meta.data,
+                selections: selectedSelections || [],
+            },
+        });
+        // providing access to response data without exposing it
+        this.save = () => {
+            if (this.config.persist?.enabled && this.persistedStorage && this?.selections?.filter((selection) => selection.selected).length) {
+                this.persistedStorage.set('config', this.config);
+                this.persistedStorage.set('data', data);
+                this.persistedStorage.set('date', Date.now());
+                this.persistedStorage.set('selections', this.selections.map((selection) => {
+                    return {
+                        selected: selection.selected,
+                        data: selection.data,
+                        facet: selection.facet,
+                    };
+                }));
+            }
+        };
+        this.error = undefined;
+        this.loaded = Boolean(search?.pagination);
+    }
+}

package/dist/esm/Finder/Stores/FinderSelectionStore.d.ts

@@ -0,0 +1,73 @@
+import type { FinderStoreConfig, FinderFieldConfig, StoreServices, SelectedSelection } from '../../types';
+import type { StorageStore } from '../../Storage/StorageStore';
+import type { MetaResponseModel, MetaResponseModelFacetGrid, MetaResponseModelFacetHierarchy, MetaResponseModelFacetList, MetaResponseModelFacetPalette, MetaResponseModelFacetSlider, SearchResponseModel, SearchResponseModelFacetRange, SearchResponseModelFacetRangeBuckets, SearchResponseModelFacetValue, SearchResponseModelFacetValueAllOfValues } from '@athoscommerce/snapi-types';
+type FacetWithMeta = MetaResponseModelFacetGrid & MetaResponseModelFacetHierarchy & MetaResponseModelFacetList & MetaResponseModelFacetPalette & MetaResponseModelFacetSlider & SearchResponseModelFacetValue & SearchResponseModelFacetRange & SearchResponseModelFacetRangeBuckets;
+type FinderSelectionStoreConfig = {
+    config: FinderStoreConfig;
+    services: StoreServices;
+    stores: {
+        storage: StorageStore;
+    };
+    state: {
+        persisted: boolean;
+    };
+    data: {
+        search?: SearchResponseModel;
+        meta: MetaResponseModel;
+        selections: SelectedSelection[];
+    };
+};
+export declare class FinderSelectionStore extends Array<Selection | SelectionHierarchy> {
+    static get [Symbol.species](): ArrayConstructor;
+    constructor(params: FinderSelectionStoreConfig);
+}
+declare class SelectionBase {
+    persisted: boolean;
+    type: string;
+    field: string;
+    filtered: boolean;
+    collapsed: boolean;
+    display: string;
+    label: string;
+    multiple: string;
+    id: string;
+    disabled: boolean;
+    selected: string;
+    custom: {};
+    facet: FacetWithMeta;
+    services: StoreServices;
+    config: FinderFieldConfig | LevelConfig;
+    data?: SearchResponseModelFacetValueAllOfValues[];
+    storage: {
+        key: string;
+        get: (key?: string) => any;
+        set: (key: string, value: unknown) => void;
+    };
+    constructor(selectionData: SelectionData);
+    get values(): SearchResponseModelFacetValueAllOfValues[];
+}
+type SelectionData = Omit<FinderSelectionStoreConfig, 'config' | 'data'> & {
+    config: FinderFieldConfig | LevelConfig;
+    data: {
+        id: string;
+        facet: FacetWithMeta;
+    };
+};
+declare class Selection extends SelectionBase {
+    config: FinderFieldConfig;
+    constructor(selectionData: SelectionData);
+    select(value?: string): void;
+}
+declare class SelectionHierarchy extends SelectionBase {
+    hierarchyDelimiter: string;
+    config: LevelConfig;
+    constructor(selectionData: SelectionData);
+    select(value?: string): void;
+}
+type LevelConfig = {
+    index: number;
+    label?: string;
+    key: string;
+};
+export {};
+//# sourceMappingURL=FinderSelectionStore.d.ts.map

package/dist/esm/Finder/Stores/FinderSelectionStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinderSelectionStore.d.ts","sourceRoot":"","sources":["../../../../src/Finder/Stores/FinderSelectionStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC1G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EACX,iBAAiB,EACjB,0BAA0B,EAC1B,+BAA+B,EAC/B,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,mBAAmB,EACnB,6BAA6B,EAC7B,oCAAoC,EACpC,6BAA6B,EAC7B,wCAAwC,EACxC,MAAM,4BAA4B,CAAC;AAEpC,KAAK,aAAa,GAAG,0BAA0B,GAC9C,+BAA+B,GAC/B,0BAA0B,GAC1B,6BAA6B,GAC7B,4BAA4B,GAC5B,6BAA6B,GAC7B,6BAA6B,GAC7B,oCAAoC,CAAC;AAEtC,KAAK,0BAA0B,GAAG;IACjC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE;QACP,OAAO,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACN,SAAS,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,IAAI,EAAE;QACL,MAAM,CAAC,EAAE,mBAAmB,CAAC;QAC7B,IAAI,EAAE,iBAAiB,CAAC;QACxB,UAAU,EAAE,iBAAiB,EAAE,CAAC;KAChC,CAAC;CACF,CAAC;AAEF,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAC;IAC9E,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAE9C;gBAEW,MAAM,EAAE,0BAA0B;CA2I9C;AAED,cAAM,aAAa;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,UAAS;IACjB,SAAS,UAAS;IAClB,OAAO,SAAM;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,UAAS;IACjB,QAAQ,SAAM;IACd,MAAM,KAAM;IACZ,KAAK,gBAAC;IAEN,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,iBAAiB,GAAG,WAAW,CAAC;IACxC,IAAI,CAAC,EAAE,wCAAwC,EAAE,CAAC;IAClD,OAAO;;oBA0BS,MAAM;mBAIP,MAAM,SAAS,OAAO;MA9B7B;gBAEH,aAAa,EAAE,aAAa;IAmCxC,IAAW,MAAM,+CAUhB;CACD;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,0BAA0B,EAAE,QAAQ,GAAG,MAAM,CAAC,GAAG;IAC1E,MAAM,EAAE,iBAAiB,GAAG,WAAW,CAAC;IACxC,IAAI,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,aAAa,CAAC;KACrB,CAAC;CACF,CAAC;AAEF,cAAM,SAAU,SAAQ,aAAa;IAC7B,MAAM,EAAG,iBAAiB,CAAC;gBAEtB,aAAa,EAAE,aAAa;IAejC,MAAM,CAAC,KAAK,SAAK;CAWxB;AAED,cAAM,kBAAmB,SAAQ,aAAa;IACtC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAG,WAAW,CAAC;gBAEhB,aAAa,EAAE,aAAa;IAuCjC,MAAM,CAAC,KAAK,SAAK;CA2BxB;AAED,KAAK,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}

package/dist/esm/Finder/Stores/FinderSelectionStore.js

@@ -0,0 +1,258 @@
+export class FinderSelectionStore extends Array {
+    static get [Symbol.species]() {
+        return Array;
+    }
+    constructor(params) {
+        const config = params.config;
+        const { services, data, stores, state } = params || {};
+        const { storage } = stores || {};
+        const { search, meta, selections } = data || {};
+        const { facets } = search || {};
+        const selectedSelections = [];
+        if (selections?.length) {
+            config.fields.forEach((fieldObj) => {
+                const storedData = selections.find((selection) => selection.facet.field === fieldObj.field);
+                if (storedData) {
+                    const { facet, selected } = storedData || {};
+                    if (facet?.hierarchyDelimiter) {
+                        // hierarchy
+                        selections.forEach((selection, index) => {
+                            const levels = fieldObj?.levels || facet?.values[facet?.values.length - 1]?.value.split(facet.hierarchyDelimiter);
+                            const levelConfig = { index, label: fieldObj.levels ? levels[index] : '', key: `ss-${index}` };
+                            const storageKey = generateStorageKey(config.id, facet.field);
+                            storage.set(`${storageKey}.${levelConfig.key}.values`, selection.data);
+                            storage.set(`${storageKey}.${levelConfig.key}.selected`, selection.selected);
+                            const selectionHierarchy = new SelectionHierarchy({
+                                config: levelConfig,
+                                services,
+                                stores,
+                                state,
+                                data: {
+                                    id: config.id,
+                                    facet,
+                                },
+                            });
+                            if (config.persist?.lockSelections) {
+                                selectionHierarchy.disabled = true;
+                            }
+                            if (selection.selected) {
+                                services.urlManager = services.urlManager.set(`filter.${selection.facet.field}`, selection.selected);
+                            }
+                            selectedSelections.push(selectionHierarchy);
+                        });
+                    }
+                    else {
+                        const selection = new Selection({
+                            config: fieldObj,
+                            services,
+                            stores,
+                            state,
+                            data: {
+                                id: config.id,
+                                facet,
+                            },
+                        });
+                        selection.selected = selected;
+                        selection.storage.set('selected', selected);
+                        selection.data = facet.values;
+                        if (selected) {
+                            services.urlManager = services.urlManager.set(`filter.${facet.field}`, selected);
+                        }
+                        if (config.persist?.lockSelections) {
+                            selection.disabled = true;
+                        }
+                        selectedSelections.push(selection);
+                    }
+                }
+            });
+        }
+        else if (facets && meta) {
+            // re-order facets to match our config
+            config?.fields &&
+                facets.sort((a, b) => {
+                    const fields = config.fields.map((fieldConfig) => fieldConfig.field);
+                    return fields.indexOf(a.field) - fields.indexOf(b.field);
+                });
+            config?.fields?.forEach((fieldObj) => {
+                let facet = facets.filter((facet) => facet.field == fieldObj.field).pop();
+                facet = {
+                    ...((meta?.facets && meta.facets[fieldObj.field]) || {}),
+                    ...facet,
+                };
+                const isHierarchy = facet?.display === 'hierarchy';
+                if (isHierarchy) {
+                    // filter out history/current hierarchy values
+                    const filtered = facet.values?.filter((value) => value.filtered).pop();
+                    if (filtered) {
+                        const filteredLevel = filtered.value?.split(facet?.hierarchyDelimiter).length;
+                        facet.values = facet.values?.filter((value, index) => {
+                            return (value.value && value.value.split(facet?.hierarchyDelimiter).length > filteredLevel) || index == facet.values?.length - 1;
+                        });
+                    }
+                    const levels = fieldObj?.levels || (facet?.values && facet?.values[facet?.values?.length - 1].value?.split(facet.hierarchyDelimiter));
+                    levels?.map((level, index) => {
+                        const levelConfig = { index, label: fieldObj.levels ? level : '', key: `ss-${index}` };
+                        selectedSelections.push(new SelectionHierarchy({
+                            config: levelConfig,
+                            services,
+                            stores,
+                            state,
+                            data: {
+                                id: config.id,
+                                facet,
+                            },
+                        }));
+                    });
+                }
+                else {
+                    selectedSelections.push(new Selection({
+                        config: fieldObj,
+                        services,
+                        stores,
+                        state,
+                        data: {
+                            id: config.id,
+                            facet,
+                        },
+                    }));
+                }
+            });
+        }
+        super(...selectedSelections);
+    }
+}
+class SelectionBase {
+    constructor(selectionData) {
+        this.filtered = false;
+        this.collapsed = false;
+        this.display = '';
+        this.disabled = false;
+        this.selected = '';
+        this.custom = {};
+        const { config, services, stores, state, data } = selectionData || {};
+        const { storage } = stores || {};
+        const { id, facet } = data || {};
+        const { persisted } = state;
+        this.services = services;
+        this.persisted = persisted;
+        this.id = id;
+        this.config = config;
+        // inherit all standard facet properties
+        this.facet = facet;
+        this.type = facet.type;
+        this.field = facet.field;
+        this.filtered = facet.filtered;
+        this.collapsed = facet.collapsed;
+        this.display = facet.display;
+        this.label = facet.label;
+        this.multiple = facet.multiple;
+        // abstracted StorageStore
+        this.storage = {
+            key: generateStorageKey(this.id, this.field),
+            get: function (key) {
+                const path = this.key + (key ? `.${key}` : '');
+                return storage.get(path);
+            },
+            set: function (key, value) {
+                const path = this.key + (key ? `.${key}` : '');
+                return storage.set(path, value);
+            },
+        };
+    }
+    get values() {
+        const values = [...(this.data || [])];
+        values.unshift({
+            filtered: false,
+            value: '',
+            label: this.config.label || this.label,
+        });
+        return values;
+    }
+}
+class Selection extends SelectionBase {
+    constructor(selectionData) {
+        super(selectionData);
+        const { data } = selectionData || {};
+        const { facet } = data || {};
+        this.storage.set('values', facet.values);
+        const storageData = this.storage.get();
+        this.data = storageData.values || [];
+        // check if any dropdowns have been selected
+        this.disabled = !this.values.length;
+        this.selected = this.disabled ? '' : storageData.selected || '';
+    }
+    select(value = '') {
+        this.selected = value;
+        this.storage.set('selected', value);
+        this.persisted = false;
+        if (!value) {
+            this.services.urlManager.remove(`filter.${this.field}`).go();
+        }
+        else {
+            this.services.urlManager.set(`filter.${this.field}`, value).go();
+        }
+    }
+}
+class SelectionHierarchy extends SelectionBase {
+    constructor(selectionData) {
+        super(selectionData);
+        const { data } = selectionData || {};
+        const { facet } = data || {};
+        // inherit additional facet properties
+        this.hierarchyDelimiter = facet.hierarchyDelimiter;
+        let storageData = this.storage.get();
+        if (!storageData) {
+            // nothing in storage - initial state for first dropdown
+            this.storage.set(`${this.config.key}.values`, facet.values);
+            storageData = this.storage.get();
+        }
+        else if (storageData[this.config.key]?.values) {
+            // set selected from storage
+            this.selected = storageData[this.config.key]?.selected || '';
+        }
+        else {
+            // value does not exist in storage
+            const storedLevels = this.storage.get();
+            const levels = Object.keys(storedLevels).map((a, index) => `ss-${index}`);
+            !levels.includes(this.config.key) && levels.push(this.config.key);
+            const selectedLevels = Object.keys(storedLevels).filter((key) => storedLevels[key].selected);
+            const lastSelected = selectedLevels[selectedLevels.length - 1];
+            const labelIndex = levels.indexOf(this.config.key);
+            const lastSelectedIndex = levels.indexOf(lastSelected);
+            if (lastSelectedIndex != -1 && labelIndex == lastSelectedIndex + 1) {
+                this.storage.set(`${this.config.key}.values`, facet.values);
+            }
+            else {
+                this.disabled = true;
+            }
+        }
+        this.data = storageData[this.config.key]?.values || [];
+    }
+    select(value = '') {
+        this.selected = value;
+        this.persisted = false;
+        const selectedLevel = this.config.index;
+        const storedLevels = this.storage.get();
+        const keysToRemove = Object.keys(storedLevels).slice(selectedLevel);
+        Object.keys(storedLevels)
+            .reverse()
+            .forEach((key) => {
+            if (key == this.config.key) {
+                this.storage.set(`${key}.selected`, value);
+            }
+            else if (keysToRemove.includes(key)) {
+                this.storage.set(`${key}`, {});
+            }
+            value = value || this.storage.get(`${key}.selected`);
+        });
+        if (!value) {
+            this.services.urlManager.remove(`filter.${this.field}`).go();
+        }
+        else {
+            this.services.urlManager.set(`filter.${this.field}`, value).go();
+        }
+    }
+}
+function generateStorageKey(id, field) {
+    return `ss-finder-${id}.${field}`;
+}

package/dist/esm/Finder/Stores/index.d.ts

@@ -0,0 +1,2 @@
+export { FinderSelectionStore } from './FinderSelectionStore';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Finder/Stores/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Finder/Stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/Finder/Stores/index.js

@@ -0,0 +1 @@
+export { FinderSelectionStore } from './FinderSelectionStore';

package/dist/esm/Meta/MetaStore.d.ts

@@ -0,0 +1,20 @@
+import type { MetaResponseModel } from '@athoscommerce/snapi-types';
+type MetaStoreConfig = {
+    data: {
+        meta?: MetaResponseModel;
+    };
+};
+export declare class MetaStore {
+    data: MetaResponseModel;
+    badges: MetaBadges;
+    constructor(params: MetaStoreConfig);
+}
+declare class MetaBadges {
+    groups: Record<string, {
+        sections: string[];
+        grid: string[][];
+    }>;
+    constructor(metaData: MetaResponseModel);
+}
+export {};
+//# sourceMappingURL=MetaStore.d.ts.map

package/dist/esm/Meta/MetaStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetaStore.d.ts","sourceRoot":"","sources":["../../../src/Meta/MetaStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,eAAe,GAAG;IACtB,IAAI,EAAE;QACL,IAAI,CAAC,EAAE,iBAAiB,CAAC;KACzB,CAAC;CACF,CAAC;AACF,qBAAa,SAAS;IACd,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,UAAU,CAAC;gBAEd,MAAM,EAAE,eAAe;CAKnC;AAED,cAAM,UAAU;IACR,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAA;KAAE,CAAC,CAAM;gBAEjE,QAAQ,EAAE,iBAAiB;CA8BvC"}