@ikas/storefront 0.2.0-alpha.4 → 0.2.0-alpha.5

package/build/index.js

@@ -11012,6 +11012,10 @@ var IkasStorefrontConfig = /** @class */ (function () {
             stockPreference: IkasStorefrontConfig.stockPreference || null,
             storefrontJSScripts: IkasStorefrontConfig.storefrontJSScripts || [],
             translations: this.translations,
+            customerReviewSettings: IkasStorefrontConfig.customerReviewSettings,
+            productBackInStockSettings: IkasStorefrontConfig.productBackInStockSettings
+                ? JSON.parse(JSON.stringify(IkasStorefrontConfig.productBackInStockSettings))
+                : null,
         };
     };
     IkasStorefrontConfig.components = {};
@@ -19836,6 +19840,8 @@ var IkasCart = /** @class */ (function () {
 var IkasPaymentGateway = /** @class */ (function () {
     function IkasPaymentGateway(data) {
         var _a;
+        this.supportedCurrencies = [];
+        this.availableCountries = [];
         this.paymentMethods = data.paymentMethods || [];
         this.paymentMethodType =
             data.paymentMethodType || IkasPaymentMethodType.OTHER;
@@ -19849,6 +19855,8 @@ var IkasPaymentGateway = /** @class */ (function () {
         this.additionalPrices =
             ((_a = data.additionalPrices) === null || _a === void 0 ? void 0 : _a.map(function (ap) { return new IkasPaymentGatewayAdditionalPrice(ap); })) || null;
         this.translations = data.translations || null;
+        this.supportedCurrencies = data.supportedCurrencies || [];
+        this.availableCountries = data.availableCountries || [];
         this.setTranslations();
         mobx.makeAutoObservable(this);
     }
@@ -20301,6 +20309,33 @@ var IkasCustomerEmailSubscriptionStatus;
     IkasCustomerEmailSubscriptionStatus["SUBSCRIBED"] = "SUBSCRIBED";
 })(IkasCustomerEmailSubscriptionStatus || (IkasCustomerEmailSubscriptionStatus = {}));
 
+var IkasCustomerReview = /** @class */ (function () {
+    function IkasCustomerReview(data) {
+        this.comment = data.comment || "";
+        this.createdAt = data.createdAt || "";
+        this.customerId = data.customerId || "";
+        this.deleted = data.deleted || false;
+        this.id = data.id || "";
+        this.orderId = data.orderId || "";
+        this.orderNumber = data.orderNumber || "";
+        this.productId = data.productId || "";
+        this.salesChannelId = data.salesChannelId || "";
+        this.star = data.star || 0;
+        this.status = data.status || CustomerReviewStatusEnum.APPROVED;
+        this.storefrontId = data.storefrontId || "";
+        this.title = data.title || "";
+        this.updatedAt = data.updatedAt || "";
+        mobx.makeAutoObservable(this);
+    }
+    return IkasCustomerReview;
+}());
+var CustomerReviewStatusEnum;
+(function (CustomerReviewStatusEnum) {
+    CustomerReviewStatusEnum["APPROVED"] = "APPROVED";
+    CustomerReviewStatusEnum["REJECTED"] = "REJECTED";
+    CustomerReviewStatusEnum["WAITING"] = "WAITING";
+})(CustomerReviewStatusEnum || (CustomerReviewStatusEnum = {}));
+
 (function (IkasCardAssociation) {
     IkasCardAssociation["AMERICAN_EXPRESS"] = "AMERICAN_EXPRESS";
     IkasCardAssociation["MASTER_CARD"] = "MASTER_CARD";
@@ -23122,13 +23157,11 @@ var CheckoutViewModel = /** @class */ (function () {
                         if (queryStep) {
                             this.step = queryStep;
                             if (this.step === CheckoutStep.SHIPPING && !this.canProceedToShipping) {
-                                this.changeStep(CheckoutStep.INFO);
-                                return [2 /*return*/];
+                                return [2 /*return*/, this.changeStep(CheckoutStep.INFO)];
                             }
                             else if (this.step === CheckoutStep.PAYMENT &&
                                 !this.canProceedToPayment) {
-                                this.changeStep(CheckoutStep.INFO);
-                                return [2 /*return*/];
+                                return [2 /*return*/, this.changeStep(CheckoutStep.INFO)];
                             }
                             else if (![
                                 CheckoutStep.INFO,
@@ -23136,8 +23169,7 @@ var CheckoutViewModel = /** @class */ (function () {
                                 CheckoutStep.SHIPPING,
                                 CheckoutStep.PAYMENT,
                             ].includes(this.step)) {
-                                this.changeStep(CheckoutStep.INFO);
-                                return [2 /*return*/];
+                                return [2 /*return*/, this.changeStep(CheckoutStep.INFO)];
                             }
                         }
                         if (queryFailed) {
@@ -23162,17 +23194,32 @@ var CheckoutViewModel = /** @class */ (function () {
                                 shallow: true,
                             });
                         }
+                        // Check if there are available shipping methods for the shipping address
+                        if (this.step === CheckoutStep.SHIPPING &&
+                            !this.checkout.availableShippingMethods.length) {
+                            this.error = {
+                                type: ErrorType.NO_SHIPPING_ERROR,
+                            };
+                            this.isCheckoutLoaded = true;
+                            return [2 /*return*/];
+                        }
                         if (!(this.step === CheckoutStep.PAYMENT ||
                             this.step === CheckoutStep.SUCCESS)) return [3 /*break*/, 4];
                         return [4 /*yield*/, this.listPaymentGateways()];
                     case 3:
                         _b.sent();
+                        if (!this.paymentGateways.length) {
+                            this.error = {
+                                type: ErrorType.NO_SHIPPING_ERROR,
+                            };
+                            this.isCheckoutLoaded = true;
+                            return [2 /*return*/];
+                        }
                         _b.label = 4;
                     case 4:
                         if (!(this.step !== CheckoutStep.SUCCESS)) return [3 /*break*/, 8];
                         if (!this.checkout.isComplete) return [3 /*break*/, 5];
-                        this.changeStep(CheckoutStep.SUCCESS);
-                        return [2 /*return*/];
+                        return [2 /*return*/, this.changeStep(CheckoutStep.SUCCESS)];
                     case 5: return [4 /*yield*/, this.initialStockCheck()];
                     case 6:
                         _b.sent();
@@ -23354,24 +23401,41 @@ var CheckoutViewModel = /** @class */ (function () {
             });
         }); };
         this.listPaymentGateways = function () { return __awaiter(_this, void 0, void 0, function () {
-            var isLocal, idList, paymentGateways, orderedPaymentGateways;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var isLocal, idList, paymentGateways, shippingCountry_1, orderedPaymentGateways;
+            var _this = this;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         isLocal = process.env.NEXT_PUBLIC_ENV === "local";
                         idList = IkasStorefrontConfig.paymentGateways.map(function (pg) { return pg.id; });
                         return [4 /*yield*/, IkasCheckoutAPI.listPaymentGateway(isLocal ? undefined : idList)];
                     case 1:
-                        paymentGateways = _a.sent();
+                        paymentGateways = _b.sent();
                         if (!paymentGateways || !paymentGateways.length) {
                             this.error = {
                                 type: ErrorType.API_ERROR,
                             };
                             return [2 /*return*/];
                         }
+                        if (this.step === CheckoutStep.PAYMENT) {
+                            paymentGateways = paymentGateways.filter(function (pg) {
+                                return pg.supportedCurrencies.length
+                                    ? pg.supportedCurrencies.includes(_this.checkout.cart.currencyCode)
+                                    : true;
+                            });
+                            shippingCountry_1 = (_a = this.checkout.shippingAddress) === null || _a === void 0 ? void 0 : _a.country;
+                            if (shippingCountry_1) {
+                                paymentGateways = paymentGateways.filter(function (pg) {
+                                    return pg.availableCountries.length
+                                        ? pg.availableCountries.includes(shippingCountry_1.iso2 || "")
+                                        : true;
+                                });
+                            }
+                        }
                         orderedPaymentGateways = [];
                         sortBy_1(IkasStorefrontConfig.paymentGateways, "order").forEach(function (pg) {
-                            var _pg = paymentGateways.find(function (p) { return p.id === pg.id; });
+                            var _pg = paymentGateways === null || paymentGateways === void 0 ? void 0 : paymentGateways.find(function (p) { return p.id === pg.id; });
                             if (_pg)
                                 orderedPaymentGateways.push(_pg);
                         });
@@ -23883,6 +23947,8 @@ var CheckoutViewModel = /** @class */ (function () {
             _this.addressTitle = value;
         };
         this.setPaymentGateway = function (index) {
+            if (!_this.paymentGateways.length)
+                return;
             var paymentGateway = _this.paymentGateways[index];
             _this.checkout.selectedPaymentGateway = paymentGateway;
             if (_this.step !== CheckoutStep.SUCCESS) {
@@ -24476,17 +24542,16 @@ var StorefrontEventType;
     StorefrontEventType[StorefrontEventType["SESSION_START"] = 1] = "SESSION_START";
     StorefrontEventType[StorefrontEventType["PAGE_VIEW"] = 2] = "PAGE_VIEW";
     StorefrontEventType[StorefrontEventType["PRODUCT_VIEW"] = 3] = "PRODUCT_VIEW";
-    StorefrontEventType[StorefrontEventType["CREATE_CART"] = 4] = "CREATE_CART";
-    StorefrontEventType[StorefrontEventType["ADD_TO_CART"] = 5] = "ADD_TO_CART";
-    StorefrontEventType[StorefrontEventType["VIEW_CART"] = 6] = "VIEW_CART";
-    StorefrontEventType[StorefrontEventType["ORDER_SUCCESS"] = 7] = "ORDER_SUCCESS";
-    StorefrontEventType[StorefrontEventType["BEGIN_CHECKOUT"] = 8] = "BEGIN_CHECKOUT";
-    StorefrontEventType[StorefrontEventType["CHECKOUT_STEP"] = 9] = "CHECKOUT_STEP";
-    StorefrontEventType[StorefrontEventType["CUSTOMER_REGISTER"] = 10] = "CUSTOMER_REGISTER";
-    StorefrontEventType[StorefrontEventType["CUSTOMER_VISIT"] = 11] = "CUSTOMER_VISIT";
-    StorefrontEventType[StorefrontEventType["CUSTOMER_LOGIN"] = 12] = "CUSTOMER_LOGIN";
-    StorefrontEventType[StorefrontEventType["BRAND_VIEW"] = 13] = "BRAND_VIEW";
-    StorefrontEventType[StorefrontEventType["CATEGORY_VIEW"] = 14] = "CATEGORY_VIEW";
+    StorefrontEventType[StorefrontEventType["ADD_TO_CART"] = 4] = "ADD_TO_CART";
+    StorefrontEventType[StorefrontEventType["VIEW_CART"] = 5] = "VIEW_CART";
+    StorefrontEventType[StorefrontEventType["ORDER_SUCCESS"] = 6] = "ORDER_SUCCESS";
+    StorefrontEventType[StorefrontEventType["BEGIN_CHECKOUT"] = 7] = "BEGIN_CHECKOUT";
+    StorefrontEventType[StorefrontEventType["CHECKOUT_STEP"] = 8] = "CHECKOUT_STEP";
+    StorefrontEventType[StorefrontEventType["CUSTOMER_REGISTER"] = 9] = "CUSTOMER_REGISTER";
+    StorefrontEventType[StorefrontEventType["CUSTOMER_VISIT"] = 10] = "CUSTOMER_VISIT";
+    StorefrontEventType[StorefrontEventType["CUSTOMER_LOGIN"] = 11] = "CUSTOMER_LOGIN";
+    StorefrontEventType[StorefrontEventType["BRAND_VIEW"] = 12] = "BRAND_VIEW";
+    StorefrontEventType[StorefrontEventType["CATEGORY_VIEW"] = 13] = "CATEGORY_VIEW";
 })(StorefrontEventType || (StorefrontEventType = {}));
 var StorefrontEventPageType;
 (function (StorefrontEventPageType) {
@@ -34043,6 +34108,33 @@ var IkasCustomerStore = /** @class */ (function () {
                 }
             });
         }); };
+        this.sendReview = function (input) { return __awaiter(_this, void 0, void 0, function () {
+            var customerReviewSettings, salesChannelId, customerId, response, error_1;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        customerReviewSettings = IkasStorefrontConfig.customerReviewSettings, salesChannelId = IkasStorefrontConfig.salesChannelId;
+                        if (!customerReviewSettings)
+                            return [2 /*return*/];
+                        customerId = (_a = this.customer) === null || _a === void 0 ? void 0 : _a.id;
+                        if (!customerId && customerReviewSettings.customerLoginRequired)
+                            throw Error("Unauthorized");
+                        return [4 /*yield*/, IkasCustomerReviewAPI.createCustomerReview(__assign(__assign({}, input), { customerId: customerReviewSettings.customerLoginRequired
+                                    ? customerId
+                                    : undefined, salesChannelId: salesChannelId || "" }))];
+                    case 1:
+                        response = _b.sent();
+                        return [2 /*return*/, response];
+                    case 2:
+                        error_1 = _b.sent();
+                        console.log(error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
         this.onCustomerConsentGrant = function () {
             _this.saveCustomerConsent();
         };
@@ -34678,7 +34770,9 @@ var IkasProductAttributeValue = /** @class */ (function () {
 var IkasProductVariant = /** @class */ (function () {
     function IkasProductVariant(data) {
         if (data === void 0) { data = {}; }
+        this._backInStockReminderSaved = false;
         this.id = data.id || Date.now() + "";
+        this.productId = data.productId || "";
         this.sku = data.sku || null;
         this.barcodeList = data.barcodeList || [];
         this.variantValues = data.variantValues
@@ -34704,6 +34798,70 @@ var IkasProductVariant = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductVariant.prototype, "hasStock", {
+        get: function () {
+            return this.stock > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProductVariant.prototype, "isBackInStockEnabled", {
+        get: function () {
+            return IkasStorefrontConfig.productBackInStockSettings !== null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProductVariant.prototype, "isBackInStockCustomerLoginRequired", {
+        get: function () {
+            return (IkasStorefrontConfig.productBackInStockSettings &&
+                IkasStorefrontConfig.productBackInStockSettings.customerLoginRequired);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProductVariant.prototype, "isBackInStockReminderSaved", {
+        get: function () {
+            return this._backInStockReminderSaved;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IkasProductVariant.prototype.saveBackInStockReminder = function (email) {
+        return __awaiter(this, void 0, void 0, function () {
+            var listResponse, saveResponseSuccess;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, IkasProductBackInStockReminderAPI.list({
+                            email: email,
+                            productId: this.productId,
+                            variantId: this.id,
+                        })];
+                    case 1:
+                        listResponse = _a.sent();
+                        if (!(listResponse && listResponse.data.length)) return [3 /*break*/, 2];
+                        this._backInStockReminderSaved = true;
+                        return [2 /*return*/, false];
+                    case 2: return [4 /*yield*/, IkasProductBackInStockReminderAPI.save({
+                            email: email,
+                            productId: this.productId,
+                            variantId: this.id,
+                        })];
+                    case 3:
+                        saveResponseSuccess = _a.sent();
+                        if (saveResponseSuccess) {
+                            this._backInStockReminderSaved = true;
+                            return [2 /*return*/, true];
+                        }
+                        else {
+                            this._backInStockReminderSaved = false;
+                            return [2 /*return*/, false];
+                        }
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
     return IkasProductVariant;
 }());
 
@@ -34826,6 +34984,13 @@ var IkasProduct = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProduct.prototype, "hasStock", {
+        get: function () {
+            return this.variants.some(function (v) { return v.stock > 0; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasProduct.prototype, "mainVariantType", {
         get: function () {
             if (!this.hasVariant)
@@ -37036,7 +37201,7 @@ var IkasProductDetail = /** @class */ (function () {
     });
     Object.defineProperty(IkasProductDetail.prototype, "hasStock", {
         get: function () {
-            return this.product.variants.some(function (v) { return v.stock > 0; });
+            return this.product.hasStock;
         },
         enumerable: false,
         configurable: true
@@ -37082,6 +37247,42 @@ var IkasProductDetail = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductDetail.prototype, "isCustomerReviewEnabled", {
+        get: function () {
+            return (!!IkasStorefrontConfig.customerReviewSettings &&
+                !IkasStorefrontConfig.customerReviewSettings.customerPurchaseRequired);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasProductDetail.prototype, "isCustomerReviewLoginRequired", {
+        get: function () {
+            if (!IkasStorefrontConfig.customerReviewSettings)
+                return true;
+            return IkasStorefrontConfig.customerReviewSettings.customerLoginRequired;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IkasProductDetail.prototype.getCustomerReviews = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var customerReviews;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        customerReviews = new IkasCustomerReviewList({
+                            productId: this.product.id,
+                        });
+                        //@ts-ignore
+                        return [4 /*yield*/, customerReviews.getInitial()];
+                    case 1:
+                        //@ts-ignore
+                        _a.sent();
+                        return [2 /*return*/, customerReviews];
+                }
+            });
+        });
+    };
     IkasProductDetail.prototype.selectVariantValue = function (variantValue) {
         var _this = this;
         var _a;
@@ -39334,6 +39535,230 @@ var IkasAttributeList = /** @class */ (function () {
     return IkasAttributeList;
 }());
 
+var IkasCustomerReviewList = /** @class */ (function () {
+    function IkasCustomerReviewList(data) {
+        var _this = this;
+        this._initialized = false;
+        this._minPage = null;
+        this._isLoading = false;
+        // Used by the provider
+        this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listCustomerReviews(this.page, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = response.data;
+                        this._count = response.count;
+                        this._initialized = true;
+                        this._minPage = this.page;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_1 = _a.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getPrev = function () { return __awaiter(_this, void 0, void 0, function () {
+            var minPage, response, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading || !this.hasPrev)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        minPage = this._minPage - 1;
+                        return [4 /*yield*/, this.listCustomerReviews(minPage, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = response.data.concat(this.data);
+                        this._count = response.count;
+                        this._minPage = minPage;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_2 = _a.sent();
+                        console.log(err_2);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getNext = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response, err_3;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading || !this.hasNext)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listCustomerReviews(this.page + 1, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = this.data.concat(response.data);
+                        this._count = response.count;
+                        this._page = this.page + 1;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_3 = _a.sent();
+                        console.log(err_3);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getPage = function (page) { return __awaiter(_this, void 0, void 0, function () {
+            var response, err_4;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listCustomerReviews(page, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = response.data;
+                        this._count = response.count;
+                        this._page = page;
+                        this._minPage = page;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_4 = _a.sent();
+                        console.log(err_4);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.data = data.data
+            ? data.data.map(function (b) { return new IkasCustomerReview(b); })
+            : [];
+        this._limit = data.limit || 5;
+        this._page = data.page || 1;
+        this._count = data.count || 0;
+        this._initialized = data.initialized || false;
+        this._minPage = data.minPage;
+        this._productId = data.productId;
+        mobx.makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasCustomerReviewList.prototype, "limit", {
+        get: function () {
+            return this._limit;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCustomerReviewList.prototype, "page", {
+        get: function () {
+            return this._page;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCustomerReviewList.prototype, "count", {
+        get: function () {
+            return this._count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCustomerReviewList.prototype, "pageCount", {
+        get: function () {
+            return Math.ceil(this._count / this._limit);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCustomerReviewList.prototype, "isInitialized", {
+        get: function () {
+            return this._initialized;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCustomerReviewList.prototype, "hasPrev", {
+        get: function () {
+            if (!this._minPage)
+                return false;
+            return this._minPage > 1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCustomerReviewList.prototype, "hasNext", {
+        get: function () {
+            return this.page * this.limit < this.count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasCustomerReviewList.prototype, "isLoading", {
+        get: function () {
+            return this._isLoading;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IkasCustomerReviewList.prototype.listCustomerReviews = function (page, limit) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, IkasCustomerReviewAPI.listCustomerReviews({
+                            productId: this._productId,
+                            salesChannelId: IkasStorefrontConfig.salesChannelId || "",
+                            page: page,
+                            limit: limit,
+                        })];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    IkasCustomerReviewList.prototype.toJSON = function () {
+        return {
+            data: this.data,
+            limit: this._limit,
+            page: this._page,
+            count: this._count,
+            initialized: this._initialized,
+            minPage: this._minPage,
+            productId: this._productId,
+        };
+    };
+    return IkasCustomerReviewList;
+}());
+
 var Validator = /** @class */ (function () {
     function Validator(model, rules) {
         var _this = this;
@@ -41138,6 +41563,139 @@ var AccountInfoForm = /** @class */ (function () {
     return AccountInfoForm;
 }());
 
+var CustomerReviewForm = /** @class */ (function () {
+    function CustomerReviewForm(props) {
+        var _this = this;
+        this.model = {
+            title: "",
+            comment: "",
+            star: 0,
+        };
+        this.onTitleChange = function (value) {
+            _this.title = value;
+        };
+        this.onCommentChange = function (value) {
+            _this.comment = value;
+        };
+        this.onStarChange = function (value) {
+            _this.star = value;
+        };
+        mobx.makeObservable(this, {
+            starErrorMessage: mobx.computed,
+            hasError: mobx.computed,
+            model: mobx.observable,
+            validateAll: mobx.action,
+            submit: mobx.action,
+        });
+        this.productId = props.productId;
+        this.store = props.store;
+        this.validator = new Validator(this.model, [
+            new RequiredRule({
+                fieldKey: "star",
+                valuePath: "star",
+                message: props.message.starRule,
+            }),
+            new MinRule({
+                fieldKey: "star",
+                valuePath: "star",
+                minValue: 1,
+                message: props.message.starRule,
+            }),
+            new MaxRule({
+                fieldKey: "star",
+                valuePath: "star",
+                maxValue: 5,
+                message: props.message.starRule,
+            }),
+        ]);
+    }
+    Object.defineProperty(CustomerReviewForm.prototype, "title", {
+        get: function () {
+            return this.model.title;
+        },
+        set: function (value) {
+            this.model.title = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomerReviewForm.prototype, "comment", {
+        get: function () {
+            return this.model.comment;
+        },
+        set: function (value) {
+            this.model.comment = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomerReviewForm.prototype, "star", {
+        get: function () {
+            return this.model.star;
+        },
+        set: function (value) {
+            this.model.star = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomerReviewForm.prototype, "hasError", {
+        get: function () {
+            return this.validator.hasError;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomerReviewForm.prototype, "starErrorMessage", {
+        get: function () {
+            return this.validator.results.star.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomerReviewForm.prototype.validateAll = function () {
+        return this.validator.validateAll();
+    };
+    CustomerReviewForm.prototype.submit = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var response, hasFormError, isContactFormSuccess;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        response = { isFormError: false, isSuccess: false };
+                        return [4 /*yield*/, this.validateAll()];
+                    case 1:
+                        hasFormError = _b.sent();
+                        if (hasFormError) {
+                            response.isFormError = true;
+                            return [2 /*return*/, response];
+                        }
+                        _b.label = 2;
+                    case 2:
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.sendReview({
+                                title: this.model.title,
+                                comment: this.model.comment,
+                                star: this.model.star,
+                                productId: this.productId,
+                            })];
+                    case 3:
+                        isContactFormSuccess = _b.sent();
+                        if (isContactFormSuccess) {
+                            response.isSuccess = true;
+                        }
+                        return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
+                        return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return CustomerReviewForm;
+}());
+
 var IkasComponentRenderer = /** @class */ (function () {
     function IkasComponentRenderer(render) {
         this.render = render;
@@ -41630,7 +42188,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            id\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n            notificationsAccepted\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            id\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            taxLines {\n              price\n              rate\n            }\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\n              statusUpdatedAt\n              stockLocationId\n              taxValue\n              updatedAt\n              variant {\n                barcodeList\n                id\n                mainImageId\n                name\n                productId\n                sku\n                slug\n                variantValues {\n                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n            couponId\n            appliedOrderLines {\n              amount\n              appliedQuantity\n              orderLineId\n            }\n          }\n          giftPackageLines {\n            price\n            taxValue\n          }\n          isGiftPackage\n          giftPackageNote\n        }\n      }\n    "], ["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            id\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n            notificationsAccepted\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            id\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            taxLines {\n              price\n              rate\n            }\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\n              statusUpdatedAt\n              stockLocationId\n              taxValue\n              updatedAt\n              variant {\n                barcodeList\n                id\n                mainImageId\n                name\n                productId\n                sku\n                slug\n                variantValues {\n                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n            couponId\n            appliedOrderLines {\n              amount\n              appliedQuantity\n              orderLineId\n            }\n          }\n          giftPackageLines {\n            price\n            taxValue\n          }\n          isGiftPackage\n          giftPackageNote\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            id\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n              iso2\n              iso3\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n            notificationsAccepted\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            id\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\n              iso2\n              iso3\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            taxLines {\n              price\n              rate\n            }\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\n              statusUpdatedAt\n              stockLocationId\n              taxValue\n              updatedAt\n              variant {\n                barcodeList\n                id\n                mainImageId\n                name\n                productId\n                sku\n                slug\n                variantValues {\n                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n            couponId\n            appliedOrderLines {\n              amount\n              appliedQuantity\n              orderLineId\n            }\n          }\n          giftPackageLines {\n            price\n            taxValue\n          }\n          isGiftPackage\n          giftPackageNote\n        }\n      }\n    "], ["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            id\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n              iso2\n              iso3\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n            notificationsAccepted\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            id\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\n              iso2\n              iso3\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            taxLines {\n              price\n              rate\n            }\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\n              statusUpdatedAt\n              stockLocationId\n              taxValue\n              updatedAt\n              variant {\n                barcodeList\n                id\n                mainImageId\n                name\n                productId\n                sku\n                slug\n                variantValues {\n                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n            couponId\n            appliedOrderLines {\n              amount\n              appliedQuantity\n              orderLineId\n            }\n          }\n          giftPackageLines {\n            price\n            taxValue\n          }\n          isGiftPackage\n          giftPackageNote\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -41835,7 +42393,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          type\n          logoUrl\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          type\n          logoUrl\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          type\n          logoUrl\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n          supportedCurrencies\n          availableCountries\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          type\n          logoUrl\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n          supportedCurrencies\n          availableCountries\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -42712,6 +43270,93 @@ var IkasCustomerAPI = /** @class */ (function () {
 }());
 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$1, templateObject_10$1, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
 
+var IkasCustomerReviewAPI = /** @class */ (function () {
+    function IkasCustomerReviewAPI() {
+    }
+    IkasCustomerReviewAPI.listCustomerReviews = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var LIST_CUSTOMER_REVIEWS, _a, data, errors, err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        LIST_CUSTOMER_REVIEWS = src(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n      query listCustomerReviews(\n        $input: ListCustomerReviewInput!\n        $productId: String\n        $pagination: PaginationInput\n      ) {\n        listCustomerReviews(\n          input: $input\n          productId: $productId\n          pagination: $pagination\n        ) {\n          count\n          data {\n            comment\n            createdAt\n            id\n            star\n            title\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "], ["\n      query listCustomerReviews(\n        $input: ListCustomerReviewInput!\n        $productId: String\n        $pagination: PaginationInput\n      ) {\n        listCustomerReviews(\n          input: $input\n          productId: $productId\n          pagination: $pagination\n        ) {\n          count\n          data {\n            comment\n            createdAt\n            id\n            star\n            title\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: LIST_CUSTOMER_REVIEWS,
+                                variables: {
+                                    input: {
+                                        salesChannelId: params.salesChannelId,
+                                    },
+                                    productId: params.productId,
+                                    pagination: {
+                                        page: params.page,
+                                        limit: params.limit,
+                                    },
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length)
+                            return [2 /*return*/, {
+                                    data: [],
+                                    count: 0,
+                                }];
+                        return [2 /*return*/, {
+                                data: data.listCustomerReviews.data.map(function (fP) { return new IkasCustomerReview(fP); }),
+                                count: data.listCustomerReviews.count,
+                            }];
+                    case 3:
+                        err_1 = _b.sent();
+                        console.log(err_1);
+                        return [2 /*return*/, {
+                                data: [],
+                                count: 0,
+                            }];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasCustomerReviewAPI.createCustomerReview = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var CREATE_CUSTOMER_REVIEW, _a, data, errors, err_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        CREATE_CUSTOMER_REVIEW = src(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n      mutation createCustomerReview($input: CreateCustomerReviewInput!) {\n        createCustomerReview(input: $input) {\n          id\n        }\n      }\n    "], ["\n      mutation createCustomerReview($input: CreateCustomerReviewInput!) {\n        createCustomerReview(input: $input) {\n          id\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .mutate({
+                                mutation: CREATE_CUSTOMER_REVIEW,
+                                variables: {
+                                    input: __assign({}, params),
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length)
+                            return [2 /*return*/, false];
+                        return [2 /*return*/, data === null || data === void 0 ? void 0 : data.createCustomerReview];
+                    case 3:
+                        err_2 = _b.sent();
+                        console.log(err_2);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return IkasCustomerReviewAPI;
+}());
+var templateObject_1$8, templateObject_2$6;
+
 var IkasDistrictAPI = /** @class */ (function () {
     function IkasDistrictAPI() {
     }
@@ -42721,7 +43366,7 @@ var IkasDistrictAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n      query listDistrict(\n        $cityId: StringFilterInput!\n        $stateId: StringFilterInput\n      ) {\n        listDistrict(cityId: $cityId, stateId: $stateId) {\n          id\n          name\n        }\n      }\n    "], ["\n      query listDistrict(\n        $cityId: StringFilterInput!\n        $stateId: StringFilterInput\n      ) {\n        listDistrict(cityId: $cityId, stateId: $stateId) {\n          id\n          name\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n      query listDistrict(\n        $cityId: StringFilterInput!\n        $stateId: StringFilterInput\n      ) {\n        listDistrict(cityId: $cityId, stateId: $stateId) {\n          id\n          name\n        }\n      }\n    "], ["\n      query listDistrict(\n        $cityId: StringFilterInput!\n        $stateId: StringFilterInput\n      ) {\n        listDistrict(cityId: $cityId, stateId: $stateId) {\n          id\n          name\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -42762,7 +43407,7 @@ var IkasDistrictAPI = /** @class */ (function () {
     };
     return IkasDistrictAPI;
 }());
-var templateObject_1$8;
+var templateObject_1$9;
 
 var IkasHTMLMetaDataAPI = /** @class */ (function () {
     function IkasHTMLMetaDataAPI() {
@@ -42773,7 +43418,7 @@ var IkasHTMLMetaDataAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -42816,7 +43461,7 @@ var IkasHTMLMetaDataAPI = /** @class */ (function () {
     };
     return IkasHTMLMetaDataAPI;
 }());
-var templateObject_1$9;
+var templateObject_1$a;
 
 var IkasMerchantAPI = /** @class */ (function () {
     function IkasMerchantAPI() {
@@ -42827,7 +43472,7 @@ var IkasMerchantAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n      query listMerchantSettings {\n        listMerchantSettings {\n          id\n          logoId\n          merchantName\n        }\n      }\n    "], ["\n      query listMerchantSettings {\n        listMerchantSettings {\n          id\n          logoId\n          merchantName\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n      query listMerchantSettings {\n        listMerchantSettings {\n          id\n          logoId\n          merchantName\n        }\n      }\n    "], ["\n      query listMerchantSettings {\n        listMerchantSettings {\n          id\n          logoId\n          merchantName\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -42854,7 +43499,7 @@ var IkasMerchantAPI = /** @class */ (function () {
     };
     return IkasMerchantAPI;
 }());
-var templateObject_1$a;
+var templateObject_1$b;
 
 var IkasProductAttributeTableCell = /** @class */ (function () {
     function IkasProductAttributeTableCell(data) {
@@ -42887,7 +43532,7 @@ var IkasProductSearchAPI = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         _b.trys.push([0, 2, , 3]);
-                        SEARCH_PRODUCTS = src(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n        query searchProducts($input: SearchInput!) {\n          searchProducts(input: $input) {\n            count\n            data\n            facets {\n              id\n              values {\n                count\n                id\n              }\n            }\n            limit\n            page\n            totalCount\n          }\n        }\n      "], ["\n        query searchProducts($input: SearchInput!) {\n          searchProducts(input: $input) {\n            count\n            data\n            facets {\n              id\n              values {\n                count\n                id\n              }\n            }\n            limit\n            page\n            totalCount\n          }\n        }\n      "])));
+                        SEARCH_PRODUCTS = src(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n        query searchProducts($input: SearchInput!) {\n          searchProducts(input: $input) {\n            count\n            data\n            facets {\n              id\n              values {\n                count\n                id\n              }\n            }\n            limit\n            page\n            totalCount\n          }\n        }\n      "], ["\n        query searchProducts($input: SearchInput!) {\n          searchProducts(input: $input) {\n            count\n            data\n            facets {\n              id\n              values {\n                count\n                id\n              }\n            }\n            limit\n            page\n            totalCount\n          }\n        }\n      "])));
                         return [4 /*yield*/, apollo
                                 .getClient()
                                 .query({
@@ -42923,7 +43568,7 @@ var IkasProductSearchAPI = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         _b.trys.push([0, 2, , 3]);
-                        QUERY = src(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n        query getProductFilterData($categoryId: String, $locale: String) {\n          getProductFilterData(categoryId: $categoryId, locale: $locale) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              isFacetFilter\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "], ["\n        query getProductFilterData($categoryId: String, $locale: String) {\n          getProductFilterData(categoryId: $categoryId, locale: $locale) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              isFacetFilter\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "])));
+                        QUERY = src(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n        query getProductFilterData($categoryId: String, $locale: String) {\n          getProductFilterData(categoryId: $categoryId, locale: $locale) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              isFacetFilter\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "], ["\n        query getProductFilterData($categoryId: String, $locale: String) {\n          getProductFilterData(categoryId: $categoryId, locale: $locale) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              isFacetFilter\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "])));
                         return [4 /*yield*/, apollo
                                 .getClient()
                                 .query({
@@ -43042,6 +43687,7 @@ function simpleToProduct(simple) {
             var _a, _b, _c, _d;
             return new IkasProductVariant({
                 id: v.id,
+                productId: simple.id,
                 attributes: (_a = v.attributes) === null || _a === void 0 ? void 0 : _a.map(function (a) {
                     var _a, _b, _c, _d, _e, _f;
                     return new IkasProductAttributeValue({
@@ -43089,7 +43735,7 @@ function simpleToProduct(simple) {
         }),
     });
 }
-var templateObject_1$b, templateObject_2$6;
+var templateObject_1$c, templateObject_2$7;
 
 var IkasProductAttributeAPI = /** @class */ (function () {
     function IkasProductAttributeAPI() {
@@ -43100,7 +43746,7 @@ var IkasProductAttributeAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_PRODUCT_ATTRIBUTES = src(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n      query listProductAttribute($id: StringFilterInput!) {\n        listProductAttribute(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          description\n          type\n          options {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n          }\n          translations {\n            description\n            locale\n            name\n            options {\n              id\n              name\n            }\n          }\n        }\n      }\n    "], ["\n      query listProductAttribute($id: StringFilterInput!) {\n        listProductAttribute(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          description\n          type\n          options {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n          }\n          translations {\n            description\n            locale\n            name\n            options {\n              id\n              name\n            }\n          }\n        }\n      }\n    "])));
+                        LIST_PRODUCT_ATTRIBUTES = src(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n      query listProductAttribute($id: StringFilterInput!) {\n        listProductAttribute(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          description\n          type\n          options {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n          }\n          translations {\n            description\n            locale\n            name\n            options {\n              id\n              name\n            }\n          }\n        }\n      }\n    "], ["\n      query listProductAttribute($id: StringFilterInput!) {\n        listProductAttribute(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          description\n          type\n          options {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n          }\n          translations {\n            description\n            locale\n            name\n            options {\n              id\n              name\n            }\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43133,7 +43779,7 @@ var IkasProductAttributeAPI = /** @class */ (function () {
     };
     return IkasProductAttributeAPI;
 }());
-var templateObject_1$c;
+var templateObject_1$d;
 
 var IkasFavoriteProductAPI = /** @class */ (function () {
     function IkasFavoriteProductAPI() {
@@ -43144,7 +43790,7 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_FAVORITE_PRODUCTS = src(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n      query listFavoriteProducts {\n        listFavoriteProducts {\n          id\n          createdAt\n          updatedAt\n          deleted\n          productId\n          customerId\n        }\n      }\n    "], ["\n      query listFavoriteProducts {\n        listFavoriteProducts {\n          id\n          createdAt\n          updatedAt\n          deleted\n          productId\n          customerId\n        }\n      }\n    "])));
+                        LIST_FAVORITE_PRODUCTS = src(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n      query listFavoriteProducts {\n        listFavoriteProducts {\n          id\n          createdAt\n          updatedAt\n          deleted\n          productId\n          customerId\n        }\n      }\n    "], ["\n      query listFavoriteProducts {\n        listFavoriteProducts {\n          id\n          createdAt\n          updatedAt\n          deleted\n          productId\n          customerId\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43173,7 +43819,7 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        IS_FAVORITE_PRODUCT = src(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n      query isFavoriteProduct($productId: String!) {\n        isFavoriteProduct(productId: $productId)\n      }\n    "], ["\n      query isFavoriteProduct($productId: String!) {\n        isFavoriteProduct(productId: $productId)\n      }\n    "])));
+                        IS_FAVORITE_PRODUCT = src(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n      query isFavoriteProduct($productId: String!) {\n        isFavoriteProduct(productId: $productId)\n      }\n    "], ["\n      query isFavoriteProduct($productId: String!) {\n        isFavoriteProduct(productId: $productId)\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43229,7 +43875,7 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
     };
     return IkasFavoriteProductAPI;
 }());
-var templateObject_1$d, templateObject_2$7, templateObject_3$4;
+var templateObject_1$e, templateObject_2$8, templateObject_3$4;
 
 var IkasContactFormAPI = /** @class */ (function () {
     function IkasContactFormAPI() {
@@ -43240,7 +43886,7 @@ var IkasContactFormAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n      mutation sendContactFormToMerchant(\n        $email: String!\n        $message: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        sendContactFormToMerchant(\n          email: $email\n          message: $message\n          firstName: $firstName\n          lastName: $lastName\n        )\n      }\n    "], ["\n      mutation sendContactFormToMerchant(\n        $email: String!\n        $message: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        sendContactFormToMerchant(\n          email: $email\n          message: $message\n          firstName: $firstName\n          lastName: $lastName\n        )\n      }\n    "])));
+                        MUTATION = src(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n      mutation sendContactFormToMerchant(\n        $email: String!\n        $message: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        sendContactFormToMerchant(\n          email: $email\n          message: $message\n          firstName: $firstName\n          lastName: $lastName\n        )\n      }\n    "], ["\n      mutation sendContactFormToMerchant(\n        $email: String!\n        $message: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        sendContactFormToMerchant(\n          email: $email\n          message: $message\n          firstName: $firstName\n          lastName: $lastName\n        )\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43272,7 +43918,7 @@ var IkasContactFormAPI = /** @class */ (function () {
     };
     return IkasContactFormAPI;
 }());
-var templateObject_1$e;
+var templateObject_1$f;
 
 var IkasStateAPI = /** @class */ (function () {
     function IkasStateAPI() {
@@ -43283,7 +43929,7 @@ var IkasStateAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n      query listState($countryId: StringFilterInput!) {\n        listState(countryId: $countryId) {\n          id\n          name\n          stateCode\n        }\n      }\n    "], ["\n      query listState($countryId: StringFilterInput!) {\n        listState(countryId: $countryId) {\n          id\n          name\n          stateCode\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n      query listState($countryId: StringFilterInput!) {\n        listState(countryId: $countryId) {\n          id\n          name\n          stateCode\n        }\n      }\n    "], ["\n      query listState($countryId: StringFilterInput!) {\n        listState(countryId: $countryId) {\n          id\n          name\n          stateCode\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43320,7 +43966,7 @@ var IkasStateAPI = /** @class */ (function () {
     };
     return IkasStateAPI;
 }());
-var templateObject_1$f;
+var templateObject_1$g;
 
 var IkasVariantTypeAPI = /** @class */ (function () {
     function IkasVariantTypeAPI() {
@@ -43331,7 +43977,7 @@ var IkasVariantTypeAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_VARIANT_TYPE = src(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n      query listVariantType($id: StringFilterInput!) {\n        listVariantType(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          selectionType\n          values {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            thumbnailImageId\n            colorCode\n          }\n          translations {\n            locale\n            name\n            values {\n              id\n              name\n            }\n          }\n        }\n      }\n    "], ["\n      query listVariantType($id: StringFilterInput!) {\n        listVariantType(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          selectionType\n          values {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            thumbnailImageId\n            colorCode\n          }\n          translations {\n            locale\n            name\n            values {\n              id\n              name\n            }\n          }\n        }\n      }\n    "])));
+                        LIST_VARIANT_TYPE = src(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n      query listVariantType($id: StringFilterInput!) {\n        listVariantType(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          selectionType\n          values {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            thumbnailImageId\n            colorCode\n          }\n          translations {\n            locale\n            name\n            values {\n              id\n              name\n            }\n          }\n        }\n      }\n    "], ["\n      query listVariantType($id: StringFilterInput!) {\n        listVariantType(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          selectionType\n          values {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            thumbnailImageId\n            colorCode\n          }\n          translations {\n            locale\n            name\n            values {\n              id\n              name\n            }\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43378,7 +44024,7 @@ var IkasVariantTypeAPI = /** @class */ (function () {
     };
     return IkasVariantTypeAPI;
 }());
-var templateObject_1$g;
+var templateObject_1$h;
 
 var IkasProductOptionSetAPI = /** @class */ (function () {
     function IkasProductOptionSetAPI() {
@@ -43391,7 +44037,7 @@ var IkasProductOptionSetAPI = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         _b.trys.push([0, 2, , 3]);
-                        QUERY = src(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n        query ListProductOptionSet(\n          $id: StringFilterInput!\n          $updatedAt: DateFilterInput\n          $includeDeleted: Boolean!\n        ) {\n          listProductOptionSet(\n            updatedAt: $updatedAt\n            includeDeleted: $includeDeleted\n            id: $id\n          ) {\n            createdAt\n            deleted\n            id\n            name\n            options {\n              createdAt\n              dateSettings {\n                max\n                min\n              }\n              deleted\n              fileSettings {\n                allowedExtensions\n                maxQuantity\n                minQuantity\n              }\n              id\n              isOptional\n              name\n              optionalText\n              requiredOptionId\n              requiredOptionValueIds\n              order\n              price\n              selectSettings {\n                maxSelect\n                minSelect\n                type\n                values {\n                  createdAt\n                  deleted\n                  id\n                  order\n                  price\n                  updatedAt\n                  value\n                  thumbnailImageId\n                  colorCode\n                }\n              }\n              textSettings {\n                max\n                min\n              }\n              type\n              updatedAt\n            }\n            translations {\n              locale\n              options {\n                id\n                name\n                optionalText\n                values {\n                  id\n                  value\n                }\n              }\n            }\n            updatedAt\n          }\n        }\n      "], ["\n        query ListProductOptionSet(\n          $id: StringFilterInput!\n          $updatedAt: DateFilterInput\n          $includeDeleted: Boolean!\n        ) {\n          listProductOptionSet(\n            updatedAt: $updatedAt\n            includeDeleted: $includeDeleted\n            id: $id\n          ) {\n            createdAt\n            deleted\n            id\n            name\n            options {\n              createdAt\n              dateSettings {\n                max\n                min\n              }\n              deleted\n              fileSettings {\n                allowedExtensions\n                maxQuantity\n                minQuantity\n              }\n              id\n              isOptional\n              name\n              optionalText\n              requiredOptionId\n              requiredOptionValueIds\n              order\n              price\n              selectSettings {\n                maxSelect\n                minSelect\n                type\n                values {\n                  createdAt\n                  deleted\n                  id\n                  order\n                  price\n                  updatedAt\n                  value\n                  thumbnailImageId\n                  colorCode\n                }\n              }\n              textSettings {\n                max\n                min\n              }\n              type\n              updatedAt\n            }\n            translations {\n              locale\n              options {\n                id\n                name\n                optionalText\n                values {\n                  id\n                  value\n                }\n              }\n            }\n            updatedAt\n          }\n        }\n      "])));
+                        QUERY = src(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n        query ListProductOptionSet(\n          $id: StringFilterInput!\n          $updatedAt: DateFilterInput\n          $includeDeleted: Boolean!\n        ) {\n          listProductOptionSet(\n            updatedAt: $updatedAt\n            includeDeleted: $includeDeleted\n            id: $id\n          ) {\n            createdAt\n            deleted\n            id\n            name\n            options {\n              createdAt\n              dateSettings {\n                max\n                min\n              }\n              deleted\n              fileSettings {\n                allowedExtensions\n                maxQuantity\n                minQuantity\n              }\n              id\n              isOptional\n              name\n              optionalText\n              requiredOptionId\n              requiredOptionValueIds\n              order\n              price\n              selectSettings {\n                maxSelect\n                minSelect\n                type\n                values {\n                  createdAt\n                  deleted\n                  id\n                  order\n                  price\n                  updatedAt\n                  value\n                  thumbnailImageId\n                  colorCode\n                }\n              }\n              textSettings {\n                max\n                min\n              }\n              type\n              updatedAt\n            }\n            translations {\n              locale\n              options {\n                id\n                name\n                optionalText\n                values {\n                  id\n                  value\n                }\n              }\n            }\n            updatedAt\n          }\n        }\n      "], ["\n        query ListProductOptionSet(\n          $id: StringFilterInput!\n          $updatedAt: DateFilterInput\n          $includeDeleted: Boolean!\n        ) {\n          listProductOptionSet(\n            updatedAt: $updatedAt\n            includeDeleted: $includeDeleted\n            id: $id\n          ) {\n            createdAt\n            deleted\n            id\n            name\n            options {\n              createdAt\n              dateSettings {\n                max\n                min\n              }\n              deleted\n              fileSettings {\n                allowedExtensions\n                maxQuantity\n                minQuantity\n              }\n              id\n              isOptional\n              name\n              optionalText\n              requiredOptionId\n              requiredOptionValueIds\n              order\n              price\n              selectSettings {\n                maxSelect\n                minSelect\n                type\n                values {\n                  createdAt\n                  deleted\n                  id\n                  order\n                  price\n                  updatedAt\n                  value\n                  thumbnailImageId\n                  colorCode\n                }\n              }\n              textSettings {\n                max\n                min\n              }\n              type\n              updatedAt\n            }\n            translations {\n              locale\n              options {\n                id\n                name\n                optionalText\n                values {\n                  id\n                  value\n                }\n              }\n            }\n            updatedAt\n          }\n        }\n      "])));
                         return [4 /*yield*/, apollo
                                 .getClient()
                                 .query({
@@ -43422,7 +44068,89 @@ var IkasProductOptionSetAPI = /** @class */ (function () {
     };
     return IkasProductOptionSetAPI;
 }());
-var templateObject_1$h;
+var templateObject_1$i;
+
+var IkasProductBackInStockReminderAPI = /** @class */ (function () {
+    function IkasProductBackInStockReminderAPI() {
+    }
+    IkasProductBackInStockReminderAPI.list = function (listParams) {
+        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$j || (templateObject_1$j = __makeTemplateObject(["\n      query listProductBackInStockRemind(\n        $id: StringFilterInput\n        $updatedAt: DateFilterInput\n        $includeDeleted: Boolean\n        $email: StringFilterInput\n        $productId: StringFilterInput\n        $variantId: StringFilterInput\n      ) {\n        listProductBackInStockRemind(\n          id: $id\n          updatedAt: $updatedAt\n          includeDeleted: $includeDeleted\n          email: $email\n          productId: $productId\n          variantId: $variantId\n        ) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "], ["\n      query listProductBackInStockRemind(\n        $id: StringFilterInput\n        $updatedAt: DateFilterInput\n        $includeDeleted: Boolean\n        $email: StringFilterInput\n        $productId: StringFilterInput\n        $variantId: StringFilterInput\n      ) {\n        listProductBackInStockRemind(\n          id: $id\n          updatedAt: $updatedAt\n          includeDeleted: $includeDeleted\n          email: $email\n          productId: $productId\n          variantId: $variantId\n        ) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: QUERY,
+                                variables: {
+                                    includeDeleted: listParams.includeDeleted,
+                                    updatedAt: { gt: listParams.updatedAt },
+                                    id: { eq: listParams.id },
+                                    email: { eq: listParams.email },
+                                    productId: { eq: listParams.productId },
+                                    variantId: { eq: listParams.variantId },
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            return [2 /*return*/];
+                        }
+                        return [2 /*return*/, {
+                                data: data.listProductBackInStockRemind,
+                            }];
+                    case 3:
+                        err_1 = _b.sent();
+                        console.log(err_1);
+                        return [2 /*return*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasProductBackInStockReminderAPI.save = function (input) {
+        return __awaiter(this, void 0, void 0, function () {
+            var MUTATION, _a, data, errors, err_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        MUTATION = src(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n      mutation saveProductBackInStockRemind(\n        $input: ProductBackInStockRemindInput!\n      ) {\n        saveProductBackInStockRemind(input: $input) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "], ["\n      mutation saveProductBackInStockRemind(\n        $input: ProductBackInStockRemindInput!\n      ) {\n        saveProductBackInStockRemind(input: $input) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .mutate({
+                                mutation: MUTATION,
+                                variables: {
+                                    input: input,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            console.log(errors);
+                        }
+                        if (data && data.saveProductBackInStockRemind)
+                            return [2 /*return*/, data.saveProductBackInStockRemind];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_2 = _b.sent();
+                        console.log(err_2);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return IkasProductBackInStockReminderAPI;
+}());
+var templateObject_1$j, templateObject_2$9;
 
 var IkasProductListPropValueProvider = /** @class */ (function () {
     function IkasProductListPropValueProvider(pageType, productListPropValue, pageSpecificData) {
@@ -69004,6 +69732,7 @@ var CustomerLoginRequiredError = mobxReactLite.observer(function (_a) {
 var Errors = function (_a) {
     var _b;
     var vm = _a.vm;
+    var ref = React.useRef(null);
     var onErrorClose = React.useCallback(function () {
         vm.error = undefined;
     }, [vm]);
@@ -69027,7 +69756,10 @@ var Errors = function (_a) {
     }
     if (!error)
         return null;
-    return React.createElement("div", { style: { marginBottom: "24px" } }, error);
+    if (ref.current) {
+        ref.current.scrollIntoView();
+    }
+    return (React.createElement("div", { ref: ref, style: { marginBottom: "24px" } }, error));
 };
 var Errors$1 = mobxReactLite.observer(Errors);
 
@@ -69281,6 +70013,8 @@ var AddressFormViewModel = /** @class */ (function () {
                 id: country === null || country === void 0 ? void 0 : country.id,
                 name: country === null || country === void 0 ? void 0 : country.name,
                 code: country === null || country === void 0 ? void 0 : country.iso3,
+                iso2: country === null || country === void 0 ? void 0 : country.iso2,
+                iso3: country === null || country === void 0 ? void 0 : country.iso3,
             };
             _this.address.state = undefined;
             _this.address.city = undefined;
@@ -71008,13 +71742,18 @@ var styles$k = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"styl
 var StepContainer = mobxReactLite.observer(function (_a) {
     var steps = _a.steps, stepContent = _a.stepContent;
     React.useEffect(function () {
-        var _a;
+        var _a, _b;
         var width = document.body.getBoundingClientRect().width;
         if (width < 768) {
             var selectedStepIndex = steps.findIndex(function (s) { return s.isSelected; });
             if (selectedStepIndex === 0)
                 return;
-            (_a = document.getElementById("step-" + selectedStepIndex)) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+            if (selectedStepIndex === 2) {
+                (_a = document.getElementById("step-" + 1)) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+            }
+            else {
+                (_b = document.getElementById("step-" + selectedStepIndex)) === null || _b === void 0 ? void 0 : _b.scrollIntoView();
+            }
         }
     }, []);
     return (React.createElement("div", { className: styles$k.StepContainer }, steps.map(function (step, index) { return (React.createElement("div", { className: styles$k.Step },
@@ -71443,7 +72182,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "], ["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "], ["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -71474,7 +72213,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
     };
     return IkasStorefrontAPI;
 }());
-var templateObject_1$i;
+var templateObject_1$k;
 
 var IkasNextPageDataProvider = /** @class */ (function () {
     function IkasNextPageDataProvider() {
@@ -71513,7 +72252,7 @@ var IkasNextPageDataProvider = /** @class */ (function () {
     IkasNextPageDataProvider.getSettings = function (locale) {
         var _this = this;
         return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-            var isLocal, storefrontResponse, storefront, localTheme, colorScript, settings, storefront_1, salesChannel_1, localizationMap, storefrontJSScripts_1, domain_1, themeLocalizationPath, routing_1;
+            var isLocal, storefrontResponse, storefront, localTheme, colorScript, settings, storefront_1, salesChannel_1, localizationMap, storefrontJSScripts_1, domain_1, productBackInStockSettings_1, customerReviewSettings_1, themeLocalizationPath, routing_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -71549,18 +72288,36 @@ var IkasNextPageDataProvider = /** @class */ (function () {
                             stockPreference: localTheme.settings.stockPreference,
                             storefrontJSScripts: colorScript ? [colorScript] : [],
                             domain: "",
+                            productBackInStockSettings: {
+                                customerLoginRequired: true,
+                            },
+                            customerReviewSettings: {
+                                customerLoginRequired: true,
+                                customerPurchaseRequired: false,
+                            },
                         });
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, IkasNextPageDataProvider.readSettingsFile()];
                     case 4:
                         settings = _a.sent();
-                        if (!settings)
+                        if (!settings || !settings.localizationMap)
                             return [2 /*return*/, resolve(null)];
                         storefront_1 = new IkasStorefront(settings.storefront);
                         salesChannel_1 = new IkasSalesChannel(settings.salesChannel);
                         localizationMap = settings.localizationMap;
                         storefrontJSScripts_1 = settings.storefrontJSScripts || [];
                         domain_1 = settings.domain;
+                        productBackInStockSettings_1 = settings.productBackInStockSettings
+                            ? {
+                                customerLoginRequired: settings.productBackInStockSettings.customerLoginRequired,
+                            }
+                            : null;
+                        customerReviewSettings_1 = settings.customerReviewSettings
+                            ? {
+                                customerLoginRequired: settings.customerReviewSettings.customerLoginRequired,
+                                customerPurchaseRequired: settings.customerReviewSettings.customerPurchaseRequired,
+                            }
+                            : null;
                         themeLocalizationPath = localizationMap[locale];
                         routing_1 = storefront_1.routings.find(function (r) { return r.id === locale || r.path === locale; });
                         if (!themeLocalizationPath || !routing_1) {
@@ -71593,6 +72350,8 @@ var IkasNextPageDataProvider = /** @class */ (function () {
                                 stockPreference: stockPreference,
                                 storefrontJSScripts: storefrontJSScripts_1,
                                 domain: domain_1,
+                                productBackInStockSettings: productBackInStockSettings_1,
+                                customerReviewSettings: customerReviewSettings_1,
                             });
                         });
                         _a.label = 5;
@@ -71604,7 +72363,7 @@ var IkasNextPageDataProvider = /** @class */ (function () {
     IkasNextPageDataProvider.getPageData = function (context, isServer, pageType, possiblePageTypes, isEditor) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, isProdEditor, serverRuntimeConfig, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, storefrontJSScripts, domain, provider, componentIds_1, components, namespaces, nextI18nConf, currentLocale, i18nReader, translations, extraProps, checkoutComponent, checkoutSettings, customizationProps;
+            var isLocal, isProdEditor, serverRuntimeConfig, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, storefrontJSScripts, domain, productBackInStockSettings, customerReviewSettings, provider, componentIds_1, components, namespaces, nextI18nConf, currentLocale, i18nReader, translations, extraProps, checkoutComponent, checkoutSettings, customizationProps;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
@@ -71630,7 +72389,7 @@ var IkasNextPageDataProvider = /** @class */ (function () {
                                     notFound: true,
                                 }];
                         }
-                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon, stockPreference = settings.stockPreference, storefrontJSScripts = settings.storefrontJSScripts, domain = settings.domain;
+                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon, stockPreference = settings.stockPreference, storefrontJSScripts = settings.storefrontJSScripts, domain = settings.domain, productBackInStockSettings = settings.productBackInStockSettings, customerReviewSettings = settings.customerReviewSettings;
                         IkasStorefrontConfig.storefrontId = storefront.id;
                         IkasStorefrontConfig.storefrontRoutingId = routing.id;
                         IkasStorefrontConfig.storefrontThemeId = storefront.mainStorefrontThemeId;
@@ -71645,6 +72404,8 @@ var IkasNextPageDataProvider = /** @class */ (function () {
                         IkasStorefrontConfig.stockPreference = stockPreference || null;
                         IkasStorefrontConfig.storefrontJSScripts = storefrontJSScripts || [];
                         IkasStorefrontConfig.domain = domain;
+                        IkasStorefrontConfig.productBackInStockSettings = productBackInStockSettings;
+                        IkasStorefrontConfig.customerReviewSettings = customerReviewSettings;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         provider.possiblePageTypes = possiblePageTypes;
                         if (!!isEditor) return [3 /*break*/, 3];
@@ -72747,6 +73508,7 @@ exports.CartPage = cart$1;
 exports.CheckoutPage = checkout$1;
 exports.ContactForm = ContactForm;
 exports.CustomPage = _slug_$1;
+exports.CustomerReviewForm = CustomerReviewForm;
 exports.EditorPage = editor$1;
 exports.EmailRule = EmailRule;
 exports.EqualsRule = EqualsRule;
@@ -72792,6 +73554,9 @@ exports.IkasCountryAPI = IkasCountryAPI;
 exports.IkasCustomer = IkasCustomer;
 exports.IkasCustomerAPI = IkasCustomerAPI;
 exports.IkasCustomerAddress = IkasCustomerAddress;
+exports.IkasCustomerReview = IkasCustomerReview;
+exports.IkasCustomerReviewAPI = IkasCustomerReviewAPI;
+exports.IkasCustomerReviewList = IkasCustomerReviewList;
 exports.IkasDistrictAPI = IkasDistrictAPI;
 exports.IkasFavoriteProduct = IkasFavoriteProduct;
 exports.IkasFavoriteProductAPI = IkasFavoriteProductAPI;
@@ -72813,6 +73578,7 @@ exports.IkasProduct = IkasProduct;
 exports.IkasProductAttribute = IkasProductAttribute;
 exports.IkasProductAttributeAPI = IkasProductAttributeAPI;
 exports.IkasProductAttributeValue = IkasProductAttributeValue;
+exports.IkasProductBackInStockReminderAPI = IkasProductBackInStockReminderAPI;
 exports.IkasProductDetail = IkasProductDetail;
 exports.IkasProductDetailPropValue = IkasProductDetailPropValue;
 exports.IkasProductFilter = IkasProductFilter;