@searchspring/snap-store-mobx 0.51.2 → 0.52.0

package/dist/cjs/Search/Stores/SearchResultStore.js

@@ -25,15 +25,29 @@ var __assign = (this && this.__assign) || function () {
     };
     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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Product = exports.Banner = exports.SearchResultStore = void 0;
+exports.VariantSelection = exports.Product = exports.Banner = exports.SearchResultStore = void 0;
 var mobx_1 = require("mobx");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var is_plain_object_1 = require("is-plain-object");
 var SearchResultStore = /** @class */ (function (_super) {
     __extends(SearchResultStore, _super);
     function SearchResultStore(config, services, resultData, paginationData, merchData) {
         var _a;
         var results = (resultData || []).map(function (result) {
-            return new Product(services, result);
+            return new Product(services, result, config);
         });
         if ((_a = merchData === null || merchData === void 0 ? void 0 : merchData.content) === null || _a === void 0 ? void 0 : _a.inline) {
             var banners = merchData.content.inline
@@ -80,8 +94,9 @@ var Banner = /** @class */ (function () {
 }());
 exports.Banner = Banner;
 var Product = /** @class */ (function () {
-    function Product(services, result) {
-        var _a;
+    function Product(services, result, config) {
+        var _this = this;
+        var _a, _b, _c;
         this.type = 'product';
         this.attributes = {};
         this.mappings = {
@@ -89,18 +104,53 @@ var Product = /** @class */ (function () {
         };
         this.custom = {};
         this.children = [];
+        this.quantity = 1;
+        this.display = {
+            mappings: {
+                core: {},
+            },
+            attributes: {},
+            options: {},
+        };
+        this.updateDisplay = function (display) {
+            var defaultDisplay = {
+                mappings: _this.mappings,
+                attributes: _this.attributes,
+                options: {},
+            };
+            var newDisplay = (0, deepmerge_1.default)(defaultDisplay, display || defaultDisplay, { isMergeableObject: is_plain_object_1.isPlainObject });
+            if (JSON.stringify(_this.display) !== JSON.stringify(newDisplay)) {
+                _this.display = newDisplay;
+            }
+        };
         this.id = result.id;
         this.attributes = result.attributes;
         this.mappings = result.mappings;
-        if ((_a = result === null || result === void 0 ? void 0 : result.children) === null || _a === void 0 ? void 0 : _a.length) {
+        //initialize the display
+        this.updateDisplay();
+        var variantsField = (_b = (_a = config === null || config === void 0 ? void 0 : config.settings) === null || _a === void 0 ? void 0 : _a.variants) === null || _b === void 0 ? void 0 : _b.field;
+        if (config && variantsField && this.attributes && this.attributes[variantsField]) {
+            try {
+                // parse the field (JSON)
+                var parsedVariants = JSON.parse(this.attributes[variantsField]);
+                this.variants = new Variants(config, services, parsedVariants, this.updateDisplay);
+            }
+            catch (err) {
+                // failed to parse the variant JSON
+                console.error(err, "Invalid variant JSON for product id: ".concat(result.id));
+            }
+        }
+        if ((_c = result === null || result === void 0 ? void 0 : result.children) === null || _c === void 0 ? void 0 : _c.length) {
             this.children = result.children.map(function (variant, index) {
                 return new Child(services, __assign({ id: "".concat(result.id, "-").concat(index) }, variant));
             });
         }
         (0, mobx_1.makeObservable)(this, {
             id: mobx_1.observable,
+            display: mobx_1.observable,
             attributes: mobx_1.observable,
             custom: mobx_1.observable,
+            quantity: mobx_1.observable,
         });
         // must set all subo
         var coreObservables = Object.keys(this.mappings.core).reduce(function (map, key) {
@@ -112,6 +162,191 @@ var Product = /** @class */ (function () {
     return Product;
 }());
 exports.Product = Product;
+var Variants = /** @class */ (function () {
+    function Variants(config, services, variantData, updateDisplay) {
+        var _this = this;
+        this.data = [];
+        this.selections = [];
+        var options = [];
+        // create variants objects
+        this.data = variantData.map(function (variant) {
+            Object.keys(variant.options).forEach(function (variantOption) {
+                if (!options.includes(variantOption)) {
+                    options.push(variantOption);
+                }
+            });
+            return new Variant(services, variant);
+        });
+        this.config = config;
+        this.updateDisplay = updateDisplay;
+        options.map(function (option) {
+            // TODO - merge with variant config before constructing selection (for label overrides and swatch mappings)
+            var optionConfig = {
+                field: option,
+                label: option,
+            };
+            _this.selections.push(new VariantSelection(config, services, _this, optionConfig, _this.data));
+        });
+        // select first available
+        this.makeSelections();
+    }
+    Variants.prototype.setActive = function (variant) {
+        this.active = variant;
+        this.updateDisplay(this.active);
+    };
+    Variants.prototype.makeSelections = function (options) {
+        // TODO - support for affinity to attempt to pre-selected options
+        // options = {color: 'Blue', size: 'L'};
+        if (!options) {
+            // select first available for each selection
+            this.selections.forEach(function (selection) {
+                var firstAvailableOption = selection.values.find(function (value) { return value.available; });
+                if (firstAvailableOption) {
+                    selection.select(firstAvailableOption.value);
+                }
+            });
+        }
+    };
+    Variants.prototype.update = function (fromSelection) {
+        var _this = this;
+        // need to ensure the update originator is at the BOTTOM of the list for refinement
+        var orderedSelections = __spreadArray([], this.selections, true);
+        orderedSelections.sort(function (a) {
+            if (a.field == fromSelection.field) {
+                return 1;
+            }
+            return -1;
+        });
+        // refine selections ensuring that the selection that triggered the update refines LAST
+        orderedSelections.forEach(function (selection) { return selection.refineSelections(_this.data); });
+        // check to see if we have enough selections made to update the display
+        var selectedSelections = this.selections.filter(function (selection) { var _a; return (_a = selection.selected) === null || _a === void 0 ? void 0 : _a.length; });
+        if (selectedSelections.length) {
+            var availableVariants = this.data;
+            var _loop_1 = function (selectedSelection) {
+                availableVariants = availableVariants.filter(function (variant) { return selectedSelection.selected == variant.options[selectedSelection.field] && variant.available; });
+            };
+            // loop through selectedSelections and only include available products that match current selections
+            for (var _i = 0, selectedSelections_1 = selectedSelections; _i < selectedSelections_1.length; _i++) {
+                var selectedSelection = selectedSelections_1[_i];
+                _loop_1(selectedSelection);
+            }
+            // set active variant
+            if (availableVariants.length == 1) {
+                this.setActive(availableVariants[0]);
+            }
+        }
+    };
+    return Variants;
+}());
+var VariantSelection = /** @class */ (function () {
+    function VariantSelection(config, services, variants, selectorConfig, data) {
+        this.selected = ''; //ex: blue
+        this.previouslySelected = '';
+        this.values = [];
+        this.field = selectorConfig.field;
+        this.label = selectorConfig.label;
+        // reference to parent variants
+        this.variants = variants;
+        // create possible values from the data and refine them
+        this.refineSelections(data);
+        (0, mobx_1.makeObservable)(this, {
+            selected: mobx_1.observable,
+            values: mobx_1.observable,
+        });
+    }
+    VariantSelection.prototype.refineSelections = function (allVariants) {
+        var _this = this;
+        // current selection should only consider OTHER selections for availability
+        var selectedSelections = this.variants.selections.filter(function (selection) { return selection.field != _this.field && selection.selected; });
+        var availableVariants = allVariants;
+        var _loop_2 = function (selectedSelection) {
+            availableVariants = availableVariants.filter(function (variant) { return selectedSelection.selected == variant.options[selectedSelection.field] && variant.available; });
+        };
+        // loop through selectedSelections and remove products that do not match
+        for (var _i = 0, selectedSelections_2 = selectedSelections; _i < selectedSelections_2.length; _i++) {
+            var selectedSelection = selectedSelections_2[_i];
+            _loop_2(selectedSelection);
+        }
+        var newValues = allVariants
+            .filter(function (variant) { return variant.options[_this.field]; })
+            .reduce(function (values, variant) {
+            var _a;
+            if (!values.some(function (val) { return variant.options[_this.field] == val.value; })) {
+                values.push({
+                    value: variant.options[_this.field],
+                    label: variant.options[_this.field], // TODO - use configurable mappings
+                    // TODO set background for swatches (via configurable mappings)
+                    thumbnailImageUrl: (_a = variant.mappings.core) === null || _a === void 0 ? void 0 : _a.thumbnailImageUrl,
+                    available: Boolean(availableVariants.some(function (availableVariant) { return availableVariant.options[_this.field] == variant.options[_this.field]; })),
+                });
+            }
+            return values;
+        }, []);
+        // if selection has been made
+        if (this.selected) {
+            //is that selection still available?
+            if (!newValues.some(function (val) { return val.value == _this.selected && val.available; })) {
+                // the previous selection is no longer available
+                if (this.previouslySelected && newValues.some(function (val) { return val.value == _this.previouslySelected && val.available; })) {
+                    if (this.selected !== this.previouslySelected) {
+                        this.select(this.previouslySelected, true);
+                    }
+                }
+                else {
+                    //otherwise just choose the first available option
+                    var availableValues = newValues.filter(function (val) { return val.available; });
+                    if (newValues.length && availableValues.length) {
+                        var nextAvailableValue = availableValues[0].value;
+                        if (this.selected !== nextAvailableValue) {
+                            this.select(nextAvailableValue, true);
+                        }
+                    }
+                }
+            }
+        }
+        this.values = newValues;
+    };
+    VariantSelection.prototype.reset = function () {
+        this.selected = '';
+        this.values.forEach(function (val) { return (val.available = false); });
+    };
+    VariantSelection.prototype.select = function (value, internalSelection) {
+        if (internalSelection === void 0) { internalSelection = false; }
+        var valueExist = this.values.find(function (val) { return val.value == value; });
+        if (valueExist) {
+            this.selected = value;
+            if (!internalSelection) {
+                this.previouslySelected = value;
+            }
+            this.variants.update(this);
+        }
+    };
+    return VariantSelection;
+}());
+exports.VariantSelection = VariantSelection;
+var Variant = /** @class */ (function () {
+    function Variant(services, variantData) {
+        this.type = 'variant';
+        this.attributes = {};
+        this.options = {};
+        this.mappings = {
+            core: {},
+        };
+        this.custom = {};
+        this.attributes = variantData.attributes;
+        this.mappings = variantData.mappings;
+        this.options = variantData.options;
+        this.available = this.attributes.available || false;
+        (0, mobx_1.makeObservable)(this, {
+            attributes: mobx_1.observable,
+            mappings: mobx_1.observable,
+            custom: mobx_1.observable,
+            available: mobx_1.observable,
+        });
+    }
+    return Variant;
+}());
 var Child = /** @class */ (function () {
     function Child(services, result) {
         this.type = 'child';

package/dist/cjs/Search/Stores/SearchSortingStore.d.ts

@@ -1,7 +1,7 @@
 import type { UrlManager } from '@searchspring/snap-url-manager';
 import type { StoreServices } from '../../types';
 import type { MetaResponseModel, MetaResponseModelSortOption, SearchResponseModelSearch, SearchResponseModelSorting } from '@searchspring/snapi-types';
-declare type MetaResponseModelSortOptionMutated = MetaResponseModelSortOption & {
+type MetaResponseModelSortOptionMutated = MetaResponseModelSortOption & {
     active?: boolean;
     default?: boolean;
 };

package/dist/cjs/Search/Stores/SearchSortingStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchSortingStore.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/SearchSortingStore.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,iBAAiB,EACjB,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC1B,MAAM,2BAA2B,CAAC;AAEnC,aAAK,kCAAkC,GAAG,2BAA2B,GAAG;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,qBAAa,kBAAkB;IACvB,OAAO,EAAE,MAAM,EAAE,CAAM;gBAElB,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,0BAA0B,EAAE,EAAE,MAAM,EAAE,yBAAyB,EAAE,IAAI,EAAE,iBAAiB;IAsCtI,IAAW,OAAO,IAAI,MAAM,GAAG,SAAS,CAEvC;CACD;AAED,cAAM,MAAM;IACJ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,UAAU,CAAC;gBAEX,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,kCAAkC,EAAE,KAAK,EAAE,MAAM;CAuB9F"}
+{"version":3,"file":"SearchSortingStore.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/SearchSortingStore.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,iBAAiB,EACjB,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC1B,MAAM,2BAA2B,CAAC;AAEnC,KAAK,kCAAkC,GAAG,2BAA2B,GAAG;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,qBAAa,kBAAkB;IACvB,OAAO,EAAE,MAAM,EAAE,CAAM;gBAElB,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,0BAA0B,EAAE,EAAE,MAAM,EAAE,yBAAyB,EAAE,IAAI,EAAE,iBAAiB;IAsCtI,IAAW,OAAO,IAAI,MAAM,GAAG,SAAS,CAEvC;CACD;AAED,cAAM,MAAM;IACJ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,UAAU,CAAC;gBAEX,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,kCAAkC,EAAE,KAAK,EAAE,MAAM;CAuB9F"}

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

@@ -2,7 +2,7 @@ export { SearchMerchandisingStore, BannerContent, ContentType } from './SearchMe
 export { SearchFacetStore, ValueFacet, RangeFacet, FacetValue, FacetHierarchyValue, FacetRangeValue } from './SearchFacetStore';
 export { SearchFilterStore, Filter } from './SearchFilterStore';
 export { SearchPaginationStore } from './SearchPaginationStore';
-export { SearchResultStore, Product, Banner } from './SearchResultStore';
+export { SearchResultStore, Product, Banner, VariantSelection } from './SearchResultStore';
 export { SearchSortingStore } from './SearchSortingStore';
 export { SearchQueryStore } from './SearchQueryStore';
 export { SearchHistoryStore } from './SearchHistoryStore';

package/dist/cjs/Search/Stores/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChI,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Search/Stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChI,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/cjs/Search/Stores/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchHistoryStore = exports.SearchQueryStore = exports.SearchSortingStore = exports.Banner = exports.Product = exports.SearchResultStore = exports.SearchPaginationStore = exports.Filter = exports.SearchFilterStore = exports.FacetRangeValue = exports.FacetHierarchyValue = exports.FacetValue = exports.RangeFacet = exports.ValueFacet = exports.SearchFacetStore = exports.ContentType = exports.SearchMerchandisingStore = void 0;
+exports.SearchHistoryStore = exports.SearchQueryStore = exports.SearchSortingStore = exports.VariantSelection = exports.Banner = exports.Product = exports.SearchResultStore = exports.SearchPaginationStore = exports.Filter = exports.SearchFilterStore = exports.FacetRangeValue = exports.FacetHierarchyValue = exports.FacetValue = exports.RangeFacet = exports.ValueFacet = exports.SearchFacetStore = exports.ContentType = exports.SearchMerchandisingStore = void 0;
 var SearchMerchandisingStore_1 = require("./SearchMerchandisingStore");
 Object.defineProperty(exports, "SearchMerchandisingStore", { enumerable: true, get: function () { return SearchMerchandisingStore_1.SearchMerchandisingStore; } });
 Object.defineProperty(exports, "ContentType", { enumerable: true, get: function () { return SearchMerchandisingStore_1.ContentType; } });
@@ -20,6 +20,7 @@ var SearchResultStore_1 = require("./SearchResultStore");
 Object.defineProperty(exports, "SearchResultStore", { enumerable: true, get: function () { return SearchResultStore_1.SearchResultStore; } });
 Object.defineProperty(exports, "Product", { enumerable: true, get: function () { return SearchResultStore_1.Product; } });
 Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return SearchResultStore_1.Banner; } });
+Object.defineProperty(exports, "VariantSelection", { enumerable: true, get: function () { return SearchResultStore_1.VariantSelection; } });
 var SearchSortingStore_1 = require("./SearchSortingStore");
 Object.defineProperty(exports, "SearchSortingStore", { enumerable: true, get: function () { return SearchSortingStore_1.SearchSortingStore; } });
 var SearchQueryStore_1 = require("./SearchQueryStore");

package/dist/cjs/Storage/StorageStore.d.ts

@@ -9,7 +9,7 @@ export declare class StorageStore {
     get(path: string): any | undefined;
     clear(): void;
 }
-export declare type StorageConfig = {
+export type StorageConfig = {
     type: StorageType;
     cookie?: {
         expiration?: number;

package/dist/cjs/Storage/StorageStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageStore.d.ts","sourceRoot":"","sources":["../../../src/Storage/StorageStore.ts"],"names":[],"mappings":"AAMA,qBAAa,YAAY;IACxB,OAAO,CAAC,IAAI,CAA4B;IACxC,OAAO,CAAC,UAAU,CAAe;IACjC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,GAAG,CAAgB;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;gBAE3B,MAAM,CAAC,EAAE,aAAa;IA8C3B,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAyBnC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS;IAiClC,KAAK,IAAI,IAAI;CAcpB;AAED,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,oBAAY,WAAW;IACtB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;CACjB"}
+{"version":3,"file":"StorageStore.d.ts","sourceRoot":"","sources":["../../../src/Storage/StorageStore.ts"],"names":[],"mappings":"AAMA,qBAAa,YAAY;IACxB,OAAO,CAAC,IAAI,CAA4B;IACxC,OAAO,CAAC,UAAU,CAAe;IACjC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,GAAG,CAAgB;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;gBAE3B,MAAM,CAAC,EAAE,aAAa;IA8C3B,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;IAyBnC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS;IAiClC,KAAK,IAAI,IAAI;CAcpB;AAED,MAAM,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,oBAAY,WAAW;IACtB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;CACjB"}

package/dist/cjs/Storage/StorageStore.js

@@ -136,4 +136,4 @@ var StorageType;
     StorageType["LOCAL"] = "local";
     StorageType["COOKIE"] = "cookie";
     StorageType["MEMORY"] = "memory";
-})(StorageType = exports.StorageType || (exports.StorageType = {}));
+})(StorageType || (exports.StorageType = StorageType = {}));

package/dist/cjs/index.d.ts

@@ -4,6 +4,7 @@ export { FinderStore } from './Finder/FinderStore';
 export { SearchStore } from './Search/SearchStore';
 export * from './Search/Stores/';
 export { RecommendationStore } from './Recommendation/RecommendationStore';
+export { CartStore } from './Cart/CartStore';
 export { StorageStore, StorageConfig, StorageType } from './Storage/StorageStore';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAElF,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAElF,cAAc,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StorageType = exports.StorageStore = exports.RecommendationStore = exports.SearchStore = exports.FinderStore = exports.AutocompleteStore = exports.AbstractStore = void 0;
+exports.StorageType = exports.StorageStore = exports.CartStore = exports.RecommendationStore = exports.SearchStore = exports.FinderStore = exports.AutocompleteStore = exports.AbstractStore = void 0;
 var AbstractStore_1 = require("./Abstract/AbstractStore");
 Object.defineProperty(exports, "AbstractStore", { enumerable: true, get: function () { return AbstractStore_1.AbstractStore; } });
 var AutocompleteStore_1 = require("./Autocomplete/AutocompleteStore");
@@ -26,6 +26,8 @@ Object.defineProperty(exports, "SearchStore", { enumerable: true, get: function
 __exportStar(require("./Search/Stores/"), exports);
 var RecommendationStore_1 = require("./Recommendation/RecommendationStore");
 Object.defineProperty(exports, "RecommendationStore", { enumerable: true, get: function () { return RecommendationStore_1.RecommendationStore; } });
+var CartStore_1 = require("./Cart/CartStore");
+Object.defineProperty(exports, "CartStore", { enumerable: true, get: function () { return CartStore_1.CartStore; } });
 var StorageStore_1 = require("./Storage/StorageStore");
 Object.defineProperty(exports, "StorageStore", { enumerable: true, get: function () { return StorageStore_1.StorageStore; } });
 Object.defineProperty(exports, "StorageType", { enumerable: true, get: function () { return StorageStore_1.StorageType; } });

package/dist/cjs/types.d.ts

@@ -1,10 +1,17 @@
 import type { UrlManager } from '@searchspring/snap-url-manager';
 import type { SearchResponseModelFacetValueAllOfValues, AutocompleteRequestModel, SearchRequestModel } from '@searchspring/snapi-types';
-export declare type StoreConfig = {
+export type StoreConfig = {
     id: string;
     [any: string]: unknown;
 };
-export declare type SearchStoreConfig = StoreConfig & {
+type VariantConfig = {
+    field: string;
+};
+export type VariantSelectionOptions = {
+    field: string;
+    label: string;
+};
+export type SearchStoreConfig = StoreConfig & {
     globals?: Partial<SearchRequestModel>;
     settings?: {
         redirects?: {
@@ -23,6 +30,7 @@ export declare type SearchStoreConfig = StoreConfig & {
             enabled: boolean;
             onPageShow?: boolean;
         };
+        variants?: VariantConfig;
         history?: {
             url?: string;
             max?: number;
@@ -35,13 +43,13 @@ export declare type SearchStoreConfig = StoreConfig & {
         };
     };
 };
-export declare type FacetStoreConfig = {
+export type FacetStoreConfig = {
     trim?: boolean;
     pinFiltered?: boolean;
     storeRange?: boolean;
     autoOpenActive?: boolean;
 };
-export declare type FinderStoreConfig = StoreConfig & {
+export type FinderStoreConfig = StoreConfig & {
     globals?: any;
     url?: string;
     fields: FinderFieldConfig[];
@@ -51,12 +59,12 @@ export declare type FinderStoreConfig = StoreConfig & {
         expiration?: number;
     };
 };
-export declare type FinderFieldConfig = {
+export type FinderFieldConfig = {
     field: string;
     label?: string;
     levels?: string[];
 };
-export declare type AutocompleteStoreConfigSettings = {
+export type AutocompleteStoreConfigSettings = {
     integratedSpellCorrection?: boolean;
     initializeFromUrl?: boolean;
     syncInputs?: boolean;
@@ -70,6 +78,7 @@ export declare type AutocompleteStoreConfigSettings = {
         limit: number;
         showResults?: boolean;
     };
+    variants?: VariantConfig;
     history?: {
         limit: number;
         showResults?: boolean;
@@ -79,22 +88,23 @@ export declare type AutocompleteStoreConfigSettings = {
         singleResult?: boolean;
     };
 };
-export declare type AutocompleteStoreConfig = StoreConfig & {
+export type AutocompleteStoreConfig = StoreConfig & {
     globals?: Partial<AutocompleteRequestModel>;
     selector: string;
     action?: string;
     settings?: AutocompleteStoreConfigSettings;
 };
-export declare type RecommendationStoreConfig = StoreConfig & {
+export type RecommendationStoreConfig = StoreConfig & {
     globals?: any;
     tag: string;
     branch?: string;
     realtime?: boolean;
     batched?: boolean;
     order?: number;
+    variants?: VariantConfig;
 };
-export declare type StoreConfigs = SearchStoreConfig | AutocompleteStoreConfig | FinderStoreConfig | RecommendationStoreConfig;
-export declare type StoreServices = {
+export type StoreConfigs = SearchStoreConfig | AutocompleteStoreConfig | FinderStoreConfig | RecommendationStoreConfig;
+export type StoreServices = {
     urlManager: UrlManager;
 };
 export declare enum ErrorType {
@@ -102,12 +112,13 @@ export declare enum ErrorType {
     INFO = "info",
     ERROR = "error"
 }
-export declare type SelectedSelection = {
+export type SelectedSelection = {
     selected: string;
     data: SearchResponseModelFacetValueAllOfValues[];
     facet: any;
 };
-export declare type FinderStoreState = {
+export type FinderStoreState = {
     persisted: boolean;
 };
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/cjs/types.d.ts.map

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

package/dist/cjs/types.js

@@ -6,4 +6,4 @@ var ErrorType;
     ErrorType["WARNING"] = "warning";
     ErrorType["INFO"] = "info";
     ErrorType["ERROR"] = "error";
-})(ErrorType = exports.ErrorType || (exports.ErrorType = {}));
+})(ErrorType || (exports.ErrorType = ErrorType = {}));

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

@@ -0,0 +1,15 @@
+import type { Middleware } from '@searchspring/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,kCAAkC,CAAC;AACnE,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,CAMlB;IAED,IAAI,IAAI,IAAI,MAAM,CAMjB;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,69 @@
+import { observable, computed, makeObservable } from 'mobx';
+import { EventManager } from '@searchspring/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 price = 0;
+        this.items.forEach((item) => {
+            price += (item.display.mappings.core?.price || 0) * item.quantity;
+        });
+        return price;
+    }
+    get msrp() {
+        let price = 0;
+        this.items.forEach((item) => {
+            price += (item.display.mappings.core?.msrp || item.display.mappings.core?.price || 0) * item.quantity;
+        });
+        return price;
+    }
+    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 });
+    }
+}