@ikas/storefront 1.0.3-alpha.1 → 1.0.3-beta.1

package/build/index.js

@@ -19882,6 +19882,28 @@ var moment = createCommonjsModule(function (module, exports) {
 })));
 });
 
+var ProductOptionTypeEnum;
+(function (ProductOptionTypeEnum) {
+    ProductOptionTypeEnum["CHECKBOX"] = "CHECKBOX";
+    ProductOptionTypeEnum["CHOICE"] = "CHOICE";
+    ProductOptionTypeEnum["COLOR_PICKER"] = "COLOR_PICKER";
+    ProductOptionTypeEnum["DATE_PICKER"] = "DATE_PICKER";
+    ProductOptionTypeEnum["FILE"] = "FILE";
+    ProductOptionTypeEnum["IMAGE"] = "IMAGE";
+    ProductOptionTypeEnum["TEXT"] = "TEXT";
+    ProductOptionTypeEnum["TEXT_AREA"] = "TEXT_AREA";
+})(ProductOptionTypeEnum || (ProductOptionTypeEnum = {}));
+var IkasOrderLineOptions = /** @class */ (function () {
+    function IkasOrderLineOptions(data) {
+        this.name = data.name;
+        this.productOptionId = data.productOptionId;
+        this.productOptionsSetId = data.productOptionsSetId;
+        this.type = data.type;
+        this.values = data.values;
+    }
+    return IkasOrderLineOptions;
+}());
+
 var IkasOrderLineItem = /** @class */ (function () {
     function IkasOrderLineItem(data) {
         this.discount = null;
@@ -19909,6 +19931,9 @@ var IkasOrderLineItem = /** @class */ (function () {
             ? new IkasOrderLineVariant(data.variant)
             : new IkasOrderLineVariant();
         this.status = data.status || OrderLineItemStatusEnum.FULFILLED;
+        this.options = data.options
+            ? data.options.map(function (oP) { return new IkasOrderLineOptions(oP); })
+            : null;
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasOrderLineItem.prototype, "orderedAtDays", {
@@ -21092,78 +21117,6 @@ var IkasProductTag = /** @class */ (function () {
     return IkasProductTag;
 }());
 
-var IkasProduct = /** @class */ (function () {
-    function IkasProduct(data) {
-        if (data === void 0) { data = {}; }
-        this.id = data.id || Date.now() + "";
-        this.name = data.name || "";
-        this.type = data.type || exports.IkasProductType.PHYSICAL;
-        this.description = data.description || "";
-        this.shortDescription = data.shortDescription || "";
-        this.metaData = data.metaData
-            ? new IkasHTMLMetaData(data.metaData)
-            : undefined;
-        this.brand = data.brand ? new IkasBrand(data.brand) : null;
-        this.categories = data.categories
-            ? data.categories.map(function (c) { return new IkasCategory(c); })
-            : [];
-        this.tags = data.tags
-            ? data.tags.map(function (tag) { return new IkasProductTag(tag); })
-            : [];
-        this.variants = data.variants
-            ? data.variants.map(function (v) { return new IkasProductVariant(v); })
-            : [];
-        this.attributes = data.attributes
-            ? data.attributes.map(function (a) { return new IkasProductAttributeValue(a); })
-            : [];
-        this.variantTypes = data.variantTypes
-            ? data.variantTypes.map(function (v) { return new IkasProductVariantType(v); })
-            : [];
-        this.productOptionSetId = data.productOptionSetId || null;
-        this.productOptionSet = data.productOptionSet || null;
-        mobx.makeAutoObservable(this);
-    }
-    Object.defineProperty(IkasProduct.prototype, "hasVariant", {
-        get: function () {
-            return !!this.variantTypes.length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IkasProduct.prototype, "hasStock", {
-        get: function () {
-            return this.variants.some(function (v) { return v.stock > 0; });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IkasProduct.prototype, "mainVariantType", {
-        get: function () {
-            if (!this.hasVariant)
-                return;
-            return this.variantTypes[0].variantType;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IkasProduct.prototype, "href", {
-        get: function () {
-            var _a;
-            if (!((_a = this.metaData) === null || _a === void 0 ? void 0 : _a.slug))
-                return "";
-            return "/" + this.metaData.slug;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return IkasProduct;
-}());
-(function (IkasProductType) {
-    IkasProductType["PHYSICAL"] = "PHYSICAL";
-    IkasProductType["DIGITAL"] = "DIGITAL";
-    IkasProductType["MEMBERSHIP"] = "MEMBERSHIP";
-})(exports.IkasProductType || (exports.IkasProductType = {}));
-
 /**
  * Appends the elements of `values` to `array`.
  *
@@ -22787,6 +22740,396 @@ var sortBy = _baseRest(function(collection, iteratees) {
 
 var sortBy_1 = sortBy;
 
+(function (IkasProductOptionType) {
+    IkasProductOptionType["CHOICE"] = "CHOICE";
+    IkasProductOptionType["TEXT"] = "TEXT";
+    IkasProductOptionType["TEXT_AREA"] = "TEXT_AREA";
+    // IMAGE = "IMAGE",
+    // FILE = "FILE",
+    IkasProductOptionType["COLOR_PICKER"] = "COLOR_PICKER";
+    // DATE_PICKER = "DATE_PICKER",
+    IkasProductOptionType["CHECKBOX"] = "CHECKBOX";
+})(exports.IkasProductOptionType || (exports.IkasProductOptionType = {}));
+(function (IkasProductOptionSelectType) {
+    IkasProductOptionSelectType["SELECT"] = "SELECT";
+    IkasProductOptionSelectType["BOX"] = "BOX";
+    IkasProductOptionSelectType["SWATCH"] = "SWATCH";
+})(exports.IkasProductOptionSelectType || (exports.IkasProductOptionSelectType = {}));
+var IkasProductOptionSelectValueTranslations = /** @class */ (function () {
+    function IkasProductOptionSelectValueTranslations(data) {
+        this.id = data.id || "";
+        this.value = data.value || null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductOptionSelectValueTranslations;
+}());
+var IkasProductOptionTranslations = /** @class */ (function () {
+    function IkasProductOptionTranslations(data) {
+        var _a;
+        this.id = data.id || "";
+        this.name = data.name || null;
+        this.optionalText = data.optionalText || null;
+        this.values =
+            ((_a = data.values) === null || _a === void 0 ? void 0 : _a.map(function (o) { return new IkasProductOptionSelectValueTranslations(o); })) || [];
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductOptionTranslations;
+}());
+var IkasProductOptionSetTranslations = /** @class */ (function () {
+    function IkasProductOptionSetTranslations(data) {
+        var _a;
+        this.locale = data.locale || "";
+        this.options =
+            ((_a = data.options) === null || _a === void 0 ? void 0 : _a.map(function (o) { return new IkasProductOptionTranslations(o); })) || [];
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductOptionSetTranslations;
+}());
+var IkasProductOptionSelectValue = /** @class */ (function () {
+    function IkasProductOptionSelectValue(data) {
+        if (data === void 0) { data = {}; }
+        this.thumbnailImage = null;
+        this.id = data.id || "";
+        this.order = data.order || 0;
+        this.value = data.value || "";
+        this.price = data.price || null;
+        this.thumbnailImageId = data.thumbnailImageId || null;
+        this.colorCode = data.colorCode || null;
+        this.thumbnailImage = this.thumbnailImageId
+            ? new IkasImage(this.thumbnailImageId)
+            : null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductOptionSelectValue;
+}());
+var IkasProductOptionSelectSettings = /** @class */ (function () {
+    function IkasProductOptionSelectSettings(data) {
+        if (data === void 0) { data = {}; }
+        var _a;
+        this.type = data.type || exports.IkasProductOptionSelectType.BOX;
+        this.minSelect =
+            data.minSelect !== null && data.minSelect !== undefined
+                ? data.minSelect
+                : null;
+        this.maxSelect =
+            data.maxSelect !== null && data.maxSelect !== undefined
+                ? data.maxSelect
+                : null;
+        this.values = sortBy_1(((_a = data.values) === null || _a === void 0 ? void 0 : _a.map(function (o) { return new IkasProductOptionSelectValue(o); })) || [], "order");
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductOptionSelectSettings;
+}());
+var IkasProductOptionDateSettings = /** @class */ (function () {
+    function IkasProductOptionDateSettings(data) {
+        this.min = data.min || null;
+        this.max = data.max || null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductOptionDateSettings;
+}());
+var IkasProductOptionTextSettings = /** @class */ (function () {
+    function IkasProductOptionTextSettings(data) {
+        if (data === void 0) { data = {}; }
+        this.min = data.min !== null && data.min !== undefined ? data.min : null;
+        this.max = data.max !== null && data.max !== undefined ? data.max : null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductOptionTextSettings;
+}());
+var IkasProductOptionFileSettings = /** @class */ (function () {
+    function IkasProductOptionFileSettings(data) {
+        this.allowedExtensions = data.allowedExtensions || null;
+        this.minQuantity =
+            data.minQuantity !== null && data.minQuantity !== undefined
+                ? data.minQuantity
+                : null;
+        this.maxQuantity =
+            data.maxQuantity !== null && data.maxQuantity !== undefined
+                ? data.maxQuantity
+                : null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductOptionFileSettings;
+}());
+var IkasProductOption = /** @class */ (function () {
+    function IkasProductOption(data) {
+        var _this = this;
+        this._values = [];
+        this.childOptions = [];
+        this.initValues = function () {
+            if (!_this.isOptional) {
+                _this.values = [];
+                if (_this.childOptions) {
+                    _this.childOptions.forEach(function (co) { return co.initValues(); });
+                }
+            }
+        };
+        this.isValidTextOptionValue = function () {
+            var value = _this.values[0];
+            if (!value) {
+                return !!_this.isOptional;
+            }
+            return (!!_this.textSettings &&
+                (_this.textSettings.min !== null
+                    ? value.length >= _this.textSettings.min
+                    : true) &&
+                (_this.textSettings.max !== null
+                    ? value.length <= _this.textSettings.max
+                    : true));
+        };
+        this.isValidChoiceOptionValue = function () {
+            return (!!_this.selectSettings &&
+                (_this.selectSettings.minSelect !== null
+                    ? _this.values.length >= _this.selectSettings.minSelect
+                    : true) &&
+                (_this.selectSettings.maxSelect !== null
+                    ? _this.values.length <= _this.selectSettings.maxSelect
+                    : true));
+        };
+        this.id = data.id || "";
+        this.productOptionSetId = data.productOptionSetId || "";
+        this.name = data.name || "";
+        this.order = data.order || 0;
+        this.type = data.type || exports.IkasProductOptionType.CHOICE;
+        this.selectSettings = data.selectSettings
+            ? new IkasProductOptionSelectSettings(data.selectSettings || {})
+            : null;
+        this.textSettings = data.textSettings
+            ? new IkasProductOptionTextSettings(data.textSettings || {})
+            : null;
+        this.fileSettings = data.fileSettings
+            ? new IkasProductOptionFileSettings(data.fileSettings || {})
+            : null;
+        this.dateSettings = data.dateSettings
+            ? new IkasProductOptionDateSettings(data.dateSettings || {})
+            : null;
+        this.price = data.price || null;
+        this.isOptional = data.isOptional || false;
+        this.optionalText = data.optionalText || null;
+        this.requiredOptionId = data.requiredOptionId || null;
+        this.requiredOptionValueIds = data.requiredOptionValueIds || null;
+        this.values = data.values || [];
+        //@ts-ignore
+        this.childOptions = data.childOptions || [];
+        mobx.makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasProductOption.prototype, "displayedChildOptions", {
+        get: function () {
+            var _this = this;
+            return sortBy_1(this.childOptions.filter(function (co) {
+                var _a;
+                // Check if all required options are selected
+                if ((_a = co.requiredOptionValueIds) === null || _a === void 0 ? void 0 : _a.length) {
+                    return co.requiredOptionValueIds.every(function (rovId) {
+                        return _this.values.some(function (v) { return v === rovId; });
+                    });
+                }
+                else {
+                    return !!_this.values.length;
+                }
+            }), "order");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProductOption.prototype, "hasValidValues", {
+        get: function () {
+            if (!this.values.length && !this.isOptional) {
+                return false;
+            }
+            var hasValidValues = false;
+            switch (this.type) {
+                case exports.IkasProductOptionType.TEXT:
+                case exports.IkasProductOptionType.TEXT_AREA:
+                    hasValidValues = this.isValidTextOptionValue();
+                    break;
+                case exports.IkasProductOptionType.CHECKBOX:
+                case exports.IkasProductOptionType.COLOR_PICKER:
+                    hasValidValues = true;
+                    break;
+                case exports.IkasProductOptionType.CHOICE:
+                    hasValidValues = this.isValidChoiceOptionValue();
+                    break;
+            }
+            return (hasValidValues &&
+                this.displayedChildOptions.every(function (co) { return co.hasValidValues; }));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProductOption.prototype, "values", {
+        get: function () {
+            return this._values;
+        },
+        set: function (values) {
+            this._values = values;
+            if (!values.length) {
+                this.childOptions.forEach(function (co) { return (co.values = []); });
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IkasProductOption;
+}());
+var IkasProductOptionSet = /** @class */ (function () {
+    function IkasProductOptionSet(data) {
+        var _this = this;
+        var _a, _b;
+        this.initOptionValues = function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                this.options.forEach(function (o) { return o.initValues(); });
+                return [2 /*return*/];
+            });
+        }); };
+        this.id = data.id || "";
+        this.name = data.name || "";
+        this.options =
+            ((_a = data.options) === null || _a === void 0 ? void 0 : _a.map(function (o) {
+                return new IkasProductOption(__assign(__assign({}, o), { productOptionSetId: _this.id }));
+            })) || [];
+        this.translations = data.translations
+            ? (_b = data.translations) === null || _b === void 0 ? void 0 : _b.map(function (o) { return new IkasProductOptionSetTranslations(o); }) : null;
+        this.setChildOptions();
+        this.setTranslations();
+        this.initOptionValues();
+        mobx.makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasProductOptionSet.prototype, "displayedOptions", {
+        get: function () {
+            return sortBy_1(this.options.filter(function (o) { return !o.requiredOptionId; }), "order");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IkasProductOptionSet.prototype.setTranslations = function () {
+        var _this = this;
+        var _a;
+        var locale = IkasStorefrontConfig.getCurrentLocale();
+        if (this.translations &&
+            this.translations.some(function (t) { return t.locale === locale; })) {
+            var localeTranslations = this.translations.find(function (t) { return t.locale === locale; });
+            (_a = localeTranslations === null || localeTranslations === void 0 ? void 0 : localeTranslations.options) === null || _a === void 0 ? void 0 : _a.forEach(function (translatedOption) {
+                var _a;
+                var option = _this.options.find(function (o) { return o.id === translatedOption.id; });
+                if (option) {
+                    option.name = translatedOption.name || option.name;
+                    option.optionalText =
+                        translatedOption.optionalText || option.optionalText;
+                    if (option.type === exports.IkasProductOptionType.CHOICE) {
+                        (_a = translatedOption.values) === null || _a === void 0 ? void 0 : _a.forEach(function (translatedValue) {
+                            var _a;
+                            var selectValue = (_a = option.selectSettings) === null || _a === void 0 ? void 0 : _a.values.find(function (sv) { return sv.id === translatedValue.id; });
+                            if (selectValue) {
+                                selectValue.value = translatedValue.value || selectValue.value;
+                            }
+                        });
+                    }
+                }
+            });
+        }
+    };
+    IkasProductOptionSet.prototype.setChildOptions = function () {
+        var _this = this;
+        this.options.forEach(function (option) {
+            var childOptions = _this.options.filter(function (o) { return o.requiredOptionId === option.id; });
+            if (childOptions.length) {
+                //@ts-ignore
+                option.childOptions = childOptions;
+            }
+        });
+    };
+    return IkasProductOptionSet;
+}());
+
+var IkasProduct = /** @class */ (function () {
+    function IkasProduct(data) {
+        if (data === void 0) { data = {}; }
+        this.id = data.id || Date.now() + "";
+        this.name = data.name || "";
+        this.type = data.type || exports.IkasProductType.PHYSICAL;
+        this.description = data.description || "";
+        this.shortDescription = data.shortDescription || "";
+        this.metaData = data.metaData
+            ? new IkasHTMLMetaData(data.metaData)
+            : undefined;
+        this.brand = data.brand ? new IkasBrand(data.brand) : null;
+        this.categories = data.categories
+            ? data.categories.map(function (c) { return new IkasCategory(c); })
+            : [];
+        this.tags = data.tags
+            ? data.tags.map(function (tag) { return new IkasProductTag(tag); })
+            : [];
+        this.variants = data.variants
+            ? data.variants.map(function (v) { return new IkasProductVariant(v); })
+            : [];
+        this.attributes = data.attributes
+            ? data.attributes.map(function (a) { return new IkasProductAttributeValue(a); })
+            : [];
+        this.variantTypes = data.variantTypes
+            ? data.variantTypes.map(function (v) { return new IkasProductVariantType(v); })
+            : [];
+        this.productOptionSetId = data.productOptionSetId || null;
+        this.productOptionSet = data.productOptionSet
+            ? new IkasProductOptionSet(data.productOptionSet)
+            : null;
+        mobx.makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasProduct.prototype, "hasVariant", {
+        get: function () {
+            return !!this.variantTypes.length;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProduct.prototype, "hasStock", {
+        get: function () {
+            return this.variants.some(function (v) { return v.stock > 0; });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProduct.prototype, "mainVariantType", {
+        get: function () {
+            if (!this.hasVariant)
+                return;
+            return this.variantTypes[0].variantType;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProduct.prototype, "href", {
+        get: function () {
+            var _a;
+            if (!((_a = this.metaData) === null || _a === void 0 ? void 0 : _a.slug))
+                return "";
+            return "/" + this.metaData.slug;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProduct.prototype, "canAddToCart", {
+        get: function () {
+            if (this.productOptionSetId) {
+                return (!!this.productOptionSet &&
+                    this.productOptionSet.displayedOptions.every(function (o) { return o.hasValidValues; }));
+            }
+            else {
+                return true;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IkasProduct;
+}());
+(function (IkasProductType) {
+    IkasProductType["PHYSICAL"] = "PHYSICAL";
+    IkasProductType["DIGITAL"] = "DIGITAL";
+    IkasProductType["MEMBERSHIP"] = "MEMBERSHIP";
+})(exports.IkasProductType || (exports.IkasProductType = {}));
+
 /**
  * The base implementation of `assignValue` and `assignMergeValue` without
  * value checks.
@@ -24001,145 +24344,6 @@ var IkasTransactionCardTypeEnum;
     IkasTransactionTypeEnum["VOID"] = "VOID";
 })(exports.IkasTransactionTypeEnum || (exports.IkasTransactionTypeEnum = {}));
 
-(function (IkasProductOptionType) {
-    IkasProductOptionType["CHOICE"] = "CHOICE";
-    IkasProductOptionType["TEXT"] = "TEXT";
-    IkasProductOptionType["TEXT_AREA"] = "TEXT_AREA";
-    IkasProductOptionType["IMAGE"] = "IMAGE";
-    IkasProductOptionType["FILE"] = "FILE";
-    IkasProductOptionType["COLOR_PICKER"] = "COLOR_PICKER";
-    // DATE_PICKER = "DATE_PICKER",
-    IkasProductOptionType["CHECKBOX"] = "CHECKBOX";
-})(exports.IkasProductOptionType || (exports.IkasProductOptionType = {}));
-(function (IkasProductOptionSelectType) {
-    IkasProductOptionSelectType["SELECT"] = "SELECT";
-    IkasProductOptionSelectType["BOX"] = "BOX";
-    IkasProductOptionSelectType["SWATCH"] = "SWATCH";
-})(exports.IkasProductOptionSelectType || (exports.IkasProductOptionSelectType = {}));
-var IkasProductOptionSelectValueTranslations = /** @class */ (function () {
-    function IkasProductOptionSelectValueTranslations(data) {
-        this.id = data.id || "";
-        this.value = data.value || null;
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionSelectValueTranslations;
-}());
-var IkasProductOptionTranslations = /** @class */ (function () {
-    function IkasProductOptionTranslations(data) {
-        var _a;
-        this.id = data.id || "";
-        this.name = data.name || null;
-        this.optionalText = data.optionalText || null;
-        this.values =
-            ((_a = data.values) === null || _a === void 0 ? void 0 : _a.map(function (o) { return new IkasProductOptionSelectValueTranslations(o); })) || [];
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionTranslations;
-}());
-var IkasProductOptionSetTranslations = /** @class */ (function () {
-    function IkasProductOptionSetTranslations(data) {
-        var _a;
-        this.locale = data.locale || "";
-        this.options =
-            ((_a = data.options) === null || _a === void 0 ? void 0 : _a.map(function (o) { return new IkasProductOptionTranslations(o); })) || [];
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionSetTranslations;
-}());
-var IkasProductOptionSelectValue = /** @class */ (function () {
-    function IkasProductOptionSelectValue(data) {
-        if (data === void 0) { data = {}; }
-        this.order = data.order || 0;
-        this.value = data.value || "";
-        this.price = data.price || null;
-        this.thumbnailImageId = data.thumbnailImageId || null;
-        this.colorCode = data.colorCode || null;
-        this.thumbnailImage =
-            data.thumbnailImage ||
-                (this.thumbnailImageId
-                    ? new IkasImage(this.thumbnailImageId)
-                    : undefined);
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionSelectValue;
-}());
-var IkasProductOptionSelectSettings = /** @class */ (function () {
-    function IkasProductOptionSelectSettings(data) {
-        if (data === void 0) { data = {}; }
-        var _a;
-        this.type = data.type || exports.IkasProductOptionSelectType.BOX;
-        this.minSelect = data.minSelect || null;
-        this.maxSelect = data.maxSelect || null;
-        this.values =
-            ((_a = data.values) === null || _a === void 0 ? void 0 : _a.map(function (o) { return new IkasProductOptionSelectValue(o); })) || [];
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionSelectSettings;
-}());
-var IkasProductOptionDateSettings = /** @class */ (function () {
-    function IkasProductOptionDateSettings(data) {
-        this.min = data.min || null;
-        this.max = data.max || null;
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionDateSettings;
-}());
-var IkasProductOptionTextSettings = /** @class */ (function () {
-    function IkasProductOptionTextSettings(data) {
-        if (data === void 0) { data = {}; }
-        this.min = data.min || null;
-        this.max = data.max || null;
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionTextSettings;
-}());
-var IkasProductOptionFileSettings = /** @class */ (function () {
-    function IkasProductOptionFileSettings(data) {
-        this.allowedExtensions = data.allowedExtensions || null;
-        this.minQuantity = data.minQuantity || null;
-        this.maxQuantity = data.maxQuantity || null;
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionFileSettings;
-}());
-var IkasProductOption = /** @class */ (function () {
-    function IkasProductOption(data) {
-        this.name = data.name || "";
-        this.order = data.order || 0;
-        this.type = data.type || exports.IkasProductOptionType.CHOICE;
-        this.selectSettings = data.selectSettings
-            ? new IkasProductOptionSelectSettings(data.selectSettings || {})
-            : null;
-        this.textSettings = data.textSettings
-            ? new IkasProductOptionTextSettings(data.textSettings || {})
-            : null;
-        this.fileSettings = data.fileSettings
-            ? new IkasProductOptionFileSettings(data.fileSettings || {})
-            : null;
-        this.dateSettings = data.dateSettings
-            ? new IkasProductOptionDateSettings(data.dateSettings || {})
-            : null;
-        this.price = data.price || null;
-        this.isOptional = data.isOptional || null;
-        this.optionalText = data.optionalText || null;
-        this.requiredOptionId = data.requiredOptionId || null;
-        this.requiredOptionValueIds = data.requiredOptionValueIds || null;
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOption;
-}());
-var IkasProductOptionSet = /** @class */ (function () {
-    function IkasProductOptionSet(data) {
-        var _a, _b;
-        this.name = data.name || "";
-        this.options = ((_a = data.options) === null || _a === void 0 ? void 0 : _a.map(function (o) { return new IkasProductOption(o); })) || [];
-        this.translations = data.translations
-            ? (_b = data.translations) === null || _b === void 0 ? void 0 : _b.map(function (o) { return new IkasProductOptionSetTranslations(o); }) : null;
-        mobx.makeAutoObservable(this);
-    }
-    return IkasProductOptionSet;
-}());
-
 var IkasThemeComponentProp = /** @class */ (function () {
     function IkasThemeComponentProp(data) {
         this.id = data.id || Date.now() + "";
@@ -37745,7 +37949,7 @@ var ProductOptionSelectTypeEnum;
     ProductOptionSelectTypeEnum["SELECT"] = "SELECT";
     ProductOptionSelectTypeEnum["SWATCH"] = "SWATCH";
 })(ProductOptionSelectTypeEnum || (ProductOptionSelectTypeEnum = {}));
-var ProductOptionTypeEnum;
+var ProductOptionTypeEnum$1;
 (function (ProductOptionTypeEnum) {
     ProductOptionTypeEnum["CHECKBOX"] = "CHECKBOX";
     ProductOptionTypeEnum["CHOICE"] = "CHOICE";
@@ -37755,7 +37959,7 @@ var ProductOptionTypeEnum;
     ProductOptionTypeEnum["IMAGE"] = "IMAGE";
     ProductOptionTypeEnum["TEXT"] = "TEXT";
     ProductOptionTypeEnum["TEXT_AREA"] = "TEXT_AREA";
-})(ProductOptionTypeEnum || (ProductOptionTypeEnum = {}));
+})(ProductOptionTypeEnum$1 || (ProductOptionTypeEnum$1 = {}));
 var ProductSearchShowStockOptionEnum;
 (function (ProductSearchShowStockOptionEnum) {
     ProductSearchShowStockOptionEnum["HIDE_OUT_OF_STOCK"] = "HIDE_OUT_OF_STOCK";
@@ -41270,7 +41474,7 @@ var IkasCartAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n      mutation saveItemToCart($input: SaveItemToCartInput!) {\n        saveItemToCart(input: $input) {\n          id\n          createdAt\n          updatedAt\n          dueDate\n          currencyCode\n          customerId\n          merchantId\n          itemCount\n          totalPrice\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          taxLines {\n            price\n            rate\n          }\n          items {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              id\n              name\n              sku\n              slug\n              barcodeList\n              mainImageId\n              productId\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n        }\n      }\n    "], ["\n      mutation saveItemToCart($input: SaveItemToCartInput!) {\n        saveItemToCart(input: $input) {\n          id\n          createdAt\n          updatedAt\n          dueDate\n          currencyCode\n          customerId\n          merchantId\n          itemCount\n          totalPrice\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          taxLines {\n            price\n            rate\n          }\n          items {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              id\n              name\n              sku\n              slug\n              barcodeList\n              mainImageId\n              productId\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n      mutation saveItemToCart($input: SaveItemToCartInput!) {\n        saveItemToCart(input: $input) {\n          id\n          createdAt\n          updatedAt\n          dueDate\n          currencyCode\n          customerId\n          merchantId\n          itemCount\n          totalPrice\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          taxLines {\n            price\n            rate\n          }\n          items {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            options {\n              name\n              productOptionsSetId\n              productOptionId\n              type\n              values {\n                name\n                price\n                value\n              }\n            }\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              id\n              name\n              sku\n              slug\n              barcodeList\n              mainImageId\n              productId\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n        }\n      }\n    "], ["\n      mutation saveItemToCart($input: SaveItemToCartInput!) {\n        saveItemToCart(input: $input) {\n          id\n          createdAt\n          updatedAt\n          dueDate\n          currencyCode\n          customerId\n          merchantId\n          itemCount\n          totalPrice\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          taxLines {\n            price\n            rate\n          }\n          items {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            options {\n              name\n              productOptionsSetId\n              productOptionId\n              type\n              values {\n                name\n                price\n                value\n              }\n            }\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              id\n              name\n              sku\n              slug\n              barcodeList\n              mainImageId\n              productId\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -41305,7 +41509,7 @@ var IkasCartAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n      query getCart(\n        $cartId: String\n        $customerId: String\n        $storefrontRoutingId: String\n      ) {\n        getCart(\n          id: $cartId\n          customerId: $customerId\n          storefrontRoutingId: $storefrontRoutingId\n        ) {\n          createdAt\n          currencyCode\n          customerId\n          dueDate\n          id\n          itemCount\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            deleted\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              slug\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n          merchantId\n          status\n          totalPrice\n          updatedAt\n        }\n      }\n    "], ["\n      query getCart(\n        $cartId: String\n        $customerId: String\n        $storefrontRoutingId: String\n      ) {\n        getCart(\n          id: $cartId\n          customerId: $customerId\n          storefrontRoutingId: $storefrontRoutingId\n        ) {\n          createdAt\n          currencyCode\n          customerId\n          dueDate\n          id\n          itemCount\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            deleted\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              slug\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n          merchantId\n          status\n          totalPrice\n          updatedAt\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n      query getCart(\n        $cartId: String\n        $customerId: String\n        $storefrontRoutingId: String\n      ) {\n        getCart(\n          id: $cartId\n          customerId: $customerId\n          storefrontRoutingId: $storefrontRoutingId\n        ) {\n          createdAt\n          currencyCode\n          customerId\n          dueDate\n          id\n          itemCount\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            options {\n              name\n              productOptionId\n              productOptionsSetId\n              type\n              values {\n                name\n                price\n                value\n              }\n            }\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            deleted\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              slug\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n          merchantId\n          status\n          totalPrice\n          updatedAt\n        }\n      }\n    "], ["\n      query getCart(\n        $cartId: String\n        $customerId: String\n        $storefrontRoutingId: String\n      ) {\n        getCart(\n          id: $cartId\n          customerId: $customerId\n          storefrontRoutingId: $storefrontRoutingId\n        ) {\n          createdAt\n          currencyCode\n          customerId\n          dueDate\n          id\n          itemCount\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            options {\n              name\n              productOptionId\n              productOptionsSetId\n              type\n              values {\n                name\n                price\n                value\n              }\n            }\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            deleted\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              slug\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n          merchantId\n          status\n          totalPrice\n          updatedAt\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43421,7 +43625,9 @@ var IkasProductOptionSetAPI = /** @class */ (function () {
                             return [2 /*return*/];
                         }
                         return [2 /*return*/, {
-                                data: data.listProductOptionSet.map(function (c) { return new IkasProductOptionSet(c); }),
+                                data: data.listProductOptionSet.map(function (c) {
+                                    return new IkasProductOptionSet(c);
+                                }),
                             }];
                     case 2:
                         err_1 = _b.sent();
@@ -70516,6 +70722,17 @@ var Note = mobxReactLite.observer(function (_a) {
             isSuccessStep ? (React.createElement("div", { className: styles$g.CheckoutNoteDisplay }, vm.checkout.note)) : (React.createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
 });
 
+var IkasProductCartLineOption = /** @class */ (function () {
+    function IkasProductCartLineOption(data) {
+        if (data === void 0) { data = {}; }
+        this.productOptionId = data.productOptionId || "";
+        this.productOptionsSetId = data.productOptionsSetId || "";
+        this.values = data.values || [];
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductCartLineOption;
+}());
+
 var CART_LS_KEY = "cartId";
 var CHECKOUT_LS_KEY = "checkoutId";
 var IkasCartStore = /** @class */ (function () {
@@ -70541,9 +70758,7 @@ var IkasCartStore = /** @class */ (function () {
                         cartId = ((_b = this.cart) === null || _b === void 0 ? void 0 : _b.id) || localStorage.getItem(CART_LS_KEY);
                         if (!cartId && !customerId)
                             return [2 /*return*/];
-                        return [4 /*yield*/, IkasCartAPI.getCart(cartId || undefined
-                            // customerId || undefined // TODO reopen this when we have a way of telling backend that we cleared a cart
-                            )];
+                        return [4 /*yield*/, IkasCartAPI.getCart(cartId || undefined)];
                     case 2:
                         cart = _c.sent();
                         if (!cart) return [3 /*break*/, 4];
@@ -70607,28 +70822,89 @@ var IkasCartStore = /** @class */ (function () {
                 }
             });
         }); };
+        this.findExistingItem = function (variant, product) {
+            var _a, _b, _c, _d, _e;
+            if (!product.productOptionSetId) {
+                return (_a = _this.cart) === null || _a === void 0 ? void 0 : _a.items.find(function (item) { return item.variant.id === variant.id; });
+            }
+            var existingItems = ((_b = _this.cart) === null || _b === void 0 ? void 0 : _b.items.filter(function (item) { return item.variant.id === variant.id; })) || [];
+            for (var _i = 0, existingItems_1 = existingItems; _i < existingItems_1.length; _i++) {
+                var item = existingItems_1[_i];
+                if (item.options) {
+                    var hasSameOptionValues = true;
+                    var _loop_1 = function (option) {
+                        var existingOptionValues = option.values.map(function (v) { return v.value; });
+                        var productOptionValues = (_e = (_d = (_c = product.productOptionSet) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.find(function (o) { return o.id === option.productOptionId; })) === null || _e === void 0 ? void 0 : _e.values;
+                        hasSameOptionValues =
+                            hasSameOptionValues &&
+                                existingOptionValues.length === (productOptionValues === null || productOptionValues === void 0 ? void 0 : productOptionValues.values.length) &&
+                                existingOptionValues.every(function (val) { return productOptionValues === null || productOptionValues === void 0 ? void 0 : productOptionValues.includes(val); });
+                        if (!hasSameOptionValues)
+                            return "break";
+                    };
+                    for (var _f = 0, _g = item.options; _f < _g.length; _f++) {
+                        var option = _g[_f];
+                        var state_1 = _loop_1(option);
+                        if (state_1 === "break")
+                            break;
+                    }
+                    if (hasSameOptionValues)
+                        return item;
+                }
+            }
+        };
+        this.createCartLineOptions = function (item) {
+            if (item && item.options) {
+                var options = [];
+                for (var _i = 0, _a = item.options; _i < _a.length; _i++) {
+                    var option = _a[_i];
+                    var data = new IkasProductCartLineOption({});
+                    data.productOptionId = option.productOptionId;
+                    data.productOptionsSetId = option.productOptionsSetId;
+                    data.values = option.values.map(function (val) { return val.value; });
+                    options.push(data);
+                }
+                return options;
+            }
+            else {
+                return null;
+            }
+        };
         this.addItem = function (variant, product, initialQuantity) {
             if (initialQuantity === void 0) { initialQuantity = 1; }
             return __awaiter(_this, void 0, void 0, function () {
-                var existingItem, cartId, input, cart, eventId, item, err_2;
-                var _a, _b, _c;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var existingItem, optionValues_1, cartId, input, cart, eventId, item, err_2;
+                var _a, _b, _c, _d, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0:
-                            _d.trys.push([0, 5, , 6]);
+                            _f.trys.push([0, 5, , 6]);
+                            if (!product.canAddToCart)
+                                return [2 /*return*/, false];
                             return [4 /*yield*/, this.beforeCartOperationCheck()];
                         case 1:
-                            _d.sent();
+                            _f.sent();
                             if (this.cart) {
-                                existingItem = this.cart.items.find(function (item) { return item.variant.id === variant.id; });
+                                existingItem = this.findExistingItem(variant, product);
                                 if (existingItem) {
+                                    (_a = product.productOptionSet) === null || _a === void 0 ? void 0 : _a.initOptionValues();
                                     return [2 /*return*/, this.changeItemQuantity(existingItem, existingItem.quantity + 1)];
                                 }
                             }
-                            cartId = ((_a = this.cart) === null || _a === void 0 ? void 0 : _a.id) || localStorage.getItem(CART_LS_KEY);
+                            optionValues_1 = [];
+                            (_b = product.productOptionSet) === null || _b === void 0 ? void 0 : _b.options.forEach(function (o) {
+                                if (o.values.length) {
+                                    optionValues_1.push(new IkasProductCartLineOption({
+                                        productOptionId: o.id,
+                                        productOptionsSetId: o.productOptionSetId,
+                                        values: o.values,
+                                    }));
+                                }
+                            });
+                            cartId = ((_c = this.cart) === null || _c === void 0 ? void 0 : _c.id) || localStorage.getItem(CART_LS_KEY);
                             input = {
                                 cartId: cartId,
-                                customerId: ((_b = this.cart) === null || _b === void 0 ? void 0 : _b.customerId) || ((_c = this.baseStore.customerStore.customer) === null || _c === void 0 ? void 0 : _c.id) ||
+                                customerId: ((_d = this.cart) === null || _d === void 0 ? void 0 : _d.customerId) || ((_e = this.baseStore.customerStore.customer) === null || _e === void 0 ? void 0 : _e.id) ||
                                     null,
                                 item: {
                                     id: null,
@@ -70638,6 +70914,7 @@ var IkasCartStore = /** @class */ (function () {
                                         name: product.name,
                                     },
                                 },
+                                options: optionValues_1.length ? optionValues_1 : null,
                                 priceListId: IkasStorefrontConfig.priceListId || null,
                                 salesChannelId: IkasStorefrontConfig.salesChannelId,
                                 storefrontId: IkasStorefrontConfig.storefrontId,
@@ -70646,12 +70923,12 @@ var IkasCartStore = /** @class */ (function () {
                             };
                             return [4 /*yield*/, IkasCartAPI.saveItemToCart(input)];
                         case 2:
-                            cart = _d.sent();
+                            cart = _f.sent();
                             if (!cart) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.setCart(cart)];
                         case 3:
-                            _d.sent();
-                            _d.label = 4;
+                            _f.sent();
+                            _f.label = 4;
                         case 4:
                             if (this.cart) {
                                 eventId = this.cart.id + "-" + this.cart.updatedAt;
@@ -70660,11 +70937,11 @@ var IkasCartStore = /** @class */ (function () {
                                     Analytics.addToCart(item, initialQuantity, eventId, this.cart);
                                 }
                             }
-                            return [3 /*break*/, 6];
+                            return [2 /*return*/, true];
                         case 5:
-                            err_2 = _d.sent();
+                            err_2 = _f.sent();
                             console.log(err_2);
-                            return [3 /*break*/, 6];
+                            return [2 /*return*/, false];
                         case 6: return [2 /*return*/];
                     }
                 });
@@ -70692,6 +70969,7 @@ var IkasCartStore = /** @class */ (function () {
                                     name: item.variant.name,
                                 },
                             },
+                            options: this.createCartLineOptions(item),
                             priceListId: IkasStorefrontConfig.priceListId || null,
                             salesChannelId: IkasStorefrontConfig.salesChannelId,
                             storefrontId: IkasStorefrontConfig.storefrontId,
@@ -70718,11 +70996,11 @@ var IkasCartStore = /** @class */ (function () {
                                 Analytics.addToCart(item, quantity - oldQuantity, eventId, this.cart);
                             }
                         }
-                        return [3 /*break*/, 6];
+                        return [2 /*return*/, true];
                     case 5:
                         err_3 = _d.sent();
                         console.log(err_3);
-                        return [3 /*break*/, 6];
+                        return [2 /*return*/, false];
                     case 6: return [2 /*return*/];
                 }
             });