@ikas/storefront 0.0.158 → 0.0.159

package/build/index.js

@@ -11075,6 +11075,8 @@ var IkasCategoryPath = /** @class */ (function () {
 }());
 var IkasFilterCategory = /** @class */ (function () {
     function IkasFilterCategory(data) {
+        // Extra
+        this._isSelected = false;
         this.id = data.id || "";
         this.name = data.name || "";
         this.slug = data.slug || "";
@@ -11082,8 +11084,16 @@ var IkasFilterCategory = /** @class */ (function () {
             data.resultCount !== undefined && data.resultCount !== null
                 ? data.resultCount
                 : null;
+        this._isSelected = data.isSelected || false;
         mobx.makeAutoObservable(this);
     }
+    Object.defineProperty(IkasFilterCategory.prototype, "isSelected", {
+        get: function () {
+            return this._isSelected;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasFilterCategory.prototype, "href", {
         get: function () {
             if (!this.slug)
@@ -11093,6 +11103,9 @@ var IkasFilterCategory = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    IkasFilterCategory.prototype.toJSON = function () {
+        return __assign(__assign({}, this), { isSelected: this._isSelected });
+    };
     return IkasFilterCategory;
 }());
 
@@ -11185,7 +11198,7 @@ var IkasOrderAddress = /** @class */ (function () {
     });
     Object.defineProperty(IkasOrderAddress.prototype, "validationResult", {
         get: function () {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d;
             var isValidPhone = !!this.phone &&
                 this.phone.length >= 10 &&
                 validatePhoneNumber(this.phone);
@@ -11206,10 +11219,7 @@ var IkasOrderAddress = /** @class */ (function () {
                     ? isValidPhone
                     : true,
                 identityNumber: ((_d = this.checkoutSettings) === null || _d === void 0 ? void 0 : _d.identityNumberRequirement) ===
-                    IkasCheckoutRequirementEnum.MANDATORY ||
-                    (((_e = this.checkoutSettings) === null || _e === void 0 ? void 0 : _e.identityNumberRequirement) ===
-                        IkasCheckoutRequirementEnum.OPTIONAL &&
-                        this.phone)
+                    IkasCheckoutRequirementEnum.MANDATORY
                     ? !!this.identityNumber
                     : true,
             };
@@ -11340,9 +11350,18 @@ var IkasOrderLineItem = /** @class */ (function () {
         this.status = data.status || OrderLineItemStatusEnum.FULFILLED;
         mobx.makeAutoObservable(this);
     }
+    Object.defineProperty(IkasOrderLineItem.prototype, "priceWithQuantity", {
+        get: function () {
+            return this.price * this.quantity;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasOrderLineItem.prototype, "finalPriceWithQuantity", {
         get: function () {
-            return this.finalPrice * this.quantity;
+            return ((this.discountPrice !== undefined && this.discountPrice !== null
+                ? this.discountPrice
+                : this.price) * this.quantity);
         },
         enumerable: false,
         configurable: true
@@ -11350,7 +11369,7 @@ var IkasOrderLineItem = /** @class */ (function () {
     Object.defineProperty(IkasOrderLineItem.prototype, "tax", {
         get: function () {
             var taxValue = this.taxValue || 0;
-            return (this.finalPriceWithQuantity / (100 + taxValue)) * taxValue;
+            return ((this.finalPrice * this.quantity) / (100 + taxValue)) * taxValue;
         },
         enumerable: false,
         configurable: true
@@ -11428,6 +11447,81 @@ var IkasCart = /** @class */ (function () {
     return IkasCart;
 }());
 
+var IkasPaymentGateway = /** @class */ (function () {
+    function IkasPaymentGateway(data) {
+        var _a;
+        this.paymentMethods = data.paymentMethods || [];
+        this.paymentMethodType =
+            data.paymentMethodType || IkasPaymentMethodType.OTHER;
+        this.id = data.id || null;
+        this.name = data.name || "";
+        this.testMode = data.testMode || null;
+        this.description = data.description || null;
+        this.additionalPrices =
+            ((_a = data.additionalPrices) === null || _a === void 0 ? void 0 : _a.map(function (ap) { return new IkasPaymentGatewayAdditionalPrice(ap); })) || null;
+        mobx.makeAutoObservable(this);
+    }
+    IkasPaymentGateway.prototype.getCalculatedAdditionalPrices = function (totalFinalPrice, shippingLines) {
+        var _this = this;
+        if (this.additionalPrices) {
+            var shippingPrice = (shippingLines === null || shippingLines === void 0 ? void 0 : shippingLines.reduce(function (sum, item) { return sum + item.price; }, 0)) || 0;
+            totalFinalPrice -= shippingPrice;
+            return this.additionalPrices.map(function (additionalPrice) {
+                var amount = 0;
+                if (additionalPrice.amountType ===
+                    IkasPaymentGatewayAdditionalPriceAmountType.RATIO) {
+                    amount = ((totalFinalPrice || 0) * additionalPrice.amount) / 100;
+                }
+                else {
+                    amount = additionalPrice.amount;
+                }
+                if (additionalPrice.type ===
+                    IkasPaymentMethodAdditionalPriceType.DECREMENT)
+                    totalFinalPrice -= amount;
+                else
+                    totalFinalPrice += amount;
+                return {
+                    name: additionalPrice.name || _this.name,
+                    amount: amount,
+                    type: additionalPrice.type,
+                };
+            });
+        }
+    };
+    return IkasPaymentGateway;
+}());
+var IkasPaymentGatewayAdditionalPrice = /** @class */ (function () {
+    function IkasPaymentGatewayAdditionalPrice(data) {
+        this.amount = data.amount || 0;
+        this.amountType =
+            data.amountType || IkasPaymentGatewayAdditionalPriceAmountType.AMOUNT;
+        this.name = data.name || "";
+        this.type = data.type || IkasPaymentMethodAdditionalPriceType.INCREMENT;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasPaymentGatewayAdditionalPrice;
+}());
+var IkasPaymentMethodType;
+(function (IkasPaymentMethodType) {
+    IkasPaymentMethodType["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
+    IkasPaymentMethodType["CASH"] = "CASH";
+    IkasPaymentMethodType["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
+    IkasPaymentMethodType["CREDIT_CARD"] = "CREDIT_CARD";
+    IkasPaymentMethodType["GIFT_CARD"] = "GIFT_CARD";
+    IkasPaymentMethodType["MONEY_ORDER"] = "MONEY_ORDER";
+    IkasPaymentMethodType["OTHER"] = "OTHER";
+})(IkasPaymentMethodType || (IkasPaymentMethodType = {}));
+var IkasPaymentMethodAdditionalPriceType;
+(function (IkasPaymentMethodAdditionalPriceType) {
+    IkasPaymentMethodAdditionalPriceType["DECREMENT"] = "DECREMENT";
+    IkasPaymentMethodAdditionalPriceType["INCREMENT"] = "INCREMENT";
+})(IkasPaymentMethodAdditionalPriceType || (IkasPaymentMethodAdditionalPriceType = {}));
+var IkasPaymentGatewayAdditionalPriceAmountType;
+(function (IkasPaymentGatewayAdditionalPriceAmountType) {
+    IkasPaymentGatewayAdditionalPriceAmountType["AMOUNT"] = "AMOUNT";
+    IkasPaymentGatewayAdditionalPriceAmountType["RATIO"] = "RATIO";
+})(IkasPaymentGatewayAdditionalPriceAmountType || (IkasPaymentGatewayAdditionalPriceAmountType = {}));
+
 var IkasCheckout = /** @class */ (function () {
     function IkasCheckout(data) {
         if (data === void 0) { data = {}; }
@@ -11455,6 +11549,7 @@ var IkasCheckout = /** @class */ (function () {
         this.note = null;
         // Extra
         this.appliedCouponCode = null;
+        this.selectedPaymentGateway = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -11526,6 +11621,22 @@ var IkasCheckout = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasCheckout.prototype, "$totalFinalPrice", {
+        get: function () {
+            var _a;
+            var calculatedAdditionalPrices = (_a = this.selectedPaymentGateway) === null || _a === void 0 ? void 0 : _a.getCalculatedAdditionalPrices(this.totalFinalPrice || 0, this.shippingLines || null);
+            var total = this.totalFinalPrice || 0;
+            calculatedAdditionalPrices === null || calculatedAdditionalPrices === void 0 ? void 0 : calculatedAdditionalPrices.forEach(function (additionalPrice) {
+                if (additionalPrice.type === IkasPaymentMethodAdditionalPriceType.DECREMENT)
+                    total -= additionalPrice.amount;
+                else
+                    total += additionalPrice.amount;
+            });
+            return total;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IkasCheckout;
 }());
 (function (IkasShippingMethod) {
@@ -16153,17 +16264,6 @@ var sortBy = _baseRest(function(collection, iteratees) {
 
 var sortBy_1 = sortBy;
 
-var IkasPaymentMethodType;
-(function (IkasPaymentMethodType) {
-    IkasPaymentMethodType["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
-    IkasPaymentMethodType["CASH"] = "CASH";
-    IkasPaymentMethodType["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
-    IkasPaymentMethodType["CREDIT_CARD"] = "CREDIT_CARD";
-    IkasPaymentMethodType["GIFT_CARD"] = "GIFT_CARD";
-    IkasPaymentMethodType["MONEY_ORDER"] = "MONEY_ORDER";
-    IkasPaymentMethodType["OTHER"] = "OTHER";
-})(IkasPaymentMethodType || (IkasPaymentMethodType = {}));
-
 var CreditCardData = /** @class */ (function () {
     function CreditCardData(data) {
         var _this = this;
@@ -16807,6 +16907,7 @@ var CheckoutViewModel = /** @class */ (function () {
             if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
                 _this.cardData = new CreditCardData();
             }
+            _this.checkout.selectedPaymentGateway = paymentGateway;
             _this.installmentInfo = undefined;
         };
         this.setInstallmentCount = function (count) {
@@ -16927,6 +17028,13 @@ var CheckoutViewModel = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(CheckoutViewModel.prototype, "finalPrice", {
+        get: function () {
+            return this.installmentPrice || this.checkout.$totalFinalPrice;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(CheckoutViewModel.prototype, "canProceedToShipping", {
         // VALIDATIONS
         get: function () {
@@ -17469,11 +17577,260 @@ var AnalyticsBody = function () {
             } }))));
 };
 
+/**
+ * The base implementation of `_.findIndex` and `_.findLastIndex` without
+ * support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {Function} predicate The function invoked per iteration.
+ * @param {number} fromIndex The index to search from.
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function baseFindIndex(array, predicate, fromIndex, fromRight) {
+  var length = array.length,
+      index = fromIndex + (fromRight ? 1 : -1);
+
+  while ((fromRight ? index-- : ++index < length)) {
+    if (predicate(array[index], index, array)) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+var _baseFindIndex = baseFindIndex;
+
+/**
+ * The base implementation of `_.isNaN` without support for number objects.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
+ */
+function baseIsNaN(value) {
+  return value !== value;
+}
+
+var _baseIsNaN = baseIsNaN;
+
+/**
+ * A specialized version of `_.indexOf` which performs strict equality
+ * comparisons of values, i.e. `===`.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} value The value to search for.
+ * @param {number} fromIndex The index to search from.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function strictIndexOf(array, value, fromIndex) {
+  var index = fromIndex - 1,
+      length = array.length;
+
+  while (++index < length) {
+    if (array[index] === value) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+var _strictIndexOf = strictIndexOf;
+
+/**
+ * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} value The value to search for.
+ * @param {number} fromIndex The index to search from.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function baseIndexOf(array, value, fromIndex) {
+  return value === value
+    ? _strictIndexOf(array, value, fromIndex)
+    : _baseFindIndex(array, _baseIsNaN, fromIndex);
+}
+
+var _baseIndexOf = baseIndexOf;
+
+/**
+ * A specialized version of `_.includes` for arrays without support for
+ * specifying an index to search from.
+ *
+ * @private
+ * @param {Array} [array] The array to inspect.
+ * @param {*} target The value to search for.
+ * @returns {boolean} Returns `true` if `target` is found, else `false`.
+ */
+function arrayIncludes(array, value) {
+  var length = array == null ? 0 : array.length;
+  return !!length && _baseIndexOf(array, value, 0) > -1;
+}
+
+var _arrayIncludes = arrayIncludes;
+
+/**
+ * This function is like `arrayIncludes` except that it accepts a comparator.
+ *
+ * @private
+ * @param {Array} [array] The array to inspect.
+ * @param {*} target The value to search for.
+ * @param {Function} comparator The comparator invoked per element.
+ * @returns {boolean} Returns `true` if `target` is found, else `false`.
+ */
+function arrayIncludesWith(array, value, comparator) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    if (comparator(value, array[index])) {
+      return true;
+    }
+  }
+  return false;
+}
+
+var _arrayIncludesWith = arrayIncludesWith;
+
+/**
+ * This method returns `undefined`.
+ *
+ * @static
+ * @memberOf _
+ * @since 2.3.0
+ * @category Util
+ * @example
+ *
+ * _.times(2, _.noop);
+ * // => [undefined, undefined]
+ */
+function noop() {
+  // No operation performed.
+}
+
+var noop_1 = noop;
+
+/** Used as references for various `Number` constants. */
+var INFINITY$2 = 1 / 0;
+
+/**
+ * Creates a set object of `values`.
+ *
+ * @private
+ * @param {Array} values The values to add to the set.
+ * @returns {Object} Returns the new set.
+ */
+var createSet = !(_Set && (1 / _setToArray(new _Set([,-0]))[1]) == INFINITY$2) ? noop_1 : function(values) {
+  return new _Set(values);
+};
+
+var _createSet = createSet;
+
+/** Used as the size to enable large array optimizations. */
+var LARGE_ARRAY_SIZE$1 = 200;
+
+/**
+ * The base implementation of `_.uniqBy` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {Function} [iteratee] The iteratee invoked per element.
+ * @param {Function} [comparator] The comparator invoked per element.
+ * @returns {Array} Returns the new duplicate free array.
+ */
+function baseUniq(array, iteratee, comparator) {
+  var index = -1,
+      includes = _arrayIncludes,
+      length = array.length,
+      isCommon = true,
+      result = [],
+      seen = result;
+
+  if (comparator) {
+    isCommon = false;
+    includes = _arrayIncludesWith;
+  }
+  else if (length >= LARGE_ARRAY_SIZE$1) {
+    var set = iteratee ? null : _createSet(array);
+    if (set) {
+      return _setToArray(set);
+    }
+    isCommon = false;
+    includes = _cacheHas;
+    seen = new _SetCache;
+  }
+  else {
+    seen = iteratee ? [] : result;
+  }
+  outer:
+  while (++index < length) {
+    var value = array[index],
+        computed = iteratee ? iteratee(value) : value;
+
+    value = (comparator || value !== 0) ? value : 0;
+    if (isCommon && computed === computed) {
+      var seenIndex = seen.length;
+      while (seenIndex--) {
+        if (seen[seenIndex] === computed) {
+          continue outer;
+        }
+      }
+      if (iteratee) {
+        seen.push(computed);
+      }
+      result.push(value);
+    }
+    else if (!includes(seen, computed, comparator)) {
+      if (seen !== result) {
+        seen.push(computed);
+      }
+      result.push(value);
+    }
+  }
+  return result;
+}
+
+var _baseUniq = baseUniq;
+
+/**
+ * This method is like `_.uniq` except that it accepts `iteratee` which is
+ * invoked for each element in `array` to generate the criterion by which
+ * uniqueness is computed. The order of result values is determined by the
+ * order they occur in the array. The iteratee is invoked with one argument:
+ * (value).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Array
+ * @param {Array} array The array to inspect.
+ * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+ * @returns {Array} Returns the new duplicate free array.
+ * @example
+ *
+ * _.uniqBy([2.1, 1.2, 2.3], Math.floor);
+ * // => [2.1, 1.2]
+ *
+ * // The `_.property` iteratee shorthand.
+ * _.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');
+ * // => [{ 'x': 1 }, { 'x': 2 }]
+ */
+function uniqBy(array, iteratee) {
+  return (array && array.length) ? _baseUniq(array, _baseIteratee(iteratee)) : [];
+}
+
+var uniqBy_1 = uniqBy;
+
 var isServer$3 = typeof localStorage === "undefined";
 var LS_TOKEN_KEY = "customerToken";
 var LS_TOKEN_EXPIRY = "customerTokenExpiry";
 var LS_CUSTOMER_KEY = "customer";
 var LS_CUSTOMER_SUB_KEY = "customerEmailSubscription";
+var LS_LAST_VIEWED_PRODUCTS_KEY = "lastViewedProducts";
+var LS_CUSTOMER_CONSENT = "customerConsent";
 var IkasCustomerStore = /** @class */ (function () {
     function IkasCustomerStore(baseStore) {
         var _this = this;
@@ -17483,6 +17840,8 @@ var IkasCustomerStore = /** @class */ (function () {
         this.baseStore = null;
         this._initialized = false;
         this._visitorSubscribedEmail = false;
+        this._lastViewedProducts = [];
+        this._customerConsentGranted = false;
         this.login = function (email, password) { return __awaiter(_this, void 0, void 0, function () {
             var response, cart;
             var _a;
@@ -17502,7 +17861,9 @@ var IkasCustomerStore = /** @class */ (function () {
                     case 2:
                         _b.sent();
                         _b.label = 3;
-                    case 3: return [2 /*return*/, true];
+                    case 3:
+                        this.saveLocalLastViewedProducts();
+                        return [2 /*return*/, true];
                     case 4: return [2 /*return*/, false];
                 }
             });
@@ -17517,6 +17878,7 @@ var IkasCustomerStore = /** @class */ (function () {
                         if (response) {
                             this.setToken(response.token, response.tokenExpiry);
                             this.setCustomer(response.customer);
+                            this.saveLocalLastViewedProducts();
                             return [2 /*return*/, true];
                         }
                         return [2 /*return*/, false];
@@ -17732,6 +18094,9 @@ var IkasCustomerStore = /** @class */ (function () {
                 }
             });
         }); };
+        this.onCustomerConsentGrant = function () {
+            _this.saveCustomerConsent();
+        };
         this.baseStore = baseStore;
         this.init();
         mobx.makeAutoObservable(this);
@@ -17754,6 +18119,13 @@ var IkasCustomerStore = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasCustomerStore.prototype, "customerConsentGranted", {
+        get: function () {
+            return this._customerConsentGranted;
+        },
+        enumerable: false,
+        configurable: true
+    });
     IkasCustomerStore.prototype.init = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -17761,6 +18133,8 @@ var IkasCustomerStore = /** @class */ (function () {
                     case 0:
                         this.loadToken();
                         this.loadCustomer();
+                        this.loadLastViewedProducts();
+                        this.loadCustomerConsent();
                         return [4 /*yield*/, this.refreshToken()];
                     case 1:
                         _a.sent();
@@ -17831,35 +18205,158 @@ var IkasCustomerStore = /** @class */ (function () {
         }
         catch (err) { }
     };
-    IkasCustomerStore.prototype.setToken = function (token, tokenExpiry) {
+    IkasCustomerStore.prototype.getLastViewedProducts = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!this.customer) return [3 /*break*/, 2];
+                        _a = this;
+                        return [4 /*yield*/, IkasCustomerAPI.getLastViewedProducts(this.customer.id)];
+                    case 1:
+                        _a._lastViewedProducts = _b.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        this.loadLastViewedProducts();
+                        _b.label = 3;
+                    case 3: return [2 /*return*/, this._lastViewedProducts];
+                }
+            });
+        });
+    };
+    IkasCustomerStore.prototype.saveLastViewedProducts = function () {
         if (isServer$3)
             return;
-        this.token = token;
-        this.tokenExpiry = tokenExpiry;
-        localStorage.setItem(LS_TOKEN_KEY, token);
-        localStorage.setItem(LS_TOKEN_EXPIRY, tokenExpiry + "");
-        apollo.setCustomerToken(token);
+        window.localStorage.setItem(LS_LAST_VIEWED_PRODUCTS_KEY, JSON.stringify(this._lastViewedProducts));
     };
-    IkasCustomerStore.prototype.loadToken = function () {
+    IkasCustomerStore.prototype.loadLastViewedProducts = function () {
         if (isServer$3)
             return;
-        var token = localStorage.getItem(LS_TOKEN_KEY);
-        var tokenExpiry = localStorage.getItem(LS_TOKEN_EXPIRY);
-        if (token && tokenExpiry) {
-            this.setToken(token, parseInt(tokenExpiry));
+        try {
+            var lvpStr = window.localStorage.getItem(LS_LAST_VIEWED_PRODUCTS_KEY);
+            if (lvpStr) {
+                this._lastViewedProducts = JSON.parse(lvpStr);
+                this._lastViewedProducts = this._lastViewedProducts.reverse();
+                this._lastViewedProducts = uniqBy_1(this._lastViewedProducts, "variantId");
+            }
         }
+        catch (err) { }
     };
-    IkasCustomerStore.prototype.clearLocalData = function () {
-        localStorage.removeItem(LS_TOKEN_KEY);
-        localStorage.removeItem(LS_TOKEN_EXPIRY);
-        localStorage.removeItem(LS_CUSTOMER_KEY);
-        this.customer = undefined;
-        this.token = undefined;
-        this.tokenExpiry = undefined;
+    IkasCustomerStore.prototype.removeLastViewedProducts = function () {
+        if (isServer$3)
+            return;
+        window.localStorage.removeItem(LS_LAST_VIEWED_PRODUCTS_KEY);
     };
-    return IkasCustomerStore;
-}());
-
+    IkasCustomerStore.prototype.onProductView = function (productId, variantId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var isSuccess;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.customer) return [3 /*break*/, 2];
+                        return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
+                                customerId: this.customer.id,
+                                products: [
+                                    {
+                                        productId: productId,
+                                        variantId: variantId,
+                                    },
+                                ],
+                            })];
+                    case 1:
+                        isSuccess = _a.sent();
+                        if (isSuccess)
+                            this._lastViewedProducts.push({ productId: productId, variantId: variantId });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        this._lastViewedProducts.push({ productId: productId, variantId: variantId });
+                        this._lastViewedProducts = this._lastViewedProducts.slice(0, 20);
+                        this._lastViewedProducts = uniqBy_1(this._lastViewedProducts, "variantId");
+                        this.saveLastViewedProducts();
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasCustomerStore.prototype.saveLocalLastViewedProducts = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var isSuccess;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (isServer$3)
+                            return [2 /*return*/];
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 4, , 5]);
+                        this.loadLastViewedProducts();
+                        if (!this._lastViewedProducts.length) return [3 /*break*/, 3];
+                        return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
+                                customerId: this.customer.id,
+                                products: this._lastViewedProducts,
+                            })];
+                    case 2:
+                        isSuccess = _a.sent();
+                        if (isSuccess) {
+                            this.removeLastViewedProducts();
+                        }
+                        _a.label = 3;
+                    case 3: return [3 /*break*/, 5];
+                    case 4:
+                        _a.sent();
+                        return [3 /*break*/, 5];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasCustomerStore.prototype.saveCustomerConsent = function () {
+        if (isServer$3)
+            return;
+        this._customerConsentGranted = true;
+        window.localStorage.setItem(LS_CUSTOMER_CONSENT, "true");
+    };
+    IkasCustomerStore.prototype.loadCustomerConsent = function () {
+        if (isServer$3)
+            return;
+        this._customerConsentGranted = !!window.localStorage.getItem(LS_CUSTOMER_CONSENT);
+    };
+    IkasCustomerStore.prototype.removeCustomerConsent = function () {
+        if (isServer$3)
+            return;
+        window.localStorage.removeItem(LS_CUSTOMER_CONSENT);
+    };
+    IkasCustomerStore.prototype.setToken = function (token, tokenExpiry) {
+        if (isServer$3)
+            return;
+        this.token = token;
+        this.tokenExpiry = tokenExpiry;
+        localStorage.setItem(LS_TOKEN_KEY, token);
+        localStorage.setItem(LS_TOKEN_EXPIRY, tokenExpiry + "");
+        apollo.setCustomerToken(token);
+    };
+    IkasCustomerStore.prototype.loadToken = function () {
+        if (isServer$3)
+            return;
+        var token = localStorage.getItem(LS_TOKEN_KEY);
+        var tokenExpiry = localStorage.getItem(LS_TOKEN_EXPIRY);
+        if (token && tokenExpiry) {
+            this.setToken(token, parseInt(tokenExpiry));
+        }
+    };
+    IkasCustomerStore.prototype.clearLocalData = function () {
+        localStorage.removeItem(LS_TOKEN_KEY);
+        localStorage.removeItem(LS_TOKEN_EXPIRY);
+        localStorage.removeItem(LS_CUSTOMER_KEY);
+        this.customer = undefined;
+        this.token = undefined;
+        this.tokenExpiry = undefined;
+    };
+    return IkasCustomerStore;
+}());
+
 var IkasOrder = /** @class */ (function () {
     function IkasOrder(data) {
         var _this = this;
@@ -18731,6 +19228,7 @@ var IkasThemeComponentProp = /** @class */ (function () {
         this.type = data.type || exports.IkasThemeComponentPropType.TEXT;
         this.isRequired = data.isRequired || false;
         this.customDataId = data.customDataId || null;
+        this.attributeTypes = data.attributeTypes || null;
         mobx.makeAutoObservable(this);
     }
     return IkasThemeComponentProp;
@@ -18746,6 +19244,7 @@ var IkasThemeComponentProp = /** @class */ (function () {
     IkasThemeComponentPropType["PRODUCT_DETAIL"] = "PRODUCT_DETAIL";
     IkasThemeComponentPropType["PRODUCT_LIST"] = "PRODUCT_LIST";
     IkasThemeComponentPropType["PRODUCT_ATTRIBUTE"] = "PRODUCT_ATTRIBUTE";
+    IkasThemeComponentPropType["PRODUCT_ATTRIBUTE_LIST"] = "PRODUCT_ATTRIBUTE_LIST";
     IkasThemeComponentPropType["BRAND"] = "BRAND";
     IkasThemeComponentPropType["BRAND_LIST"] = "BRAND_LIST";
     IkasThemeComponentPropType["CATEGORY"] = "CATEGORY";
@@ -18759,6 +19258,7 @@ var IkasThemeComponentProp = /** @class */ (function () {
     IkasThemeComponentPropType["OBJECT"] = "OBJECT";
     IkasThemeComponentPropType["STATIC_LIST"] = "STATIC_LIST";
     IkasThemeComponentPropType["DYNAMIC_LIST"] = "DYNAMIC_LIST";
+    IkasThemeComponentPropType["ENUM"] = "ENUM";
 })(exports.IkasThemeComponentPropType || (exports.IkasThemeComponentPropType = {}));
 
 var IkasThemeComponent = /** @class */ (function () {
@@ -18780,6 +19280,8 @@ var IkasThemeCustomData = /** @class */ (function () {
     function IkasThemeCustomData(data) {
         var _this = this;
         if (data === void 0) { data = {}; }
+        var _a;
+        this.customDataId = null;
         this.id = data.id || "";
         this.name = data.name || null;
         this.type = data.type || exports.IkasThemeComponentPropType.TEXT;
@@ -18787,6 +19289,10 @@ var IkasThemeCustomData = /** @class */ (function () {
         this.key = data.key || null;
         this.parent = data.parent || null;
         this.itemCount = data.itemCount || null;
+        this.attributeTypes = data.attributeTypes || null;
+        this.enumOptions =
+            ((_a = data.enumOptions) === null || _a === void 0 ? void 0 : _a.map(function (eo) { return new IkasThemeEnumOption(eo); })) || null;
+        this.customDataId = data.customDataId || null;
         this.isRoot = data.isRoot || false;
         this.nestedData = data.nestedData
             ? data.nestedData.map(function (nd) {
@@ -18803,6 +19309,16 @@ var IkasThemeCustomData = /** @class */ (function () {
         return obj;
     };
     return IkasThemeCustomData;
+}());
+var IkasThemeEnumOption = /** @class */ (function () {
+    function IkasThemeEnumOption(data) {
+        if (data === void 0) { data = {}; }
+        this.id = data.id || "";
+        this.displayName = data.displayName || "";
+        this.value = data.value || "";
+        mobx.makeAutoObservable(this);
+    }
+    return IkasThemeEnumOption;
 }());
 
 var IkasThemePageComponent = /** @class */ (function () {
@@ -20045,6 +20561,8 @@ var IkasProductDetail = /** @class */ (function () {
         var newUrl = "/" + metaData.slug + "-" + this.selectedVariantValues
             .map(function (vv) { return vv.slug; })
             .join("-");
+        if (newUrl === window.location.pathname)
+            return;
         var isShallow = process.env.NODE_ENV !== "production";
         (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, {
             shallow: isShallow,
@@ -20919,6 +21437,15 @@ var CustomerAccountStatusesEnum;
     CustomerAccountStatusesEnum["DISABLED_ACCOUNT"] = "DISABLED_ACCOUNT";
     CustomerAccountStatusesEnum["INVITED_TO_CREATE_ACCOUNT"] = "INVITED_TO_CREATE_ACCOUNT";
 })(CustomerAccountStatusesEnum || (CustomerAccountStatusesEnum = {}));
+/**
+ * Customer Email Subscription Statuses
+ */
+var CustomerEmailSubscriptionStatusesEnum;
+(function (CustomerEmailSubscriptionStatusesEnum) {
+    CustomerEmailSubscriptionStatusesEnum["NOT_SUBSCRIBED"] = "NOT_SUBSCRIBED";
+    CustomerEmailSubscriptionStatusesEnum["PENDING_CONFIRMATION"] = "PENDING_CONFIRMATION";
+    CustomerEmailSubscriptionStatusesEnum["SUBSCRIBED"] = "SUBSCRIBED";
+})(CustomerEmailSubscriptionStatusesEnum || (CustomerEmailSubscriptionStatusesEnum = {}));
 /**
  * Url Slug Target Type Enum Codes
  */
@@ -20998,6 +21525,22 @@ var OrderStatusEnum;
     OrderStatusEnum["REFUND_REJECTED"] = "REFUND_REJECTED";
     OrderStatusEnum["REFUND_REQUESTED"] = "REFUND_REQUESTED";
 })(OrderStatusEnum || (OrderStatusEnum = {}));
+/**
+ * Payment Gateway Additional Price Type Enum
+ */
+var PaymentGatewayAdditionalPriceTypeEnum;
+(function (PaymentGatewayAdditionalPriceTypeEnum) {
+    PaymentGatewayAdditionalPriceTypeEnum["DECREMENT"] = "DECREMENT";
+    PaymentGatewayAdditionalPriceTypeEnum["INCREMENT"] = "INCREMENT";
+})(PaymentGatewayAdditionalPriceTypeEnum || (PaymentGatewayAdditionalPriceTypeEnum = {}));
+/**
+ * Payment Gateway Transaction Fee Type Enum
+ */
+var PaymentGatewayTransactionFeeTypeEnum;
+(function (PaymentGatewayTransactionFeeTypeEnum) {
+    PaymentGatewayTransactionFeeTypeEnum["AMOUNT"] = "AMOUNT";
+    PaymentGatewayTransactionFeeTypeEnum["RATIO"] = "RATIO";
+})(PaymentGatewayTransactionFeeTypeEnum || (PaymentGatewayTransactionFeeTypeEnum = {}));
 /**
  * Payment Method Enum
  */
@@ -21070,6 +21613,12 @@ var ProductFilterTypeEnum;
     ProductFilterTypeEnum["TAG"] = "TAG";
     ProductFilterTypeEnum["VARIANT_TYPE"] = "VARIANT_TYPE";
 })(ProductFilterTypeEnum || (ProductFilterTypeEnum = {}));
+var ProductSearchShowStockOptionEnum;
+(function (ProductSearchShowStockOptionEnum) {
+    ProductSearchShowStockOptionEnum["HIDE_OUT_OF_STOCK"] = "HIDE_OUT_OF_STOCK";
+    ProductSearchShowStockOptionEnum["SHOW_ALL"] = "SHOW_ALL";
+    ProductSearchShowStockOptionEnum["SHOW_OUT_OF_STOCK_AT_END"] = "SHOW_OUT_OF_STOCK_AT_END";
+})(ProductSearchShowStockOptionEnum || (ProductSearchShowStockOptionEnum = {}));
 /**
  * Shipping Method Enum
  */
@@ -21172,6 +21721,7 @@ var IkasProductList = /** @class */ (function () {
         var _this = this;
         this.filters = null;
         this._filterCategories = null;
+        this._infiniteScrollPage = null;
         this._initialized = false;
         this._minPage = null;
         this._filterBrandId = null;
@@ -21182,12 +21732,12 @@ var IkasProductList = /** @class */ (function () {
         this.router = null;
         this.applyFilters = function () { return __awaiter(_this, void 0, void 0, function () {
             var resultsSet;
-            var _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0: return [4 /*yield*/, this.getInitial()];
                     case 1:
-                        resultsSet = _c.sent();
+                        resultsSet = _b.sent();
                         if (![
                             exports.IkasThemePageType.CATEGORY,
                             exports.IkasThemePageType.BRAND,
@@ -21195,39 +21745,31 @@ var IkasProductList = /** @class */ (function () {
                         ].includes(this._pageType))
                             return [2 /*return*/];
                         // Change url params
-                        if (resultsSet && this.isBrowser()) {
-                            if (this.isFiltered) {
-                                (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace("" + location.pathname + (this.filterQueryParams ? "?" + this.filterQueryParams : ""), undefined, { shallow: true });
-                            }
-                            else {
-                                (_b = this.router) === null || _b === void 0 ? void 0 : _b.replace("" + location.pathname, undefined, {
-                                    shallow: true,
-                                });
-                            }
+                        if (resultsSet && this.isBrowser() && !this.isSearch) {
+                            (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace("" + location.pathname + (this.filterQueryParams ? "?" + this.filterQueryParams : ""), undefined, { shallow: true });
                         }
                         return [2 /*return*/];
                 }
             });
         }); };
         this.getInitial = function (queryParams, isInfiteScrollReturn) { return __awaiter(_this, void 0, void 0, function () {
-            var fetchRequestTime, page, limit, response_1, data, err_1;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var fetchRequestTime, page, limit, productIdList, lastViewedProducts, response_1, data, idList, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         this._isLoading = true;
                         fetchRequestTime = Date.now();
                         this._fetchRequestTime = fetchRequestTime;
-                        _b.label = 1;
+                        _a.label = 1;
                     case 1:
-                        _b.trys.push([1, 5, 6, 7]);
+                        _a.trys.push([1, 12, 13, 14]);
                         page = isInfiteScrollReturn ? this._page : 1;
                         limit = this._limit;
                         if (!(this.isFilterable && !this.filters)) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.getFilters()];
                     case 2:
-                        _b.sent();
-                        _b.label = 3;
+                        _a.sent();
+                        _a.label = 3;
                     case 3:
                         this.applyQueryParamFilters(queryParams);
                         if (this.isSearch && !this.hasAppliedfilter) {
@@ -21238,27 +21780,48 @@ var IkasProductList = /** @class */ (function () {
                             this._initialized = true;
                             return [2 /*return*/, true];
                         }
-                        if (this.isStatic) {
-                            page = undefined;
-                            limit = undefined;
-                        }
-                        else if (this.isDiscounted) {
-                            page = 1;
-                            limit = 10;
-                        }
-                        else if (this.isRecommended) {
-                            page = 1;
-                            limit = 10;
-                        }
-                        return [4 /*yield*/, this.searchProducts(page || 1, limit || 10)];
+                        productIdList = void 0;
+                        if (!this.isStatic) return [3 /*break*/, 4];
+                        page = undefined;
+                        limit = undefined;
+                        return [3 /*break*/, 10];
                     case 4:
-                        response_1 = _b.sent();
+                        if (!this.isDiscounted) return [3 /*break*/, 5];
+                        page = 1;
+                        limit = 10;
+                        return [3 /*break*/, 10];
+                    case 5:
+                        if (!this.isRecommended) return [3 /*break*/, 6];
+                        page = 1;
+                        limit = 10;
+                        return [3 /*break*/, 10];
+                    case 6:
+                        if (!this.isLastViewed) return [3 /*break*/, 10];
+                        if (!this.isBrowser()) return [3 /*break*/, 9];
+                        return [4 /*yield*/, this.waitForCustomerStoreInit()];
+                    case 7:
+                        _a.sent();
+                        return [4 /*yield*/, IkasStorefrontConfig.store.customerStore.getLastViewedProducts()];
+                    case 8:
+                        lastViewedProducts = _a.sent();
+                        if (lastViewedProducts && lastViewedProducts.length) {
+                            productIdList = lastViewedProducts.map(function (p) { return p.productId; });
+                        }
+                        return [3 /*break*/, 10];
+                    case 9: return [2 /*return*/];
+                    case 10: return [4 /*yield*/, this.searchProducts(page || 1, limit || 10, productIdList)];
+                    case 11:
+                        response_1 = _a.sent();
                         if (!response_1 || this._fetchRequestTime !== fetchRequestTime)
                             return [2 /*return*/];
                         data = [];
-                        if (this.isStatic) {
+                        if (this.isStatic || this.isLastViewed) {
+                            idList = this.isStatic
+                                ? this._productListPropValue.productIds
+                                : //@ts-ignore
+                                    IkasStorefrontConfig.store.customerStore._lastViewedProducts;
                             data =
-                                ((_a = this._productListPropValue.productIds) === null || _a === void 0 ? void 0 : _a.map(function (pID) {
+                                (idList === null || idList === void 0 ? void 0 : idList.map(function (pID) {
                                     var product = response_1.data.find(function (p) { return p.id === pID.productId; });
                                     var variant = product === null || product === void 0 ? void 0 : product.variants.find(function (v) { return v.id === pID.variantId; });
                                     if (product && variant)
@@ -21276,16 +21839,18 @@ var IkasProductList = /** @class */ (function () {
                         this._initialized = true;
                         this._page = page || 1;
                         this._minPage = this.page;
+                        if (!isInfiteScrollReturn)
+                            this._infiniteScrollPage = null;
                         return [2 /*return*/, true];
-                    case 5:
-                        err_1 = _b.sent();
+                    case 12:
+                        err_1 = _a.sent();
                         console.log(err_1);
-                        return [3 /*break*/, 7];
-                    case 6:
+                        return [3 /*break*/, 14];
+                    case 13:
                         if (fetchRequestTime === this._fetchRequestTime)
                             this._isLoading = false;
                         return [7 /*endfinally*/];
-                    case 7: return [2 /*return*/];
+                    case 14: return [2 /*return*/];
                 }
             });
         }); };
@@ -21297,6 +21862,7 @@ var IkasProductList = /** @class */ (function () {
                         if (this.isStatic ||
                             this.isDiscounted ||
                             this.isRecommended ||
+                            this.isLastViewed ||
                             this._isLoading ||
                             !this.hasPrev)
                             return [2 /*return*/];
@@ -21336,6 +21902,7 @@ var IkasProductList = /** @class */ (function () {
                         if (this.isStatic ||
                             this.isDiscounted ||
                             this.isRecommended ||
+                            this.isLastViewed ||
                             this._isLoading ||
                             !this.hasNext)
                             return [2 /*return*/];
@@ -21374,7 +21941,8 @@ var IkasProductList = /** @class */ (function () {
                         if (this._isLoading ||
                             this.isStatic ||
                             this.isDiscounted ||
-                            this.isRecommended)
+                            this.isRecommended ||
+                            this.isLastViewed)
                             return [2 /*return*/];
                         this._isLoading = true;
                         _a.label = 1;
@@ -21404,6 +21972,13 @@ var IkasProductList = /** @class */ (function () {
                 }
             });
         }); };
+        this.setVisibleInfiniteScrollPage = function (page) {
+            var _a;
+            if (_this._infiniteScrollPage === page)
+                return;
+            _this._infiniteScrollPage = page;
+            (_a = _this.router) === null || _a === void 0 ? void 0 : _a.replace("" + location.pathname + (_this.filterQueryParams ? "?" + _this.filterQueryParams : ""), undefined, { shallow: true });
+        };
         this.searchDebouncer = debounce_1(function () {
             _this.applyFilters();
         }, 100);
@@ -21444,7 +22019,7 @@ var IkasProductList = /** @class */ (function () {
         this.router = router;
         mobx.makeAutoObservable(this);
         if (this.isBrowser()) {
-            this.checkRestoreInfiniteScroll();
+            this.restoreInfiniteScrollPage();
             if (location.search &&
                 (this.isFilterable || this._type === exports.IkasProductListType.SEARCH)) {
                 var queryParams = this.getQueryParams();
@@ -21453,6 +22028,9 @@ var IkasProductList = /** @class */ (function () {
             else if (this._page > 1) {
                 this.getInitial(undefined, true);
             }
+            else if (this.isLastViewed) {
+                this.getInitial();
+            }
         }
     }
     Object.defineProperty(IkasProductList.prototype, "sort", {
@@ -21535,11 +22113,11 @@ var IkasProductList = /** @class */ (function () {
     });
     Object.defineProperty(IkasProductList.prototype, "isFiltered", {
         get: function () {
-            var _a;
+            var _a, _b;
             return (((_a = this.filters) === null || _a === void 0 ? void 0 : _a.some(function (f) { return !!f.valueList.length; })) ||
                 !!this._searchKeyword ||
                 (this._pageType !== exports.IkasThemePageType.CATEGORY &&
-                    !!this._filterCategoryId));
+                    (!!this._filterCategoryId || ((_b = this._filterCategories) === null || _b === void 0 ? void 0 : _b.some(function (fc) { return fc.isSelected; })))));
         },
         enumerable: false,
         configurable: true
@@ -21565,6 +22143,13 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductList.prototype, "isLastViewed", {
+        get: function () {
+            return this._type === exports.IkasProductListType.LAST_VIEWED;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasProductList.prototype, "isSearch", {
         get: function () {
             return this._type === exports.IkasProductListType.SEARCH;
@@ -21603,18 +22188,27 @@ var IkasProductList = /** @class */ (function () {
     Object.defineProperty(IkasProductList.prototype, "filterQueryParams", {
         get: function () {
             var _this = this;
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             var queryParams = {};
             (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (f) {
-                queryParams[f.key] = f.keyList;
+                if (f.keyList.length)
+                    queryParams[f.key] = f.keyList;
             });
             if (this._searchKeyword)
                 queryParams.s = this._searchKeyword;
-            if (this._pageType !== exports.IkasThemePageType.CATEGORY &&
-                this._filterCategoryId) {
-                var slug = (_c = (_b = this.filterCategories) === null || _b === void 0 ? void 0 : _b.find(function (fc) { return fc.id === _this._filterCategoryId; })) === null || _c === void 0 ? void 0 : _c.slug;
-                if (slug)
-                    queryParams.c = slug;
+            if (this._infiniteScrollPage)
+                queryParams.page = this._infiniteScrollPage;
+            if (this._pageType !== exports.IkasThemePageType.CATEGORY) {
+                var selectedCategories = (_b = this.filterCategories) === null || _b === void 0 ? void 0 : _b.filter(function (fc) { return fc.isSelected; });
+                var hasSelectedCategory = !!(selectedCategories === null || selectedCategories === void 0 ? void 0 : selectedCategories.length);
+                if (hasSelectedCategory) {
+                    queryParams.c = selectedCategories === null || selectedCategories === void 0 ? void 0 : selectedCategories.map(function (sc) { return sc.slug; });
+                }
+                else if (this._filterCategoryId) {
+                    var slug = (_d = (_c = this.filterCategories) === null || _c === void 0 ? void 0 : _c.find(function (fc) { return fc.id === _this._filterCategoryId; })) === null || _d === void 0 ? void 0 : _d.slug;
+                    if (slug)
+                        queryParams.c = slug;
+                }
             }
             return queryString.stringify(queryParams, { arrayFormat: "comma" });
         },
@@ -21679,12 +22273,12 @@ var IkasProductList = /** @class */ (function () {
             type: type,
         };
     };
-    IkasProductList.prototype.searchProducts = function (page, limit) {
-        var _a, _b;
+    IkasProductList.prototype.searchProducts = function (page, limit, productIdList) {
+        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function () {
-            var filterList;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            var filterList, selectedCategoryIds;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         filterList = [];
                         if (this._filterBrandId) {
@@ -21703,40 +22297,51 @@ var IkasProductList = /** @class */ (function () {
                                 }));
                             }
                         });
+                        selectedCategoryIds = (_b = this._filterCategories) === null || _b === void 0 ? void 0 : _b.filter(function (fc) { return fc.isSelected; }).map(function (fc) { return fc.id; });
                         return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
                                 page: page,
                                 perPage: limit,
                                 productIdList: this.isStatic
-                                    ? (_b = this._productListPropValue.productIds) === null || _b === void 0 ? void 0 : _b.map(function (p) { return p.productId; }) : undefined,
+                                    ? (_c = this._productListPropValue.productIds) === null || _c === void 0 ? void 0 : _c.map(function (p) { return p.productId; }) : productIdList,
                                 filterList: filterList,
                                 brandId: this._pageType === exports.IkasThemePageType.BRAND &&
                                     this._type !== exports.IkasProductListType.SEARCH
                                     ? this._filterBrandId
                                     : undefined,
-                                categoryIdList: this._filterCategoryId
-                                    ? [this._filterCategoryId]
-                                    : undefined,
+                                categoryIdList: selectedCategoryIds && selectedCategoryIds.length
+                                    ? selectedCategoryIds
+                                    : this._filterCategoryId
+                                        ? [this._filterCategoryId]
+                                        : undefined,
                                 priceListId: IkasStorefrontConfig.priceListId,
                                 salesChannelId: IkasStorefrontConfig.salesChannelId,
                                 query: this._searchKeyword,
                                 order: [this.getSortParams()],
                             })];
-                    case 1: return [2 /*return*/, _c.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     IkasProductList.prototype.getFilters = function () {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var getFiltersResponse;
+            var getFiltersResponse, filterCategory;
             var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0: return [4 /*yield*/, IkasProductSearchAPI.getProductFilterData(this._filterCategoryId ? this._filterCategoryId : undefined)];
                     case 1:
-                        getFiltersResponse = _a.sent();
+                        getFiltersResponse = _b.sent();
                         this.filters = getFiltersResponse === null || getFiltersResponse === void 0 ? void 0 : getFiltersResponse.filters.map(function (f) { return new IkasProductFilter(f, _this); });
                         this._filterCategories = getFiltersResponse === null || getFiltersResponse === void 0 ? void 0 : getFiltersResponse.categories;
+                        if (this.pageType !== exports.IkasThemePageType.CATEGORY &&
+                            this._filterCategoryId) {
+                            filterCategory = (_a = this._filterCategories) === null || _a === void 0 ? void 0 : _a.find(function (fc) { return fc.id === _this._filterCategoryId; });
+                            //@ts-ignore
+                            if (filterCategory)
+                                filterCategory._isSelected = true;
+                        }
                         if (this.filters)
                             this.filters.sort(function (f1, f2) { return (f1.order > f2.order ? 1 : -1); });
                         return [2 /*return*/];
@@ -21759,12 +22364,13 @@ var IkasProductList = /** @class */ (function () {
             if (querySearch)
                 this._searchKeyword = querySearch;
             if (this._pageType !== exports.IkasThemePageType.CATEGORY) {
-                var queryCategory_1 = queryParams === null || queryParams === void 0 ? void 0 : queryParams.get("c");
-                if (queryCategory_1) {
-                    var filterCategory = (_a = this.filterCategories) === null || _a === void 0 ? void 0 : _a.find(function (fc) { return fc.slug === queryCategory_1; });
-                    if (filterCategory) {
-                        this._filterCategoryId = filterCategory.id;
-                    }
+                var queryCategory = queryParams === null || queryParams === void 0 ? void 0 : queryParams.get("c");
+                var categorySlugs_1 = queryCategory === null || queryCategory === void 0 ? void 0 : queryCategory.split(",");
+                if (categorySlugs_1 && categorySlugs_1.length) {
+                    (_a = this.filterCategories) === null || _a === void 0 ? void 0 : _a.forEach(function (fc) {
+                        //@ts-ignore
+                        fc._isSelected = categorySlugs_1.some(function (slug) { return slug === fc.slug; });
+                    });
                 }
             }
         }
@@ -21810,11 +22416,13 @@ var IkasProductList = /** @class */ (function () {
         }
     };
     IkasProductList.prototype.clearFilters = function () {
-        var _a;
+        var _a, _b;
         (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) { return filter.clear(); });
         this._searchKeyword = "";
         if (this._pageType !== exports.IkasThemePageType.CATEGORY) {
             this._filterCategoryId = undefined;
+            //@ts-ignore
+            (_b = this._filterCategories) === null || _b === void 0 ? void 0 : _b.forEach(function (fc) { return (fc._isSelected = false); });
         }
         this.applyFilters();
     };
@@ -21833,32 +22441,32 @@ var IkasProductList = /** @class */ (function () {
         });
     };
     IkasProductList.prototype.onFilterCategoryClick = function (filterCategory, disableRoute) {
-        var _a;
+        var _a, _b;
         if (disableRoute === void 0) { disableRoute = false; }
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
                         if (!disableRoute) return [3 /*break*/, 2];
-                        this._filterCategoryId = filterCategory.id;
+                        (_a = this._filterCategories) === null || _a === void 0 ? void 0 : _a.forEach(function (fc) {
+                            if (fc.id === filterCategory.id) {
+                                //@ts-ignore
+                                fc._isSelected = !fc.isSelected;
+                            }
+                        });
                         return [4 /*yield*/, this.applyFilters()];
                     case 1:
-                        _b.sent();
+                        _c.sent();
                         return [3 /*break*/, 3];
                     case 2:
-                        (_a = this.router) === null || _a === void 0 ? void 0 : _a.push(filterCategory.href +
+                        (_b = this.router) === null || _b === void 0 ? void 0 : _b.push(filterCategory.href +
                             (this.filterQueryParams ? "?" + this.filterQueryParams : ""));
-                        _b.label = 3;
+                        _c.label = 3;
                     case 3: return [2 /*return*/];
                 }
             });
         });
     };
-    IkasProductList.prototype.setVisibleInfiniteScrollPage = function (page) {
-        //@ts-ignore
-        var infiniteScrollPages = IkasStorefrontConfig.store.infiniteScrollPages;
-        infiniteScrollPages[this._productListPropValue.id] = page;
-    };
     IkasProductList.prototype.toJSON = function () {
         return {
             data: this.data,
@@ -21879,22 +22487,17 @@ var IkasProductList = /** @class */ (function () {
             productListPropValue: this._productListPropValue,
         };
     };
-    IkasProductList.prototype.checkRestoreInfiniteScroll = function () {
-        //@ts-ignore
-        var infiniteScrollPages = IkasStorefrontConfig.store.infiniteScrollPages;
-        var page = infiniteScrollPages[this._productListPropValue.id];
-        if (page) {
-            if (this.hasForwardRoute()) {
+    IkasProductList.prototype.restoreInfiniteScrollPage = function () {
+        var queryParams = this.getQueryParams();
+        var pageStr = queryParams === null || queryParams === void 0 ? void 0 : queryParams.get("page");
+        if (pageStr) {
+            var page = parseInt(pageStr);
+            if (!isNaN(page)) {
                 this._page = page;
-            }
-            else {
-                delete infiniteScrollPages[this._productListPropValue.id];
+                this._infiniteScrollPage = page;
             }
         }
     };
-    IkasProductList.prototype.hasForwardRoute = function () {
-        return this.isBrowser() && !!window.history.forward;
-    };
     IkasProductList.prototype.getQueryParams = function () {
         if (!this.isBrowser())
             return;
@@ -21903,6 +22506,16 @@ var IkasProductList = /** @class */ (function () {
     IkasProductList.prototype.isBrowser = function () {
         return typeof window !== "undefined";
     };
+    IkasProductList.prototype.waitForCustomerStoreInit = function () {
+        return new Promise(function (resolve) {
+            var interval = setInterval(function () {
+                if (IkasStorefrontConfig.store.customerStore.initialized) {
+                    clearInterval(interval);
+                    resolve(null);
+                }
+            }, 1000);
+        });
+    };
     return IkasProductList;
 }());
 (function (IkasProductListType) {
@@ -21912,6 +22525,7 @@ var IkasProductList = /** @class */ (function () {
     IkasProductListType["RECOMMENDED"] = "RECOMMENDED";
     IkasProductListType["CATEGORY"] = "CATEGORY";
     IkasProductListType["SEARCH"] = "SEARCH";
+    IkasProductListType["LAST_VIEWED"] = "LAST_VIEWED";
 })(exports.IkasProductListType || (exports.IkasProductListType = {}));
 (function (IkasProductListSortType) {
     // A_Z = "A_Z",
@@ -24100,74 +24714,99 @@ var IkasLinkPropValueProvider = /** @class */ (function () {
     IkasLinkPropValueProvider.prototype.getNavigationLink = function (linkPropValue) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var navigationLink, themePage, metaDataList, _c, page, headerComponentId_1, footerComponentId_1, pageComponents, componentIndex;
+            var navigationLink, themePage, metaDataList, metaDataList, _c, page, headerComponentId_1, footerComponentId_1, pageComponents, componentIndex;
             var _this = this;
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0:
-                        if (!(linkPropValue.linkType === exports.IkasLinkType.PAGE)) return [3 /*break*/, 12];
+                        if (!(linkPropValue.linkType === exports.IkasLinkType.PAGE)) return [3 /*break*/, 18];
                         if (!(linkPropValue.pageType === exports.IkasThemePageType.INDEX)) return [3 /*break*/, 1];
                         navigationLink = new IkasNavigationLink("/", linkPropValue.label || "", []);
-                        return [3 /*break*/, 11];
+                        return [3 /*break*/, 17];
                     case 1:
                         if (!(linkPropValue.pageType === exports.IkasThemePageType.ACCOUNT)) return [3 /*break*/, 2];
                         navigationLink = new IkasNavigationLink("/account/info", linkPropValue.label || "", []);
-                        return [3 /*break*/, 11];
+                        return [3 /*break*/, 17];
                     case 2:
                         if (!(linkPropValue.pageType === exports.IkasThemePageType.ADDRESSES)) return [3 /*break*/, 3];
                         navigationLink = new IkasNavigationLink("/account/addresses", linkPropValue.label || "", []);
-                        return [3 /*break*/, 11];
+                        return [3 /*break*/, 17];
                     case 3:
                         if (!(linkPropValue.pageType === exports.IkasThemePageType.ORDERS)) return [3 /*break*/, 4];
                         navigationLink = new IkasNavigationLink("/account/orders", linkPropValue.label || "", []);
-                        return [3 /*break*/, 11];
+                        return [3 /*break*/, 17];
                     case 4:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.LOGIN)) return [3 /*break*/, 5];
-                        navigationLink = new IkasNavigationLink("/account/login", linkPropValue.label || "", []);
-                        return [3 /*break*/, 11];
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.FAVORITE_PRODUCTS)) return [3 /*break*/, 5];
+                        navigationLink = new IkasNavigationLink("/account/favorite-products", linkPropValue.label || "", []);
+                        return [3 /*break*/, 17];
                     case 5:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.REGISTER)) return [3 /*break*/, 6];
-                        navigationLink = new IkasNavigationLink("/account/register", linkPropValue.label || "", []);
-                        return [3 /*break*/, 11];
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.LOGIN)) return [3 /*break*/, 6];
+                        navigationLink = new IkasNavigationLink("/account/login", linkPropValue.label || "", []);
+                        return [3 /*break*/, 17];
                     case 6:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.FORGOT_PASSWORD)) return [3 /*break*/, 7];
-                        navigationLink = new IkasNavigationLink("/account/forgot-password", linkPropValue.label || "", []);
-                        return [3 /*break*/, 11];
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.REGISTER)) return [3 /*break*/, 7];
+                        navigationLink = new IkasNavigationLink("/account/register", linkPropValue.label || "", []);
+                        return [3 /*break*/, 17];
                     case 7:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.RECOVER_PASSWORD)) return [3 /*break*/, 8];
-                        navigationLink = new IkasNavigationLink("/account/recover-password", linkPropValue.label || "", []);
-                        return [3 /*break*/, 11];
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.FORGOT_PASSWORD)) return [3 /*break*/, 8];
+                        navigationLink = new IkasNavigationLink("/account/forgot-password", linkPropValue.label || "", []);
+                        return [3 /*break*/, 17];
                     case 8:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.CUSTOM)) return [3 /*break*/, 9];
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.RECOVER_PASSWORD)) return [3 /*break*/, 9];
+                        navigationLink = new IkasNavigationLink("/account/recover-password", linkPropValue.label || "", []);
+                        return [3 /*break*/, 17];
+                    case 9:
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.BLOG_INDEX)) return [3 /*break*/, 10];
+                        navigationLink = new IkasNavigationLink("/blog", linkPropValue.label || "", []);
+                        return [3 /*break*/, 17];
+                    case 10:
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.CART)) return [3 /*break*/, 11];
+                        navigationLink = new IkasNavigationLink("/cart", linkPropValue.label || "", []);
+                        return [3 /*break*/, 17];
+                    case 11:
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.SEARCH)) return [3 /*break*/, 12];
+                        navigationLink = new IkasNavigationLink("/search", linkPropValue.label || "", []);
+                        return [3 /*break*/, 17];
+                    case 12:
+                        if (!(linkPropValue.pageType === exports.IkasThemePageType.CUSTOM)) return [3 /*break*/, 13];
                         themePage = this.theme.pages.find(function (p) { return p.id === linkPropValue.pageId; });
                         if (themePage) {
                             navigationLink = new IkasNavigationLink("/pages/" + themePage.slug, linkPropValue.label || "", []);
                         }
-                        return [3 /*break*/, 11];
-                    case 9:
+                        return [3 /*break*/, 17];
+                    case 13:
                         if (![
                             exports.IkasThemePageType.PRODUCT,
                             exports.IkasThemePageType.BRAND,
                             exports.IkasThemePageType.CATEGORY,
-                        ].includes(linkPropValue.pageType)) return [3 /*break*/, 11];
+                        ].includes(linkPropValue.pageType)) return [3 /*break*/, 15];
                         return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(undefined, linkPropValue.itemId || undefined)];
-                    case 10:
+                    case 14:
                         metaDataList = _d.sent();
                         if (metaDataList.length) {
                             navigationLink = new IkasNavigationLink("/" + metaDataList[0].slug, linkPropValue.label || "", []);
                         }
-                        _d.label = 11;
-                    case 11: return [3 /*break*/, 13];
-                    case 12:
+                        return [3 /*break*/, 17];
+                    case 15:
+                        if (![exports.IkasThemePageType.BLOG, exports.IkasThemePageType.BLOG_CATEGORY].includes(linkPropValue.pageType)) return [3 /*break*/, 17];
+                        return [4 /*yield*/, IkasBlogAPI.listBlogMetaData(undefined, linkPropValue.itemId || undefined)];
+                    case 16:
+                        metaDataList = _d.sent();
+                        if (metaDataList.length) {
+                            navigationLink = new IkasNavigationLink("/blog/" + metaDataList[0].slug, linkPropValue.label || "", []);
+                        }
+                        _d.label = 17;
+                    case 17: return [3 /*break*/, 19];
+                    case 18:
                         if (linkPropValue.linkType === exports.IkasLinkType.EXTERNAL) {
                             navigationLink = new IkasNavigationLink(linkPropValue.externalLink || "", linkPropValue.label || "", [], true);
                         }
-                        _d.label = 13;
-                    case 13:
-                        if (!navigationLink) return [3 /*break*/, 15];
+                        _d.label = 19;
+                    case 19:
+                        if (!navigationLink) return [3 /*break*/, 21];
                         _c = navigationLink;
                         return [4 /*yield*/, Promise.all(linkPropValue.subLinks.map(function (sl) { return _this.getNavigationLink(sl); }))];
-                    case 14:
+                    case 20:
                         _c.subLinks = _d.sent();
                         // ADD HASH LINK
                         if (linkPropValue.pageComponentId && linkPropValue.pageId) {
@@ -24184,7 +24823,7 @@ var IkasLinkPropValueProvider = /** @class */ (function () {
                             }
                         }
                         return [2 /*return*/, navigationLink];
-                    case 15: return [2 /*return*/, new IkasNavigationLink("", "", [])];
+                    case 21: return [2 /*return*/, new IkasNavigationLink("", "", [])];
                 }
             });
         });
@@ -24250,13 +24889,13 @@ var IkasColorPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasBooleanPropValueProvider = /** @class */ (function () {
-    function IkasBooleanPropValueProvider(textPropValue) {
-        this.bool = textPropValue;
+    function IkasBooleanPropValueProvider(boolPropValue) {
+        this.bool = boolPropValue;
     }
     IkasBooleanPropValueProvider.prototype.getValue = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
-                return [2 /*return*/, this.bool];
+                return [2 /*return*/, this.bool || false];
             });
         });
     };
@@ -24427,130 +25066,276 @@ var IkasBlogListPropValueProvider = /** @class */ (function () {
     return IkasBlogListPropValueProvider;
 }());
 
-var IkasCustomPropValueProvider = /** @class */ (function () {
-    function IkasCustomPropValueProvider(value, customData, theme, pageType, pageDataProvider, pageSpecificData, pageParams) {
-        this.value = value;
-        this.customData = customData;
-        this.theme = theme;
-        this.pageType = pageType;
-        this.pageDataProvider = pageDataProvider;
+var IkasAttributePropValueProvider = /** @class */ (function () {
+    function IkasAttributePropValueProvider(prop, pageSpecificData) {
+        this.attributePropValue = prop;
         this.pageSpecificData = pageSpecificData;
-        this.pageParams = pageParams;
     }
-    IkasCustomPropValueProvider.prototype.getValue = function () {
+    IkasAttributePropValueProvider.prototype.getValue = function () {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var customDataValue, _a;
+            var productDetail, productSearchResponse, productList, product, variant;
+            var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        if (this.value === undefined || this.value === null)
-                            return [2 /*return*/];
-                        _b.label = 1;
-                    case 1:
-                        _b.trys.push([1, 40, , 41]);
-                        _a = this.customData.type;
-                        switch (_a) {
-                            case exports.IkasThemeComponentPropType.TEXT: return [3 /*break*/, 2];
-                            case exports.IkasThemeComponentPropType.RICH_TEXT: return [3 /*break*/, 4];
-                            case exports.IkasThemeComponentPropType.BOOLEAN: return [3 /*break*/, 6];
-                            case exports.IkasThemeComponentPropType.BRAND_LIST: return [3 /*break*/, 8];
-                            case exports.IkasThemeComponentPropType.BRAND: return [3 /*break*/, 10];
-                            case exports.IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 12];
-                            case exports.IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 14];
-                            case exports.IkasThemeComponentPropType.COLOR: return [3 /*break*/, 16];
-                            case exports.IkasThemeComponentPropType.IMAGE_LIST: return [3 /*break*/, 18];
-                            case exports.IkasThemeComponentPropType.IMAGE: return [3 /*break*/, 20];
-                            case exports.IkasThemeComponentPropType.LINK: return [3 /*break*/, 22];
-                            case exports.IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 22];
-                            case exports.IkasThemeComponentPropType.PRODUCT_DETAIL: return [3 /*break*/, 24];
-                            case exports.IkasThemeComponentPropType.PRODUCT_LIST: return [3 /*break*/, 26];
-                            case exports.IkasThemeComponentPropType.OBJECT: return [3 /*break*/, 28];
-                            case exports.IkasThemeComponentPropType.DYNAMIC_LIST: return [3 /*break*/, 30];
-                            case exports.IkasThemeComponentPropType.STATIC_LIST: return [3 /*break*/, 30];
-                            case exports.IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 32];
-                            case exports.IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 32];
-                            case exports.IkasThemeComponentPropType.BLOG: return [3 /*break*/, 34];
-                            case exports.IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 36];
-                        }
-                        return [3 /*break*/, 38];
+                        if (!this.attributePropValue.attributeId ||
+                            (this.attributePropValue.usePageData && !this.pageSpecificData) ||
+                            (!this.attributePropValue.usePageData &&
+                                !this.attributePropValue.variantId)) {
+                            return [2 /*return*/, []];
+                        }
+                        if (!((_a = this.attributePropValue) === null || _a === void 0 ? void 0 : _a.usePageData)) return [3 /*break*/, 1];
+                        productDetail = this.pageSpecificData;
+                        return [3 /*break*/, 3];
+                    case 1: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
+                            productIdList: [this.attributePropValue.productId],
+                            priceListId: IkasStorefrontConfig.priceListId,
+                            salesChannelId: IkasStorefrontConfig.salesChannelId,
+                        })];
+                    case 2:
+                        productSearchResponse = _b.sent();
+                        if (productSearchResponse) {
+                            productList = productSearchResponse.data;
+                            if (productList.length) {
+                                product = productList[0];
+                                if (product === null || product === void 0 ? void 0 : product.hasVariant) {
+                                    variant = product.variants.find(function (v) { return v.id === _this.attributePropValue.variantId; });
+                                    if (variant) {
+                                        productDetail = new IkasProductDetail(product, variant.variantValues);
+                                    }
+                                }
+                                else {
+                                    productDetail = new IkasProductDetail(product, product.variants[0].variantValues);
+                                }
+                            }
+                        }
+                        _b.label = 3;
+                    case 3:
+                        if (!productDetail)
+                            return [2 /*return*/, []];
+                        return [2 /*return*/, productDetail.product.hasVariant
+                                ? productDetail.selectedVariant.attributes.filter(function (a) { return a.productAttributeId === _this.attributePropValue.attributeId; })
+                                : productDetail.product.attributes.filter(function (a) { return a.productAttributeId === _this.attributePropValue.attributeId; })];
+                }
+            });
+        });
+    };
+    return IkasAttributePropValueProvider;
+}());
+
+var IkasAttributeListPropValueProvider = /** @class */ (function () {
+    function IkasAttributeListPropValueProvider(prop, pageSpecificData) {
+        this.attributeListPropValue = prop;
+        this.pageSpecificData = pageSpecificData;
+    }
+    IkasAttributeListPropValueProvider.prototype.getValue = function () {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function () {
+            var productDetail, productSearchResponse, productList, product, variant, groupedValues;
+            var _this = this;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!((_a = this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.length) ||
+                            (this.attributeListPropValue.usePageData && !this.pageSpecificData) ||
+                            (!this.attributeListPropValue.usePageData &&
+                                !this.attributeListPropValue.variantId)) {
+                            return [2 /*return*/, []];
+                        }
+                        if (!((_b = this.attributeListPropValue) === null || _b === void 0 ? void 0 : _b.usePageData)) return [3 /*break*/, 1];
+                        productDetail = this.pageSpecificData;
+                        return [3 /*break*/, 3];
+                    case 1: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
+                            productIdList: [this.attributeListPropValue.productId],
+                            priceListId: IkasStorefrontConfig.priceListId,
+                            salesChannelId: IkasStorefrontConfig.salesChannelId,
+                        })];
+                    case 2:
+                        productSearchResponse = _c.sent();
+                        if (productSearchResponse) {
+                            productList = productSearchResponse.data;
+                            if (productList.length) {
+                                product = productList[0];
+                                if (product === null || product === void 0 ? void 0 : product.hasVariant) {
+                                    variant = product.variants.find(function (v) { return v.id === _this.attributeListPropValue.variantId; });
+                                    if (variant) {
+                                        productDetail = new IkasProductDetail(product, variant.variantValues);
+                                    }
+                                }
+                                else {
+                                    productDetail = new IkasProductDetail(product, product.variants[0].variantValues);
+                                }
+                            }
+                        }
+                        _c.label = 3;
+                    case 3:
+                        if (!productDetail)
+                            return [2 /*return*/, []];
+                        groupedValues = productDetail.product.hasVariant
+                            ? groupBy_1(productDetail.selectedVariant.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId")
+                            : groupBy_1(productDetail.product.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId");
+                        return [2 /*return*/, this.attributeListPropValue.attributeIds
+                                .map(function (attributeId) {
+                                var values = groupedValues[attributeId];
+                                if ((values === null || values === void 0 ? void 0 : values.length) && values[0].productAttribute)
+                                    return {
+                                        attribute: values[0].productAttribute,
+                                        values: values,
+                                    };
+                            })
+                                .filter(function (v) { return !!v; })];
+                }
+            });
+        });
+    };
+    return IkasAttributeListPropValueProvider;
+}());
+
+var IkasCustomPropValueProvider = /** @class */ (function () {
+    function IkasCustomPropValueProvider(value, customData, theme, pageType, pageDataProvider, pageSpecificData, pageParams) {
+        this.value = value;
+        this.customData = customData;
+        this.theme = theme;
+        this.pageType = pageType;
+        this.pageDataProvider = pageDataProvider;
+        this.pageSpecificData = pageSpecificData;
+        this.pageParams = pageParams;
+    }
+    IkasCustomPropValueProvider.prototype.getValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var customDataValue, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (this.value === undefined || this.value === null)
+                            return [2 /*return*/];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 48, , 49]);
+                        _a = this.customData.type;
+                        switch (_a) {
+                            case exports.IkasThemeComponentPropType.TEXT: return [3 /*break*/, 2];
+                            case exports.IkasThemeComponentPropType.RICH_TEXT: return [3 /*break*/, 4];
+                            case exports.IkasThemeComponentPropType.BOOLEAN: return [3 /*break*/, 6];
+                            case exports.IkasThemeComponentPropType.BRAND_LIST: return [3 /*break*/, 8];
+                            case exports.IkasThemeComponentPropType.BRAND: return [3 /*break*/, 10];
+                            case exports.IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 12];
+                            case exports.IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 14];
+                            case exports.IkasThemeComponentPropType.COLOR: return [3 /*break*/, 16];
+                            case exports.IkasThemeComponentPropType.IMAGE_LIST: return [3 /*break*/, 18];
+                            case exports.IkasThemeComponentPropType.IMAGE: return [3 /*break*/, 20];
+                            case exports.IkasThemeComponentPropType.LINK: return [3 /*break*/, 22];
+                            case exports.IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 22];
+                            case exports.IkasThemeComponentPropType.PRODUCT_DETAIL: return [3 /*break*/, 24];
+                            case exports.IkasThemeComponentPropType.PRODUCT_LIST: return [3 /*break*/, 26];
+                            case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE: return [3 /*break*/, 28];
+                            case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE_LIST: return [3 /*break*/, 30];
+                            case exports.IkasThemeComponentPropType.OBJECT: return [3 /*break*/, 32];
+                            case exports.IkasThemeComponentPropType.DYNAMIC_LIST: return [3 /*break*/, 34];
+                            case exports.IkasThemeComponentPropType.STATIC_LIST: return [3 /*break*/, 34];
+                            case exports.IkasThemeComponentPropType.ENUM: return [3 /*break*/, 36];
+                            case exports.IkasThemeComponentPropType.CUSTOM: return [3 /*break*/, 38];
+                            case exports.IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 40];
+                            case exports.IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 40];
+                            case exports.IkasThemeComponentPropType.BLOG: return [3 /*break*/, 42];
+                            case exports.IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 44];
+                        }
+                        return [3 /*break*/, 46];
                     case 2: return [4 /*yield*/, this.getTextValue()];
                     case 3:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 4: return [4 /*yield*/, this.getRichTextPropValue()];
                     case 5:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 6: return [4 /*yield*/, this.getBooleanValue()];
                     case 7:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 8: return [4 /*yield*/, this.getBrandListPropValue()];
                     case 9:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 10: return [4 /*yield*/, this.getBrandPropValue()];
                     case 11:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 12: return [4 /*yield*/, this.getCategoryListPropValue()];
                     case 13:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 14: return [4 /*yield*/, this.getCategoryPropValue()];
                     case 15:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 16: return [4 /*yield*/, this.getColorPropValue()];
                     case 17:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 18: return [4 /*yield*/, this.getImageListPropValue()];
                     case 19:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 20: return [4 /*yield*/, this.getImagePropValue()];
                     case 21:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 22: return [4 /*yield*/, this.getLinkPropValue()];
                     case 23:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 24: return [4 /*yield*/, this.getProductDetailPropValue()];
                     case 25:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
+                        return [3 /*break*/, 47];
                     case 26: return [4 /*yield*/, this.getProductListPropValue()];
                     case 27:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
-                    case 28: return [4 /*yield*/, this.getObjectValue()];
+                        return [3 /*break*/, 47];
+                    case 28: return [4 /*yield*/, this.getProductAttributePropValue()];
                     case 29:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
-                    case 30: return [4 /*yield*/, this.getArrayValue()];
+                        return [3 /*break*/, 47];
+                    case 30: return [4 /*yield*/, this.getProductAttributeListPropValue()];
                     case 31:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
-                    case 32: return [4 /*yield*/, this.getComponentListValue()];
+                        return [3 /*break*/, 47];
+                    case 32: return [4 /*yield*/, this.getObjectValue()];
                     case 33:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
-                    case 34: return [4 /*yield*/, this.getBlogValue()];
+                        return [3 /*break*/, 47];
+                    case 34: return [4 /*yield*/, this.getArrayValue()];
                     case 35:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
-                    case 36: return [4 /*yield*/, this.getBlogListValue()];
+                        return [3 /*break*/, 47];
+                    case 36: return [4 /*yield*/, this.getEnumValue()];
                     case 37:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 39];
-                    case 38: return [3 /*break*/, 39];
-                    case 39: return [3 /*break*/, 41];
-                    case 40:
+                        return [3 /*break*/, 47];
+                    case 38: return [4 /*yield*/, this.getCustomDataValue()];
+                    case 39:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 47];
+                    case 40: return [4 /*yield*/, this.getComponentListValue()];
+                    case 41:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 47];
+                    case 42: return [4 /*yield*/, this.getBlogValue()];
+                    case 43:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 47];
+                    case 44: return [4 /*yield*/, this.getBlogListValue()];
+                    case 45:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 47];
+                    case 46: return [3 /*break*/, 47];
+                    case 47: return [3 /*break*/, 49];
+                    case 48:
                         _b.sent();
                         return [2 /*return*/];
-                    case 41:
+                    case 49:
                         if (this.customData.isRequired &&
                             ((customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === undefined || (customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === null))
                             return [2 /*return*/];
@@ -24775,6 +25560,42 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             });
         });
     };
+    IkasCustomPropValueProvider.prototype.getProductAttributePropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasAttributePropValueProvider(this.value, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getProductAttributeListPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasAttributeListPropValueProvider(this.value, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
     IkasCustomPropValueProvider.prototype.getTextValue = function () {
         return __awaiter(this, void 0, void 0, function () {
             var provider, value;
@@ -24871,6 +25692,36 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             });
         });
     };
+    IkasCustomPropValueProvider.prototype.getEnumValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, {
+                        value: this.value,
+                        customData: this.customData,
+                    }];
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getCustomDataValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var selectedCustomData, nestedProvider;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        selectedCustomData = this.theme.customData.find(function (c) { return c.id === _this.customData.customDataId; });
+                        if (!selectedCustomData)
+                            return [2 /*return*/, {
+                                    value: null,
+                                    customData: this.customData,
+                                }];
+                        nestedProvider = new IkasCustomPropValueProvider(this.value, selectedCustomData, this.theme, this.pageType, this.pageDataProvider, this.pageSpecificData);
+                        return [4 /*yield*/, nestedProvider.getValue()];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
     IkasCustomPropValueProvider.prototype.getComponentListValue = function () {
         return __awaiter(this, void 0, void 0, function () {
             var pageComponents;
@@ -24958,7 +25809,23 @@ var pascalCase = function (str) {
 var decodeBase64 = function (base64) {
     var buffer = Buffer.from(base64, "base64");
     return buffer.toString("ascii");
-};
+};
+function stringSorter(atitle, btitle) {
+    var alphabet = "0123456789AaBbCcÇçDdEeFfGgĞğHhIıİiJjKkLlMmNnOoÖöPpQqRrSsŞşTtUuÜüVvWwXxYyZz";
+    var _atitle = atitle || "";
+    var _btitle = btitle || "";
+    if (_atitle.length === 0 || _btitle.length === 0) {
+        return _atitle.length - _btitle.length;
+    }
+    for (var i = 0; i < _atitle.length && i < _btitle.length; i++) {
+        var ai = alphabet.indexOf(_atitle[i].toUpperCase());
+        var bi = alphabet.indexOf(_btitle[i].toUpperCase());
+        if (ai !== bi) {
+            return ai - bi;
+        }
+    }
+    return 0;
+}
 
 var ThemeComponent = mobxReactLite.observer(function (_a) {
     var pageComponentPropValue = _a.pageComponentPropValue, index = _a.index, settings = _a.settings;
@@ -25192,6 +26059,37 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
     catch (_a) { }
 }
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".style-module_IkasPage__ATOib {\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  visibility: hidden; }\n  .style-module_IkasPage__ATOib.style-module_Visible__gfjnC {\n    visibility: visible; }\n";
+var styles = {"IkasPage":"style-module_IkasPage__ATOib","Visible":"style-module_Visible__gfjnC"};
+styleInject(css_248z);
+
 var IkasPage = mobxReactLite.observer(function (_a) {
     var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
     var store = IkasStorefrontConfig.store;
@@ -25211,12 +26109,11 @@ var IkasPage = mobxReactLite.observer(function (_a) {
     var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
     var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
     var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
-    var _pageStyle = __assign(__assign({}, pageStyle), { visibility: mounted ? "visible" : "hidden" });
     if (!page)
         return null;
     return (React.createElement(React.Fragment, null,
         React.createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr, merchantSettings: merchantSettings, addOgpMetas: addOgpMetas }),
-        React.createElement("div", { style: _pageStyle },
+        React.createElement("div", { className: [styles.IkasPage, mounted ? styles.Visible : ""].join(" ") },
             React.createElement("div", null,
                 headerComponentPropValue &&
                     renderComponent(headerComponentPropValue, settings, -1),
@@ -25228,74 +26125,8 @@ var IkasPage = mobxReactLite.observer(function (_a) {
 });
 var renderComponent = function (pageComponentPropValue, settings, index) {
     return (React.createElement(ThemeComponent, { key: pageComponentPropValue.pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, settings: settings }));
-};
-var pageStyle = {
-    position: "relative",
-    minHeight: "100vh",
-    width: "100vw",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "space-between",
 };
 
-var IkasAttributePropValueProvider = /** @class */ (function () {
-    function IkasAttributePropValueProvider(prop, pageSpecificData) {
-        this.attributePropValue = prop;
-        this.pageSpecificData = pageSpecificData;
-    }
-    IkasAttributePropValueProvider.prototype.getValue = function () {
-        var _a;
-        return __awaiter(this, void 0, void 0, function () {
-            var productDetail, productSearchResponse, productList, product, variant;
-            var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!this.attributePropValue.attributeId ||
-                            (this.attributePropValue.usePageData && !this.pageSpecificData) ||
-                            (!this.attributePropValue.usePageData &&
-                                !this.attributePropValue.variantId)) {
-                            return [2 /*return*/, []];
-                        }
-                        if (!((_a = this.attributePropValue) === null || _a === void 0 ? void 0 : _a.usePageData)) return [3 /*break*/, 1];
-                        productDetail = this.pageSpecificData;
-                        return [3 /*break*/, 3];
-                    case 1: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
-                            productIdList: [this.attributePropValue.productId],
-                            priceListId: IkasStorefrontConfig.priceListId,
-                            salesChannelId: IkasStorefrontConfig.salesChannelId,
-                        })];
-                    case 2:
-                        productSearchResponse = _b.sent();
-                        if (productSearchResponse) {
-                            productList = productSearchResponse.data;
-                            if (productList.length) {
-                                product = productList[0];
-                                if (product === null || product === void 0 ? void 0 : product.hasVariant) {
-                                    variant = product.variants.find(function (v) { return v.id === _this.attributePropValue.variantId; });
-                                    if (variant) {
-                                        productDetail = new IkasProductDetail(product, variant.variantValues);
-                                    }
-                                }
-                                else {
-                                    productDetail = new IkasProductDetail(product, product.variants[0].variantValues);
-                                }
-                            }
-                        }
-                        _b.label = 3;
-                    case 3:
-                        if (!productDetail)
-                            return [2 /*return*/, []];
-                        return [2 /*return*/, productDetail.product.hasVariant
-                                ? productDetail.selectedVariant.attributes.filter(function (a) { return a.productAttributeId === _this.attributePropValue.attributeId; })
-                                : productDetail.product.attributes.filter(function (a) { return a.productAttributeId === _this.attributePropValue.attributeId; })];
-                }
-            });
-        });
-    };
-    return IkasAttributePropValueProvider;
-}());
-
 var IkasPageDataProvider = /** @class */ (function () {
     function IkasPageDataProvider(theme, pageParams, pageType) {
         this.pageType = null;
@@ -25685,79 +26516,83 @@ var IkasPageDataProvider = /** @class */ (function () {
                             case exports.IkasThemeComponentPropType.PRODUCT_LIST: return [3 /*break*/, 8];
                             case exports.IkasThemeComponentPropType.PRODUCT_DETAIL: return [3 /*break*/, 9];
                             case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE: return [3 /*break*/, 10];
-                            case exports.IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 11];
-                            case exports.IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 12];
-                            case exports.IkasThemeComponentPropType.LINK: return [3 /*break*/, 13];
-                            case exports.IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 13];
-                            case exports.IkasThemeComponentPropType.COLOR: return [3 /*break*/, 14];
-                            case exports.IkasThemeComponentPropType.CUSTOM: return [3 /*break*/, 15];
-                            case exports.IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 16];
-                            case exports.IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 16];
-                            case exports.IkasThemeComponentPropType.BLOG: return [3 /*break*/, 18];
-                            case exports.IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 19];
+                            case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE_LIST: return [3 /*break*/, 11];
+                            case exports.IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 12];
+                            case exports.IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 13];
+                            case exports.IkasThemeComponentPropType.LINK: return [3 /*break*/, 14];
+                            case exports.IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 14];
+                            case exports.IkasThemeComponentPropType.COLOR: return [3 /*break*/, 15];
+                            case exports.IkasThemeComponentPropType.CUSTOM: return [3 /*break*/, 16];
+                            case exports.IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 17];
+                            case exports.IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 17];
+                            case exports.IkasThemeComponentPropType.BLOG: return [3 /*break*/, 19];
+                            case exports.IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 20];
                         }
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 1:
                         propValueProvider = new IkasTextPropValueProvider(propValue);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 2:
                         propValueProvider = new IkasRichTextPropValueProvider(propValue);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 3:
                         propValueProvider = new IkasBooleanPropValueProvider(propValue);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 4:
                         propValueProvider = new IkasImagePropValueProvider(propValue);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 5:
                         propValueProvider = new IkasImageListPropValueProvider(propValue);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 6:
                         propValueProvider = new IkasBrandPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 7:
                         propValueProvider = new IkasBrandListPropValueProvider(propValue);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 8:
                         propValueProvider = new IkasProductListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 9:
                         propValueProvider = new IkasProductDetailPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 10:
                         propValueProvider = new IkasAttributePropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 22];
                     case 11:
-                        propValueProvider = new IkasCategoryPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 21];
+                        propValueProvider = new IkasAttributeListPropValueProvider(propValue, this.pageSpecificData);
+                        return [3 /*break*/, 22];
                     case 12:
-                        propValueProvider = new IkasCategoryListPropValueProvider(propValue);
-                        return [3 /*break*/, 21];
+                        propValueProvider = new IkasCategoryPropValueProvider(propValue, this.pageSpecificData);
+                        return [3 /*break*/, 22];
                     case 13:
-                        propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme);
-                        return [3 /*break*/, 21];
+                        propValueProvider = new IkasCategoryListPropValueProvider(propValue);
+                        return [3 /*break*/, 22];
                     case 14:
-                        propValueProvider = new IkasColorPropValueProvider(propValue);
-                        return [3 /*break*/, 21];
+                        propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme);
+                        return [3 /*break*/, 22];
                     case 15:
+                        propValueProvider = new IkasColorPropValueProvider(propValue);
+                        return [3 /*break*/, 22];
+                    case 16:
                         customData = this.theme.customData.find(function (cd) { return cd.id === prop.customDataId; });
                         if (!customData)
                             return [2 /*return*/];
                         propValueProvider = new IkasCustomPropValueProvider(propValue, customData, this.theme, this.pageType, this, this.pageSpecificData, this.pageParams);
-                        return [3 /*break*/, 21];
-                    case 16:
+                        return [3 /*break*/, 22];
+                    case 17:
                         pageComponents = propValue;
                         return [4 /*yield*/, Promise.all(pageComponents.map(function (tp) { return _this.getPageComponentPropValues(tp); }))];
-                    case 17: return [2 /*return*/, _b.sent()];
-                    case 18:
-                        propValueProvider = new IkasBlogPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 21];
+                    case 18: return [2 /*return*/, _b.sent()];
                     case 19:
+                        propValueProvider = new IkasBlogPropValueProvider(propValue, this.pageSpecificData);
+                        return [3 /*break*/, 22];
+                    case 20:
                         propValueProvider = new IkasBlogListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
-                        return [3 /*break*/, 21];
-                    case 20: return [3 /*break*/, 21];
-                    case 21: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
-                    case 22: return [2 /*return*/, _b.sent()];
+                        return [3 /*break*/, 22];
+                    case 21: return [3 /*break*/, 22];
+                    case 22: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
+                    case 23: return [2 /*return*/, _b.sent()];
                 }
             });
         });
