@athoscommerce/snap-store-mobx 1.0.0

package/dist/cjs/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/cjs/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/cjs/Finder/Stores/FinderSelectionStore.js

@@ -0,0 +1,320 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FinderSelectionStore = void 0;
+var FinderSelectionStore = /** @class */ (function (_super) {
+    __extends(FinderSelectionStore, _super);
+    function FinderSelectionStore(params) {
+        var _a;
+        var config = params.config;
+        var _b = params || {}, services = _b.services, data = _b.data, stores = _b.stores, state = _b.state;
+        var storage = (stores || {}).storage;
+        var _c = data || {}, search = _c.search, meta = _c.meta, selections = _c.selections;
+        var facets = (search || {}).facets;
+        var selectedSelections = [];
+        if (selections === null || selections === void 0 ? void 0 : selections.length) {
+            config.fields.forEach(function (fieldObj) {
+                var _a;
+                var storedData = selections.find(function (selection) { return selection.facet.field === fieldObj.field; });
+                if (storedData) {
+                    var _b = storedData || {}, facet_1 = _b.facet, selected = _b.selected;
+                    if (facet_1 === null || facet_1 === void 0 ? void 0 : facet_1.hierarchyDelimiter) {
+                        // hierarchy
+                        selections.forEach(function (selection, index) {
+                            var _a, _b;
+                            var levels = (fieldObj === null || fieldObj === void 0 ? void 0 : fieldObj.levels) || ((_a = facet_1 === null || facet_1 === void 0 ? void 0 : facet_1.values[(facet_1 === null || facet_1 === void 0 ? void 0 : facet_1.values.length) - 1]) === null || _a === void 0 ? void 0 : _a.value.split(facet_1.hierarchyDelimiter));
+                            var levelConfig = { index: index, label: fieldObj.levels ? levels[index] : '', key: "ss-".concat(index) };
+                            var storageKey = generateStorageKey(config.id, facet_1.field);
+                            storage.set("".concat(storageKey, ".").concat(levelConfig.key, ".values"), selection.data);
+                            storage.set("".concat(storageKey, ".").concat(levelConfig.key, ".selected"), selection.selected);
+                            var selectionHierarchy = new SelectionHierarchy({
+                                config: levelConfig,
+                                services: services,
+                                stores: stores,
+                                state: state,
+                                data: {
+                                    id: config.id,
+                                    facet: facet_1,
+                                },
+                            });
+                            if ((_b = config.persist) === null || _b === void 0 ? void 0 : _b.lockSelections) {
+                                selectionHierarchy.disabled = true;
+                            }
+                            if (selection.selected) {
+                                services.urlManager = services.urlManager.set("filter.".concat(selection.facet.field), selection.selected);
+                            }
+                            selectedSelections.push(selectionHierarchy);
+                        });
+                    }
+                    else {
+                        var selection = new Selection({
+                            config: fieldObj,
+                            services: services,
+                            stores: stores,
+                            state: state,
+                            data: {
+                                id: config.id,
+                                facet: facet_1,
+                            },
+                        });
+                        selection.selected = selected;
+                        selection.storage.set('selected', selected);
+                        selection.data = facet_1.values;
+                        if (selected) {
+                            services.urlManager = services.urlManager.set("filter.".concat(facet_1.field), selected);
+                        }
+                        if ((_a = config.persist) === null || _a === void 0 ? void 0 : _a.lockSelections) {
+                            selection.disabled = true;
+                        }
+                        selectedSelections.push(selection);
+                    }
+                }
+            });
+        }
+        else if (facets && meta) {
+            // re-order facets to match our config
+            (config === null || config === void 0 ? void 0 : config.fields) &&
+                facets.sort(function (a, b) {
+                    var fields = config.fields.map(function (fieldConfig) { return fieldConfig.field; });
+                    return fields.indexOf(a.field) - fields.indexOf(b.field);
+                });
+            (_a = config === null || config === void 0 ? void 0 : config.fields) === null || _a === void 0 ? void 0 : _a.forEach(function (fieldObj) {
+                var _a, _b, _c, _d, _e;
+                var facet = facets.filter(function (facet) { return facet.field == fieldObj.field; }).pop();
+                facet = __assign(__assign({}, (((meta === null || meta === void 0 ? void 0 : meta.facets) && meta.facets[fieldObj.field]) || {})), facet);
+                var isHierarchy = (facet === null || facet === void 0 ? void 0 : facet.display) === 'hierarchy';
+                if (isHierarchy) {
+                    // filter out history/current hierarchy values
+                    var filtered = (_a = facet.values) === null || _a === void 0 ? void 0 : _a.filter(function (value) { return value.filtered; }).pop();
+                    if (filtered) {
+                        var filteredLevel_1 = (_b = filtered.value) === null || _b === void 0 ? void 0 : _b.split(facet === null || facet === void 0 ? void 0 : facet.hierarchyDelimiter).length;
+                        facet.values = (_c = facet.values) === null || _c === void 0 ? void 0 : _c.filter(function (value, index) {
+                            var _a;
+                            return (value.value && value.value.split(facet === null || facet === void 0 ? void 0 : facet.hierarchyDelimiter).length > filteredLevel_1) || index == ((_a = facet.values) === null || _a === void 0 ? void 0 : _a.length) - 1;
+                        });
+                    }
+                    var levels = (fieldObj === null || fieldObj === void 0 ? void 0 : fieldObj.levels) || ((facet === null || facet === void 0 ? void 0 : facet.values) && ((_e = facet === null || facet === void 0 ? void 0 : facet.values[((_d = facet === null || facet === void 0 ? void 0 : facet.values) === null || _d === void 0 ? void 0 : _d.length) - 1].value) === null || _e === void 0 ? void 0 : _e.split(facet.hierarchyDelimiter)));
+                    levels === null || levels === void 0 ? void 0 : levels.map(function (level, index) {
+                        var levelConfig = { index: index, label: fieldObj.levels ? level : '', key: "ss-".concat(index) };
+                        selectedSelections.push(new SelectionHierarchy({
+                            config: levelConfig,
+                            services: services,
+                            stores: stores,
+                            state: state,
+                            data: {
+                                id: config.id,
+                                facet: facet,
+                            },
+                        }));
+                    });
+                }
+                else {
+                    selectedSelections.push(new Selection({
+                        config: fieldObj,
+                        services: services,
+                        stores: stores,
+                        state: state,
+                        data: {
+                            id: config.id,
+                            facet: facet,
+                        },
+                    }));
+                }
+            });
+        }
+        return _super.apply(this, selectedSelections) || this;
+    }
+    Object.defineProperty(FinderSelectionStore, Symbol.species, {
+        get: function () {
+            return Array;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return FinderSelectionStore;
+}(Array));
+exports.FinderSelectionStore = FinderSelectionStore;
+var SelectionBase = /** @class */ (function () {
+    function SelectionBase(selectionData) {
+        this.filtered = false;
+        this.collapsed = false;
+        this.display = '';
+        this.disabled = false;
+        this.selected = '';
+        this.custom = {};
+        var _a = selectionData || {}, config = _a.config, services = _a.services, stores = _a.stores, state = _a.state, data = _a.data;
+        var storage = (stores || {}).storage;
+        var _b = data || {}, id = _b.id, facet = _b.facet;
+        var persisted = state.persisted;
+        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) {
+                var path = this.key + (key ? ".".concat(key) : '');
+                return storage.get(path);
+            },
+            set: function (key, value) {
+                var path = this.key + (key ? ".".concat(key) : '');
+                return storage.set(path, value);
+            },
+        };
+    }
+    Object.defineProperty(SelectionBase.prototype, "values", {
+        get: function () {
+            var values = __spreadArray([], (this.data || []), true);
+            values.unshift({
+                filtered: false,
+                value: '',
+                label: this.config.label || this.label,
+            });
+            return values;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return SelectionBase;
+}());
+var Selection = /** @class */ (function (_super) {
+    __extends(Selection, _super);
+    function Selection(selectionData) {
+        var _this = _super.call(this, selectionData) || this;
+        var data = (selectionData || {}).data;
+        var facet = (data || {}).facet;
+        _this.storage.set('values', facet.values);
+        var 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 || '';
+        return _this;
+    }
+    Selection.prototype.select = function (value) {
+        if (value === void 0) { value = ''; }
+        this.selected = value;
+        this.storage.set('selected', value);
+        this.persisted = false;
+        if (!value) {
+            this.services.urlManager.remove("filter.".concat(this.field)).go();
+        }
+        else {
+            this.services.urlManager.set("filter.".concat(this.field), value).go();
+        }
+    };
+    return Selection;
+}(SelectionBase));
+var SelectionHierarchy = /** @class */ (function (_super) {
+    __extends(SelectionHierarchy, _super);
+    function SelectionHierarchy(selectionData) {
+        var _a, _b, _c;
+        var _this = _super.call(this, selectionData) || this;
+        var data = (selectionData || {}).data;
+        var facet = (data || {}).facet;
+        // inherit additional facet properties
+        _this.hierarchyDelimiter = facet.hierarchyDelimiter;
+        var storageData = _this.storage.get();
+        if (!storageData) {
+            // nothing in storage - initial state for first dropdown
+            _this.storage.set("".concat(_this.config.key, ".values"), facet.values);
+            storageData = _this.storage.get();
+        }
+        else if ((_a = storageData[_this.config.key]) === null || _a === void 0 ? void 0 : _a.values) {
+            // set selected from storage
+            _this.selected = ((_b = storageData[_this.config.key]) === null || _b === void 0 ? void 0 : _b.selected) || '';
+        }
+        else {
+            // value does not exist in storage
+            var storedLevels_1 = _this.storage.get();
+            var levels = Object.keys(storedLevels_1).map(function (a, index) { return "ss-".concat(index); });
+            !levels.includes(_this.config.key) && levels.push(_this.config.key);
+            var selectedLevels = Object.keys(storedLevels_1).filter(function (key) { return storedLevels_1[key].selected; });
+            var lastSelected = selectedLevels[selectedLevels.length - 1];
+            var labelIndex = levels.indexOf(_this.config.key);
+            var lastSelectedIndex = levels.indexOf(lastSelected);
+            if (lastSelectedIndex != -1 && labelIndex == lastSelectedIndex + 1) {
+                _this.storage.set("".concat(_this.config.key, ".values"), facet.values);
+            }
+            else {
+                _this.disabled = true;
+            }
+        }
+        _this.data = ((_c = storageData[_this.config.key]) === null || _c === void 0 ? void 0 : _c.values) || [];
+        return _this;
+    }
+    SelectionHierarchy.prototype.select = function (value) {
+        var _this = this;
+        if (value === void 0) { value = ''; }
+        this.selected = value;
+        this.persisted = false;
+        var selectedLevel = this.config.index;
+        var storedLevels = this.storage.get();
+        var keysToRemove = Object.keys(storedLevels).slice(selectedLevel);
+        Object.keys(storedLevels)
+            .reverse()
+            .forEach(function (key) {
+            if (key == _this.config.key) {
+                _this.storage.set("".concat(key, ".selected"), value);
+            }
+            else if (keysToRemove.includes(key)) {
+                _this.storage.set("".concat(key), {});
+            }
+            value = value || _this.storage.get("".concat(key, ".selected"));
+        });
+        if (!value) {
+            this.services.urlManager.remove("filter.".concat(this.field)).go();
+        }
+        else {
+            this.services.urlManager.set("filter.".concat(this.field), value).go();
+        }
+    };
+    return SelectionHierarchy;
+}(SelectionBase));
+function generateStorageKey(id, field) {
+    return "ss-finder-".concat(id, ".").concat(field);
+}

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

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

package/dist/cjs/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/cjs/Finder/Stores/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FinderSelectionStore = void 0;
+var FinderSelectionStore_1 = require("./FinderSelectionStore");
+Object.defineProperty(exports, "FinderSelectionStore", { enumerable: true, get: function () { return FinderSelectionStore_1.FinderSelectionStore; } });

package/dist/cjs/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/cjs/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"}

package/dist/cjs/Meta/MetaStore.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetaStore = void 0;
+var MetaStore = /** @class */ (function () {
+    function MetaStore(params) {
+        var meta = ((params === null || params === void 0 ? void 0 : params.data) || {}).meta;
+        this.data = meta !== null && meta !== void 0 ? meta : {};
+        this.badges = new MetaBadges(this.data);
+    }
+    return MetaStore;
+}());
+exports.MetaStore = MetaStore;
+var MetaBadges = /** @class */ (function () {
+    function MetaBadges(metaData) {
+        var _this = this;
+        this.groups = {};
+        // 'overlay' group is created by default - could support additional groups via config in the future
+        var groups = { overlay: { sections: ['left', 'right'] } };
+        // process groups - create the grid for each group
+        Object.keys(groups).map(function (name) {
+            var group = groups[name];
+            var sections = group.sections.map(function (section) {
+                var _a, _b, _c;
+                return ({
+                    areas: ((_c = (_b = (_a = metaData === null || metaData === void 0 ? void 0 : metaData.badges) === null || _a === void 0 ? void 0 : _a.locations) === null || _b === void 0 ? void 0 : _b[section]) === null || _c === void 0 ? void 0 : _c.map(function (area) { return area.tag; })) || [],
+                    grid: [],
+                });
+            });
+            // find lcm of sections
+            var lcmSections = sections.map(function (section) { return section.areas.length; }).reduce(lcm);
+            sections.forEach(function (section) {
+                section.grid = Array.from({ length: lcmSections }).map(function (_, index) { return section.areas[Math.floor(index / (lcmSections / section.areas.length))]; });
+            });
+            // set the grid by creating rows of columns
+            var grid = Array.from({ length: lcmSections }).map(function (_, i) {
+                return sections.map(function (section) { return section.grid[i]; });
+            });
+            _this.groups[name] = {
+                sections: group.sections,
+                grid: grid,
+            };
+        });
+    }
+    return MetaBadges;
+}());
+function gcd(a, b) {
+    if (!b) {
+        return a;
+    }
+    return gcd(b, a % b);
+}
+function lcm(a, b) {
+    var gcdValue = gcd(a, b);
+    return (a * b) / gcdValue;
+}

package/dist/cjs/Recommendation/RecommendationStore.d.ts

@@ -0,0 +1,19 @@
+import { AbstractStore } from '../Abstract/AbstractStore';
+import { Product } from '../Search/Stores';
+import { CartStore } from '../Cart/CartStore';
+import { RecommendationProfileStore } from './Stores';
+import type { RecommendationStoreConfig, StoreServices } from '../types';
+import type { RecommendCombinedResponseModel } from '@athoscommerce/snap-client';
+import { MetaStore } from '../Meta/MetaStore';
+export declare class RecommendationStore extends AbstractStore<RecommendationStoreConfig> {
+    services: StoreServices;
+    meta?: MetaStore;
+    loaded: boolean;
+    profile: RecommendationProfileStore | Record<string, any>;
+    results: Product[];
+    cart?: CartStore;
+    constructor(config: RecommendationStoreConfig, services: StoreServices);
+    reset(): void;
+    update(data: RecommendCombinedResponseModel): void;
+}
+//# sourceMappingURL=RecommendationStore.d.ts.map

package/dist/cjs/Recommendation/RecommendationStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationStore.d.ts","sourceRoot":"","sources":["../../../src/Recommendation/RecommendationStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAqB,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,qBAAa,mBAAoB,SAAQ,aAAa,CAAC,yBAAyB,CAAC;IACzE,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,UAAS;IACf,OAAO,EAAE,0BAA0B,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAC/D,OAAO,EAAE,OAAO,EAAE,CAAM;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;gBAEZ,MAAM,EAAE,yBAAyB,EAAE,QAAQ,EAAE,aAAa;IAe/D,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,IAAI,EAAE,8BAA8B,GAAG,IAAI;CA+CzD"}

package/dist/cjs/Recommendation/RecommendationStore.js

@@ -0,0 +1,97 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecommendationStore = void 0;
+var mobx_1 = require("mobx");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var AbstractStore_1 = require("../Abstract/AbstractStore");
+var Stores_1 = require("../Search/Stores");
+var CartStore_1 = require("../Cart/CartStore");
+var Stores_2 = require("./Stores");
+var MetaStore_1 = require("../Meta/MetaStore");
+var RecommendationStore = /** @class */ (function (_super) {
+    __extends(RecommendationStore, _super);
+    function RecommendationStore(config, services) {
+        var _a;
+        var _this = _super.call(this, config) || this;
+        _this.loaded = false;
+        _this.profile = {};
+        _this.results = [];
+        if (typeof services != 'object' || typeof ((_a = services.urlManager) === null || _a === void 0 ? void 0 : _a.subscribe) != 'function') {
+            throw new Error("Invalid service 'urlManager' passed to AutocompleteStore. Missing \"subscribe\" function.");
+        }
+        _this.services = services;
+        (0, mobx_1.makeObservable)(_this, {
+            profile: mobx_1.observable,
+            results: mobx_1.observable,
+        });
+        return _this;
+    }
+    RecommendationStore.prototype.reset = function () {
+        this.error = undefined;
+        this.loaded = false;
+        this.profile = {};
+        this.results = [];
+    };
+    RecommendationStore.prototype.update = function (data) {
+        var _a = data || {}, meta = _a.meta, profile = _a.profile, results = _a.results;
+        this.error = undefined;
+        this.meta = new MetaStore_1.MetaStore({
+            data: {
+                meta: meta,
+            },
+        });
+        this.profile = new Stores_2.RecommendationProfileStore({
+            data: {
+                profile: {
+                    profile: profile,
+                },
+            },
+        });
+        if (this.profile.type == 'bundle') {
+            // enable autoSelect for bundles (to ensure selection has been made for add to cart)
+            this.config.settings = (0, deepmerge_1.default)(this.config.settings || {}, {
+                variants: {
+                    autoSelect: true,
+                },
+            });
+            // only create a cart store when type is bundle
+            this.cart = new CartStore_1.CartStore();
+        }
+        this.results = new Stores_1.SearchResultStore({
+            config: this.config,
+            state: {
+                loaded: this.loaded,
+            },
+            data: {
+                search: {
+                    results: results,
+                    tracking: {
+                        responseId: data.responseId,
+                    },
+                },
+                meta: this.meta.data,
+            },
+        });
+        this.loaded = !!profile;
+    };
+    return RecommendationStore;
+}(AbstractStore_1.AbstractStore));
+exports.RecommendationStore = RecommendationStore;

package/dist/cjs/Recommendation/Stores/RecommendationProfileStore.d.ts

@@ -0,0 +1,15 @@
+import type { ProfileResponseModel } from '@athoscommerce/snap-client';
+type RecommendationProfileStoreConfig = {
+    data: {
+        profile?: ProfileResponseModel;
+    };
+};
+export declare class RecommendationProfileStore {
+    tag: string;
+    placement: string;
+    display: Record<string, any>;
+    type?: string | undefined;
+    constructor(params: RecommendationProfileStoreConfig);
+}
+export {};
+//# sourceMappingURL=RecommendationProfileStore.d.ts.map

package/dist/cjs/Recommendation/Stores/RecommendationProfileStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationProfileStore.d.ts","sourceRoot":"","sources":["../../../../src/Recommendation/Stores/RecommendationProfileStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,KAAK,gCAAgC,GAAG;IACvC,IAAI,EAAE;QACL,OAAO,CAAC,EAAE,oBAAoB,CAAC;KAC/B,CAAC;CACF,CAAC;AACF,qBAAa,0BAA0B;IAC/B,GAAG,EAAG,MAAM,CAAC;IACb,SAAS,EAAG,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAClC,IAAI,CAAC,qBAAa;gBAEb,MAAM,EAAE,gCAAgC;CAwBpD"}

package/dist/cjs/Recommendation/Stores/RecommendationProfileStore.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecommendationProfileStore = void 0;
+var mobx_1 = require("mobx");
+var RecommendationProfileStore = /** @class */ (function () {
+    function RecommendationProfileStore(params) {
+        this.display = {};
+        this.type = 'default';
+        var data = (params || {}).data;
+        var profile = ((data === null || data === void 0 ? void 0 : data.profile) || {}).profile;
+        if (!(profile === null || profile === void 0 ? void 0 : profile.tag)) {
+            return;
+        }
+        if (!profile.display.template) {
+            throw new Error("Recommendation Profile Store found a profile without a set template: ".concat(profile.tag));
+        }
+        this.tag = profile.tag;
+        this.placement = profile.placement;
+        this.display = profile.display;
+        this.type = profile.display.template.type;
+        (0, mobx_1.makeObservable)(this, {
+            tag: mobx_1.observable,
+            placement: mobx_1.observable,
+            display: mobx_1.observable,
+            type: mobx_1.observable,
+        });
+    }
+    return RecommendationProfileStore;
+}());
+exports.RecommendationProfileStore = RecommendationProfileStore;