@ikas/storefront 0.1.22 → 0.1.23-alpha.1

package/build/index.es.js

@@ -1,4 +1,4 @@
-import { makeAutoObservable, configure, makeObservable, observable, runInAction, reaction, computed, action } from 'mobx';
+import { makeAutoObservable, runInAction, reaction, makeObservable, computed, observable, action, configure } from 'mobx';
 import fs from 'fs';
 import path$1 from 'path';
 import getConfig from 'next/config';
@@ -23049,424 +23049,6 @@ var CreditCardData = /** @class */ (function () {
     return CreditCardData;
 }());
 
-/**
- * Flattens `array` a single level deep.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Array
- * @param {Array} array The array to flatten.
- * @returns {Array} Returns the new flattened array.
- * @example
- *
- * _.flatten([1, [2, [3, [4]], 5]]);
- * // => [1, 2, [3, [4]], 5]
- */
-function flatten(array) {
-  var length = array == null ? 0 : array.length;
-  return length ? _baseFlatten(array, 1) : [];
-}
-
-var flatten_1 = flatten;
-
-var CART_LS_KEY = "cartId";
-var CHECKOUT_LS_KEY = "checkoutId";
-var IkasCartStore = /** @class */ (function () {
-    function IkasCartStore(baseStore) {
-        var _this = this;
-        this.cart = null;
-        this._checkoutId = null;
-        this._isLoadingCart = false;
-        this._cartLoadFinished = false;
-        this.getCart = function () { return __awaiter(_this, void 0, void 0, function () {
-            var customerId, cartId, cart, err_1;
-            var _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        if (!this.isBrowser)
-                            return [2 /*return*/];
-                        _c.label = 1;
-                    case 1:
-                        _c.trys.push([1, 6, 7, 8]);
-                        this._isLoadingCart = true;
-                        customerId = (_a = this.baseStore.customerStore.customer) === null || _a === void 0 ? void 0 : _a.id;
-                        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
-                            )];
-                    case 2:
-                        cart = _c.sent();
-                        if (!cart) return [3 /*break*/, 4];
-                        return [4 /*yield*/, this.setCart(cart)];
-                    case 3:
-                        _c.sent();
-                        return [3 /*break*/, 5];
-                    case 4:
-                        this.removeCart();
-                        _c.label = 5;
-                    case 5: return [3 /*break*/, 8];
-                    case 6:
-                        err_1 = _c.sent();
-                        console.log(err_1);
-                        return [3 /*break*/, 8];
-                    case 7:
-                        this._isLoadingCart = false;
-                        this._cartLoadFinished = true;
-                        return [7 /*endfinally*/];
-                    case 8: return [2 /*return*/];
-                }
-            });
-        }); };
-        this.setCart = function (cart) { return __awaiter(_this, void 0, void 0, function () {
-            var checkoutId;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        localStorage.setItem(CART_LS_KEY, cart.id);
-                        this.cart = cart;
-                        if (!this._checkoutId)
-                            this._checkoutId = localStorage.getItem(CHECKOUT_LS_KEY) || undefined;
-                        if (!!this._checkoutId) return [3 /*break*/, 2];
-                        return [4 /*yield*/, IkasCheckoutAPI.getCheckoutId(cart.id)];
-                    case 1:
-                        checkoutId = _a.sent();
-                        this._checkoutId = checkoutId;
-                        if (checkoutId)
-                            localStorage.setItem(CHECKOUT_LS_KEY, checkoutId);
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
-                }
-            });
-        }); };
-        this.beforeCartOperationCheck = function () { return __awaiter(_this, void 0, void 0, function () {
-            var cartId;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        cartId = localStorage.getItem(CART_LS_KEY);
-                        if (!(this.cart && !cartId)) return [3 /*break*/, 1];
-                        this.removeCart();
-                        return [3 /*break*/, 3];
-                    case 1:
-                        if (!(!this.cart && !!cartId)) return [3 /*break*/, 3];
-                        return [4 /*yield*/, this.getCart()];
-                    case 2:
-                        _a.sent();
-                        _a.label = 3;
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
-        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) {
-                        case 0:
-                            _d.trys.push([0, 5, , 6]);
-                            return [4 /*yield*/, this.beforeCartOperationCheck()];
-                        case 1:
-                            _d.sent();
-                            if (this.cart) {
-                                existingItem = this.cart.items.find(function (item) { return item.variant.id === variant.id; });
-                                if (existingItem) {
-                                    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);
-                            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) ||
-                                    null,
-                                item: {
-                                    id: null,
-                                    quantity: initialQuantity,
-                                    variant: {
-                                        id: variant.id,
-                                        name: product.name,
-                                    },
-                                },
-                                priceListId: IkasStorefrontConfig.priceListId || null,
-                                salesChannelId: IkasStorefrontConfig.salesChannelId,
-                                storefrontId: IkasStorefrontConfig.storefrontId,
-                                storefrontRoutingId: IkasStorefrontConfig.storefrontRoutingId,
-                                storefrontThemeId: IkasStorefrontConfig.storefrontThemeId,
-                            };
-                            return [4 /*yield*/, IkasCartAPI.saveItemToCart(input)];
-                        case 2:
-                            cart = _d.sent();
-                            if (!cart) return [3 /*break*/, 4];
-                            return [4 /*yield*/, this.setCart(cart)];
-                        case 3:
-                            _d.sent();
-                            _d.label = 4;
-                        case 4:
-                            if (this.cart) {
-                                eventId = this.cart.id + "-" + this.cart.updatedAt;
-                                item = this.cart.items.find(function (i) { return i.variant.id; });
-                                if (item) {
-                                    Analytics.addToCart(item, initialQuantity, eventId, this.cart);
-                                }
-                            }
-                            return [3 /*break*/, 6];
-                        case 5:
-                            err_2 = _d.sent();
-                            console.log(err_2);
-                            return [3 /*break*/, 6];
-                        case 6: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
-            var input, cart, eventId, oldQuantity, err_3;
-            var _a, _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        _d.trys.push([0, 5, , 6]);
-                        return [4 /*yield*/, this.beforeCartOperationCheck()];
-                    case 1:
-                        _d.sent();
-                        input = {
-                            cartId: ((_a = this.cart) === null || _a === void 0 ? void 0 : _a.id) || null,
-                            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) ||
-                                null,
-                            item: {
-                                id: item.id,
-                                quantity: quantity,
-                                variant: {
-                                    id: item.variant.id,
-                                    name: item.variant.name,
-                                },
-                            },
-                            priceListId: IkasStorefrontConfig.priceListId || null,
-                            salesChannelId: IkasStorefrontConfig.salesChannelId,
-                            storefrontId: IkasStorefrontConfig.storefrontId,
-                            storefrontRoutingId: IkasStorefrontConfig.storefrontRoutingId,
-                            storefrontThemeId: IkasStorefrontConfig.storefrontThemeId,
-                        };
-                        return [4 /*yield*/, IkasCartAPI.saveItemToCart(input)];
-                    case 2:
-                        cart = _d.sent();
-                        if (!cart) return [3 /*break*/, 4];
-                        return [4 /*yield*/, this.setCart(cart)];
-                    case 3:
-                        _d.sent();
-                        _d.label = 4;
-                    case 4:
-                        this.removeCardIfEmpty();
-                        if (this.cart) {
-                            eventId = this.cart.id + "-" + this.cart.updatedAt;
-                            oldQuantity = item.quantity;
-                            if (oldQuantity > quantity) {
-                                Analytics.removeFromCart(item, oldQuantity - quantity, this.cart);
-                            }
-                            else {
-                                Analytics.addToCart(item, quantity - oldQuantity, eventId, this.cart);
-                            }
-                        }
-                        return [3 /*break*/, 6];
-                    case 5:
-                        err_3 = _d.sent();
-                        console.log(err_3);
-                        return [3 /*break*/, 6];
-                    case 6: return [2 /*return*/];
-                }
-            });
-        }); };
-        this.removeItem = function (item) { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.changeItemQuantity(item, 0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        this.removeCardIfEmpty = function () {
-            var _a;
-            if (((_a = _this.cart) === null || _a === void 0 ? void 0 : _a.itemCount) === 0) {
-                _this.removeCart();
-            }
-        };
-        this.removeCart = function () {
-            localStorage.removeItem(CART_LS_KEY);
-            localStorage.removeItem(CHECKOUT_LS_KEY);
-            _this.cart = undefined;
-            _this._checkoutId = undefined;
-        };
-        this.waitUntilInitialized = function () {
-            return new Promise(function (resolve) {
-                var interval = setInterval(function () {
-                    if (_this.cartLoadFinished) {
-                        clearInterval(interval);
-                        resolve(null);
-                    }
-                }, 100);
-            });
-        };
-        this.baseStore = baseStore;
-        makeAutoObservable(this);
-    }
-    Object.defineProperty(IkasCartStore.prototype, "isBrowser", {
-        get: function () {
-            return typeof localStorage !== "undefined";
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IkasCartStore.prototype, "isLoadingCart", {
-        get: function () {
-            return this._isLoadingCart;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IkasCartStore.prototype, "cartLoadFinished", {
-        get: function () {
-            return this._cartLoadFinished;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IkasCartStore.prototype, "checkoutId", {
-        get: function () {
-            return this._checkoutId;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IkasCartStore.prototype, "checkoutUrl", {
-        get: function () {
-            if (this._checkoutId)
-                return "/checkout?id=" + this._checkoutId + "&step=info";
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return IkasCartStore;
-}());
-
-configure({
-    enforceActions: "never",
-});
-var IkasBaseStore = /** @class */ (function () {
-    function IkasBaseStore() {
-        this.currentPageType = null;
-        this.localeOptions = [];
-        this.showLocaleOptions = false;
-        this.currentCountryCode = null;
-        this.localeChecked = false;
-        this.settingsSet = false;
-        this.customerStore = new IkasCustomerStore(this);
-        this.cartStore = new IkasCartStore(this);
-        makeObservable(this, {
-            currentPageType: observable,
-            localeOptions: observable,
-            showLocaleOptions: observable,
-            currentCountryCode: observable,
-        });
-    }
-    IkasBaseStore.prototype.checkLocalization = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var myCountryCode, currentRouting, isCorrectLocale, myCountryRouting, otherCountriesRouting, iso2Codes, countries_1, localeOptions_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (this.localeChecked)
-                            return [2 /*return*/];
-                        if (typeof window === undefined) {
-                            console.warn("checkLocalization should be called on the client side!");
-                            return [2 /*return*/];
-                        }
-                        return [4 /*yield*/, IkasCountryAPI.getMyCountry()];
-                    case 1:
-                        myCountryCode = _a.sent();
-                        currentRouting = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; });
-                        this.currentCountryCode = myCountryCode;
-                        if (!(currentRouting && myCountryCode)) return [3 /*break*/, 3];
-                        isCorrectLocale = true;
-                        myCountryRouting = IkasStorefrontConfig.routings.find(function (r) { var _a; return (_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(myCountryCode); });
-                        otherCountriesRouting = IkasStorefrontConfig.routings.find(function (r) { var _a; return !((_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.length); });
-                        // Current country has spefic routing
-                        if (myCountryRouting) {
-                            if (currentRouting.id !== myCountryRouting.id) {
-                                isCorrectLocale = false;
-                            }
-                        }
-                        // Current country does not have specific routing
-                        else {
-                            if (otherCountriesRouting &&
-                                currentRouting.id !== otherCountriesRouting.id) {
-                                isCorrectLocale = false;
-                            }
-                        }
-                        iso2Codes = flatten_1(IkasStorefrontConfig.routings.map(function (r) { return r.countryCodes || []; }));
-                        return [4 /*yield*/, IkasCountryAPI.listCountries(iso2Codes)];
-                    case 2:
-                        countries_1 = _a.sent();
-                        localeOptions_1 = [];
-                        IkasStorefrontConfig.routings.map(function (r) {
-                            var _a;
-                            if ((_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.length) {
-                                r.countryCodes.forEach(function (countryCode) {
-                                    var _a;
-                                    var country = countries_1.find(function (c) { return c.iso2 === countryCode; });
-                                    localeOptions_1.push({
-                                        id: v4(),
-                                        countryName: (country === null || country === void 0 ? void 0 : country.native) || (country === null || country === void 0 ? void 0 : country.name) || "",
-                                        routing: r,
-                                        isRecommended: ((_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(myCountryCode)) || false,
-                                    });
-                                });
-                            }
-                            else {
-                                localeOptions_1.push({
-                                    id: v4(),
-                                    routing: r,
-                                    isRecommended: !IkasStorefrontConfig.routings.some(function (r) { var _a; return (_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(myCountryCode); }),
-                                });
-                            }
-                        });
-                        this.localeOptions = sortBy_1(localeOptions_1, "countryName");
-                        if (!isCorrectLocale) {
-                            this.showLocaleOptions = true;
-                        }
-                        this.localeChecked = true;
-                        _a.label = 3;
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    IkasBaseStore.prototype.setLocalization = function (localeOption) {
-        if (localeOption.routing.domain) {
-            window.location.replace("https://" + localeOption.routing.domain);
-        }
-        else {
-            window.location.replace(window.location.origin +
-                (localeOption.routing.path ? "/" + localeOption.routing.path : ""));
-        }
-    };
-    IkasBaseStore.prototype.setSettings = function (settingsStr) {
-        if (this.settingsSet)
-            return;
-        var settings = new IkasThemeSettings(JSON.parse(settingsStr));
-        settings.colors.map(function (sc) {
-            return document.documentElement.style.setProperty(sc.key, sc.color);
-        });
-    };
-    return IkasBaseStore;
-}());
-
 var NUMBER_ONLY_REGEX = /^\d+$/;
 var MAX_CARD_NUMBER_LENGTH = 16;
 var MAX_CVC_LENGTH = 4;
@@ -23478,7 +23060,7 @@ var CheckoutViewModel = /** @class */ (function () {
         this.checkout = new IkasCheckout();
         this.checkoutSettings = new IkasCheckoutSettings();
         this.storefront = null;
-        this.store = new IkasBaseStore();
+        this.store = IkasStorefrontConfig.store;
         this.isCheckoutLoaded = false;
         this.isErrorsVisible = false;
         this.isStepLoading = false;
@@ -33969,8 +33551,10 @@ var IkasCustomerStore = /** @class */ (function () {
         });
     };
     IkasCustomerStore.prototype.routeChangeInit = function () {
-        if (!this.customer)
-            this.init();
+        if (!this.customer) {
+            this.loadToken();
+            this.getCustomer();
+        }
     };
     IkasCustomerStore.prototype.getCustomer = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -45616,8 +45200,6 @@ var IkasPage = observer(function (_a) {
             IkasStorefrontConfig.store.customerStore.routeChangeInit();
         };
         router.events.on("routeChangeStart", handleRouteChange);
-        // If the component is unmounted, unsubscribe
-        // from the event with the `off` method:
         return function () {
             router.events.off("routeChangeStart", handleRouteChange);
         };
@@ -70027,7 +69609,7 @@ var Coupon = observer(function (_a) {
                 case 0:
                     vm.checkout.couponCode = null;
                     setLoadingCoupon(true);
-                    return [4 /*yield*/, vm.onCouponCodeApply()];
+                    return [4 /*yield*/, vm.saveCheckout()];
                 case 1:
                     _a.sent();
                     setLoadingCoupon(false);
@@ -70084,6 +69666,291 @@ var Note = observer(function (_a) {
             isSuccessStep ? (createElement("div", { className: styles$g.CheckoutNoteDisplay }, vm.checkout.note)) : (createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
 });
 
+var CART_LS_KEY = "cartId";
+var CHECKOUT_LS_KEY = "checkoutId";
+var IkasCartStore = /** @class */ (function () {
+    function IkasCartStore(baseStore) {
+        var _this = this;
+        this.cart = null;
+        this._checkoutId = null;
+        this._isLoadingCart = false;
+        this._cartLoadFinished = false;
+        this.getCart = function () { return __awaiter(_this, void 0, void 0, function () {
+            var customerId, cartId, cart, err_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!this.isBrowser)
+                            return [2 /*return*/];
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 6, 7, 8]);
+                        this._isLoadingCart = true;
+                        customerId = (_a = this.baseStore.customerStore.customer) === null || _a === void 0 ? void 0 : _a.id;
+                        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
+                            )];
+                    case 2:
+                        cart = _c.sent();
+                        if (!cart) return [3 /*break*/, 4];
+                        return [4 /*yield*/, this.setCart(cart)];
+                    case 3:
+                        _c.sent();
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this.removeCart();
+                        _c.label = 5;
+                    case 5: return [3 /*break*/, 8];
+                    case 6:
+                        err_1 = _c.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 8];
+                    case 7:
+                        this._isLoadingCart = false;
+                        this._cartLoadFinished = true;
+                        return [7 /*endfinally*/];
+                    case 8: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.setCart = function (cart) { return __awaiter(_this, void 0, void 0, function () {
+            var checkoutId;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        localStorage.setItem(CART_LS_KEY, cart.id);
+                        this.cart = cart;
+                        if (!this._checkoutId)
+                            this._checkoutId = localStorage.getItem(CHECKOUT_LS_KEY) || undefined;
+                        if (!!this._checkoutId) return [3 /*break*/, 2];
+                        return [4 /*yield*/, IkasCheckoutAPI.getCheckoutId(cart.id)];
+                    case 1:
+                        checkoutId = _a.sent();
+                        this._checkoutId = checkoutId;
+                        if (checkoutId)
+                            localStorage.setItem(CHECKOUT_LS_KEY, checkoutId);
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.beforeCartOperationCheck = function () { return __awaiter(_this, void 0, void 0, function () {
+            var cartId;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        cartId = localStorage.getItem(CART_LS_KEY);
+                        if (!(this.cart && !cartId)) return [3 /*break*/, 1];
+                        this.removeCart();
+                        return [3 /*break*/, 3];
+                    case 1:
+                        if (!(!this.cart && !!cartId)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, this.getCart()];
+                    case 2:
+                        _a.sent();
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        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) {
+                        case 0:
+                            _d.trys.push([0, 5, , 6]);
+                            return [4 /*yield*/, this.beforeCartOperationCheck()];
+                        case 1:
+                            _d.sent();
+                            if (this.cart) {
+                                existingItem = this.cart.items.find(function (item) { return item.variant.id === variant.id; });
+                                if (existingItem) {
+                                    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);
+                            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) ||
+                                    null,
+                                item: {
+                                    id: null,
+                                    quantity: initialQuantity,
+                                    variant: {
+                                        id: variant.id,
+                                        name: product.name,
+                                    },
+                                },
+                                priceListId: IkasStorefrontConfig.priceListId || null,
+                                salesChannelId: IkasStorefrontConfig.salesChannelId,
+                                storefrontId: IkasStorefrontConfig.storefrontId,
+                                storefrontRoutingId: IkasStorefrontConfig.storefrontRoutingId,
+                                storefrontThemeId: IkasStorefrontConfig.storefrontThemeId,
+                            };
+                            return [4 /*yield*/, IkasCartAPI.saveItemToCart(input)];
+                        case 2:
+                            cart = _d.sent();
+                            if (!cart) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this.setCart(cart)];
+                        case 3:
+                            _d.sent();
+                            _d.label = 4;
+                        case 4:
+                            if (this.cart) {
+                                eventId = this.cart.id + "-" + this.cart.updatedAt;
+                                item = this.cart.items.find(function (i) { return i.variant.id; });
+                                if (item) {
+                                    Analytics.addToCart(item, initialQuantity, eventId, this.cart);
+                                }
+                            }
+                            return [3 /*break*/, 6];
+                        case 5:
+                            err_2 = _d.sent();
+                            console.log(err_2);
+                            return [3 /*break*/, 6];
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
+            var input, cart, eventId, oldQuantity, err_3;
+            var _a, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _d.trys.push([0, 5, , 6]);
+                        return [4 /*yield*/, this.beforeCartOperationCheck()];
+                    case 1:
+                        _d.sent();
+                        input = {
+                            cartId: ((_a = this.cart) === null || _a === void 0 ? void 0 : _a.id) || null,
+                            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) ||
+                                null,
+                            item: {
+                                id: item.id,
+                                quantity: quantity,
+                                variant: {
+                                    id: item.variant.id,
+                                    name: item.variant.name,
+                                },
+                            },
+                            priceListId: IkasStorefrontConfig.priceListId || null,
+                            salesChannelId: IkasStorefrontConfig.salesChannelId,
+                            storefrontId: IkasStorefrontConfig.storefrontId,
+                            storefrontRoutingId: IkasStorefrontConfig.storefrontRoutingId,
+                            storefrontThemeId: IkasStorefrontConfig.storefrontThemeId,
+                        };
+                        return [4 /*yield*/, IkasCartAPI.saveItemToCart(input)];
+                    case 2:
+                        cart = _d.sent();
+                        if (!cart) return [3 /*break*/, 4];
+                        return [4 /*yield*/, this.setCart(cart)];
+                    case 3:
+                        _d.sent();
+                        _d.label = 4;
+                    case 4:
+                        this.removeCardIfEmpty();
+                        if (this.cart) {
+                            eventId = this.cart.id + "-" + this.cart.updatedAt;
+                            oldQuantity = item.quantity;
+                            if (oldQuantity > quantity) {
+                                Analytics.removeFromCart(item, oldQuantity - quantity, this.cart);
+                            }
+                            else {
+                                Analytics.addToCart(item, quantity - oldQuantity, eventId, this.cart);
+                            }
+                        }
+                        return [3 /*break*/, 6];
+                    case 5:
+                        err_3 = _d.sent();
+                        console.log(err_3);
+                        return [3 /*break*/, 6];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.removeItem = function (item) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.changeItemQuantity(item, 0)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        this.removeCardIfEmpty = function () {
+            var _a;
+            if (((_a = _this.cart) === null || _a === void 0 ? void 0 : _a.itemCount) === 0) {
+                _this.removeCart();
+            }
+        };
+        this.removeCart = function () {
+            localStorage.removeItem(CART_LS_KEY);
+            localStorage.removeItem(CHECKOUT_LS_KEY);
+            _this.cart = undefined;
+            _this._checkoutId = undefined;
+        };
+        this.waitUntilInitialized = function () {
+            return new Promise(function (resolve) {
+                var interval = setInterval(function () {
+                    if (_this.cartLoadFinished) {
+                        clearInterval(interval);
+                        resolve(null);
+                    }
+                }, 100);
+            });
+        };
+        this.baseStore = baseStore;
+        makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasCartStore.prototype, "isBrowser", {
+        get: function () {
+            return typeof localStorage !== "undefined";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCartStore.prototype, "isLoadingCart", {
+        get: function () {
+            return this._isLoadingCart;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCartStore.prototype, "cartLoadFinished", {
+        get: function () {
+            return this._cartLoadFinished;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCartStore.prototype, "checkoutId", {
+        get: function () {
+            return this._checkoutId;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCartStore.prototype, "checkoutUrl", {
+        get: function () {
+            if (this._checkoutId)
+                return "/checkout?id=" + this._checkoutId + "&step=info";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IkasCartStore;
+}());
+
 var styles$h = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
 
 var SVGSuccessCircle = function (_a) {
@@ -71660,6 +71527,139 @@ var _slug_$3 = /*#__PURE__*/Object.freeze({
     getStaticProps: getStaticProps$h
 });
 
+/**
+ * Flattens `array` a single level deep.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Array
+ * @param {Array} array The array to flatten.
+ * @returns {Array} Returns the new flattened array.
+ * @example
+ *
+ * _.flatten([1, [2, [3, [4]], 5]]);
+ * // => [1, 2, [3, [4]], 5]
+ */
+function flatten(array) {
+  var length = array == null ? 0 : array.length;
+  return length ? _baseFlatten(array, 1) : [];
+}
+
+var flatten_1 = flatten;
+
+configure({
+    enforceActions: "never",
+});
+var IkasBaseStore = /** @class */ (function () {
+    function IkasBaseStore() {
+        this.currentPageType = null;
+        this.localeOptions = [];
+        this.showLocaleOptions = false;
+        this.currentCountryCode = null;
+        this.localeChecked = false;
+        this.settingsSet = false;
+        this.customerStore = new IkasCustomerStore(this);
+        this.cartStore = new IkasCartStore(this);
+        makeObservable(this, {
+            currentPageType: observable,
+            localeOptions: observable,
+            showLocaleOptions: observable,
+            currentCountryCode: observable,
+        });
+    }
+    IkasBaseStore.prototype.checkLocalization = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var myCountryCode, currentRouting, isCorrectLocale, myCountryRouting, otherCountriesRouting, iso2Codes, countries_1, localeOptions_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this.localeChecked)
+                            return [2 /*return*/];
+                        if (typeof window === undefined) {
+                            console.warn("checkLocalization should be called on the client side!");
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, IkasCountryAPI.getMyCountry()];
+                    case 1:
+                        myCountryCode = _a.sent();
+                        currentRouting = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; });
+                        this.currentCountryCode = myCountryCode;
+                        if (!(currentRouting && myCountryCode)) return [3 /*break*/, 3];
+                        isCorrectLocale = true;
+                        myCountryRouting = IkasStorefrontConfig.routings.find(function (r) { var _a; return (_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(myCountryCode); });
+                        otherCountriesRouting = IkasStorefrontConfig.routings.find(function (r) { var _a; return !((_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.length); });
+                        // Current country has spefic routing
+                        if (myCountryRouting) {
+                            if (currentRouting.id !== myCountryRouting.id) {
+                                isCorrectLocale = false;
+                            }
+                        }
+                        // Current country does not have specific routing
+                        else {
+                            if (otherCountriesRouting &&
+                                currentRouting.id !== otherCountriesRouting.id) {
+                                isCorrectLocale = false;
+                            }
+                        }
+                        iso2Codes = flatten_1(IkasStorefrontConfig.routings.map(function (r) { return r.countryCodes || []; }));
+                        return [4 /*yield*/, IkasCountryAPI.listCountries(iso2Codes)];
+                    case 2:
+                        countries_1 = _a.sent();
+                        localeOptions_1 = [];
+                        IkasStorefrontConfig.routings.map(function (r) {
+                            var _a;
+                            if ((_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.length) {
+                                r.countryCodes.forEach(function (countryCode) {
+                                    var _a;
+                                    var country = countries_1.find(function (c) { return c.iso2 === countryCode; });
+                                    localeOptions_1.push({
+                                        id: v4(),
+                                        countryName: (country === null || country === void 0 ? void 0 : country.native) || (country === null || country === void 0 ? void 0 : country.name) || "",
+                                        routing: r,
+                                        isRecommended: ((_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(myCountryCode)) || false,
+                                    });
+                                });
+                            }
+                            else {
+                                localeOptions_1.push({
+                                    id: v4(),
+                                    routing: r,
+                                    isRecommended: !IkasStorefrontConfig.routings.some(function (r) { var _a; return (_a = r.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(myCountryCode); }),
+                                });
+                            }
+                        });
+                        this.localeOptions = sortBy_1(localeOptions_1, "countryName");
+                        if (!isCorrectLocale) {
+                            this.showLocaleOptions = true;
+                        }
+                        this.localeChecked = true;
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasBaseStore.prototype.setLocalization = function (localeOption) {
+        if (localeOption.routing.domain) {
+            window.location.replace("https://" + localeOption.routing.domain);
+        }
+        else {
+            window.location.replace(window.location.origin +
+                (localeOption.routing.path ? "/" + localeOption.routing.path : ""));
+        }
+    };
+    IkasBaseStore.prototype.setSettings = function (settingsStr) {
+        if (this.settingsSet)
+            return;
+        var settings = new IkasThemeSettings(JSON.parse(settingsStr));
+        settings.colors.map(function (sc) {
+            return document.documentElement.style.setProperty(sc.key, sc.color);
+        });
+    };
+    return IkasBaseStore;
+}());
+
 var tr = {
   actions: {
     login: "Giriş Yap",