@ikas/storefront 0.0.41 → 0.0.43

package/build/index.es.js

@@ -10944,8 +10944,8 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        filters = new IkasProductListFilter();
                         if (this.productListPropValue.productListType === IkasProductListType.ALL) {
-                            filters = new IkasProductListFilter();
                             // TODO use pageParams to insert filters
                             if (this.productListPropValue.usePageFilter) {
                                 if (this.pageType === IkasThemePageType.CATEGORY) {
@@ -10958,6 +10958,14 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
                                 }
                             }
                         }
+                        if (this.productListPropValue.productListType === IkasProductListType.CATEGORY) {
+                            if (this.productListPropValue.category) {
+                                filters.category = this.productListPropValue.category;
+                            }
+                        }
+                        else {
+                            filters.category = null;
+                        }
                         productList = new IkasProductList({
                             productListPropValue: this.productListPropValue,
                             filters: filters,
@@ -14081,6 +14089,7 @@ var IkasProductListType;
     IkasProductListType["STATIC"] = "STATIC";
     IkasProductListType["DISCOUNTED"] = "DISCOUNTED";
     IkasProductListType["RECOMMENDED"] = "RECOMMENDED";
+    IkasProductListType["CATEGORY"] = "CATEGORY";
 })(IkasProductListType || (IkasProductListType = {}));
 var IkasProductListSortType;
 (function (IkasProductListSortType) {
@@ -17289,7 +17298,8 @@ var Validator = /** @class */ (function () {
                         isValid = _a.sent();
                         if (!isValid) {
                             hasError = true;
-                            errorTypes.push(rule.errorType);
+                            if (rule.errorType)
+                                errorTypes.push(rule.errorType);
                             errorMessages.push(rule.errorMessage);
                         }
                         _a.label = 3;
@@ -17297,9 +17307,11 @@ var Validator = /** @class */ (function () {
                         i++;
                         return [3 /*break*/, 1];
                     case 4:
-                        this.results[fieldKey].errorTypes = errorTypes;
-                        this.results[fieldKey].messages = errorMessages;
-                        this.results[fieldKey].status = hasError ? "error" : undefined;
+                        if (this.results[fieldKey]) {
+                            this.results[fieldKey].errorTypes = errorTypes;
+                            this.results[fieldKey].messages = errorMessages;
+                            this.results[fieldKey].status = hasError ? "error" : undefined;
+                        }
                         return [2 /*return*/];
                 }
             });
@@ -17687,23 +17699,30 @@ var LoginForm = /** @class */ (function () {
     LoginForm.prototype.logIn = function () {
         return __awaiter(this, void 0, void 0, function () {
             var response, hasFormError, isLoginSuccess;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        response = { isFormError: false, isLoginError: false };
+                        response = { isFormError: false, isSuccess: false };
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
                         }
-                        return [4 /*yield*/, this.store.customerStore.login(this.model.email, this.model.password)];
+                        _b.label = 2;
                     case 2:
-                        isLoginSuccess = _a.sent();
-                        if (!isLoginSuccess)
-                            response.isLoginError = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.login(this.model.email, this.model.password)];
+                    case 3:
+                        isLoginSuccess = _b.sent();
+                        if (isLoginSuccess)
+                            response.isSuccess = true;
                         return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
+                        return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -18528,6 +18547,69 @@ var AddressForm = /** @class */ (function () {
         this._isStatesPending = false;
         this._isCitiesPending = false;
         this._isDistrictsPending = false;
+        this.validatorRules = function (includePhoneRule) {
+            if (includePhoneRule === void 0) { includePhoneRule = false; }
+            var rules = __spreadArrays([
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "firstName",
+                    valuePath: "firstName",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "lastName",
+                    valuePath: "lastName",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "addressLine1",
+                    valuePath: "addressLine1",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "postalCode",
+                    valuePath: "postalCode",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "country",
+                    valuePath: "country",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "state",
+                    valuePath: "state",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "city",
+                    valuePath: "city",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "title",
+                    valuePath: "title",
+                    message: _this.message.requiredRule,
+                })
+            ], (includePhoneRule
+                ? [
+                    new PhoneRule({
+                        model: _this.address,
+                        fieldKey: "phone",
+                        valuePath: "phone",
+                        message: _this.message.phoneRule,
+                    }),
+                ]
+                : []));
+            return rules;
+        };
         this.onTitleChange = function (value) {
             _this.address.title = value;
         };
@@ -18539,6 +18621,8 @@ var AddressForm = /** @class */ (function () {
         };
         this.onPhoneChange = function (value) {
             _this.address.phone = value;
+            if (!value)
+                _this.validator.setRules(_this.validatorRules());
         };
         this.onAddressLine1Change = function (value) {
             _this.address.addressLine1 = value;
@@ -18727,17 +18811,18 @@ var AddressForm = /** @class */ (function () {
         };
         this.submit = function () { return __awaiter(_this, void 0, void 0, function () {
             var response, hasFormError, customer, saveCustomerResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         response = {
                             isFormError: false,
-                            isAPIError: false,
                             isSuccess: false,
                         };
+                        if (this.address.phone)
+                            this.validator.setRules(this.validatorRules(true));
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
@@ -18751,15 +18836,19 @@ var AddressForm = /** @class */ (function () {
                         else {
                             customer.addresses.push(this.address);
                         }
-                        return [4 /*yield*/, this.store.customerStore.saveCustomer(customer)];
+                        _b.label = 2;
                     case 2:
-                        saveCustomerResponse = _a.sent();
-                        if (!saveCustomerResponse) {
-                            response.isAPIError = true;
-                            return [2 /*return*/, response];
-                        }
-                        response.isSuccess = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.saveCustomer(customer)];
+                    case 3:
+                        saveCustomerResponse = _b.sent();
+                        if (saveCustomerResponse)
+                            response.isSuccess = true;
+                        return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
                         return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         }); };
@@ -18785,69 +18874,9 @@ var AddressForm = /** @class */ (function () {
             submit: action,
         });
         this.address = props.address;
+        this.message = props.message;
         this.store = props.store;
-        this.validator = new Validator(this.address, [
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "firstName",
-                valuePath: "firstName",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "lastName",
-                valuePath: "lastName",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "addressLine1",
-                valuePath: "addressLine1",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "postalCode",
-                valuePath: "postalCode",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "country",
-                valuePath: "country",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "state",
-                valuePath: "state",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "city",
-                valuePath: "city",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "phone",
-                valuePath: "phone",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "title",
-                valuePath: "title",
-                message: props.message.requiredRule,
-            }),
-            new PhoneRule({
-                model: this.address,
-                fieldKey: "phone",
-                valuePath: "phone",
-                message: props.message.phoneRule,
-            }),
-        ]);
+        this.validator = new Validator(this.address, this.validatorRules());
         this.listCountries();
         if (this.address.country)
             this.listCities();
@@ -19112,23 +19141,30 @@ var RegisterForm = /** @class */ (function () {
     RegisterForm.prototype.register = function () {
         return __awaiter(this, void 0, void 0, function () {
             var response, hasFormError, isRegisterSuccess;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        response = { isFormError: false, isRegisterError: false };
+                        response = { isFormError: false, isSuccess: false };
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
                         }
-                        return [4 /*yield*/, this.store.customerStore.register(this.model.firstName, this.model.lastName, this.model.email, this.model.password)];
+                        _b.label = 2;
                     case 2:
-                        isRegisterSuccess = _a.sent();
-                        if (!isRegisterSuccess)
-                            response.isRegisterError = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.register(this.model.firstName, this.model.lastName, this.model.email, this.model.password)];
+                    case 3:
+                        isRegisterSuccess = _b.sent();
+                        if (isRegisterSuccess)
+                            response.isSuccess = true;
+                        return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
                         return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -19206,23 +19242,30 @@ var ForgotPasswordForm = /** @class */ (function () {
     ForgotPasswordForm.prototype.submit = function () {
         return __awaiter(this, void 0, void 0, function () {
             var response, hasFormError, forgotPasswordResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        response = { isFormError: false, isAPIError: false };
+                        response = { isFormError: false, isSuccess: false };
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
                         }
-                        return [4 /*yield*/, this.store.customerStore.forgotPassword(this.model.email)];
+                        _b.label = 2;
                     case 2:
-                        forgotPasswordResponse = _a.sent();
-                        if (!forgotPasswordResponse)
-                            response.isAPIError = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.forgotPassword(this.model.email)];
+                    case 3:
+                        forgotPasswordResponse = _b.sent();
+                        if (forgotPasswordResponse)
+                            response.isSuccess = true;
                         return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
+                        return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -19345,14 +19388,14 @@ var RecoverPasswordForm = /** @class */ (function () {
     RecoverPasswordForm.prototype.submit = function () {
         return __awaiter(this, void 0, void 0, function () {
             var token, response, hasFormError, urlParams, recoverPasswordResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         token = "";
-                        response = { isFormError: false, isAPIError: false };
+                        response = { isFormError: false, isSuccess: false };
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
@@ -19361,12 +19404,19 @@ var RecoverPasswordForm = /** @class */ (function () {
                             urlParams = new URLSearchParams(window.location.search);
                             token = urlParams.get("token") || "";
                         }
-                        return [4 /*yield*/, this.store.customerStore.recoverPassword(this.model.password, this.model.passwordAgain, token)];
+                        _b.label = 2;
                     case 2:
-                        recoverPasswordResponse = _a.sent();
-                        if (!recoverPasswordResponse)
-                            response.isAPIError = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.recoverPassword(this.model.password, this.model.passwordAgain, token)];
+                    case 3:
+                        recoverPasswordResponse = _b.sent();
+                        if (recoverPasswordResponse)
+                            response.isSuccess = true;
+                        return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
                         return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -19412,6 +19462,8 @@ var AccountInfoForm = /** @class */ (function () {
         };
         this.onPhoneChange = function (value) {
             _this.customer.phone = value || null;
+            if (!value)
+                _this.validator.setRules(_this.validatorRules());
         };
         makeObservable(this, {
             firstNameErrorMessage: computed,
@@ -19507,12 +19559,8 @@ var AccountInfoForm = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         response = { isFormError: false, isSuccess: false };
-                        if (this.phone) {
+                        if (this.phone)
                             this.validator.setRules(this.validatorRules(true));
-                        }
-                        else {
-                            this.validator.setRules(this.validatorRules());
-                        }
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
                         hasFormError = _b.sent();
@@ -19550,11 +19598,13 @@ var IkasProductListPropValue = /** @class */ (function () {
         // Only for collection and brand pages
         // Example collections/man -> lists products inside the "man" category
         this.usePageFilter = null;
+        this.category = null;
         this.productListType = data.productListType || IkasProductListType.ALL;
         this.initialSort = data.initialSort || IkasProductListSortType.A_Z;
         this.initialLimit = data.initialLimit || 20;
         this.productCount = data.productCount;
         this.productIds = data.productIds;
+        this.category = data.category;
         this.usePageFilter = data.usePageFilter;
         makeAutoObservable(this);
     }
@@ -20935,7 +20985,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n      query getMyCustomer {\n        getMyCustomer {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      query getMyCustomer {\n        getMyCustomer {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n      query getMyCustomer {\n        getMyCustomer {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      query getMyCustomer {\n        getMyCustomer {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -20965,7 +21015,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);

package/build/index.js

@@ -10956,8 +10956,8 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        filters = new IkasProductListFilter();
                         if (this.productListPropValue.productListType === exports.IkasProductListType.ALL) {
-                            filters = new IkasProductListFilter();
                             // TODO use pageParams to insert filters
                             if (this.productListPropValue.usePageFilter) {
                                 if (this.pageType === exports.IkasThemePageType.CATEGORY) {
@@ -10970,6 +10970,14 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
                                 }
                             }
                         }
+                        if (this.productListPropValue.productListType === exports.IkasProductListType.CATEGORY) {
+                            if (this.productListPropValue.category) {
+                                filters.category = this.productListPropValue.category;
+                            }
+                        }
+                        else {
+                            filters.category = null;
+                        }
                         productList = new IkasProductList({
                             productListPropValue: this.productListPropValue,
                             filters: filters,
@@ -14065,6 +14073,7 @@ var IkasProductList = /** @class */ (function () {
     IkasProductListType["STATIC"] = "STATIC";
     IkasProductListType["DISCOUNTED"] = "DISCOUNTED";
     IkasProductListType["RECOMMENDED"] = "RECOMMENDED";
+    IkasProductListType["CATEGORY"] = "CATEGORY";
 })(exports.IkasProductListType || (exports.IkasProductListType = {}));
 (function (IkasProductListSortType) {
     IkasProductListSortType["MOST_SOLD"] = "MOST_SOLD";
@@ -17272,7 +17281,8 @@ var Validator = /** @class */ (function () {
                         isValid = _a.sent();
                         if (!isValid) {
                             hasError = true;
-                            errorTypes.push(rule.errorType);
+                            if (rule.errorType)
+                                errorTypes.push(rule.errorType);
                             errorMessages.push(rule.errorMessage);
                         }
                         _a.label = 3;
@@ -17280,9 +17290,11 @@ var Validator = /** @class */ (function () {
                         i++;
                         return [3 /*break*/, 1];
                     case 4:
-                        this.results[fieldKey].errorTypes = errorTypes;
-                        this.results[fieldKey].messages = errorMessages;
-                        this.results[fieldKey].status = hasError ? "error" : undefined;
+                        if (this.results[fieldKey]) {
+                            this.results[fieldKey].errorTypes = errorTypes;
+                            this.results[fieldKey].messages = errorMessages;
+                            this.results[fieldKey].status = hasError ? "error" : undefined;
+                        }
                         return [2 /*return*/];
                 }
             });
@@ -17669,23 +17681,30 @@ var LoginForm = /** @class */ (function () {
     LoginForm.prototype.logIn = function () {
         return __awaiter(this, void 0, void 0, function () {
             var response, hasFormError, isLoginSuccess;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        response = { isFormError: false, isLoginError: false };
+                        response = { isFormError: false, isSuccess: false };
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
                         }
-                        return [4 /*yield*/, this.store.customerStore.login(this.model.email, this.model.password)];
+                        _b.label = 2;
                     case 2:
-                        isLoginSuccess = _a.sent();
-                        if (!isLoginSuccess)
-                            response.isLoginError = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.login(this.model.email, this.model.password)];
+                    case 3:
+                        isLoginSuccess = _b.sent();
+                        if (isLoginSuccess)
+                            response.isSuccess = true;
                         return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
+                        return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -18510,6 +18529,69 @@ var AddressForm = /** @class */ (function () {
         this._isStatesPending = false;
         this._isCitiesPending = false;
         this._isDistrictsPending = false;
+        this.validatorRules = function (includePhoneRule) {
+            if (includePhoneRule === void 0) { includePhoneRule = false; }
+            var rules = __spreadArrays([
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "firstName",
+                    valuePath: "firstName",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "lastName",
+                    valuePath: "lastName",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "addressLine1",
+                    valuePath: "addressLine1",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "postalCode",
+                    valuePath: "postalCode",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "country",
+                    valuePath: "country",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "state",
+                    valuePath: "state",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "city",
+                    valuePath: "city",
+                    message: _this.message.requiredRule,
+                }),
+                new RequiredRule({
+                    model: _this.address,
+                    fieldKey: "title",
+                    valuePath: "title",
+                    message: _this.message.requiredRule,
+                })
+            ], (includePhoneRule
+                ? [
+                    new PhoneRule({
+                        model: _this.address,
+                        fieldKey: "phone",
+                        valuePath: "phone",
+                        message: _this.message.phoneRule,
+                    }),
+                ]
+                : []));
+            return rules;
+        };
         this.onTitleChange = function (value) {
             _this.address.title = value;
         };
@@ -18521,6 +18603,8 @@ var AddressForm = /** @class */ (function () {
         };
         this.onPhoneChange = function (value) {
             _this.address.phone = value;
+            if (!value)
+                _this.validator.setRules(_this.validatorRules());
         };
         this.onAddressLine1Change = function (value) {
             _this.address.addressLine1 = value;
@@ -18709,17 +18793,18 @@ var AddressForm = /** @class */ (function () {
         };
         this.submit = function () { return __awaiter(_this, void 0, void 0, function () {
             var response, hasFormError, customer, saveCustomerResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         response = {
                             isFormError: false,
-                            isAPIError: false,
                             isSuccess: false,
                         };
+                        if (this.address.phone)
+                            this.validator.setRules(this.validatorRules(true));
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
@@ -18733,15 +18818,19 @@ var AddressForm = /** @class */ (function () {
                         else {
                             customer.addresses.push(this.address);
                         }
-                        return [4 /*yield*/, this.store.customerStore.saveCustomer(customer)];
+                        _b.label = 2;
                     case 2:
-                        saveCustomerResponse = _a.sent();
-                        if (!saveCustomerResponse) {
-                            response.isAPIError = true;
-                            return [2 /*return*/, response];
-                        }
-                        response.isSuccess = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.saveCustomer(customer)];
+                    case 3:
+                        saveCustomerResponse = _b.sent();
+                        if (saveCustomerResponse)
+                            response.isSuccess = true;
+                        return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
                         return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         }); };
@@ -18767,69 +18856,9 @@ var AddressForm = /** @class */ (function () {
             submit: mobx.action,
         });
         this.address = props.address;
+        this.message = props.message;
         this.store = props.store;
-        this.validator = new Validator(this.address, [
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "firstName",
-                valuePath: "firstName",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "lastName",
-                valuePath: "lastName",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "addressLine1",
-                valuePath: "addressLine1",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "postalCode",
-                valuePath: "postalCode",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "country",
-                valuePath: "country",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "state",
-                valuePath: "state",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "city",
-                valuePath: "city",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "phone",
-                valuePath: "phone",
-                message: props.message.requiredRule,
-            }),
-            new RequiredRule({
-                model: this.address,
-                fieldKey: "title",
-                valuePath: "title",
-                message: props.message.requiredRule,
-            }),
-            new PhoneRule({
-                model: this.address,
-                fieldKey: "phone",
-                valuePath: "phone",
-                message: props.message.phoneRule,
-            }),
-        ]);
+        this.validator = new Validator(this.address, this.validatorRules());
         this.listCountries();
         if (this.address.country)
             this.listCities();
@@ -19094,23 +19123,30 @@ var RegisterForm = /** @class */ (function () {
     RegisterForm.prototype.register = function () {
         return __awaiter(this, void 0, void 0, function () {
             var response, hasFormError, isRegisterSuccess;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        response = { isFormError: false, isRegisterError: false };
+                        response = { isFormError: false, isSuccess: false };
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
                         }
-                        return [4 /*yield*/, this.store.customerStore.register(this.model.firstName, this.model.lastName, this.model.email, this.model.password)];
+                        _b.label = 2;
                     case 2:
-                        isRegisterSuccess = _a.sent();
-                        if (!isRegisterSuccess)
-                            response.isRegisterError = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.register(this.model.firstName, this.model.lastName, this.model.email, this.model.password)];
+                    case 3:
+                        isRegisterSuccess = _b.sent();
+                        if (isRegisterSuccess)
+                            response.isSuccess = true;
+                        return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
                         return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -19188,23 +19224,30 @@ var ForgotPasswordForm = /** @class */ (function () {
     ForgotPasswordForm.prototype.submit = function () {
         return __awaiter(this, void 0, void 0, function () {
             var response, hasFormError, forgotPasswordResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        response = { isFormError: false, isAPIError: false };
+                        response = { isFormError: false, isSuccess: false };
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
                         }
-                        return [4 /*yield*/, this.store.customerStore.forgotPassword(this.model.email)];
+                        _b.label = 2;
                     case 2:
-                        forgotPasswordResponse = _a.sent();
-                        if (!forgotPasswordResponse)
-                            response.isAPIError = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.forgotPassword(this.model.email)];
+                    case 3:
+                        forgotPasswordResponse = _b.sent();
+                        if (forgotPasswordResponse)
+                            response.isSuccess = true;
                         return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
+                        return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -19327,14 +19370,14 @@ var RecoverPasswordForm = /** @class */ (function () {
     RecoverPasswordForm.prototype.submit = function () {
         return __awaiter(this, void 0, void 0, function () {
             var token, response, hasFormError, urlParams, recoverPasswordResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         token = "";
-                        response = { isFormError: false, isAPIError: false };
+                        response = { isFormError: false, isSuccess: false };
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
-                        hasFormError = _a.sent();
+                        hasFormError = _b.sent();
                         if (hasFormError) {
                             response.isFormError = true;
                             return [2 /*return*/, response];
@@ -19343,12 +19386,19 @@ var RecoverPasswordForm = /** @class */ (function () {
                             urlParams = new URLSearchParams(window.location.search);
                             token = urlParams.get("token") || "";
                         }
-                        return [4 /*yield*/, this.store.customerStore.recoverPassword(this.model.password, this.model.passwordAgain, token)];
+                        _b.label = 2;
                     case 2:
-                        recoverPasswordResponse = _a.sent();
-                        if (!recoverPasswordResponse)
-                            response.isAPIError = true;
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.store.customerStore.recoverPassword(this.model.password, this.model.passwordAgain, token)];
+                    case 3:
+                        recoverPasswordResponse = _b.sent();
+                        if (recoverPasswordResponse)
+                            response.isSuccess = true;
+                        return [2 /*return*/, response];
+                    case 4:
+                        _b.sent();
                         return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -19394,6 +19444,8 @@ var AccountInfoForm = /** @class */ (function () {
         };
         this.onPhoneChange = function (value) {
             _this.customer.phone = value || null;
+            if (!value)
+                _this.validator.setRules(_this.validatorRules());
         };
         mobx.makeObservable(this, {
             firstNameErrorMessage: mobx.computed,
@@ -19489,12 +19541,8 @@ var AccountInfoForm = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         response = { isFormError: false, isSuccess: false };
-                        if (this.phone) {
+                        if (this.phone)
                             this.validator.setRules(this.validatorRules(true));
-                        }
-                        else {
-                            this.validator.setRules(this.validatorRules());
-                        }
                         return [4 /*yield*/, this.validateAll()];
                     case 1:
                         hasFormError = _b.sent();
@@ -19532,11 +19580,13 @@ var IkasProductListPropValue = /** @class */ (function () {
         // Only for collection and brand pages
         // Example collections/man -> lists products inside the "man" category
         this.usePageFilter = null;
+        this.category = null;
         this.productListType = data.productListType || exports.IkasProductListType.ALL;
         this.initialSort = data.initialSort || exports.IkasProductListSortType.A_Z;
         this.initialLimit = data.initialLimit || 20;
         this.productCount = data.productCount;
         this.productIds = data.productIds;
+        this.category = data.category;
         this.usePageFilter = data.usePageFilter;
         mobx.makeAutoObservable(this);
     }
@@ -20917,7 +20967,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n      query getMyCustomer {\n        getMyCustomer {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      query getMyCustomer {\n        getMyCustomer {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n      query getMyCustomer {\n        getMyCustomer {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      query getMyCustomer {\n        getMyCustomer {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -20947,7 +20997,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\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              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);

package/build/models/theme/page/component/prop-value/product-list.d.ts

@@ -6,6 +6,7 @@ export declare class IkasProductListPropValue {
     productCount?: number | null;
     productIds?: IkasProductVariantId[] | null;
     usePageFilter?: boolean | null;
+    category?: string | null;
     constructor(data: Partial<IkasProductListPropValue>);
 }
 declare type IkasProductVariantId = {

package/build/models/ui/product-list/index.d.ts

@@ -62,7 +62,8 @@ export declare enum IkasProductListType {
     ALL = "ALL",
     STATIC = "STATIC",
     DISCOUNTED = "DISCOUNTED",
-    RECOMMENDED = "RECOMMENDED"
+    RECOMMENDED = "RECOMMENDED",
+    CATEGORY = "CATEGORY"
 }
 export declare enum IkasProductListSortType {
     MOST_SOLD = "MOST_SOLD",

package/build/models/ui/validator/form/address.d.ts

@@ -1,10 +1,12 @@
 import { IkasCity, IkasCountry, IkasCustomerAddress, IkasDistrict, IkasState } from "../../../data/index";
 import { IkasBaseStore } from "../../../../store/index";
+import { PhoneRule, RequiredRule } from "../rules/index";
+declare type AddressFormPropsValidatorMessage<T> = {
+    requiredRule: ((model: T) => string) | string;
+    phoneRule?: ((model: T) => string) | string;
+};
 declare type AddressFormProps<T> = {
-    message: {
-        requiredRule: ((model: T) => string) | string;
-        phoneRule: ((model: T) => string) | string;
-    };
+    message: AddressFormPropsValidatorMessage<T>;
     address: IkasCustomerAddress;
     store: IkasBaseStore;
 };
@@ -20,7 +22,9 @@ export declare class AddressForm {
     private _isDistrictsPending;
     private store;
     private validator;
+    private message;
     constructor(props: AddressFormProps<IkasCustomerAddress>);
+    validatorRules: (includePhoneRule?: boolean) => (RequiredRule<IkasCustomerAddress> | PhoneRule<IkasCustomerAddress>)[];
     onTitleChange: (value: string) => void;
     onFirstNameChange: (value: string) => void;
     onLastNameChange: (value: string) => void;
@@ -65,7 +69,6 @@ export declare class AddressForm {
     validateAll: () => Promise<boolean>;
     submit: () => Promise<{
         isFormError: boolean;
-        isAPIError: boolean;
         isSuccess: boolean;
     }>;
 }

package/build/models/ui/validator/form/forgot-password.d.ts

@@ -23,7 +23,7 @@ export declare class ForgotPasswordForm {
     validateAll(): Promise<boolean>;
     submit(): Promise<{
         isFormError: boolean;
-        isAPIError: boolean;
+        isSuccess: boolean;
     }>;
 }
 export {};

package/build/models/ui/validator/form/login.d.ts

@@ -29,7 +29,7 @@ export declare class LoginForm {
     validateAll(): Promise<boolean>;
     logIn(): Promise<{
         isFormError: boolean;
-        isLoginError: boolean;
+        isSuccess: boolean;
     }>;
 }
 export {};

package/build/models/ui/validator/form/recover-password.d.ts

@@ -30,7 +30,7 @@ export declare class RecoverPasswordForm {
     validateAll(): Promise<boolean>;
     submit(): Promise<{
         isFormError: boolean;
-        isAPIError: boolean;
+        isSuccess: boolean;
     }>;
 }
 export {};

package/build/models/ui/validator/form/register.d.ts

@@ -39,7 +39,7 @@ export declare class RegisterForm {
     validateAll(): Promise<boolean>;
     register(): Promise<{
         isFormError: boolean;
-        isRegisterError: boolean;
+        isSuccess: boolean;
     }>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",