@@ -25812,6 +26647,9 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
                         IkasPageDataProvider.initAttributePropValue(prop, propValue, pageComponentPropValue);
                         break;
+                    case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE_LIST:
+                        IkasPageDataProvider.initAttributeListPropValue(prop, propValue, pageComponentPropValue);
+                        break;
                     case exports.IkasThemeComponentPropType.LINK:
                     case exports.IkasThemeComponentPropType.LIST_OF_LINK:
                         IkasPageDataProvider.initLinkPropValue(prop, propValue, pageComponentPropValue);
@@ -25893,6 +26731,17 @@ var IkasPageDataProvider = /** @class */ (function () {
             ? propValue.map(function (p) { return new IkasProductAttributeValue(p); })
             : [];
     };
+    IkasPageDataProvider.initAttributeListPropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initAttributeListPropValue(propValue);
+    };
+    IkasPageDataProvider._initAttributeListPropValue = function (propValue) {
+        return propValue
+            ? propValue.map(function (p) { return ({
+                attribute: new IkasProductAttribute(p.attribute),
+                values: p.values.map(function (v) { return new IkasProductAttributeValue(v); }),
+            }); })
+            : [];
+    };
     IkasPageDataProvider.initLinkPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initLinkPropValue(propValue);
     };
@@ -25958,7 +26807,11 @@ var IkasPageDataProvider = /** @class */ (function () {
                 for (var _i = 0, _a = customData.nestedData || []; _i < _a.length; _i++) {
                     var nestedCustomData = _a[_i];
                     var value = propValue[nestedCustomData.key];
-                    objectValue[nestedCustomData.key] = this._initCustomDataPropValue(value, nestedCustomData, router, settings, isBrowser);
+                    var selectedCustomData = void 0;
+                    if (nestedCustomData.customDataId) {
+                        selectedCustomData = value.customData;
+                    }
+                    objectValue[nestedCustomData.key] = this._initCustomDataPropValue(value, selectedCustomData || nestedCustomData, router, settings, isBrowser);
                 }
                 return objectValue;
             case exports.IkasThemeComponentPropType.DYNAMIC_LIST:
@@ -25969,7 +26822,11 @@ var IkasPageDataProvider = /** @class */ (function () {
                     var listValue_1 = [];
                     var nestedCustomData_1 = customData.nestedData[0];
                     propValue.forEach(function (itemValue) {
-                        listValue_1.push(_this._initCustomDataPropValue(itemValue, nestedCustomData_1, router, settings, isBrowser));
+                        var selectedCustomData;
+                        if (nestedCustomData_1.customDataId) {
+                            selectedCustomData = itemValue.customData;
+                        }
+                        listValue_1.push(_this._initCustomDataPropValue(itemValue, selectedCustomData || nestedCustomData_1, router, settings, isBrowser));
                     });
                     return listValue_1;
                 }
@@ -26936,7 +27793,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26954,7 +27811,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                             console.log(errors);
                         }
                         if (data)
-                            return [2 /*return*/, data.listPaymentGateway];
+                            return [2 /*return*/, data.listPaymentGateway.map(function (pg) { return new IkasPaymentGateway(pg); })];
                         return [3 /*break*/, 4];
                     case 3:
                         err_5 = _b.sent();
@@ -27130,20 +27987,23 @@ var templateObject_1$5;
 var IkasCountryAPI = /** @class */ (function () {
     function IkasCountryAPI() {
     }
-    IkasCountryAPI.listCountries = function (iso2List) {
+    IkasCountryAPI.listCountries = function (iso2List, idList) {
         return __awaiter(this, void 0, void 0, function () {
             var QUERY, _a, data, errors, err_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "], ["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      query listCountry($iso2: StringFilterInput, $id: StringFilterInput) {\n        listCountry(iso2: $iso2, id: $id) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "], ["\n      query listCountry($iso2: StringFilterInput, $id: StringFilterInput) {\n        listCountry(iso2: $iso2, id: $id) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, apollo.getClient().query({
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
                                 query: QUERY,
                                 variables: {
                                     iso2: iso2List ? { in: iso2List } : undefined,
+                                    id: idList ? { in: idList } : undefined,
                                 },
                             })];
                     case 2:
@@ -27665,9 +28525,73 @@ var IkasCustomerAPI = /** @class */ (function () {
             });
         });
     };
+    IkasCustomerAPI.getLastViewedProducts = function (customerId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var QUERY, _a, data, errors, error_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        QUERY = src(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      query getLastViewedProducts($customerId: String) {\n        getLastViewedProducts(customerId: $customerId) {\n          products {\n            productId\n            variantId\n          }\n        }\n      }\n    "], ["\n      query getLastViewedProducts($customerId: String) {\n        getLastViewedProducts(customerId: $customerId) {\n          products {\n            productId\n            variantId\n          }\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: QUERY,
+                                variables: {
+                                    customerId: customerId,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length)
+                            return [2 /*return*/, []];
+                        return [2 /*return*/, data.getLastViewedProducts.products];
+                    case 3:
+                        error_2 = _b.sent();
+                        console.log(error_2);
+                        return [2 /*return*/, []];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasCustomerAPI.saveLastViewedProducts = function (input) {
+        return __awaiter(this, void 0, void 0, function () {
+            var MUTATION, errors, err_12;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        MUTATION = src(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      mutation saveLastViewedProducts($input: ProductLastViewedInput!) {\n        saveLastViewedProducts(input: $input) {\n          id\n        }\n      }\n    "], ["\n      mutation saveLastViewedProducts($input: ProductLastViewedInput!) {\n        saveLastViewedProducts(input: $input) {\n          id\n        }\n      }\n    "])));
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .mutate({
+                                mutation: MUTATION,
+                                variables: {
+                                    input: input,
+                                },
+                            })];
+                    case 2:
+                        errors = (_a.sent()).errors;
+                        if (errors && errors.length)
+                            return [2 /*return*/, false];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_12 = _a.sent();
+                        console.log(err_12);
+                        return [2 /*return*/, false];
+                    case 4: return [2 /*return*/, true];
+                }
+            });
+        });
+    };
     return IkasCustomerAPI;
 }());
-var templateObject_1$7, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+var templateObject_1$7, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
 
 var IkasDistrictAPI = /** @class */ (function () {
     function IkasDistrictAPI() {
@@ -28335,36 +29259,9 @@ var IkasVariantTypeAPI = /** @class */ (function () {
 }());
 var templateObject_1$g;
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1.5em; }\n  .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n    flex: 1 1 auto;\n    padding-bottom: 0.7em;\n    color: #333333;\n    font-size: 1.15em;\n    line-height: 1.15em; }\n    .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n  color: #737373;\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  padding-top: 0.3em; }\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 0.7em; }\n  .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n    grid-template-columns: repeat(2, 1fr); }\n  .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .style-module_Grid__1eODF {\n      grid-template-columns: 1fr !important; } }\n\n.style-module_FormContainer__2IVCZ {\n  padding: 0 0.7em; }\n\n.style-module_mtFormRow__2YwG- {\n  margin-top: 0.7em; }\n\n.style-module_mt1__1OQuA {\n  margin-top: 1em; }\n\n.style-module_mt2__Yumkn {\n  margin-top: 2em; }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n  width: 100%; }\n  .style-module_FormItemWrapper__2NOxU {\n    width: 100%; }\n  .style-module_FormItemInputWrapper__2eOdJ {\n    position: relative;\n    width: 100%; }\n    .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n      color: #737373;\n      position: absolute;\n      top: 0;\n      left: 0.7em;\n      width: 100%;\n      z-index: 1;\n      user-select: none;\n      pointer-events: none;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      transition: transform .1s;\n      transform: translateY(70%);\n      font-size: 0.85em; }\n      .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n        transform: translateY(6px);\n        font-size: 0.7em; }\n    .style-module_FormItemInputWrapper__2eOdJ input,\n    .style-module_FormItemInputWrapper__2eOdJ select,\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      border: 1px solid #d9d9d9;\n      background-color: white;\n      color: #333333;\n      background-clip: padding-box;\n      border-radius: 6px;\n      display: block;\n      width: 100%;\n      height: 3em;\n      padding: 0.5em;\n      outline: none;\n      transition: padding .1s, border-color .5s, box-shadow .5s;\n      box-shadow: 0 0 0 1px transparent;\n      -moz-appearance: none;\n      -webkit-appearance: none; }\n      .style-module_FormItemInputWrapper__2eOdJ input:focus,\n      .style-module_FormItemInputWrapper__2eOdJ select:focus,\n      .style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n        box-shadow: 0 0 0 1px #111111;\n        border-color: #111111; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n        padding-top: 1.2em;\n        padding-bottom: 0.2em; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n        box-shadow: 0 0 0 1px #ff6d6d;\n        border-color: #ff6d6d; }\n      .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n        display: none; }\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      min-height: 120px; }\n    .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n      position: absolute;\n      right: 1px;\n      padding-right: 0.5em;\n      top: 1px;\n      height: calc(100% - 2px);\n      display: flex;\n      align-items: center;\n      color: #737373;\n      background-color: white;\n      z-index: 2;\n      border-radius: 6px; }\n  .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n    color: #ff6d6d;\n    font-size: 0.8em;\n    margin: 0.5em 0.25em;\n    animation-name: style-module_fadeInFromRight__L_PAx;\n    animation-duration: .3s; }\n";
-var styles = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormContainer":"style-module_FormContainer__2IVCZ","mtFormRow":"style-module_mtFormRow__2YwG-","mt1":"style-module_mt1__1OQuA","mt2":"style-module_mt2__Yumkn","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx"};
-styleInject(css_248z);
+var css_248z$1 = ".style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1.5em; }\n  .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n    flex: 1 1 auto;\n    padding-bottom: 0.7em;\n    color: #333333;\n    font-size: 1.15em;\n    line-height: 1.15em; }\n    .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n  color: #737373;\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  padding-top: 0.3em; }\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 0.7em; }\n  .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n    grid-template-columns: repeat(2, 1fr); }\n  .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .style-module_Grid__1eODF {\n      grid-template-columns: 1fr !important; } }\n\n.style-module_FormContainer__2IVCZ {\n  padding: 0 0.7em; }\n\n.style-module_mtFormRow__2YwG- {\n  margin-top: 0.7em; }\n\n.style-module_mt1__1OQuA {\n  margin-top: 1em; }\n\n.style-module_mt2__Yumkn {\n  margin-top: 2em; }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n  width: 100%; }\n  .style-module_FormItemWrapper__2NOxU {\n    width: 100%; }\n  .style-module_FormItemInputWrapper__2eOdJ {\n    position: relative;\n    width: 100%; }\n    .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n      color: #737373;\n      position: absolute;\n      top: 0;\n      left: 0.7em;\n      width: 100%;\n      z-index: 1;\n      user-select: none;\n      pointer-events: none;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      transition: transform .1s;\n      transform: translateY(70%);\n      font-size: 0.85em; }\n      .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n        transform: translateY(6px);\n        font-size: 0.7em; }\n    .style-module_FormItemInputWrapper__2eOdJ input,\n    .style-module_FormItemInputWrapper__2eOdJ select,\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      border: 1px solid #d9d9d9;\n      background-color: white;\n      color: #333333;\n      background-clip: padding-box;\n      border-radius: 6px;\n      display: block;\n      width: 100%;\n      height: 3em;\n      padding: 0.5em;\n      outline: none;\n      transition: padding .1s, border-color .5s, box-shadow .5s;\n      box-shadow: 0 0 0 1px transparent;\n      -moz-appearance: none;\n      -webkit-appearance: none; }\n      .style-module_FormItemInputWrapper__2eOdJ input:focus,\n      .style-module_FormItemInputWrapper__2eOdJ select:focus,\n      .style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n        box-shadow: 0 0 0 1px #111111;\n        border-color: #111111; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n        padding-top: 1.2em;\n        padding-bottom: 0.2em; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n        box-shadow: 0 0 0 1px #ff6d6d;\n        border-color: #ff6d6d; }\n      .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n        display: none; }\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      min-height: 120px; }\n    .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n      position: absolute;\n      right: 1px;\n      padding-right: 0.5em;\n      top: 1px;\n      height: calc(100% - 2px);\n      display: flex;\n      align-items: center;\n      color: #737373;\n      background-color: white;\n      z-index: 2;\n      border-radius: 6px; }\n  .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n    color: #ff6d6d;\n    font-size: 0.8em;\n    margin: 0.5em 0.25em;\n    animation-name: style-module_fadeInFromRight__L_PAx;\n    animation-duration: .3s; }\n";
+var styles$1 = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormContainer":"style-module_FormContainer__2IVCZ","mtFormRow":"style-module_mtFormRow__2YwG-","mt1":"style-module_mt1__1OQuA","mt2":"style-module_mt2__Yumkn","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx"};
+styleInject(css_248z$1);
 
 var FormItemViewModel = /** @class */ (function () {
     function FormItemViewModel(props) {
@@ -28379,6 +29276,7 @@ var FormItemViewModel = /** @class */ (function () {
             _this.onChange(e.target.value);
         };
         this.type = props.type;
+        this.inputType = props.inputType;
         this.options = props.options;
         this.label = props.label;
         this.value = props.value;
@@ -28389,7 +29287,7 @@ var FormItemViewModel = /** @class */ (function () {
     }
     Object.defineProperty(FormItemViewModel.prototype, "formItemStyle", {
         get: function () {
-            var s = [styles.FormItem];
+            var s = [styles$1.FormItem];
             return s.join(" ");
         },
         enumerable: false,
@@ -28398,10 +29296,10 @@ var FormItemViewModel = /** @class */ (function () {
     Object.defineProperty(FormItemViewModel.prototype, "labelStyle", {
         get: function () {
             if (this.value) {
-                return [styles.FieldLabel, styles.FieldLabelTop].join(" ");
+                return [styles$1.FieldLabel, styles$1.FieldLabelTop].join(" ");
             }
             else {
-                return [styles.FieldLabel].join(" ");
+                return [styles$1.FieldLabel].join(" ");
             }
         },
         enumerable: false,
@@ -28411,10 +29309,10 @@ var FormItemViewModel = /** @class */ (function () {
         get: function () {
             var classes = [];
             if (this.value) {
-                classes.push(styles.Bottom);
+                classes.push(styles$1.Bottom);
             }
             if (this.hasError) {
-                classes.push(styles.Error);
+                classes.push(styles$1.Error);
             }
             return classes.join(" ");
         },
@@ -28429,7 +29327,13 @@ var FormItemType;
     FormItemType[FormItemType["TEXT_AREA"] = 1] = "TEXT_AREA";
     FormItemType[FormItemType["SELECT"] = 2] = "SELECT";
     FormItemType[FormItemType["TEL"] = 3] = "TEL";
-})(FormItemType || (FormItemType = {}));
+})(FormItemType || (FormItemType = {}));
+var FormItemInputType;
+(function (FormItemInputType) {
+    FormItemInputType["NUMERIC"] = "numeric";
+    FormItemInputType["TEL"] = "tel";
+    FormItemInputType["EMAIL"] = "email";
+})(FormItemInputType || (FormItemInputType = {}));
 
 var SVGCaretDown = function (_a) {
     var className = _a.className;
@@ -28445,6 +29349,11 @@ var FormItem = mobxReactLite.observer(function (props) {
             vm.type = props.type;
         });
     }, [props.type]);
+    React.useEffect(function () {
+        mobx.runInAction(function () {
+            vm.inputType = props.inputType;
+        });
+    }, [props.inputType]);
     React.useEffect(function () {
         mobx.runInAction(function () {
             vm.value = props.value;
@@ -28476,18 +29385,18 @@ var FormItem = mobxReactLite.observer(function (props) {
         });
     }, [props.onChange]);
     return (React.createElement("div", { className: vm.formItemStyle },
-        React.createElement("div", { className: styles.FormItemWrapper },
-            React.createElement("div", { className: styles.FormItemInputWrapper },
+        React.createElement("div", { className: styles$1.FormItemWrapper },
+            React.createElement("div", { className: styles$1.FormItemInputWrapper },
                 React.createElement("label", { className: vm.labelStyle }, vm.label),
                 vm.type === FormItemType.TEXT && (React.createElement(Input, { vm: vm, autocomplete: props.autocomplete })),
                 vm.type === FormItemType.TEL && (React.createElement(Input, { vm: vm, type: "tel", autocomplete: props.autocomplete })),
                 vm.type === FormItemType.TEXT_AREA && React.createElement(TextArea, { vm: vm }),
                 vm.type === FormItemType.SELECT && (React.createElement(Select, { vm: vm, autocomplete: props.autocomplete }))),
-            !!vm.hasError && (React.createElement("div", { className: styles.ErrorMsg }, vm.errorText || "")))));
+            !!vm.hasError && (React.createElement("div", { className: styles$1.ErrorMsg }, vm.errorText || "")))));
 });
 var Input = mobxReactLite.observer(function (_a) {
     var vm = _a.vm, autocomplete = _a.autocomplete, type = _a.type;
-    return (React.createElement("input", { type: type || "text", autoComplete: autocomplete, className: vm.inputStyle, value: vm.value, onChange: vm.onValueChange }));
+    return (React.createElement("input", { type: type || "text", autoComplete: autocomplete, inputMode: vm.inputType || "text", className: vm.inputStyle, value: vm.value, onChange: vm.onValueChange }));
 });
 var TextArea = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -28500,7 +29409,7 @@ var Select = mobxReactLite.observer(function (_a) {
         React.createElement("select", { className: vm.inputStyle, autoComplete: autocomplete, onChange: vm.onSelectChange },
             !vm.value && React.createElement("option", { selected: true, disabled: true, key: -1 }), (_b = vm.options) === null || _b === void 0 ? void 0 :
             _b.map(function (o, index) { return (React.createElement("option", { key: index + o.value, value: o.value, selected: vm.value === o.value }, o.label)); })),
-        React.createElement("div", { className: styles.ArrowContainer },
+        React.createElement("div", { className: styles$1.ArrowContainer },
             React.createElement(SVGCaretDown, null))));
 });
 
@@ -28510,26 +29419,26 @@ var SVGCheck = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
 };
 
-var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
-var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
-styleInject(css_248z$1);
+var css_248z$2 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none;\n  align-items: center; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
+var styles$2 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
+styleInject(css_248z$2);
 
 var Checkbox = mobxReactLite.observer(function (_a) {
     var value = _a.value, label = _a.label, hasError = _a.hasError, onChange = _a.onChange;
     var _onChange = function () {
         onChange(!value);
     };
-    var checkboxBorderClasses = [styles$1.CheckboxBorder];
-    var labelClasses = [styles$1.CheckboxLabel];
-    var tickClasses = [styles$1.CheckboxTick];
+    var checkboxBorderClasses = [styles$2.CheckboxBorder];
+    var labelClasses = [styles$2.CheckboxLabel];
+    var tickClasses = [styles$2.CheckboxTick];
     if (value) {
-        checkboxBorderClasses.push(styles$1.Checked);
-        tickClasses.push(styles$1.Visible);
+        checkboxBorderClasses.push(styles$2.Checked);
+        tickClasses.push(styles$2.Visible);
     }
     if (hasError)
-        labelClasses.push(styles$1.CheckboxLabelError);
-    return (React.createElement("div", { className: styles$1.CheckboxWrapper, onClick: _onChange },
-        React.createElement("div", { className: styles$1.CheckboxContainer },
+        labelClasses.push(styles$2.CheckboxLabelError);
+    return (React.createElement("div", { className: styles$2.CheckboxWrapper, onClick: _onChange },
+        React.createElement("div", { className: styles$2.CheckboxContainer },
             React.createElement("div", { className: checkboxBorderClasses.join(" ") }),
             React.createElement("div", { className: tickClasses.join(" ") },
                 React.createElement(SVGCheck, null))),
@@ -28545,6 +29454,7 @@ var AddressFormViewModel = /** @class */ (function () {
         this.cities = [];
         this.districts = [];
         this.allowedCountryIds = null;
+        this.isCorporate = false;
         this.fillDropdownOptions = function () { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -28565,24 +29475,25 @@ var AddressFormViewModel = /** @class */ (function () {
             });
         }); };
         this.listCountries = function () { return __awaiter(_this, void 0, void 0, function () {
-            var countries;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var countries, currentRouting_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, IkasCountryAPI.listCountries()];
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, IkasCountryAPI.listCountries(undefined, ((_a = this.allowedCountryIds) === null || _a === void 0 ? void 0 : _a.length) ? this.allowedCountryIds : undefined)];
                     case 1:
-                        countries = _a.sent();
-                        if (this.allowedCountryIds) {
-                            countries = countries.filter(function (c) { var _a; return (_a = _this.allowedCountryIds) === null || _a === void 0 ? void 0 : _a.includes(c.id); });
+                        countries = _c.sent();
+                        currentRouting_1 = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; });
+                        if ((_b = currentRouting_1 === null || currentRouting_1 === void 0 ? void 0 : currentRouting_1.countryCodes) === null || _b === void 0 ? void 0 : _b.length) {
+                            countries = countries.filter(function (c) { var _a; return c.iso2 && ((_a = currentRouting_1.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(c.iso2)); });
                         }
                         this.countries = countries;
                         if (this.countries.length === 1 && !this.country)
                             this.onCountryChange(this.countries[0].id);
                         return [3 /*break*/, 3];
                     case 2:
-                        _a.sent();
+                        _c.sent();
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -28763,6 +29674,24 @@ var AddressFormViewModel = /** @class */ (function () {
                 name: value,
             };
         };
+        this.onCorporateChange = function (value) {
+            _this.isCorporate = value;
+            if (!value) {
+                _this.address.company = null;
+                _this.address.taxNumber = null;
+                _this.address.taxOffice = null;
+            }
+        };
+        this.onCompanyChange = function (value) {
+            _this.address.company = value;
+        };
+        this.onTaxNumberChange = function (value) {
+            _this.address.taxNumber = value;
+        };
+        this.onTaxOfficeChange = function (value) {
+            _this.address.taxOffice = value;
+        };
+        this.vm = data.vm;
         this.address = data.address;
         this.customer = data.customer;
         this.allowedCountryIds = data.allowedCountryIds;
@@ -28829,11 +29758,7 @@ var AddressFormViewModel = /** @class */ (function () {
     Object.defineProperty(AddressFormViewModel.prototype, "countryOptions", {
         get: function () {
             var list = this.countries.map(this.modelToOption);
-            list.sort(function (a, b) {
-                return a.label.toLocaleLowerCase("tr-TR") > b.label.toLocaleLowerCase("tr-TR")
-                    ? 1
-                    : -1;
-            });
+            list.sort(function (a, b) { return stringSorter(a.label, b.label); });
             return list;
         },
         enumerable: false,
@@ -28841,14 +29766,18 @@ var AddressFormViewModel = /** @class */ (function () {
     });
     Object.defineProperty(AddressFormViewModel.prototype, "stateOptions", {
         get: function () {
-            return this.states.map(this.modelToOption);
+            var list = this.states.map(this.modelToOption);
+            list.sort(function (a, b) { return stringSorter(a.label, b.label); });
+            return list;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(AddressFormViewModel.prototype, "cityOptions", {
         get: function () {
-            return this.cities.map(this.modelToOption);
+            var list = this.cities.map(this.modelToOption);
+            list.sort(function (a, b) { return stringSorter(a.label, b.label); });
+            return list;
         },
         enumerable: false,
         configurable: true
@@ -28856,11 +29785,7 @@ var AddressFormViewModel = /** @class */ (function () {
     Object.defineProperty(AddressFormViewModel.prototype, "districtOptions", {
         get: function () {
             var list = this.districts.map(this.modelToOption);
-            list.sort(function (a, b) {
-                return a.label.toLocaleLowerCase("tr-TR") > b.label.toLocaleLowerCase("tr-TR")
-                    ? 1
-                    : -1;
-            });
+            list.sort(function (a, b) { return stringSorter(a.label, b.label); });
             return list;
         },
         enumerable: false,
@@ -28877,18 +29802,20 @@ var AddressFormViewModel = /** @class */ (function () {
     return AddressFormViewModel;
 }());
 
-var css_248z$2 = ".common-module_FormSectionTitle___Mykh {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1.5em; }\n  .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt {\n    flex: 1 1 auto;\n    padding-bottom: 0.7em;\n    color: #333333;\n    font-size: 1.15em;\n    line-height: 1.15em; }\n    .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt.common-module_WithSubTitle__1VHWv {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.common-module_SubTitle__1H4kH {\n  color: #737373;\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  padding-top: 0.3em; }\n\n.common-module_Grid__2CuvH {\n  display: grid;\n  grid-gap: 0.7em; }\n  .common-module_Grid__2CuvH.common-module_Grid2__9CCag {\n    grid-template-columns: repeat(2, 1fr); }\n  .common-module_Grid__2CuvH.common-module_Grid3__3p0jJ {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .common-module_Grid__2CuvH {\n      grid-template-columns: 1fr !important; } }\n\n.common-module_FormContainer__2I_Lj {\n  padding: 0 0.7em; }\n\n.common-module_mtFormRow__2tsDn {\n  margin-top: 0.7em; }\n\n.common-module_mt1__3tpC1 {\n  margin-top: 1em; }\n\n.common-module_mt2__2bl5q {\n  margin-top: 2em; }\n\n@keyframes common-module_fadeInFromRight__3RYk5 {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n";
+var css_248z$3 = ".common-module_FormSectionTitle___Mykh {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1.5em; }\n  .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt {\n    flex: 1 1 auto;\n    padding-bottom: 0.7em;\n    color: #333333;\n    font-size: 1.15em;\n    line-height: 1.15em; }\n    .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt.common-module_WithSubTitle__1VHWv {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.common-module_SubTitle__1H4kH {\n  color: #737373;\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  padding-top: 0.3em; }\n\n.common-module_Grid__2CuvH {\n  display: grid;\n  grid-gap: 0.7em; }\n  .common-module_Grid__2CuvH.common-module_Grid2__9CCag {\n    grid-template-columns: repeat(2, 1fr); }\n  .common-module_Grid__2CuvH.common-module_Grid3__3p0jJ {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .common-module_Grid__2CuvH {\n      grid-template-columns: 1fr !important; } }\n\n.common-module_FormContainer__2I_Lj {\n  padding: 0 0.7em; }\n\n.common-module_mtFormRow__2tsDn {\n  margin-top: 0.7em; }\n\n.common-module_mt1__3tpC1 {\n  margin-top: 1em; }\n\n.common-module_mt2__2bl5q {\n  margin-top: 2em; }\n\n@keyframes common-module_fadeInFromRight__3RYk5 {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n";
 var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","FormContainer":"common-module_FormContainer__2I_Lj","mtFormRow":"common-module_mtFormRow__2tsDn","mt1":"common-module_mt1__3tpC1","mt2":"common-module_mt2__2bl5q","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
-styleInject(css_248z$2);
-
-var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px;\n    letter-spacing: normal;\n    font-weight: normal;\n    line-height: 1.5em; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
-var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
 styleInject(css_248z$3);
 
+var css_248z$4 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px;\n    letter-spacing: normal;\n    font-weight: normal;\n    line-height: 1.5em; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
+var styles$3 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
+styleInject(css_248z$4);
+
 var AddressForm$1 = mobxReactLite.observer(function (_a) {
-    var _b, _c, _d, _e, _f;
-    var isErrorsVisible = _a.isErrorsVisible, validationResult = _a.validationResult, props = __rest(_a, ["isErrorsVisible", "validationResult"]);
-    var vm = React.useState(function () { return new AddressFormViewModel(props); })[0];
+    var _b, _c, _d, _e, _f, _g, _h;
+    var isErrorsVisible = _a.isErrorsVisible, isBilling = _a.isBilling, validationResult = _a.validationResult, props = __rest(_a, ["isErrorsVisible", "isBilling", "validationResult"]);
+    var vm = React.useState(function () {
+        return new AddressFormViewModel(__assign({}, props));
+    })[0];
     React.useEffect(function () {
         Object.entries(props).forEach(function (entry) {
             return mobx.runInAction(function () {
@@ -28902,7 +29829,7 @@ var AddressForm$1 = mobxReactLite.observer(function (_a) {
             React.createElement(FormItem, { type: FormItemType.TEXT, label: "Soyad", autocomplete: "family-name", value: vm.lastName || "", onChange: vm.onLastNameChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.lastName), errorText: "Soyad girin" }),
             React.createElement("div", null),
             " "),
-        React.createElement("div", { className: styles$2.RowPB },
+        React.createElement("div", { className: styles$3.RowPB },
             React.createElement(FormItem, { type: FormItemType.TEXT, label: "Adres", autocomplete: "address-line1", value: vm.address.addressLine1 || "", onChange: vm.onAddressLine1Change, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.addressLine1), errorText: "Adres girin" })),
         React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
             React.createElement(FormItem, { type: FormItemType.TEXT, autocomplete: "address-line2", label: "Apartman, daire, vb.", value: vm.address.addressLine2 || "", onChange: vm.onAddressLine2Change }),
@@ -28912,43 +29839,49 @@ var AddressForm$1 = mobxReactLite.observer(function (_a) {
         React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
             React.createElement(FormItem, { type: FormItemType.SELECT, label: "\u00DClke", autocomplete: "country-name", value: ((_b = vm.country) === null || _b === void 0 ? void 0 : _b.id) || "", onChange: vm.onCountryChange, options: vm.countryOptions, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.country), errorText: "Ülke seçin" }),
             vm.hasState && (React.createElement(FormItem, { type: FormItemType.SELECT, label: "Eyalet", value: ((_c = vm.state) === null || _c === void 0 ? void 0 : _c.id) || "", onChange: vm.onStateChange, options: vm.stateOptions, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.state), errorText: "Eyalet seçin" })),
-            React.createElement(FormItem, { type: FormItemType.SELECT, label: "\u0130l", value: ((_d = vm.city) === null || _d === void 0 ? void 0 : _d.id) || "", onChange: vm.onCityChange, options: vm.cityOptions, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.city), errorText: "Şehir seçin" }),
-            vm.districtOptions.length ? (React.createElement(FormItem, { type: FormItemType.SELECT, label: "\u0130l\u00E7e", value: ((_e = vm.district) === null || _e === void 0 ? void 0 : _e.id) || "", onChange: vm.onDistrictChange, options: vm.districtOptions, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.district), errorText: "İlçe seçin" })) : (React.createElement(FormItem, { type: FormItemType.TEXT, label: "\u0130l\u00E7e", value: ((_f = vm.district) === null || _f === void 0 ? void 0 : _f.name) || "", onChange: vm.onDistrictInputChange })),
+            React.createElement(FormItem, { type: FormItemType.SELECT, label: "\u0130l", autocomplete: "off", value: ((_d = vm.city) === null || _d === void 0 ? void 0 : _d.id) || "", onChange: vm.onCityChange, options: vm.cityOptions, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.city), errorText: "Şehir seçin" }),
+            vm.districtOptions.length ? (React.createElement(FormItem, { type: FormItemType.SELECT, label: "\u0130l\u00E7e", autocomplete: "off", value: ((_e = vm.district) === null || _e === void 0 ? void 0 : _e.id) || "", onChange: vm.onDistrictChange, options: vm.districtOptions, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.district), errorText: "İlçe seçin" })) : (React.createElement(FormItem, { type: FormItemType.TEXT, autocomplete: "address-level3", label: "\u0130l\u00E7e", value: ((_f = vm.district) === null || _f === void 0 ? void 0 : _f.name) || "", onChange: vm.onDistrictInputChange })),
             !!vm.address.checkoutSettings &&
                 vm.address.checkoutSettings.phoneRequirement !==
-                    IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement(FormItem, { type: FormItemType.TEXT, label: "Telefon", autocomplete: "tel", value: vm.phone || "", onChange: vm.onPhoneChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.phone), errorText: "Geçerli bir telefon girin" })),
+                    IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement(FormItem, { type: FormItemType.TEXT, inputType: FormItemInputType.TEL, label: "Telefon", autocomplete: "tel", value: vm.phone || "", onChange: vm.onPhoneChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.phone), errorText: "Geçerli bir telefon girin" })),
             !!vm.address.checkoutSettings &&
                 vm.address.checkoutSettings.identityNumberRequirement !==
-                    IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement(FormItem, { type: FormItemType.TEXT, label: "TC Kimlik No", value: vm.identityNumber || "", onChange: vm.onIdentityNumberChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.identityNumber), errorText: "TC kimlik no girin" })))));
+                    IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement(FormItem, { type: FormItemType.TEXT, label: "TC Kimlik No", value: vm.identityNumber || "", onChange: vm.onIdentityNumberChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.identityNumber), errorText: "TC kimlik no girin" }))),
+        !!isBilling && (React.createElement("div", { style: { marginTop: "12px" } },
+            React.createElement(Checkbox, { value: vm.isCorporate, label: "Kurumsal fatura", onChange: vm.onCorporateChange }))),
+        !!vm.isCorporate && (React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" "), style: { marginTop: "12px" } },
+            React.createElement(FormItem, { type: FormItemType.TEXT, label: "\u015Eirket \u00DCnvan\u0131", value: vm.address.company || "", onChange: vm.onCompanyChange }),
+            React.createElement(FormItem, { type: FormItemType.TEXT, label: "Vergi Numaras\u0131", value: ((_g = vm.address) === null || _g === void 0 ? void 0 : _g.taxNumber) || "", onChange: vm.onTaxNumberChange }),
+            React.createElement(FormItem, { type: FormItemType.TEXT, label: "Vergi Dairesi", value: ((_h = vm.address) === null || _h === void 0 ? void 0 : _h.taxOffice) || "", onChange: vm.onTaxOfficeChange })))));
 });
 
-var css_248z$4 = ".style-module_Button__1UPMN {\n  cursor: pointer;\n  border: 1px transparent solid;\n  border-radius: 6px;\n  font-weight: 500;\n  text-align: center;\n  position: relative;\n  transition: all .2s;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Button__1UPMN:focus {\n    outline: 0; }\n  .style-module_Button__1UPMN.style-module_Large__2wPlw {\n    height: 64px;\n    padding: 0 1.7em; }\n  .style-module_Button__1UPMN.style-module_Medium__3t0pu {\n    height: 3em;\n    padding: 0.5em 1em; }\n  .style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n    background-color: #111111;\n    color: white; }\n  .style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\n    background-color: #c8c8c8;\n    color: #FAFAFA;\n    pointer-events: none; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Button__1UPMN.style-module_FullWidthMobile__3MTFv {\n      width: 100%; } }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq,\n  .style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq {\n    font-size: 6px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-left: 0.5em solid #ffffff;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__2z7nj 1.1s infinite linear;\n    animation: style-module_load8__2z7nj 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
-var styles$3 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
-styleInject(css_248z$4);
+var css_248z$5 = ".style-module_Button__1UPMN {\n  cursor: pointer;\n  border: 1px transparent solid;\n  border-radius: 6px;\n  font-weight: 500;\n  text-align: center;\n  position: relative;\n  transition: all .2s;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Button__1UPMN:focus {\n    outline: 0; }\n  .style-module_Button__1UPMN.style-module_Large__2wPlw {\n    height: 64px;\n    padding: 0 1.7em; }\n  .style-module_Button__1UPMN.style-module_Medium__3t0pu {\n    height: 3em;\n    padding: 0.5em 1em; }\n  .style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n    background-color: #111111;\n    color: white; }\n  .style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\n    background-color: #c8c8c8;\n    color: #FAFAFA;\n    pointer-events: none; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Button__1UPMN.style-module_FullWidthMobile__3MTFv {\n      width: 100%; } }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq,\n  .style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq {\n    font-size: 6px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-left: 0.5em solid #ffffff;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__2z7nj 1.1s infinite linear;\n    animation: style-module_load8__2z7nj 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
+var styles$4 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
+styleInject(css_248z$5);
 
 var Button = mobxReactLite.observer(function (_a) {
     var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled;
     return (React.createElement("button", { style: style, type: "button", className: [
-            styles$3.Button,
-            styles$3.Dark,
-            size === "medium" ? styles$3.Medium : styles$3.Large,
-            isDisabled ? styles$3.Disabled : "",
-            styles$3.FullWidthMobile,
-        ].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? (React.createElement("div", { className: styles$3.loader })) : (React.createElement("span", null, text))));
+            styles$4.Button,
+            styles$4.Dark,
+            size === "medium" ? styles$4.Medium : styles$4.Large,
+            isDisabled ? styles$4.Disabled : "",
+            styles$4.FullWidthMobile,
+        ].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? (React.createElement("div", { className: styles$4.loader })) : (React.createElement("span", null, text))));
 });
 
-var css_248z$5 = ".style-module_BackButtonContainer__263Fp {\n  display: flex;\n  justify-content: center;\n  position: relative; }\n  .style-module_BackButtonContainer__263Fp a {\n    line-height: 0.9em; }\n\n.style-module_Actions__EdBBN {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Actions__EdBBN {\n      flex-direction: column-reverse;\n      justify-content: flex-start; }\n      .style-module_Actions__EdBBN a {\n        margin-top: 1em; } }\n";
-var styles$4 = {"BackButtonContainer":"style-module_BackButtonContainer__263Fp","Actions":"style-module_Actions__EdBBN"};
-styleInject(css_248z$5);
-
-var css_248z$6 = ".style-module_TextButton__XicpL {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.8em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_TextButton__XicpL .style-module_Icon__1W8cY {\n    height: 24px;\n    margin-right: 0.1em; }\n";
-var styles$5 = {"TextButton":"style-module_TextButton__XicpL","Icon":"style-module_Icon__1W8cY"};
+var css_248z$6 = ".style-module_BackButtonContainer__263Fp {\n  display: flex;\n  justify-content: center;\n  position: relative; }\n  .style-module_BackButtonContainer__263Fp a {\n    line-height: 0.9em; }\n\n.style-module_Actions__EdBBN {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Actions__EdBBN {\n      flex-direction: column-reverse;\n      justify-content: flex-start; }\n      .style-module_Actions__EdBBN a {\n        margin-top: 1em; } }\n";
+var styles$5 = {"BackButtonContainer":"style-module_BackButtonContainer__263Fp","Actions":"style-module_Actions__EdBBN"};
 styleInject(css_248z$6);
 
+var css_248z$7 = ".style-module_TextButton__XicpL {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.8em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_TextButton__XicpL .style-module_Icon__1W8cY {\n    height: 24px;\n    margin-right: 0.1em; }\n";
+var styles$6 = {"TextButton":"style-module_TextButton__XicpL","Icon":"style-module_Icon__1W8cY"};
+styleInject(css_248z$7);
+
 var TextButton = mobxReactLite.observer(function (_a) {
     var text = _a.text, leftIcon = _a.leftIcon;
-    return (React.createElement("div", { className: styles$5.TextButton },
-        !!leftIcon && React.createElement("div", { className: styles$5.Icon }, leftIcon),
+    return (React.createElement("div", { className: styles$6.TextButton },
+        !!leftIcon && React.createElement("div", { className: styles$6.Icon }, leftIcon),
         React.createElement("span", null, text)));
 });
 
@@ -28962,15 +29895,15 @@ var SVGArrowLeft = function (_a) {
 var StepActionButtons = mobxReactLite.observer(function (_a) {
     var mainBtnText = _a.mainBtnText, mainBtnOnClick = _a.mainBtnOnClick, backBtnText = _a.backBtnText, backBtnOnClick = _a.backBtnOnClick, isLoading = _a.isLoading;
     var MainButton = mobxReactLite.observer(function () { return (React.createElement(Button, { text: mainBtnText, isLoading: isLoading, onClick: mainBtnOnClick })); });
-    return (React.createElement("div", { className: [styles$4.Actions, commonStyles.mt1].join(" ") },
-        React.createElement("div", { className: styles$4.BackButtonContainer }, !!backBtnText && (React.createElement("a", { onClick: backBtnOnClick },
+    return (React.createElement("div", { className: [styles$5.Actions, commonStyles.mt1].join(" ") },
+        React.createElement("div", { className: styles$5.BackButtonContainer }, !!backBtnText && (React.createElement("a", { onClick: backBtnOnClick },
             React.createElement(TextButton, { text: backBtnText, leftIcon: React.createElement(SVGArrowLeft, null) })))),
         React.createElement(MainButton, null)));
 });
 
-var css_248z$7 = ".style-module_LoginText__3cWRW {\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  text-align: right; }\n\n.style-module_LoginBtn__1BIyI {\n  margin-left: 0.2em;\n  font-weight: bold;\n  user-select: none;\n  cursor: pointer;\n  font-weight: 500; }\n\n.style-module_CustomerInfo__3py5O {\n  display: flex;\n  align-items: center; }\n  .style-module_CustomerInfo__3py5O .style-module_ProfilePic__2fNqg {\n    width: 50px;\n    height: 50px;\n    border-radius: 6px;\n    background-color: #737373;\n    margin-right: 1em; }\n  .style-module_CustomerInfo__3py5O .style-module_CustonerText__1sYEW {\n    font-size: 0.9em; }\n  .style-module_CustomerInfo__3py5O .style-module_Logout__1bzMp {\n    font-weight: 500;\n    font-size: 0.8em;\n    user-select: none;\n    cursor: pointer; }\n";
-var styles$6 = {"LoginText":"style-module_LoginText__3cWRW","LoginBtn":"style-module_LoginBtn__1BIyI","CustomerInfo":"style-module_CustomerInfo__3py5O","ProfilePic":"style-module_ProfilePic__2fNqg","CustonerText":"style-module_CustonerText__1sYEW","Logout":"style-module_Logout__1bzMp"};
-styleInject(css_248z$7);
+var css_248z$8 = ".style-module_LoginText__3cWRW {\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  text-align: right; }\n\n.style-module_LoginBtn__1BIyI {\n  margin-left: 0.2em;\n  font-weight: bold;\n  user-select: none;\n  cursor: pointer;\n  font-weight: 500; }\n\n.style-module_CustomerInfo__3py5O {\n  display: flex;\n  align-items: center; }\n  .style-module_CustomerInfo__3py5O .style-module_ProfilePic__2fNqg {\n    width: 50px;\n    height: 50px;\n    border-radius: 6px;\n    background-color: #737373;\n    margin-right: 1em; }\n  .style-module_CustomerInfo__3py5O .style-module_CustonerText__1sYEW {\n    font-size: 0.9em; }\n  .style-module_CustomerInfo__3py5O .style-module_Logout__1bzMp {\n    font-weight: 500;\n    font-size: 0.8em;\n    user-select: none;\n    cursor: pointer; }\n";
+var styles$7 = {"LoginText":"style-module_LoginText__3cWRW","LoginBtn":"style-module_LoginBtn__1BIyI","CustomerInfo":"style-module_CustomerInfo__3py5O","ProfilePic":"style-module_ProfilePic__2fNqg","CustonerText":"style-module_CustonerText__1sYEW","Logout":"style-module_Logout__1bzMp"};
+styleInject(css_248z$8);
 
 var CheckoutStepInfo = mobxReactLite.observer(function (_a) {
     var _b, _c;
@@ -28996,20 +29929,20 @@ var CheckoutStepInfo = mobxReactLite.observer(function (_a) {
     return (React.createElement("div", { className: commonStyles.FormContainer },
         React.createElement("div", { className: commonStyles.FormSectionTitle },
             React.createElement("div", { className: commonStyles.Title }, "\u0130leti\u015Fim Bilgileri"),
-            !vm.checkout.hasCustomer && (React.createElement("div", { className: styles$6.LoginText },
+            !vm.checkout.hasCustomer && (React.createElement("div", { className: styles$7.LoginText },
                 React.createElement("span", null, "Zaten hesab\u0131n\u0131z var m\u0131?"),
                 React.createElement(Link__default['default'], { href: "/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl), passHref: true },
-                    React.createElement("a", { className: styles$6.LoginBtn }, "Oturum A\u00E7"))))),
-        !vm.checkout.hasCustomer ? (React.createElement(FormItem, { type: FormItemType.TEXT, label: "E-Posta", autocomplete: "email", value: ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || "", onChange: vm.onEmailChange, hasError: vm.isErrorsVisible && !((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.email), errorText: "Geçerli bir e-posta girin" })) : (React.createElement("div", { className: styles$6.CustomerInfo },
+                    React.createElement("a", { className: styles$7.LoginBtn }, "Oturum A\u00E7"))))),
+        !vm.checkout.hasCustomer ? (React.createElement(FormItem, { type: FormItemType.TEXT, inputType: FormItemInputType.EMAIL, label: "E-Posta", autocomplete: "email", value: ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || "", onChange: vm.onEmailChange, hasError: vm.isErrorsVisible && !((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.email), errorText: "Geçerli bir e-posta girin" })) : (React.createElement("div", { className: styles$7.CustomerInfo },
             React.createElement("div", null,
-                React.createElement("div", { className: styles$6.CustonerText }, vm.checkout.customerText),
-                React.createElement("div", { className: styles$6.Logout, onClick: vm.logout }, "Oturumu Kapat")))),
+                React.createElement("div", { className: styles$7.CustonerText }, vm.checkout.customerText),
+                React.createElement("div", { className: styles$7.Logout, onClick: vm.logout }, "Oturumu Kapat")))),
         React.createElement("div", { className: commonStyles.FormSectionTitle },
             React.createElement("div", { className: commonStyles.Title }, "Kargo Adresi")),
         !!vm.customerStore.customer &&
-            !!vm.customerStore.customer.addresses.length && (React.createElement("div", { className: styles$2.RowPB },
+            !!vm.customerStore.customer.addresses.length && (React.createElement("div", { className: styles$3.RowPB },
             React.createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedShippingAddressId, onChange: vm.onSelectedShippingAddressIdChange, options: vm.customerAddressOptions }))),
-        React.createElement(AddressForm$1, { address: vm.checkout.shippingAddress, customer: vm.checkout.customer && vm.checkout.customer.id
+        React.createElement(AddressForm$1, { vm: vm, address: vm.checkout.shippingAddress, customer: vm.checkout.customer && vm.checkout.customer.id
                 ? undefined
                 : vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, allowedCountryIds: vm.shippingCountryIds || undefined, validationResult: vm.checkout.shippingAddress.validationResult }),
         !!vm.customerStore.customer && vm.selectedShippingAddressId === "-1" && (React.createElement("div", { style: { marginTop: "12px" } },
@@ -29019,51 +29952,51 @@ var CheckoutStepInfo = mobxReactLite.observer(function (_a) {
         React.createElement(StepActionButtons, { mainBtnText: "Kargo ile devam et", mainBtnOnClick: proceed, backBtnText: "Alışverişe dön", backBtnOnClick: vm.onBackToShoppingClick, isLoading: vm.isStepLoading })));
 });
 
-var css_248z$8 = ".style-module_InfoBox__2ejTN {\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  padding: 0.4em 1em;\n  font-size: 0.8em; }\n  .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 {\n    display: flex;\n    padding: 0.8em 0;\n    width: 100%; }\n    .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p {\n      display: flex;\n      flex: 1 1 auto;\n      align-items: center; }\n      .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Title__1UpwW {\n        color: #737373;\n        flex: 0 0 auto;\n        width: 5em;\n        padding-right: 1em; }\n      .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Text__3UHTQ {\n        flex: 1 1 auto; }\n      @media only screen and (max-width: 1000px) {\n        .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p {\n          display: block; }\n          .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Title__1UpwW {\n            width: auto; } }\n    .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_Action__2MjM2 {\n      flex: 0 0 auto;\n      padding-left: 1em;\n      user-select: none;\n      cursor: pointer; }\n    .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5.style-module_BorderTop__1RCLf {\n      border-top: 1px solid #d9d9d9; }\n";
-var styles$7 = {"InfoBox":"style-module_InfoBox__2ejTN","InfoRow":"style-module_InfoRow__3PsC5","TitleAndText":"style-module_TitleAndText__1Or7p","Title":"style-module_Title__1UpwW","Text":"style-module_Text__3UHTQ","Action":"style-module_Action__2MjM2","BorderTop":"style-module_BorderTop__1RCLf"};
-styleInject(css_248z$8);
+var css_248z$9 = ".style-module_InfoBox__2ejTN {\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  padding: 0.4em 1em;\n  font-size: 0.8em; }\n  .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 {\n    display: flex;\n    padding: 0.8em 0;\n    width: 100%; }\n    .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p {\n      display: flex;\n      flex: 1 1 auto;\n      align-items: center; }\n      .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Title__1UpwW {\n        color: #737373;\n        flex: 0 0 auto;\n        width: 5em;\n        padding-right: 1em; }\n      .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Text__3UHTQ {\n        flex: 1 1 auto; }\n      @media only screen and (max-width: 1000px) {\n        .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p {\n          display: block; }\n          .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Title__1UpwW {\n            width: auto; } }\n    .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_Action__2MjM2 {\n      flex: 0 0 auto;\n      padding-left: 1em;\n      user-select: none;\n      cursor: pointer; }\n    .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5.style-module_BorderTop__1RCLf {\n      border-top: 1px solid #d9d9d9; }\n";
+var styles$8 = {"InfoBox":"style-module_InfoBox__2ejTN","InfoRow":"style-module_InfoRow__3PsC5","TitleAndText":"style-module_TitleAndText__1Or7p","Title":"style-module_Title__1UpwW","Text":"style-module_Text__3UHTQ","Action":"style-module_Action__2MjM2","BorderTop":"style-module_BorderTop__1RCLf"};
+styleInject(css_248z$9);
 
 var InfoBox = mobxReactLite.observer(function (_a) {
     var _b, _c;
     var vm = _a.vm, showShipping = _a.showShipping;
-    return (React.createElement("div", { className: styles$7.InfoBox },
-        React.createElement("div", { className: styles$7.InfoRow },
-            React.createElement("div", { className: styles$7.TitleAndText },
-                React.createElement("div", { className: styles$7.Title }, "\u0130leti\u015Fim"),
-                React.createElement("div", { className: styles$7.Text }, ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || "")),
-            React.createElement("div", { className: styles$7.Action, onClick: vm.onBackToInfoClick }, "De\u011Fi\u015Ftir")),
-        React.createElement("div", { className: [styles$7.InfoRow, styles$7.BorderTop].join(" ") },
-            React.createElement("div", { className: styles$7.TitleAndText },
-                React.createElement("div", { className: styles$7.Title }, "Kargo Adresi"),
-                React.createElement("div", { className: styles$7.Text }, (_c = vm.checkout.shippingAddress) === null || _c === void 0 ? void 0 : _c.addressText)),
-            React.createElement("div", { className: styles$7.Action, onClick: vm.onBackToInfoClick }, "De\u011Fi\u015Ftir")),
-        showShipping && (React.createElement("div", { className: [styles$7.InfoRow, styles$7.BorderTop].join(" ") },
-            React.createElement("div", { className: styles$7.TitleAndText },
-                React.createElement("div", { className: styles$7.Title }, "Y\u00F6ntem"),
-                React.createElement("div", { className: styles$7.Text }, vm.checkout.shippingLines && !!vm.checkout.shippingLines.length
+    return (React.createElement("div", { className: styles$8.InfoBox },
+        React.createElement("div", { className: styles$8.InfoRow },
+            React.createElement("div", { className: styles$8.TitleAndText },
+                React.createElement("div", { className: styles$8.Title }, "\u0130leti\u015Fim"),
+                React.createElement("div", { className: styles$8.Text }, ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || "")),
+            React.createElement("div", { className: styles$8.Action, onClick: vm.onBackToInfoClick }, "De\u011Fi\u015Ftir")),
+        React.createElement("div", { className: [styles$8.InfoRow, styles$8.BorderTop].join(" ") },
+            React.createElement("div", { className: styles$8.TitleAndText },
+                React.createElement("div", { className: styles$8.Title }, "Kargo Adresi"),
+                React.createElement("div", { className: styles$8.Text }, (_c = vm.checkout.shippingAddress) === null || _c === void 0 ? void 0 : _c.addressText)),
+            React.createElement("div", { className: styles$8.Action, onClick: vm.onBackToInfoClick }, "De\u011Fi\u015Ftir")),
+        showShipping && (React.createElement("div", { className: [styles$8.InfoRow, styles$8.BorderTop].join(" ") },
+            React.createElement("div", { className: styles$8.TitleAndText },
+                React.createElement("div", { className: styles$8.Title }, "Y\u00F6ntem"),
+                React.createElement("div", { className: styles$8.Text }, vm.checkout.shippingLines && !!vm.checkout.shippingLines.length
                     ? vm.checkout.shippingLines[0].title
                     : "Standart Kargo"))))));
 });
 
-var css_248z$9 = ".style-module_Toggle__xQUYz {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  border-radius: 100%;\n  border: 1px solid #d9d9d9;\n  transition: all .2s ease-in-out; }\n  .style-module_Toggle__xQUYz.style-module_Checked__2kb9S {\n    border: 8px solid #111111; }\n";
-var styles$8 = {"Toggle":"style-module_Toggle__xQUYz","Checked":"style-module_Checked__2kb9S"};
-styleInject(css_248z$9);
+var css_248z$a = ".style-module_Toggle__xQUYz {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  border-radius: 100%;\n  border: 1px solid #d9d9d9;\n  transition: all .2s ease-in-out; }\n  .style-module_Toggle__xQUYz.style-module_Checked__2kb9S {\n    border: 8px solid #111111; }\n";
+var styles$9 = {"Toggle":"style-module_Toggle__xQUYz","Checked":"style-module_Checked__2kb9S"};
+styleInject(css_248z$a);
 
 var Toggle = mobxReactLite.observer(function (_a) {
     var value = _a.value, onChange = _a.onChange;
     var _onChange = function () {
         onChange && onChange(!value);
     };
-    var classes = [styles$8.Toggle];
+    var classes = [styles$9.Toggle];
     if (value) {
-        classes.push(styles$8.Checked);
+        classes.push(styles$9.Checked);
     }
     return React.createElement("div", { className: classes.join(" "), onClick: _onChange });
 });
 
-var css_248z$a = ".style-module_BackButtonContainer__2bAOw {\n  display: flex;\n  justify-content: center;\n  position: relative; }\n  .style-module_BackButtonContainer__2bAOw a {\n    line-height: 0.9em; }\n\n.style-module_Actions__3fU7l {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Actions__3fU7l {\n      flex-direction: column-reverse;\n      justify-content: flex-start; }\n      .style-module_Actions__3fU7l a {\n        margin-top: 1em; } }\n\n.style-module_StepShipping__3nOPT {\n  margin-top: 1em; }\n\n.style-module_InfoBox__kyrCZ {\n  border: 1px solid #d9d9d9;\n  border-radius: 6px; }\n  .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV {\n    display: flex;\n    padding: 1em;\n    width: 100%;\n    align-items: center; }\n    .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV .style-module_ShippingTitle__3db0q {\n      flex: 1 1 auto;\n      margin-left: 1em; }\n    .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV .style-module_ShippingPrice__KaEps {\n      flex: 0 0 auto;\n      margin-left: 1em; }\n    .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV.style-module_BorderTop__2d5TO {\n      border-top: 1px solid #d9d9d9; }\n    .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV.style-module_Clickable__AkuRd {\n      user-select: none;\n      cursor: pointer; }\n";
-var styles$9 = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","InfoRow":"style-module_InfoRow__3RoAV","ShippingTitle":"style-module_ShippingTitle__3db0q","ShippingPrice":"style-module_ShippingPrice__KaEps","BorderTop":"style-module_BorderTop__2d5TO","Clickable":"style-module_Clickable__AkuRd"};
-styleInject(css_248z$a);
+var css_248z$b = ".style-module_BackButtonContainer__2bAOw {\n  display: flex;\n  justify-content: center;\n  position: relative; }\n  .style-module_BackButtonContainer__2bAOw a {\n    line-height: 0.9em; }\n\n.style-module_Actions__3fU7l {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Actions__3fU7l {\n      flex-direction: column-reverse;\n      justify-content: flex-start; }\n      .style-module_Actions__3fU7l a {\n        margin-top: 1em; } }\n\n.style-module_StepShipping__3nOPT {\n  margin-top: 1em; }\n\n.style-module_InfoBox__kyrCZ {\n  border: 1px solid #d9d9d9;\n  border-radius: 6px; }\n  .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV {\n    display: flex;\n    padding: 1em;\n    width: 100%;\n    align-items: center; }\n    .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV .style-module_ShippingTitle__3db0q {\n      flex: 1 1 auto;\n      margin-left: 1em; }\n    .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV .style-module_ShippingPrice__KaEps {\n      flex: 0 0 auto;\n      margin-left: 1em; }\n    .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV.style-module_BorderTop__2d5TO {\n      border-top: 1px solid #d9d9d9; }\n    .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV.style-module_Clickable__AkuRd {\n      user-select: none;\n      cursor: pointer; }\n";
+var styles$a = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","InfoRow":"style-module_InfoRow__3RoAV","ShippingTitle":"style-module_ShippingTitle__3db0q","ShippingPrice":"style-module_ShippingPrice__KaEps","BorderTop":"style-module_BorderTop__2d5TO","Clickable":"style-module_Clickable__AkuRd"};
+styleInject(css_248z$b);
 
 var CheckoutStepShipping = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -29085,42 +30018,42 @@ var CheckoutStepShipping = mobxReactLite.observer(function (_a) {
             }
         });
     }); };
-    return (React.createElement("div", { className: [styles$9.StepShipping, commonStyles.FormContainer].join(" ") },
+    return (React.createElement("div", { className: [styles$a.StepShipping, commonStyles.FormContainer].join(" ") },
         React.createElement(InfoBox, { vm: vm, showShipping: false }),
         React.createElement("div", { className: commonStyles.FormSectionTitle },
             React.createElement("div", { className: commonStyles.Title }, "Kargo Y\u00F6ntemi")),
-        React.createElement("div", { className: styles$9.InfoBox }, vm.checkout.availableShippingMethods.map(function (asm, index) { return (React.createElement("div", { className: [
-                styles$9.InfoRow,
-                styles$9.Clickable,
-                index > 0 ? styles$9.BorderTop : "",
+        React.createElement("div", { className: styles$a.InfoBox }, vm.checkout.availableShippingMethods.map(function (asm, index) { return (React.createElement("div", { className: [
+                styles$a.InfoRow,
+                styles$a.Clickable,
+                index > 0 ? styles$a.BorderTop : "",
             ].join(" "), key: asm.shippingSettingsId + asm.shippingZoneRateId, onClick: function () { return vm.onShippingMethodChange(asm); } },
             React.createElement(Toggle, { value: vm.checkout.shippingSettingsId === asm.shippingSettingsId &&
                     vm.checkout.shippingZoneRateId === asm.shippingZoneRateId }),
-            React.createElement("div", { className: styles$9.ShippingTitle }, asm.rateName),
-            React.createElement("div", { className: styles$9.ShippingPrice }, asm.price === 0
+            React.createElement("div", { className: styles$a.ShippingTitle }, asm.rateName),
+            React.createElement("div", { className: styles$a.ShippingPrice }, asm.price === 0
                 ? "Ücretsiz"
                 : formatMoney(asm.price, vm.checkout.cart.currencyCode)))); })),
         React.createElement(StepActionButtons, { mainBtnText: "Ödeme ile devam et", mainBtnOnClick: proceed, backBtnText: "Bilgilere Geri Dön", backBtnOnClick: vm.onBackToInfoClick, isLoading: vm.isStepLoading })));
 });
 
-var css_248z$b = ".style-module_ExpandableList__20vYy {\n  width: 100%;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  overflow: hidden; }\n  .style-module_ExpandableList__20vYy .style-module_Row__2yFvN {\n    display: flex;\n    flex-wrap: wrap;\n    padding: 1em;\n    justify-content: flex-end;\n    align-items: center;\n    border-top: 1px solid #d9d9d9;\n    cursor: pointer;\n    overflow: hidden;\n    user-select: none; }\n    .style-module_ExpandableList__20vYy .style-module_Row__2yFvN .style-module_LeftContainer__tkYOm {\n      flex: 1 1 auto;\n      margin-left: 1em; }\n    .style-module_ExpandableList__20vYy .style-module_Row__2yFvN .style-module_RightContainer__dtzrC {\n      flex: 0 0 auto;\n      margin-left: 1em; }\n    .style-module_ExpandableList__20vYy .style-module_Row__2yFvN.style-module_HiddenBorderTop__EHL4B {\n      border-top: none; }\n  .style-module_ExpandableList__20vYy .style-module_ExpandContainer__3fGdr {\n    width: 100%;\n    padding: 1em;\n    background-color: #FAFAFA;\n    border-top: 1px solid #d9d9d9; }\n";
-var styles$a = {"ExpandableList":"style-module_ExpandableList__20vYy","Row":"style-module_Row__2yFvN","LeftContainer":"style-module_LeftContainer__tkYOm","RightContainer":"style-module_RightContainer__dtzrC","HiddenBorderTop":"style-module_HiddenBorderTop__EHL4B","ExpandContainer":"style-module_ExpandContainer__3fGdr"};
-styleInject(css_248z$b);
+var css_248z$c = ".style-module_ExpandableList__20vYy {\n  width: 100%;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  overflow: hidden; }\n  .style-module_ExpandableList__20vYy .style-module_Row__2yFvN {\n    display: flex;\n    flex-wrap: wrap;\n    padding: 1em;\n    justify-content: flex-end;\n    align-items: center;\n    border-top: 1px solid #d9d9d9;\n    cursor: pointer;\n    overflow: hidden;\n    user-select: none; }\n    .style-module_ExpandableList__20vYy .style-module_Row__2yFvN .style-module_LeftContainer__tkYOm {\n      flex: 1 1 auto;\n      margin-left: 1em; }\n    .style-module_ExpandableList__20vYy .style-module_Row__2yFvN .style-module_RightContainer__dtzrC {\n      flex: 0 0 auto;\n      margin-left: 1em; }\n    .style-module_ExpandableList__20vYy .style-module_Row__2yFvN.style-module_HiddenBorderTop__EHL4B {\n      border-top: none; }\n  .style-module_ExpandableList__20vYy .style-module_ExpandContainer__3fGdr {\n    width: 100%;\n    padding: 1em;\n    background-color: #FAFAFA;\n    border-top: 1px solid #d9d9d9; }\n";
+var styles$b = {"ExpandableList":"style-module_ExpandableList__20vYy","Row":"style-module_Row__2yFvN","LeftContainer":"style-module_LeftContainer__tkYOm","RightContainer":"style-module_RightContainer__dtzrC","HiddenBorderTop":"style-module_HiddenBorderTop__EHL4B","ExpandContainer":"style-module_ExpandContainer__3fGdr"};
+styleInject(css_248z$c);
 
 var ExpandableList = mobxReactLite.observer(function (_a) {
     var options = _a.options, selectedIndex = _a.selectedIndex, onRowSelect = _a.onRowSelect;
     var getRowClasses = function (index) {
-        var classes = [styles$a.Row];
+        var classes = [styles$b.Row];
         if (index === 0)
-            classes.push(styles$a.HiddenBorderTop);
+            classes.push(styles$b.HiddenBorderTop);
         return classes.join(" ");
     };
-    return (React.createElement("div", { className: styles$a.ExpandableList }, options.map(function (o, index) { return (React.createElement("div", { key: index },
+    return (React.createElement("div", { className: styles$b.ExpandableList }, options.map(function (o, index) { return (React.createElement("div", { key: index },
         React.createElement("div", { className: getRowClasses(index), onClick: function () { return onRowSelect(index); } },
             React.createElement(Toggle, { value: selectedIndex === index }),
-            React.createElement("div", { className: styles$a.LeftContainer }, o.leftContent),
-            !!o.rightContent && (React.createElement("div", { className: styles$a.RightContainer }, o.rightContent))),
-        selectedIndex === index && !!o.expandContent && (React.createElement("div", { className: styles$a.ExpandContainer }, o.expandContent)))); })));
+            React.createElement("div", { className: styles$b.LeftContainer }, o.leftContent),
+            !!o.rightContent && (React.createElement("div", { className: styles$b.RightContainer }, o.rightContent))),
+        selectedIndex === index && !!o.expandContent && (React.createElement("div", { className: styles$b.ExpandContainer }, o.expandContent)))); })));
 });
 
 var CreditCardForm = mobxReactLite.observer(function (_a) {
@@ -29132,41 +30065,41 @@ var CreditCardForm = mobxReactLite.observer(function (_a) {
         cardData.threeDSecure = value;
     });
     return (React.createElement("div", null,
-        React.createElement("div", { className: styles$2.RowPB },
-            React.createElement(FormItem, { autocomplete: "cc-number", type: FormItemType.TEXT, label: "Kart numarası", value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: "Geçerli bir kart numarası girin", hasError: vm.isErrorsVisible && !cardData.validationResult.cardNumber })),
-        React.createElement("div", { className: styles$2.RowPB },
+        React.createElement("div", { className: styles$3.RowPB },
+            React.createElement(FormItem, { autocomplete: "cc-number", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: "Kart numarası", value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: "Geçerli bir kart numarası girin", hasError: vm.isErrorsVisible && !cardData.validationResult.cardNumber })),
+        React.createElement("div", { className: styles$3.RowPB },
             React.createElement(FormItem, { autocomplete: "cc-name", type: FormItemType.TEXT, label: "Karttaki ad", value: cardData.cardHolderName, onChange: vm.onCardHolderNameChange, errorText: "Ad soyad girin", hasError: vm.isErrorsVisible && !cardData.validationResult.cardHolderName })),
         React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
-            React.createElement(FormItem, { autocomplete: "cc-exp", type: FormItemType.TEXT, label: "Son kullanma tarihi (AA/YY)", value: cardData.expirationDate, onChange: vm.onExpirationDateChange, errorText: "Geçerli bir tarih girin", hasError: vm.isErrorsVisible && !cardData.validationResult.expirationDate }),
-            React.createElement(FormItem, { autocomplete: "cc-csc", type: FormItemType.TEXT, label: "Güvenlik kodu", value: cardData.cvv, onChange: vm.onCvcChange, errorText: "Geçerli bir güvenlik kodu girin", hasError: vm.isErrorsVisible && !cardData.validationResult.cvv })),
+            React.createElement(FormItem, { autocomplete: "cc-exp", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: "Son kullanma tarihi (AA/YY)", value: cardData.expirationDate, onChange: vm.onExpirationDateChange, errorText: "Geçerli bir tarih girin", hasError: vm.isErrorsVisible && !cardData.validationResult.expirationDate }),
+            React.createElement(FormItem, { autocomplete: "cc-csc", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: "Güvenlik kodu", value: cardData.cvv, onChange: vm.onCvcChange, errorText: "Geçerli bir güvenlik kodu girin", hasError: vm.isErrorsVisible && !cardData.validationResult.cvv })),
         React.createElement("div", { style: { marginTop: "0.4em" } },
             React.createElement(Checkbox, { value: cardData.threeDSecure, onChange: onThreeDSecureChange, label: "3D Secure kullan" }))));
 });
 
-var css_248z$c = ".style-module_PaymentLogoContainer__224HZ {\n  margin-left: 10px;\n  font-size: 0.7em; }\n  .style-module_PaymentLogoContainer__224HZ img {\n    height: 20px; }\n";
-var styles$b = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ"};
-styleInject(css_248z$c);
-
-var css_248z$d = ".style-module_Installments__aM2lS {\n  background: white; }\n  .style-module_Installments__aM2lS .style-module_Left__b5nmH {\n    display: flex;\n    flex-direction: column;\n    min-height: 42px;\n    justify-content: center; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_Installments__aM2lS .style-module_Left__b5nmH .style-module_InstallmentCount__22FOH {\n        font-size: 0.9em; } }\n    .style-module_Installments__aM2lS .style-module_Left__b5nmH .style-module_InstallmentPrice__1cJHw {\n      font-size: 0.78em;\n      color: #545454; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Installments__aM2lS .style-module_Right__38yQx {\n      font-size: 0.9em; } }\n";
-var styles$c = {"Installments":"style-module_Installments__aM2lS","Left":"style-module_Left__b5nmH","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Right":"style-module_Right__38yQx"};
+var css_248z$d = ".style-module_PaymentLogoContainer__224HZ {\n  margin-left: 10px;\n  font-size: 0.7em; }\n  .style-module_PaymentLogoContainer__224HZ img {\n    height: 20px; }\n";
+var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ"};
 styleInject(css_248z$d);
 
+var css_248z$e = ".style-module_Installments__aM2lS {\n  background: white; }\n  .style-module_Installments__aM2lS .style-module_Left__b5nmH {\n    display: flex;\n    flex-direction: column;\n    min-height: 42px;\n    justify-content: center; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_Installments__aM2lS .style-module_Left__b5nmH .style-module_InstallmentCount__22FOH {\n        font-size: 0.9em; } }\n    .style-module_Installments__aM2lS .style-module_Left__b5nmH .style-module_InstallmentPrice__1cJHw {\n      font-size: 0.78em;\n      color: #545454; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Installments__aM2lS .style-module_Right__38yQx {\n      font-size: 0.9em; } }\n";
+var styles$d = {"Installments":"style-module_Installments__aM2lS","Left":"style-module_Left__b5nmH","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Right":"style-module_Right__38yQx"};
+styleInject(css_248z$e);
+
 var Installments = mobxReactLite.observer(function (_a) {
     var _b;
     var vm = _a.vm;
     var expandableListOptionsInstallment = ((_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.installmentPrices.map(function (i) { return ({
-        leftContent: (React.createElement("div", { className: styles$c.Left },
-            React.createElement("div", { className: styles$c.InstallmentCount }, i.installmentCount === 1
+        leftContent: (React.createElement("div", { className: styles$d.Left },
+            React.createElement("div", { className: styles$d.InstallmentCount }, i.installmentCount === 1
                 ? "Tek Çekim"
                 : i.installmentCount + " Taksit"),
-            i.installmentCount > 1 && (React.createElement("div", { className: styles$c.InstallmentPrice }, "Aylık " +
+            i.installmentCount > 1 && (React.createElement("div", { className: styles$d.InstallmentPrice }, "Aylık " +
                 formatMoney(i.installmentPrice, vm.checkout.cart.currencyCode))))),
-        rightContent: (React.createElement("div", { className: styles$c.Right }, formatMoney(i.totalPrice, vm.checkout.cart.currencyCode))),
+        rightContent: (React.createElement("div", { className: styles$d.Right }, formatMoney(i.totalPrice, vm.checkout.cart.currencyCode))),
     }); })) || [];
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: commonStyles.FormSectionTitle },
             React.createElement("div", { className: [commonStyles.Title].join(" ") }, "Taksit Se\u00E7enekleri")),
-        React.createElement("div", { className: styles$c.Installments },
+        React.createElement("div", { className: styles$d.Installments },
             React.createElement(ExpandableList, { options: expandableListOptionsInstallment, selectedIndex: vm.selectedInstallmentIndex, onRowSelect: function (index) {
                     var _a;
                     return vm.setInstallmentCount((_a = vm.installmentInfo) === null || _a === void 0 ? void 0 : _a.installmentPrices[index].installmentCount);
@@ -29189,8 +30122,8 @@ var PaymentGateways = mobxReactLite.observer(function (_a) {
             React.createElement(CreditCardForm, { vm: vm }),
             vm.installmentInfo && React.createElement(Installments, { vm: vm }))) : pg.description ? (React.createElement("div", null, pg.description)) : undefined,
         rightContent: (React.createElement(PaymentMethodLogos, null, pg.paymentMethods.map(function (pm, index) {
-            return pm.logoUrl ? (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index },
-                React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index }));
+            return pm.logoUrl ? (React.createElement("div", { className: styles$c.PaymentLogoContainer, key: index },
+                React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$c.PaymentLogoContainer, key: index }));
         }))),
     }); });
     return (React.createElement(React.Fragment, null,
@@ -29222,9 +30155,9 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
             leftContent: React.createElement("div", null, "Farkl\u0131 bir fatura adresi kullan"),
             expandContent: (React.createElement(React.Fragment, null,
                 !!vm.customerStore.customer &&
-                    !!vm.customerStore.customer.addresses.length && (React.createElement("div", { className: styles$2.RowPB },
+                    !!vm.customerStore.customer.addresses.length && (React.createElement("div", { className: styles$3.RowPB },
                     React.createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedBillingAddressId, onChange: vm.onSelectedBillingAddressIdChange, options: vm.customerAddressOptions }))),
-                React.createElement(AddressForm$1, { address: vm.checkout.billingAddress, customer: vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, validationResult: vm.checkout.billingAddress.validationResult }))),
+                React.createElement(AddressForm$1, { vm: vm, address: vm.checkout.billingAddress, customer: vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, validationResult: vm.checkout.billingAddress.validationResult, isBilling: true }))),
         },
     ]; });
     return (React.createElement(React.Fragment, null,
@@ -29234,9 +30167,9 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
         React.createElement(ExpandableList, { options: expandableListOptionsBilling.get(), selectedIndex: selectedBillingRowIndex, onRowSelect: onSelectedBillingRowIndexChange })));
 });
 
-var css_248z$e = ".style-module_StepPayment__3STxe {\n  margin-top: 1em; }\n  .style-module_StepPayment__3STxe .style-module_TermsLabelSpan__35xVC {\n    text-decoration: underline; }\n";
-var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC"};
-styleInject(css_248z$e);
+var css_248z$f = ".style-module_StepPayment__3STxe {\n  margin-top: 1em; }\n  .style-module_StepPayment__3STxe .style-module_TermsLabelSpan__35xVC {\n    text-decoration: underline; }\n";
+var styles$e = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC"};
+styleInject(css_248z$f);
 
 var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -29245,7 +30178,7 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
         vm.policyModalTitle = "Mesafeli Satış Sözleşmesi";
         vm.policyModalText = vm.termsOfService;
     };
-    return (React.createElement("div", { className: [styles$d.StepPayment, commonStyles.FormContainer].join(" ") },
+    return (React.createElement("div", { className: [styles$e.StepPayment, commonStyles.FormContainer].join(" ") },
         React.createElement(InfoBox, { vm: vm, showShipping: true }),
         React.createElement(PaymentGateways, { vm: vm }),
         React.createElement(BillingAddress, { vm: vm }),
@@ -29255,34 +30188,34 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
             React.createElement(FormItem, { type: FormItemType.TEXT_AREA, label: "", value: vm.checkout.note || "", onChange: vm.onCheckoutNoteChange }))),
         vm.checkoutSettings.showTermsAndConditionsCheckbox && (React.createElement("div", { style: { marginTop: "12px" } },
             React.createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, hasError: vm.isErrorsVisible && !vm.isTermsAndConditionsChecked, label: React.createElement(React.Fragment, null,
-                    React.createElement("span", { className: styles$d.TermsLabelSpan, onClick: onShowTermsClick }, "Mesafeli sat\u0131\u015F s\u00F6zle\u015Fmesini"),
+                    React.createElement("span", { className: styles$e.TermsLabelSpan, onClick: onShowTermsClick }, "Mesafeli sat\u0131\u015F s\u00F6zle\u015Fmesini"),
                     " ",
                     "okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange }))),
         React.createElement(StepActionButtons, { mainBtnText: "Şimdi öde", mainBtnOnClick: vm.performPayment, backBtnText: "Kargoya Geri Dön", backBtnOnClick: vm.onBackToShippingClick, isLoading: vm.isStepLoading })));
 });
 
-var css_248z$f = ".style-module_CheckoutItem__2JjSt {\n  display: flex;\n  width: 100%;\n  padding: 2em 0; }\n  .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG {\n    flex: 0 0 auto;\n    width: 64px;\n    height: 64px;\n    position: relative;\n    margin-right: 1em; }\n    .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Image__w2Q_P {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      border-radius: 8px;\n      border: 1px solid #d9d9d9; }\n    .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Quantity__2lxki {\n      width: 20px;\n      height: 20px;\n      border-radius: 10px;\n      position: absolute;\n      top: -8px;\n      right: -8px;\n      background-color: #737373;\n      color: white;\n      user-select: none;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 2;\n      font-size: 0.7em; }\n  .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX {\n    flex: 1 1 auto;\n    margin-right: 1em; }\n    .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_Name__nPgw1 {\n      font-size: 0.8em;\n      font-weight: 500;\n      color: #111111; }\n    .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_VariantName__317OV {\n      font-size: 0.8em;\n      color: #737373; }\n  .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n    flex: 0 0 auto;\n    font-size: 0.8em;\n    height: 64px;\n    display: flex;\n    align-items: center; }\n  @media only screen and (min-width: 1000px) {\n    .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_Name__nPgw1 {\n      font-size: 1em; }\n    .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_VariantName__317OV {\n      font-size: 0.9em; }\n    .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n      font-size: 0.9em; } }\n";
-var styles$e = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Quantity":"style-module_Quantity__2lxki","Info":"style-module_Info__vt8mX","Name":"style-module_Name__nPgw1","VariantName":"style-module_VariantName__317OV","Price":"style-module_Price__1Vw31"};
-styleInject(css_248z$f);
+var css_248z$g = ".style-module_CheckoutItem__2JjSt {\n  display: flex;\n  width: 100%;\n  padding: 2em 0; }\n  .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG {\n    flex: 0 0 auto;\n    width: 64px;\n    height: 64px;\n    position: relative;\n    margin-right: 1em; }\n    .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Image__w2Q_P {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      border-radius: 8px;\n      border: 1px solid #d9d9d9; }\n    .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Quantity__2lxki {\n      width: 20px;\n      height: 20px;\n      border-radius: 10px;\n      position: absolute;\n      top: -8px;\n      right: -8px;\n      background-color: #737373;\n      color: white;\n      user-select: none;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 2;\n      font-size: 0.7em; }\n  .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX {\n    flex: 1 1 auto;\n    margin-right: 1em; }\n    .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_Name__nPgw1 {\n      font-size: 0.8em;\n      font-weight: 500;\n      color: #111111; }\n    .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_VariantName__317OV {\n      font-size: 0.8em;\n      color: #737373; }\n  .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n    flex: 0 0 auto;\n    font-size: 0.8em;\n    height: 64px;\n    display: flex;\n    align-items: center; }\n  @media only screen and (min-width: 1000px) {\n    .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_Name__nPgw1 {\n      font-size: 1em; }\n    .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_VariantName__317OV {\n      font-size: 0.9em; }\n    .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n      font-size: 0.9em; } }\n";
+var styles$f = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Quantity":"style-module_Quantity__2lxki","Info":"style-module_Info__vt8mX","Name":"style-module_Name__nPgw1","VariantName":"style-module_VariantName__317OV","Price":"style-module_Price__1Vw31"};
+styleInject(css_248z$g);
 
 var CartItem = mobxReactLite.observer(function (_a) {
     var _b;
     var currencyCode = _a.currencyCode, cartItem = _a.cartItem;
-    return (React.createElement("div", { className: styles$e.CheckoutItem },
-        React.createElement("div", { className: styles$e.ImageContainer },
-            React.createElement("img", { className: styles$e.Image, src: (_b = cartItem.variant.mainImage) === null || _b === void 0 ? void 0 : _b.thumbnailSrc }),
-            React.createElement("div", { className: styles$e.Quantity }, cartItem.quantity)),
-        React.createElement("div", { className: styles$e.Info },
-            React.createElement("div", { className: styles$e.Name }, cartItem.variant.name),
-            React.createElement("div", { className: styles$e.VariantName }, cartItem.variant.variantValues
+    return (React.createElement("div", { className: styles$f.CheckoutItem },
+        React.createElement("div", { className: styles$f.ImageContainer },
+            React.createElement("img", { className: styles$f.Image, src: (_b = cartItem.variant.mainImage) === null || _b === void 0 ? void 0 : _b.thumbnailSrc }),
+            React.createElement("div", { className: styles$f.Quantity }, cartItem.quantity)),
+        React.createElement("div", { className: styles$f.Info },
+            React.createElement("div", { className: styles$f.Name }, cartItem.variant.name),
+            React.createElement("div", { className: styles$f.VariantName }, cartItem.variant.variantValues
                 .map(function (vv) { return vv.variantValueName; })
                 .join(", "))),
-        React.createElement("div", { className: styles$e.Price }, formatMoney(cartItem.finalPriceWithQuantity, currencyCode))));
+        React.createElement("div", { className: styles$f.Price }, formatMoney(cartItem.finalPriceWithQuantity, currencyCode))));
 });
 
-var css_248z$g = ".style-module_CartSummary__30RcF {\n  background-color: #FAFAFA;\n  padding: 0 0.7em;\n  overflow: hidden;\n  border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n    border-top: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 56px;\n    padding: 0 1em;\n    width: calc(100% + 1.4em);\n    margin-left: -0.7em;\n    border-bottom: 1px solid transparent;\n    transition: border-bottom .3s;\n    user-select: none; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n      display: flex;\n      align-items: center;\n      font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_Label__3E7LF {\n        margin-left: 0.5em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d {\n        transition: all .3s; }\n        .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n          transform: rotate(-180deg); }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n      font-weight: 500; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA.style-module_Expanded__3VBL2 {\n      border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n    overflow: hidden;\n    width: 100%;\n    transition: height .3s ease-in-out; }\n  .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n    overflow: hidden; }\n  .style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n    width: 100%;\n    height: 1px;\n    margin: auto;\n    background-color: #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_CouponContainer__1zCXG {\n    padding: 1.2em 0.1em;\n    border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA {\n    display: flex; }\n  .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.65em;\n    margin-top: 0.85em;\n    color: #333333;\n    background-color: rgba(113, 113, 113, 0.11);\n    user-select: none;\n    border-radius: 6px; }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_AppliedCouponCode__2o7pn {\n      margin-left: 0.25em;\n      margin-right: 0.25em;\n      font-weight: 500;\n      position: relative;\n      top: -1px; }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d {\n      color: #545454;\n      cursor: pointer;\n      position: relative;\n      bottom: -1px; }\n      .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d:hover {\n        color: #333333; }\n  .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n    padding: 1.2em 0;\n    border-bottom: 1px solid #d9d9d9; }\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 0.3em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n        color: #545454;\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n        margin-bottom: 0; }\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.5em 0; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n      font-size: 1em; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Tax__17g6O {\n      font-size: 0.8em;\n      color: #545454; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n      font-size: 1.5em;\n      font-weight: 500; }\n  @media only screen and (min-width: 1000px) {\n    .style-module_CartSummary__30RcF {\n      border-bottom: none; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF,\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.9em; } }\n";
-var styles$f = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Label":"style-module_Label__3E7LF","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","Price":"style-module_Price__sosrJ","Expanded":"style-module_Expanded__3VBL2","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","CouponContainer":"style-module_CouponContainer__1zCXG","Coupon":"style-module_Coupon__3pdQA","AppliedCoupon":"style-module_AppliedCoupon__37qv8","AppliedCouponCode":"style-module_AppliedCouponCode__2o7pn","Cross":"style-module_Cross__2dc3d","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Value":"style-module_Value__3mBvk","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","Tax":"style-module_Tax__17g6O","TotalPrice":"style-module_TotalPrice__2s7DC"};
-styleInject(css_248z$g);
+var css_248z$h = ".style-module_CartSummary__30RcF {\n  background-color: #FAFAFA;\n  padding: 0 0.7em;\n  overflow: hidden;\n  border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n    border-top: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 56px;\n    padding: 0 1em;\n    width: calc(100% + 1.4em);\n    margin-left: -0.7em;\n    border-bottom: 1px solid transparent;\n    transition: border-bottom .3s;\n    user-select: none; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n      display: flex;\n      align-items: center;\n      font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_Label__3E7LF {\n        margin-left: 0.5em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d {\n        transition: all .3s; }\n        .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n          transform: rotate(-180deg); }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n      font-weight: 500; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA.style-module_Expanded__3VBL2 {\n      border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n    overflow: hidden;\n    width: 100%;\n    transition: height .3s ease-in-out; }\n  .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n    overflow: hidden; }\n  .style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n    width: 100%;\n    height: 1px;\n    margin: auto;\n    background-color: #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_CouponContainer__1zCXG {\n    padding: 1.2em 0.1em;\n    border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA {\n    display: flex; }\n  .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.65em;\n    margin-top: 0.85em;\n    color: #333333;\n    background-color: rgba(113, 113, 113, 0.11);\n    user-select: none;\n    border-radius: 6px; }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_AppliedCouponCode__2o7pn {\n      margin-left: 0.25em;\n      margin-right: 0.25em;\n      font-weight: 500;\n      position: relative;\n      top: -1px; }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d {\n      color: #545454;\n      cursor: pointer;\n      position: relative;\n      bottom: -1px; }\n      .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d:hover {\n        color: #333333; }\n  .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n    padding: 1.2em 0;\n    border-bottom: 1px solid #d9d9d9; }\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 0.3em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n        color: #545454;\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n        margin-bottom: 0; }\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.5em 0; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n      font-size: 1em; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Tax__17g6O {\n      font-size: 0.8em;\n      color: #545454; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n      font-size: 1.5em;\n      font-weight: 500; }\n  @media only screen and (min-width: 1000px) {\n    .style-module_CartSummary__30RcF {\n      border-bottom: none; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF,\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.9em; } }\n";
+var styles$g = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Label":"style-module_Label__3E7LF","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","Price":"style-module_Price__sosrJ","Expanded":"style-module_Expanded__3VBL2","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","CouponContainer":"style-module_CouponContainer__1zCXG","Coupon":"style-module_Coupon__3pdQA","AppliedCoupon":"style-module_AppliedCoupon__37qv8","AppliedCouponCode":"style-module_AppliedCouponCode__2o7pn","Cross":"style-module_Cross__2dc3d","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Value":"style-module_Value__3mBvk","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","Tax":"style-module_Tax__17g6O","TotalPrice":"style-module_TotalPrice__2s7DC"};
+styleInject(css_248z$h);
 
 var SVGArrowDown = function (_a) {
     var className = _a.className;
@@ -29313,13 +30246,13 @@ var SVGCross = function (_a) {
 };
 
 var CartSummary = mobxReactLite.observer(function (_a) {
-    var _b;
+    var _b, _c;
     var vm = _a.vm, allowExpand = _a.allowExpand;
     var cart = vm.cart;
     var checkout = vm.checkout;
-    var _c = React.useState(!allowExpand), isExpanded = _c[0], setExpanded = _c[1];
-    var _d = React.useState(0), detailsHeight = _d[0], setDetailsHeight = _d[1];
-    var _e = React.useState(null), detailsContainer = _e[0], setDetailsContainer = _e[1];
+    var _d = React.useState(!allowExpand), isExpanded = _d[0], setExpanded = _d[1];
+    var _e = React.useState(0), detailsHeight = _e[0], setDetailsHeight = _e[1];
+    var _f = React.useState(null), detailsContainer = _f[0], setDetailsContainer = _f[1];
     React.useEffect(function () {
         if (!allowExpand)
             return;
@@ -29335,13 +30268,13 @@ var CartSummary = mobxReactLite.observer(function (_a) {
         ? "Sipariş özetini gizle"
         : "Sipariş özetini göster";
     var cartSummaryClasses = [
-        styles$f.CartSummary,
-        isExpanded ? styles$f.Visible : "",
-        allowExpand ? styles$f.AllowExpand : "",
+        styles$g.CartSummary,
+        isExpanded ? styles$g.Visible : "",
+        allowExpand ? styles$g.AllowExpand : "",
     ].join(" ");
     var expandHeaderClasses = [
-        styles$f.ExpandHeader,
-        isExpanded ? styles$f.Expanded : "",
+        styles$g.ExpandHeader,
+        isExpanded ? styles$g.Expanded : "",
     ].join(" ");
     var detailsContainerStyle = allowExpand
         ? {
@@ -29349,53 +30282,57 @@ var CartSummary = mobxReactLite.observer(function (_a) {
         }
         : {};
     var arrowDownClasses = [
-        styles$f.ArrowDown,
-        isExpanded ? styles$f.Rotated : "",
+        styles$g.ArrowDown,
+        isExpanded ? styles$g.Rotated : "",
     ].join(" ");
     if (!cart)
         return null;
     return (React.createElement("div", { className: cartSummaryClasses },
         !!allowExpand && (React.createElement("div", { className: expandHeaderClasses, onClick: function () { return setExpanded(!isExpanded); } },
-            React.createElement("div", { className: styles$f.Left },
+            React.createElement("div", { className: styles$g.Left },
                 React.createElement(SVGShoppingBag, null),
-                React.createElement("span", { className: styles$f.Label }, expandHeaderLabel),
+                React.createElement("span", { className: styles$g.Label }, expandHeaderLabel),
                 React.createElement("div", { className: arrowDownClasses },
                     React.createElement(SVGArrowDown, null))),
-            React.createElement("div", { className: styles$f.Price }, formatMoney(vm.installmentPrice ||
-                vm.checkout.totalFinalPrice ||
-                cart.totalPrice, cart.currencyCode)))),
-        React.createElement("div", { className: styles$f.DetailsContainer, style: detailsContainerStyle },
-            React.createElement("div", { className: styles$f.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
+            React.createElement("div", { className: styles$g.Price }, formatMoney(vm.finalPrice, cart.currencyCode)))),
+        React.createElement("div", { className: styles$g.DetailsContainer, style: detailsContainerStyle },
+            React.createElement("div", { className: styles$g.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
                 cart.items.map(function (item, index) { return (React.createElement("div", { key: index },
                     React.createElement(CartItem, { cartItem: item, currencyCode: cart.currencyCode }),
-                    React.createElement("div", { className: styles$f.Divider }))); }),
+                    React.createElement("div", { className: styles$g.Divider }))); }),
                 React.createElement(Coupon, { vm: vm }),
-                React.createElement("div", { className: styles$f.SubTotalInfo },
-                    React.createElement("div", { className: styles$f.InfoRow },
-                        React.createElement("div", { className: styles$f.Label }, "Alt Toplam"),
-                        React.createElement("div", { className: styles$f.Value }, formatMoney(cart.totalPrice, cart.currencyCode))),
-                    !!((_b = checkout.shippingLines) === null || _b === void 0 ? void 0 : _b.length) && (React.createElement("div", { className: styles$f.InfoRow },
-                        React.createElement("div", { className: styles$f.Label }, "Kargo"),
-                        React.createElement("div", { className: styles$f.Value }, checkout.shippingTotal
+                React.createElement("div", { className: styles$g.SubTotalInfo },
+                    React.createElement("div", { className: styles$g.InfoRow },
+                        React.createElement("div", { className: styles$g.Label }, "Alt Toplam"),
+                        React.createElement("div", { className: styles$g.Value }, formatMoney(cart.totalPrice, cart.currencyCode))),
+                    !!((_b = checkout.shippingLines) === null || _b === void 0 ? void 0 : _b.length) && (React.createElement("div", { className: styles$g.InfoRow },
+                        React.createElement("div", { className: styles$g.Label }, "Kargo"),
+                        React.createElement("div", { className: styles$g.Value }, checkout.shippingTotal
                             ? formatMoney(checkout.shippingTotal, cart.currencyCode)
                             : "Ücretsiz"))),
-                    !!vm.installmentExtraPrice && (React.createElement("div", { className: styles$f.InfoRow },
-                        React.createElement("div", { className: styles$f.Label }, "Vade Fark\u0131"),
-                        React.createElement("div", { className: styles$f.Value }, formatMoney(vm.installmentExtraPrice, cart.currencyCode)))),
-                    sortBy_1(vm.checkout.adjustments || [], "order").map(function (adjustment, index) { return (React.createElement("div", { className: styles$f.InfoRow, key: index },
-                        React.createElement("div", { className: styles$f.Label }, adjustment.name),
-                        React.createElement("div", { className: styles$f.Value },
+                    !!vm.installmentExtraPrice && (React.createElement("div", { className: styles$g.InfoRow },
+                        React.createElement("div", { className: styles$g.Label }, "Vade Fark\u0131"),
+                        React.createElement("div", { className: styles$g.Value }, formatMoney(vm.installmentExtraPrice, cart.currencyCode)))),
+                    sortBy_1(vm.checkout.adjustments || [], "order").map(function (adjustment, index) { return (React.createElement("div", { className: styles$g.InfoRow, key: index },
+                        React.createElement("div", { className: styles$g.Label }, adjustment.name),
+                        React.createElement("div", { className: styles$g.Value },
+                            React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
+                            " ",
+                            React.createElement("span", null, formatMoney(adjustment.amount, cart.currencyCode))))); }),
+                    (((_c = vm.selectedPaymentGateway) === null || _c === void 0 ? void 0 : _c.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || [])
+                        .filter(function (adjustment) { return adjustment.amount !== 0; })
+                        .map(function (adjustment, index) { return (React.createElement("div", { className: styles$g.InfoRow, key: index },
+                        React.createElement("div", { className: styles$g.Label }, adjustment.name),
+                        React.createElement("div", { className: styles$g.Value },
                             React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
                             " ",
                             React.createElement("span", null, formatMoney(adjustment.amount, cart.currencyCode))))); })),
-                React.createElement("div", { className: styles$f.TotalContainer },
-                    React.createElement("div", { className: styles$f.TitleContainer },
-                        React.createElement("div", { className: styles$f.Title }, "Toplam"),
-                        !!(cart === null || cart === void 0 ? void 0 : cart.totalTax) && (React.createElement("div", { className: styles$f.Tax }, formatMoney(cart.totalTax, cart.currencyCode) +
+                React.createElement("div", { className: styles$g.TotalContainer },
+                    React.createElement("div", { className: styles$g.TitleContainer },
+                        React.createElement("div", { className: styles$g.Title }, "Toplam"),
+                        !!(cart === null || cart === void 0 ? void 0 : cart.totalTax) && (React.createElement("div", { className: styles$g.Tax }, formatMoney(cart.totalTax, cart.currencyCode) +
                             " vergi dahil"))),
-                    React.createElement("div", { className: styles$f.TotalPrice }, formatMoney(vm.installmentPrice ||
-                        vm.checkout.totalFinalPrice ||
-                        cart.totalPrice, cart.currencyCode)))))));
+                    React.createElement("div", { className: styles$g.TotalPrice }, formatMoney(vm.finalPrice, cart.currencyCode)))))));
 });
 var Coupon = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -29432,34 +30369,34 @@ var Coupon = mobxReactLite.observer(function (_a) {
     }); };
     if (vm.step === CheckoutStep.SUCCESS)
         return null;
-    return (React.createElement("div", { className: styles$f.CouponContainer },
-        React.createElement("div", { className: styles$f.Coupon },
+    return (React.createElement("div", { className: styles$g.CouponContainer },
+        React.createElement("div", { className: styles$g.Coupon },
             React.createElement(FormItem, { type: FormItemType.TEXT, label: "Hediye kartı veya indirim kodu", value: couponCode, onChange: function (value) { return setCouponCode(value); } }),
             React.createElement(Button, { text: "Uygula", onClick: onCouponApply, isDisabled: !couponCode, isLoading: isLoadingCoupon, size: "medium", style: { marginLeft: "0.5em", maxWidth: "80px" } })),
-        !!vm.checkout.appliedCouponCode && (React.createElement("div", { className: styles$f.AppliedCoupon },
+        !!vm.checkout.appliedCouponCode && (React.createElement("div", { className: styles$g.AppliedCoupon },
             React.createElement(SVGTag, null),
-            React.createElement("div", { className: styles$f.AppliedCouponCode }, vm.checkout.appliedCouponCode),
-            React.createElement("div", { className: styles$f.Cross, onClick: onClearCouponCode },
+            React.createElement("div", { className: styles$g.AppliedCouponCode }, vm.checkout.appliedCouponCode),
+            React.createElement("div", { className: styles$g.Cross, onClick: onClearCouponCode },
                 React.createElement(SVGCross, null))))));
 });
 
-var css_248z$h = ".style-module_Breadcrumbs__1jIPZ {\n  display: flex;\n  align-items: center;\n  padding: 0 0.7em; }\n  .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 {\n    font-size: 0.8em;\n    padding: 1em 0;\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    color: #545454; }\n    .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 .style-module_icon__3Rq6w {\n      transform: rotate(180deg); }\n    .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3.style-module_Active__3KwX8 {\n      color: #111111;\n      font-weight: 500; }\n";
-var styles$g = {"Breadcrumbs":"style-module_Breadcrumbs__1jIPZ","Breadcrumb":"style-module_Breadcrumb__2qdy3","icon":"style-module_icon__3Rq6w","Active":"style-module_Active__3KwX8"};
-styleInject(css_248z$h);
+var css_248z$i = ".style-module_Breadcrumbs__1jIPZ {\n  display: flex;\n  align-items: center;\n  padding: 0 0.7em; }\n  .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 {\n    font-size: 0.8em;\n    padding: 1em 0;\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    color: #545454; }\n    .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 .style-module_icon__3Rq6w {\n      transform: rotate(180deg); }\n    .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3.style-module_Active__3KwX8 {\n      color: #111111;\n      font-weight: 500; }\n";
+var styles$h = {"Breadcrumbs":"style-module_Breadcrumbs__1jIPZ","Breadcrumb":"style-module_Breadcrumb__2qdy3","icon":"style-module_icon__3Rq6w","Active":"style-module_Active__3KwX8"};
+styleInject(css_248z$i);
 
 var Breadcrumbs = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
-    var infoClasses = [styles$g.Breadcrumb];
-    var shippingClasses = [styles$g.Breadcrumb];
-    var paymentClasses = [styles$g.Breadcrumb];
+    var infoClasses = [styles$h.Breadcrumb];
+    var shippingClasses = [styles$h.Breadcrumb];
+    var paymentClasses = [styles$h.Breadcrumb];
     if (vm.step === CheckoutStep.INFO) {
-        infoClasses.push(styles$g.Active);
+        infoClasses.push(styles$h.Active);
     }
     if (vm.step === CheckoutStep.SHIPPING) {
-        shippingClasses.push(styles$g.Active);
+        shippingClasses.push(styles$h.Active);
     }
     if (vm.step === CheckoutStep.PAYMENT) {
-        paymentClasses.push(styles$g.Active);
+        paymentClasses.push(styles$h.Active);
     }
     var onShippingClick = function () {
         try {
@@ -29470,18 +30407,18 @@ var Breadcrumbs = mobxReactLite.observer(function (_a) {
         }
         catch (err) { }
     };
-    return (React.createElement("div", { className: styles$g.Breadcrumbs },
-        React.createElement("div", { className: styles$g.Breadcrumb, onClick: vm.onGoToCartClick },
+    return (React.createElement("div", { className: styles$h.Breadcrumbs },
+        React.createElement("div", { className: styles$h.Breadcrumb, onClick: vm.onGoToCartClick },
             React.createElement("span", null, "Sepet"),
-            React.createElement("span", { className: styles$g.icon },
+            React.createElement("span", { className: styles$h.icon },
                 React.createElement(SVGArrowLeft, null))),
         React.createElement("div", { className: infoClasses.join(" "), onClick: vm.onBackToInfoClick },
             React.createElement("span", null, "Bilgi"),
-            React.createElement("span", { className: styles$g.icon },
+            React.createElement("span", { className: styles$h.icon },
                 React.createElement(SVGArrowLeft, null))),
         React.createElement("div", { className: shippingClasses.join(" "), onClick: onShippingClick },
             React.createElement("span", null, "Kargo"),
-            React.createElement("span", { className: styles$g.icon },
+            React.createElement("span", { className: styles$h.icon },
                 React.createElement(SVGArrowLeft, null))),
         React.createElement("div", { className: paymentClasses.join(" "), onClick: vm.onProceedToPaymentClick },
             React.createElement("span", null, "\u00D6deme"))));
@@ -29494,9 +30431,9 @@ var SVGHamburger = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" })));
 };
 
-var css_248z$i = ".style-module_ErrorContainer__3sK_- {\n  width: calc(100% - 1.4em);\n  padding: 1em;\n  margin: 0 0.7em;\n  background-color: rgba(255, 109, 109, 0.2);\n  border-radius: 6px;\n  margin-bottom: 1em;\n  color: #ff6d6d;\n  padding-bottom: 0;\n  margin-top: 0.7em; }\n  .style-module_ErrorContainer__3sK_- .style-module_Header__SyLrb {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 1em; }\n    .style-module_ErrorContainer__3sK_- .style-module_Header__SyLrb .style-module_Close__12wrg {\n      padding: 0.2em 0;\n      cursor: pointer; }\n  .style-module_ErrorContainer__3sK_- .style-module_Body__3XZo- {\n    width: 100%;\n    padding: 1em 0;\n    border-top: 1px solid rgba(255, 109, 109, 0.4); }\n";
-var styles$h = {"ErrorContainer":"style-module_ErrorContainer__3sK_-","Header":"style-module_Header__SyLrb","Close":"style-module_Close__12wrg","Body":"style-module_Body__3XZo-"};
-styleInject(css_248z$i);
+var css_248z$j = ".style-module_ErrorContainer__3sK_- {\n  width: calc(100% - 1.4em);\n  padding: 1em;\n  margin: 0 0.7em;\n  background-color: rgba(255, 109, 109, 0.2);\n  border-radius: 6px;\n  margin-bottom: 1em;\n  color: #ff6d6d;\n  padding-bottom: 0;\n  margin-top: 0.7em; }\n  .style-module_ErrorContainer__3sK_- .style-module_Header__SyLrb {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 1em; }\n    .style-module_ErrorContainer__3sK_- .style-module_Header__SyLrb .style-module_Close__12wrg {\n      padding: 0.2em 0;\n      cursor: pointer; }\n  .style-module_ErrorContainer__3sK_- .style-module_Body__3XZo- {\n    width: 100%;\n    padding: 1em 0;\n    border-top: 1px solid rgba(255, 109, 109, 0.4); }\n";
+var styles$i = {"ErrorContainer":"style-module_ErrorContainer__3sK_-","Header":"style-module_Header__SyLrb","Close":"style-module_Close__12wrg","Body":"style-module_Body__3XZo-"};
+styleInject(css_248z$j);
 
 var ErrorContainer = mobxReactLite.observer(function (_a) {
     var children = _a.children, onClose = _a.onClose;
@@ -29505,24 +30442,24 @@ var ErrorContainer = mobxReactLite.observer(function (_a) {
         if (elem)
             elem.scrollTop = 0;
     });
-    return (React.createElement("div", { id: "checkoutError", className: styles$h.ErrorContainer },
-        React.createElement("div", { className: styles$h.Header },
+    return (React.createElement("div", { id: "checkoutError", className: styles$i.ErrorContainer },
+        React.createElement("div", { className: styles$i.Header },
             React.createElement("span", null, "Hata!"),
-            React.createElement("div", { className: styles$h.Close, onClick: onClose },
+            React.createElement("div", { className: styles$i.Close, onClick: onClose },
                 React.createElement(SVGHamburger, null))),
-        !!children && React.createElement("div", { className: styles$h.Body }, children)));
+        !!children && React.createElement("div", { className: styles$i.Body }, children)));
 });
 
-var css_248z$j = ".style-module_Product__2LsSV {\n  padding-bottom: 1em; }\n  .style-module_Product__2LsSV .style-module_Stock__1xKk6 {\n    font-size: 0.9em; }\n";
-var styles$i = {"Product":"style-module_Product__2LsSV","Stock":"style-module_Stock__1xKk6"};
-styleInject(css_248z$j);
+var css_248z$k = ".style-module_Product__2LsSV {\n  padding-bottom: 1em; }\n  .style-module_Product__2LsSV .style-module_Stock__1xKk6 {\n    font-size: 0.9em; }\n";
+var styles$j = {"Product":"style-module_Product__2LsSV","Stock":"style-module_Stock__1xKk6"};
+styleInject(css_248z$k);
 
 var StockError = mobxReactLite.observer(function (_a) {
     var error = _a.error, onClose = _a.onClose;
     var data = error.data;
     return (React.createElement(ErrorContainer, { onClose: onClose },
         React.createElement("div", null, "Sat\u0131n almak istedi\u011Finiz baz\u0131 \u00FCr\u00FCnlerin stok say\u0131s\u0131 yetersizdir."),
-        React.createElement("div", { style: { marginTop: "1em" } }, data.map(function (d, index) { return (React.createElement("div", { className: styles$i.Product, key: index },
+        React.createElement("div", { style: { marginTop: "1em" } }, data.map(function (d, index) { return (React.createElement("div", { className: styles$j.Product, key: index },
             React.createElement("div", null, d.variant.name))); }))));
 });
 
@@ -29782,9 +30719,9 @@ var IkasCartStore = /** @class */ (function () {
     return IkasCartStore;
 }());
 
-var css_248z$k = ".style-module_StepSuccess__36Zg4 .style-module_SuccessTitle__2cVxj {\n  font-size: 2em;\n  font-weight: 400;\n  margin-bottom: 0.3em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n  color: #737373;\n  margin: auto;\n  margin-bottom: 2em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 {\n  display: flex;\n  align-items: center;\n  margin-bottom: 2em; }\n  .style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 .style-module_OrderNumber__1A_xg {\n    font-weight: bold;\n    margin-left: 0.4em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 3em;\n  margin-bottom: 2em; }\n  .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTitle__2Whku {\n    font-weight: 500;\n    margin-bottom: 0.2em; }\n  .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoText__1LHFw {\n    color: #737373;\n    letter-spacing: 0.02em; }\n  .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTextBold__21977 {\n    font-weight: 500;\n    color: #737373; }\n\n.style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n  width: 100%;\n  display: flex;\n  margin: auto; }\n\n@media only screen and (max-width: 1000px) {\n  .style-module_StepSuccess__36Zg4 {\n    text-align: center;\n    margin-top: 3em; }\n    .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n      max-width: 400px; }\n    .style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 {\n      justify-content: center; }\n    .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n      justify-content: center;\n      max-width: 400px; }\n    .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n      grid-template-columns: 1fr;\n      grid-gap: 1.5em; } }\n";
-var styles$j = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","OrderNumberContainer":"style-module_OrderNumberContainer__1TWG3","OrderNumber":"style-module_OrderNumber__1A_xg","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","Actions":"style-module_Actions__3ZXaJ"};
-styleInject(css_248z$k);
+var css_248z$l = ".style-module_StepSuccess__36Zg4 .style-module_SuccessTitle__2cVxj {\n  font-size: 2em;\n  font-weight: 400;\n  margin-bottom: 0.3em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n  color: #737373;\n  margin: auto;\n  margin-bottom: 2em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 {\n  display: flex;\n  align-items: center;\n  margin-bottom: 2em; }\n  .style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 .style-module_OrderNumber__1A_xg {\n    font-weight: bold;\n    margin-left: 0.4em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 3em;\n  margin-bottom: 2em; }\n  .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTitle__2Whku {\n    font-weight: 500;\n    margin-bottom: 0.2em; }\n  .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoText__1LHFw {\n    color: #737373;\n    letter-spacing: 0.02em; }\n  .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTextBold__21977 {\n    font-weight: 500;\n    color: #737373; }\n\n.style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n  width: 100%;\n  display: flex;\n  margin: auto; }\n\n@media only screen and (max-width: 1000px) {\n  .style-module_StepSuccess__36Zg4 {\n    text-align: center;\n    margin-top: 3em; }\n    .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n      max-width: 400px; }\n    .style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 {\n      justify-content: center; }\n    .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n      justify-content: center;\n      max-width: 400px; }\n    .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n      grid-template-columns: 1fr;\n      grid-gap: 1.5em; } }\n";
+var styles$k = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","OrderNumberContainer":"style-module_OrderNumberContainer__1TWG3","OrderNumber":"style-module_OrderNumber__1A_xg","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","Actions":"style-module_Actions__3ZXaJ"};
+styleInject(css_248z$l);
 
 var StepSuccess = mobxReactLite.observer(function (_a) {
     var _b, _c, _d;
@@ -29797,28 +30734,28 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
     var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
         " " +
         (((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.lastName) || "");
-    return (React.createElement("div", { className: [styles$j.StepSuccess, commonStyles.FormContainer].join(" ") },
-        React.createElement("div", { className: styles$j.SuccessTitle }, "Sipari\u015Finiz i\u00E7in te\u015Fekk\u00FCr ederiz!"),
-        React.createElement("div", { className: styles$j.SuccessSubTitle },
+    return (React.createElement("div", { className: [styles$k.StepSuccess, commonStyles.FormContainer].join(" ") },
+        React.createElement("div", { className: styles$k.SuccessTitle }, "Sipari\u015Finiz i\u00E7in te\u015Fekk\u00FCr ederiz!"),
+        React.createElement("div", { className: styles$k.SuccessSubTitle },
             "Sevgili ",
             customerName,
             ", sipari\u015Finiz bize ula\u015Fm\u0131\u015Ft\u0131r. Sipari\u015Finiz kargoya verildi\u011Finde sizi e-posta ile bilgilendirece\u011Fiz."),
-        React.createElement("div", { className: styles$j.InfoGrid },
+        React.createElement("div", { className: styles$k.InfoGrid },
             React.createElement("div", null,
-                React.createElement("div", { className: styles$j.InfoTitle }, "Sipari\u015F No / Tarih"),
-                React.createElement("div", { className: styles$j.InfoText }, "#" + (vm.checkout.orderNumber || "")),
-                React.createElement("div", { className: styles$j.InfoText }, vm.checkout.dateStr)),
+                React.createElement("div", { className: styles$k.InfoTitle }, "Sipari\u015F No / Tarih"),
+                React.createElement("div", { className: styles$k.InfoText }, "#" + (vm.checkout.orderNumber || "")),
+                React.createElement("div", { className: styles$k.InfoText }, vm.checkout.dateStr)),
             React.createElement("div", null,
-                React.createElement("div", { className: styles$j.InfoTitle }, "\u0130leti\u015Fim Bilgileri"),
-                React.createElement("div", { className: styles$j.InfoText }, (_d = vm.checkout.customer) === null || _d === void 0 ? void 0 : _d.email),
-                React.createElement("div", { className: styles$j.InfoText }, customerName))),
-        React.createElement("div", { className: styles$j.Actions },
+                React.createElement("div", { className: styles$k.InfoTitle }, "\u0130leti\u015Fim Bilgileri"),
+                React.createElement("div", { className: styles$k.InfoText }, (_d = vm.checkout.customer) === null || _d === void 0 ? void 0 : _d.email),
+                React.createElement("div", { className: styles$k.InfoText }, customerName))),
+        React.createElement("div", { className: styles$k.Actions },
             React.createElement(Button, { text: "Alışverişe Dön", onClick: vm.onBackToShoppingClick }))));
 });
 
-var css_248z$l = ".style-module_PolicyModal__3GidE {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(6px);\n  z-index: 9999;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_PolicyModal__3GidE .style-module_Modal__2xsde {\n    border-radius: 8px;\n    background-color: white;\n    color: #545454;\n    min-width: 400px;\n    max-width: 750px;\n    max-height: 90%;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden; }\n    .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 {\n      flex: 0 0 auto;\n      padding: 1.5em;\n      font-size: 1.2em;\n      border-bottom: 1px solid #d9d9d9;\n      display: flex;\n      justify-content: space-between;\n      align-items: center; }\n      .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 .style-module_CloseButton__1loXc {\n        cursor: pointer; }\n    .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalContent__271So {\n      flex: 1 1 auto;\n      padding: 1.5em;\n      overflow-y: auto; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_PolicyModal__3GidE .style-module_Modal__2xsde {\n        max-width: unset;\n        max-height: unset;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 0; }\n        .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 {\n          padding: 1.5em; } }\n";
-var styles$k = {"PolicyModal":"style-module_PolicyModal__3GidE","Modal":"style-module_Modal__2xsde","ModalHeader":"style-module_ModalHeader__3tVz1","CloseButton":"style-module_CloseButton__1loXc","ModalContent":"style-module_ModalContent__271So"};
-styleInject(css_248z$l);
+var css_248z$m = ".style-module_PolicyModal__3GidE {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(6px);\n  z-index: 9999;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_PolicyModal__3GidE .style-module_Modal__2xsde {\n    border-radius: 8px;\n    background-color: white;\n    color: #545454;\n    min-width: 400px;\n    max-width: 750px;\n    max-height: 90%;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden; }\n    .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 {\n      flex: 0 0 auto;\n      padding: 1.5em;\n      font-size: 1.2em;\n      border-bottom: 1px solid #d9d9d9;\n      display: flex;\n      justify-content: space-between;\n      align-items: center; }\n      .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 .style-module_CloseButton__1loXc {\n        cursor: pointer; }\n    .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalContent__271So {\n      flex: 1 1 auto;\n      padding: 1.5em;\n      overflow-y: auto; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_PolicyModal__3GidE .style-module_Modal__2xsde {\n        max-width: unset;\n        max-height: unset;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        border-radius: 0; }\n        .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 {\n          padding: 1.5em; } }\n";
+var styles$l = {"PolicyModal":"style-module_PolicyModal__3GidE","Modal":"style-module_Modal__2xsde","ModalHeader":"style-module_ModalHeader__3tVz1","CloseButton":"style-module_CloseButton__1loXc","ModalContent":"style-module_ModalContent__271So"};
+styleInject(css_248z$m);
 
 var PolicyModal = mobxReactLite.observer(function (_a) {
     var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
@@ -29833,13 +30770,13 @@ var PolicyModal = mobxReactLite.observer(function (_a) {
             document.removeEventListener("keydown", escFunction, false);
         };
     }, []);
-    return (React.createElement("div", { className: styles$k.PolicyModal, onClick: onClose },
-        React.createElement("div", { className: styles$k.Modal, onClick: function (e) { return e.stopPropagation(); } },
-            React.createElement("div", { className: styles$k.ModalHeader },
+    return (React.createElement("div", { className: styles$l.PolicyModal, onClick: onClose },
+        React.createElement("div", { className: styles$l.Modal, onClick: function (e) { return e.stopPropagation(); } },
+            React.createElement("div", { className: styles$l.ModalHeader },
                 React.createElement("div", null, title),
-                React.createElement("div", { className: styles$k.CloseButton, onClick: onClose },
+                React.createElement("div", { className: styles$l.CloseButton, onClick: onClose },
                     React.createElement(SVGHamburger, null))),
-            React.createElement("div", { className: styles$k.ModalContent, dangerouslySetInnerHTML: { __html: modalContent } }))));
+            React.createElement("div", { className: styles$l.ModalContent, dangerouslySetInnerHTML: { __html: modalContent } }))));
 });
 
 var CustomerLoginRequiredError = mobxReactLite.observer(function (_a) {
@@ -29897,11 +30834,11 @@ var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
     };
     var onPrivacyPolicyClick = function () {
         vm.policyModalTitle = "Gizlilik Politikası";
-        vm.policyModalText = vm.returnPolicy;
+        vm.policyModalText = vm.privacyPolicy;
     };
     var onTermsOfServiceClick = function () {
         vm.policyModalTitle = "Hizmet Şartları";
-        vm.policyModalText = vm.returnPolicy;
+        vm.policyModalText = vm.termsOfService;
     };
     var onErrorClose = function () {
         vm.error = undefined;
@@ -29943,25 +30880,25 @@ var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
         return null;
     return (React.createElement(React.Fragment, null,
         React.createElement(IkasPageHead, { pageTitle: (((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.merchantName) || "") + " - Güvenli Ödeme", description: "Güvenli ödeme" }),
-        React.createElement("div", { id: "Checkout", className: styles$2.CheckoutPage },
-            React.createElement("div", { className: styles$2.Left },
-                React.createElement("div", { className: styles$2.LeftContent },
+        React.createElement("div", { id: "Checkout", className: styles$3.CheckoutPage },
+            React.createElement("div", { className: styles$3.Left },
+                React.createElement("div", { className: styles$3.LeftContent },
                     React.createElement("div", null,
-                        React.createElement("div", { className: styles$2.Header },
-                            React.createElement("a", { href: "/" }, !!((_c = vm.merchantSettings) === null || _c === void 0 ? void 0 : _c.logoId) ? (React.createElement("div", { className: styles$2.Logo },
+                        React.createElement("div", { className: styles$3.Header },
+                            React.createElement("a", { href: "/" }, !!((_c = vm.merchantSettings) === null || _c === void 0 ? void 0 : _c.logoId) ? (React.createElement("div", { className: styles$3.Logo },
                                 React.createElement(Image, { layout: "fill", image: vm.merchantSettings.logo, sizes: "64px" }))) : (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || ""))),
                         vm.step !== CheckoutStep.SUCCESS && React.createElement(Breadcrumbs, { vm: vm }),
                         !!vm.error && renderError(),
-                        React.createElement("div", { className: styles$2.MobileCartSummary },
+                        React.createElement("div", { className: styles$3.MobileCartSummary },
                             React.createElement(CartSummary, { vm: vm, allowExpand: true })),
                         step,
-                        React.createElement("div", { className: styles$2.Space })),
-                    React.createElement("div", { className: styles$2.Footer },
-                        React.createElement("div", { className: styles$2.FooterItem, onClick: onReturnPolicyClick }, "Para iade politikas\u0131"),
-                        React.createElement("div", { className: styles$2.FooterItem, onClick: onPrivacyPolicyClick }, "Gizlilik politikas\u0131"),
-                        React.createElement("div", { className: styles$2.FooterItem, onClick: onTermsOfServiceClick }, "Hizmet \u015Fartlar\u0131")))),
-            React.createElement("div", { className: styles$2.Right },
-                React.createElement("div", { className: styles$2.RightContent },
+                        React.createElement("div", { className: styles$3.Space })),
+                    React.createElement("div", { className: styles$3.Footer },
+                        React.createElement("div", { className: styles$3.FooterItem, onClick: onReturnPolicyClick }, "Para iade politikas\u0131"),
+                        React.createElement("div", { className: styles$3.FooterItem, onClick: onPrivacyPolicyClick }, "Gizlilik politikas\u0131"),
+                        React.createElement("div", { className: styles$3.FooterItem, onClick: onTermsOfServiceClick }, "Hizmet \u015Fartlar\u0131")))),
+            React.createElement("div", { className: styles$3.Right },
+                React.createElement("div", { className: styles$3.RightContent },
                     React.createElement(CartSummary, { vm: vm }))),
             !!vm.policyModalText && (React.createElement(PolicyModal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
 });
@@ -29982,7 +30919,7 @@ var style = {
     backgroundColor: "rgba(255, 0, 0, 0.5)",
 };
 
-var PACKAGE_VERSION = "0.0.139";
+var PACKAGE_VERSION = "0.0.158";
 var PageViewModel = /** @class */ (function () {
     function PageViewModel(router) {
         var _this = this;
@@ -30444,13 +31381,13 @@ var IkasPageEditor = mobxReactLite.observer(function () {
     });
     return (React.createElement(React.Fragment, null,
         !!vm.page && (React.createElement(IkasPageHead, { pageTitle: vm.page.pageTitle, description: vm.page.description })),
-        React.createElement("div", { style: pageStyle$1 },
+        React.createElement("div", { style: pageStyle },
             React.createElement("div", null,
                 !!headerPageComponent && (React.createElement(ThemeEditorComponent, { key: headerPageComponent.id, vm: vm, pageComponent: headerPageComponent })), others === null || others === void 0 ? void 0 :
                 others.map(function (pageComponent) { return (React.createElement(ThemeEditorComponent, { key: pageComponent.id, vm: vm, pageComponent: pageComponent })); })),
             !!footerPageComponent && (React.createElement(ThemeEditorComponent, { key: footerPageComponent.id, vm: vm, pageComponent: footerPageComponent })))));
 });
-var pageStyle$1 = {
+var pageStyle = {
     minHeight: "100vh",
     width: "100vw",
     display: "flex",
@@ -30873,6 +31810,20 @@ var Page$1 = function (_a) {
     React.useEffect(function () {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
     }, [isBrowser, propValuesStr]);
+    // If the user clicks a link for the same page, we need this logic to re-render the page
+    React.useEffect(function () {
+        router$1.events.on("routeChangeComplete", handleRouteChange);
+        return function () {
+            router$1.events.off("routeChangeComplete", handleRouteChange);
+        };
+    }, []);
+    var handleRouteChange = function (url, options) {
+        var shallow = options.shallow;
+        if (!shallow &&
+            [exports.IkasThemePageType.CATEGORY, exports.IkasThemePageType.BRAND].includes(page.type)) {
+            setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
+        }
+    };
     return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings, addOgpMetas: true }));
 };
 var index$1 = mobxReactLite.observer(Page$1);
@@ -30920,6 +31871,8 @@ function handleAnalytics(page, pageSpecificDataStr) {
                 var productDetailParsed = JSON.parse(pageSpecificDataStr);
                 var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
                 Analytics.productView(productDetail);
+                // @ts-ignore
+                IkasStorefrontConfig.store.customerStore.onProductView(productDetail.product.id, productDetail.selectedVariant.id);
             }
             if (page.type === exports.IkasThemePageType.CATEGORY) {
                 var category = JSON.parse(pageSpecificDataStr);
@@ -31521,7 +32474,6 @@ var IkasBaseStore = /** @class */ (function () {
         this.showLocaleOptions = false;
         this.localeChecked = false;
         this.settingsSet = false;
-        this.infiniteScrollPages = {}; // key is productListPropValueId
         this.customerStore = new IkasCustomerStore(this);
         this.cartStore = new IkasCartStore(this);
         mobx.makeObservable(this, {
@@ -31749,5 +32701,6 @@ exports.getPlaceholderCategory = getPlaceholderCategory;
 exports.getPlaceholderProduct = getPlaceholderProduct;
 exports.parseRangeStr = parseRangeStr;
 exports.pascalCase = pascalCase;
+exports.stringSorter = stringSorter;
 exports.stringToSlug = stringToSlug;
 exports.validatePhoneNumber = validatePhoneNumber;