@ikas/storefront 0.0.86 → 0.0.87

package/build/api/contact-form/__generated__/sendContactFormToMerchant.d.ts

@@ -0,0 +1,9 @@
+export interface sendContactFormToMerchant {
+    sendContactFormToMerchant: boolean;
+}
+export interface sendContactFormToMerchantVariables {
+    email: string;
+    message: string;
+    firstName: string;
+    lastName: string;
+}

package/build/api/contact-form/index.d.ts

@@ -0,0 +1,10 @@
+declare type SaveContactForm = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    message: string;
+};
+export declare class IkasContactFormAPI {
+    static sendContactFormToMerchant(input: SaveContactForm): Promise<boolean | undefined>;
+}
+export {};

package/build/api/index.d.ts

@@ -12,6 +12,7 @@ export { IkasProductAPI } from "./product/index";
 export { IkasProductSearchAPI } from "./product-search/index";
 export { IkasProductAttributeAPI } from "./product-attribute/index";
 export { IkasFavoriteProductAPI } from "./favorite-product/index";
+export { IkasContactFormAPI } from "./contact-form/index";
 export { IkasStateAPI } from "./state/index";
 export { IkasStorefrontAPI } from "./storefront/index";
 export { IkasThemeAPI } from "./theme/index";

package/build/index.es.js

@@ -17951,6 +17951,17 @@ var IkasFavoriteProduct = /** @class */ (function () {
     return IkasFavoriteProduct;
 }());
 
+var IkasContactForm = /** @class */ (function () {
+    function IkasContactForm(data) {
+        this.email = data.email || "";
+        this.firstName = data.firstName || "";
+        this.lastName = data.lastName || "";
+        this.message = data.message || "";
+        makeAutoObservable(this);
+    }
+    return IkasContactForm;
+}());
+
 var IkasOrderTransaction = /** @class */ (function () {
     function IkasOrderTransaction(data) {
         if (data === void 0) { data = {}; }
@@ -19964,6 +19975,14 @@ var IkasCustomerStore = /** @class */ (function () {
                 }
             });
         }); };
+        this.saveContactForm = function (input) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, IkasContactFormAPI.sendContactFormToMerchant(input)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        }); };
         this.checkEmail = function (email) { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -23338,6 +23357,195 @@ var RegisterForm = /** @class */ (function () {
     return RegisterForm;
 }());
 
+var ContactForm = /** @class */ (function () {
+    function ContactForm(props) {
+        var _this = this;
+        this.model = {
+            firstName: "",
+            lastName: "",
+            email: "",
+            message: "",
+        };
+        this.onFirstNameChange = function (value) {
+            _this.firstName = value;
+        };
+        this.onLastNameChange = function (value) {
+            _this.lastName = value;
+        };
+        this.onEmailChange = function (value) {
+            _this.email = value;
+        };
+        this.onMessageChange = function (value) {
+            _this.message = value;
+        };
+        makeObservable(this, {
+            emailErrorMessage: computed,
+            messageErrorMessage: computed,
+            firstNameErrorMessage: computed,
+            lastNameErrorMessage: computed,
+            hasError: computed,
+            redirect: computed,
+            model: observable,
+            validateAll: action,
+            saveContactForm: action,
+        });
+        this.store = props.store;
+        this.validator = new Validator(this.model, [
+            new RequiredRule({
+                fieldKey: "firstName",
+                valuePath: "firstName",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "lastName",
+                valuePath: "lastName",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "email",
+                valuePath: "email",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "message",
+                valuePath: "message",
+                message: props.message.requiredRule,
+            }),
+            new EmailRule({
+                fieldKey: "email",
+                valuePath: "email",
+                message: props.message.emailRule,
+            }),
+        ]);
+    }
+    Object.defineProperty(ContactForm.prototype, "firstName", {
+        get: function () {
+            return this.model.firstName;
+        },
+        set: function (value) {
+            this.model.firstName = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "lastName", {
+        get: function () {
+            return this.model.lastName;
+        },
+        set: function (value) {
+            this.model.lastName = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "email", {
+        get: function () {
+            return this.model.email;
+        },
+        set: function (value) {
+            this.model.email = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "message", {
+        get: function () {
+            return this.model.message;
+        },
+        set: function (value) {
+            this.model.message = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "hasError", {
+        get: function () {
+            return this.validator.hasError;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "firstNameErrorMessage", {
+        get: function () {
+            return this.validator.results.firstName.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "lastNameErrorMessage", {
+        get: function () {
+            return this.validator.results.lastName.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "emailErrorMessage", {
+        get: function () {
+            return this.validator.results.email.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "messageErrorMessage", {
+        get: function () {
+            return this.validator.results.message.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "redirect", {
+        get: function () {
+            if (typeof window !== "undefined") {
+                var urlSearch = new URLSearchParams(window.location.search);
+                return urlSearch.get("redirect");
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ContactForm.prototype.validateAll = function () {
+        return this.validator.validateAll();
+    };
+    ContactForm.prototype.saveContactForm = 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.saveContactForm({
+                                firstName: this.model.firstName,
+                                lastName: this.model.lastName,
+                                email: this.model.email,
+                                message: this.model.message,
+                            })];
+                    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 ContactForm;
+}());
+
 var ForgotPasswordForm = /** @class */ (function () {
     function ForgotPasswordForm(props) {
         var _this = this;
@@ -25727,6 +25935,49 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
 }());
 var templateObject_1$g, templateObject_2$6, templateObject_3$2;
 
+var IkasContactFormAPI = /** @class */ (function () {
+    function IkasContactFormAPI() {
+    }
+    IkasContactFormAPI.sendContactFormToMerchant = function (input) {
+        return __awaiter(this, void 0, void 0, function () {
+            var MUTATION, _a, data, errors, err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        MUTATION = src(templateObject_1$h || (templateObject_1$h = __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]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .mutate({
+                                mutation: MUTATION,
+                                variables: {
+                                    email: input.email,
+                                    message: input.message,
+                                    firstName: input.firstName,
+                                    lastName: input.lastName,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            console.log(errors);
+                        }
+                        return [2 /*return*/, data === null || data === void 0 ? void 0 : data.sendContactFormToMerchant];
+                    case 3:
+                        err_1 = _b.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return IkasContactFormAPI;
+}());
+var templateObject_1$h;
+
 var IkasStateAPI = /** @class */ (function () {
     function IkasStateAPI() {
     }
@@ -25736,7 +25987,7 @@ var IkasStateAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$h || (templateObject_1$h = __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$i || (templateObject_1$i = __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]);
@@ -25773,7 +26024,7 @@ var IkasStateAPI = /** @class */ (function () {
     };
     return IkasStateAPI;
 }());
-var templateObject_1$h;
+var templateObject_1$i;
 
 var IkasStorefrontDomain = /** @class */ (function () {
     function IkasStorefrontDomain(data) {
@@ -25866,7 +26117,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($storefrontId: String!) {\n        getStorefront(id: $storefrontId) {\n          id\n          name\n          themeId\n          themeVersionId\n          userId\n          # domains {\n          #   id\n          #   merchantDomainId\n          #   name\n          #   redirectDomainName\n          # }\n          regions {\n            id\n            locale\n            # themeJSON\n            privacyPolicy\n            returnPolicy\n            termsOfService\n          }\n        }\n      }\n    "], ["\n      query getStorefront($storefrontId: String!) {\n        getStorefront(id: $storefrontId) {\n          id\n          name\n          themeId\n          themeVersionId\n          userId\n          # domains {\n          #   id\n          #   merchantDomainId\n          #   name\n          #   redirectDomainName\n          # }\n          regions {\n            id\n            locale\n            # themeJSON\n            privacyPolicy\n            returnPolicy\n            termsOfService\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n      query getStorefront($storefrontId: String!) {\n        getStorefront(id: $storefrontId) {\n          id\n          name\n          themeId\n          themeVersionId\n          userId\n          # domains {\n          #   id\n          #   merchantDomainId\n          #   name\n          #   redirectDomainName\n          # }\n          regions {\n            id\n            locale\n            # themeJSON\n            privacyPolicy\n            returnPolicy\n            termsOfService\n          }\n        }\n      }\n    "], ["\n      query getStorefront($storefrontId: String!) {\n        getStorefront(id: $storefrontId) {\n          id\n          name\n          themeId\n          themeVersionId\n          userId\n          # domains {\n          #   id\n          #   merchantDomainId\n          #   name\n          #   redirectDomainName\n          # }\n          regions {\n            id\n            locale\n            # themeJSON\n            privacyPolicy\n            returnPolicy\n            termsOfService\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25896,7 +26147,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
     };
     return IkasStorefrontAPI;
 }());
-var templateObject_1$i;
+var templateObject_1$j;
 
 var IkasThemeAPI = /** @class */ (function () {
     function IkasThemeAPI() {
@@ -28782,4 +29033,4 @@ var IkasBaseStore = /** @class */ (function () {
     return IkasBaseStore;
 }());
 
-export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, cart as CartPage, _id_$1 as CheckoutPage, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAPI, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontAPI, IkasStorefrontConfig, IkasTheme, IkasThemeAPI, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemeCustomDataType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, parseRangeStr, pascalCase, stringToSlug, validatePhoneNumber };
+export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAPI, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontAPI, IkasStorefrontConfig, IkasTheme, IkasThemeAPI, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemeCustomDataType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, parseRangeStr, pascalCase, stringToSlug, validatePhoneNumber };

package/build/index.js

@@ -17944,6 +17944,17 @@ var IkasFavoriteProduct = /** @class */ (function () {
     return IkasFavoriteProduct;
 }());
 
+var IkasContactForm = /** @class */ (function () {
+    function IkasContactForm(data) {
+        this.email = data.email || "";
+        this.firstName = data.firstName || "";
+        this.lastName = data.lastName || "";
+        this.message = data.message || "";
+        mobx.makeAutoObservable(this);
+    }
+    return IkasContactForm;
+}());
+
 var IkasOrderTransaction = /** @class */ (function () {
     function IkasOrderTransaction(data) {
         if (data === void 0) { data = {}; }
@@ -19947,6 +19958,14 @@ var IkasCustomerStore = /** @class */ (function () {
                 }
             });
         }); };
+        this.saveContactForm = function (input) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, IkasContactFormAPI.sendContactFormToMerchant(input)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        }); };
         this.checkEmail = function (email) { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -23318,6 +23337,195 @@ var RegisterForm = /** @class */ (function () {
     return RegisterForm;
 }());
 
+var ContactForm = /** @class */ (function () {
+    function ContactForm(props) {
+        var _this = this;
+        this.model = {
+            firstName: "",
+            lastName: "",
+            email: "",
+            message: "",
+        };
+        this.onFirstNameChange = function (value) {
+            _this.firstName = value;
+        };
+        this.onLastNameChange = function (value) {
+            _this.lastName = value;
+        };
+        this.onEmailChange = function (value) {
+            _this.email = value;
+        };
+        this.onMessageChange = function (value) {
+            _this.message = value;
+        };
+        mobx.makeObservable(this, {
+            emailErrorMessage: mobx.computed,
+            messageErrorMessage: mobx.computed,
+            firstNameErrorMessage: mobx.computed,
+            lastNameErrorMessage: mobx.computed,
+            hasError: mobx.computed,
+            redirect: mobx.computed,
+            model: mobx.observable,
+            validateAll: mobx.action,
+            saveContactForm: mobx.action,
+        });
+        this.store = props.store;
+        this.validator = new Validator(this.model, [
+            new RequiredRule({
+                fieldKey: "firstName",
+                valuePath: "firstName",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "lastName",
+                valuePath: "lastName",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "email",
+                valuePath: "email",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "message",
+                valuePath: "message",
+                message: props.message.requiredRule,
+            }),
+            new EmailRule({
+                fieldKey: "email",
+                valuePath: "email",
+                message: props.message.emailRule,
+            }),
+        ]);
+    }
+    Object.defineProperty(ContactForm.prototype, "firstName", {
+        get: function () {
+            return this.model.firstName;
+        },
+        set: function (value) {
+            this.model.firstName = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "lastName", {
+        get: function () {
+            return this.model.lastName;
+        },
+        set: function (value) {
+            this.model.lastName = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "email", {
+        get: function () {
+            return this.model.email;
+        },
+        set: function (value) {
+            this.model.email = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "message", {
+        get: function () {
+            return this.model.message;
+        },
+        set: function (value) {
+            this.model.message = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "hasError", {
+        get: function () {
+            return this.validator.hasError;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "firstNameErrorMessage", {
+        get: function () {
+            return this.validator.results.firstName.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "lastNameErrorMessage", {
+        get: function () {
+            return this.validator.results.lastName.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "emailErrorMessage", {
+        get: function () {
+            return this.validator.results.email.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "messageErrorMessage", {
+        get: function () {
+            return this.validator.results.message.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ContactForm.prototype, "redirect", {
+        get: function () {
+            if (typeof window !== "undefined") {
+                var urlSearch = new URLSearchParams(window.location.search);
+                return urlSearch.get("redirect");
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ContactForm.prototype.validateAll = function () {
+        return this.validator.validateAll();
+    };
+    ContactForm.prototype.saveContactForm = 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.saveContactForm({
+                                firstName: this.model.firstName,
+                                lastName: this.model.lastName,
+                                email: this.model.email,
+                                message: this.model.message,
+                            })];
+                    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 ContactForm;
+}());
+
 var ForgotPasswordForm = /** @class */ (function () {
     function ForgotPasswordForm(props) {
         var _this = this;
@@ -25707,6 +25915,49 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
 }());
 var templateObject_1$g, templateObject_2$6, templateObject_3$2;
 
+var IkasContactFormAPI = /** @class */ (function () {
+    function IkasContactFormAPI() {
+    }
+    IkasContactFormAPI.sendContactFormToMerchant = function (input) {
+        return __awaiter(this, void 0, void 0, function () {
+            var MUTATION, _a, data, errors, err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        MUTATION = src(templateObject_1$h || (templateObject_1$h = __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]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .mutate({
+                                mutation: MUTATION,
+                                variables: {
+                                    email: input.email,
+                                    message: input.message,
+                                    firstName: input.firstName,
+                                    lastName: input.lastName,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            console.log(errors);
+                        }
+                        return [2 /*return*/, data === null || data === void 0 ? void 0 : data.sendContactFormToMerchant];
+                    case 3:
+                        err_1 = _b.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return IkasContactFormAPI;
+}());
+var templateObject_1$h;
+
 var IkasStateAPI = /** @class */ (function () {
     function IkasStateAPI() {
     }
@@ -25716,7 +25967,7 @@ var IkasStateAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$h || (templateObject_1$h = __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$i || (templateObject_1$i = __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]);
@@ -25753,7 +26004,7 @@ var IkasStateAPI = /** @class */ (function () {
     };
     return IkasStateAPI;
 }());
-var templateObject_1$h;
+var templateObject_1$i;
 
 var IkasStorefrontDomain = /** @class */ (function () {
     function IkasStorefrontDomain(data) {
@@ -25846,7 +26097,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($storefrontId: String!) {\n        getStorefront(id: $storefrontId) {\n          id\n          name\n          themeId\n          themeVersionId\n          userId\n          # domains {\n          #   id\n          #   merchantDomainId\n          #   name\n          #   redirectDomainName\n          # }\n          regions {\n            id\n            locale\n            # themeJSON\n            privacyPolicy\n            returnPolicy\n            termsOfService\n          }\n        }\n      }\n    "], ["\n      query getStorefront($storefrontId: String!) {\n        getStorefront(id: $storefrontId) {\n          id\n          name\n          themeId\n          themeVersionId\n          userId\n          # domains {\n          #   id\n          #   merchantDomainId\n          #   name\n          #   redirectDomainName\n          # }\n          regions {\n            id\n            locale\n            # themeJSON\n            privacyPolicy\n            returnPolicy\n            termsOfService\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n      query getStorefront($storefrontId: String!) {\n        getStorefront(id: $storefrontId) {\n          id\n          name\n          themeId\n          themeVersionId\n          userId\n          # domains {\n          #   id\n          #   merchantDomainId\n          #   name\n          #   redirectDomainName\n          # }\n          regions {\n            id\n            locale\n            # themeJSON\n            privacyPolicy\n            returnPolicy\n            termsOfService\n          }\n        }\n      }\n    "], ["\n      query getStorefront($storefrontId: String!) {\n        getStorefront(id: $storefrontId) {\n          id\n          name\n          themeId\n          themeVersionId\n          userId\n          # domains {\n          #   id\n          #   merchantDomainId\n          #   name\n          #   redirectDomainName\n          # }\n          regions {\n            id\n            locale\n            # themeJSON\n            privacyPolicy\n            returnPolicy\n            termsOfService\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25876,7 +26127,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
     };
     return IkasStorefrontAPI;
 }());
-var templateObject_1$i;
+var templateObject_1$j;
 
 var IkasThemeAPI = /** @class */ (function () {
     function IkasThemeAPI() {
@@ -28771,6 +29022,7 @@ exports.AnalyticsBody = AnalyticsBody;
 exports.AnalyticsHead = AnalyticsHead;
 exports.CartPage = cart;
 exports.CheckoutPage = _id_$1;
+exports.ContactForm = ContactForm;
 exports.CustomPage = _slug_;
 exports.EditorPage = editor$1;
 exports.EmailRule = EmailRule;
@@ -28795,6 +29047,8 @@ exports.IkasCheckout = IkasCheckout;
 exports.IkasCheckoutAPI = IkasCheckoutAPI;
 exports.IkasCheckoutPage = IkasCheckoutPage;
 exports.IkasCityAPI = IkasCityAPI;
+exports.IkasContactForm = IkasContactForm;
+exports.IkasContactFormAPI = IkasContactFormAPI;
 exports.IkasCountryAPI = IkasCountryAPI;
 exports.IkasCustomer = IkasCustomer;
 exports.IkasCustomerAPI = IkasCustomerAPI;

package/build/models/data/contact-form/index.d.ts

@@ -0,0 +1,7 @@
+export declare class IkasContactForm {
+    email: string;
+    firstName: string;
+    lastName: string;
+    message: string;
+    constructor(data: Partial<IkasContactForm>);
+}

package/build/models/data/index.d.ts

@@ -21,6 +21,7 @@ export { IkasProductAttribute } from "./product-attribute/index";
 export { IkasProductAttributeValue } from "./product/attribute-value/index";
 export * from "./product-filter/index";
 export { IkasFavoriteProduct } from "./favorite-product/index";
+export { IkasContactForm } from "./contact-form/index";
 export type { IkasState } from "./state/index";
 export * from "./variant-type/index";
 export { IkasVariantValue } from "./variant-type/variant-value/index";

package/build/models/ui/index.d.ts

@@ -9,6 +9,7 @@ export * from "./validator/rules/index";
 export { LoginForm } from "./validator/form/login";
 export { AddressForm } from "./validator/form/address";
 export { RegisterForm } from "./validator/form/register";
+export { ContactForm } from "./validator/form/contact-form";
 export { ForgotPasswordForm } from "./validator/form/forgot-password";
 export { RecoverPasswordForm } from "./validator/form/recover-password";
 export { AccountInfoForm } from "./validator/form/account-info";

package/build/models/ui/validator/form/contact-form.d.ts

@@ -0,0 +1,45 @@
+import { IkasBaseStore } from "../../../../store/index";
+declare type ContactFormProps<T> = {
+    message: {
+        requiredRule: ((model: T) => string) | string;
+        emailRule: ((model: T) => string) | string;
+        minRule: ((model: T) => string) | string;
+    };
+    store: IkasBaseStore;
+};
+declare type ContactFormModel = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    message: string;
+};
+export declare class ContactForm {
+    private model;
+    private validator;
+    private store;
+    constructor(props: ContactFormProps<ContactFormModel>);
+    get firstName(): string;
+    set firstName(value: string);
+    get lastName(): string;
+    set lastName(value: string);
+    get email(): string;
+    set email(value: string);
+    get message(): string;
+    set message(value: string);
+    get hasError(): boolean;
+    get firstNameErrorMessage(): string | undefined;
+    get lastNameErrorMessage(): string | undefined;
+    get emailErrorMessage(): string | undefined;
+    get messageErrorMessage(): string | undefined;
+    get redirect(): string | null | undefined;
+    onFirstNameChange: (value: string) => void;
+    onLastNameChange: (value: string) => void;
+    onEmailChange: (value: string) => void;
+    onMessageChange: (value: string) => void;
+    validateAll(): Promise<boolean>;
+    saveContactForm(): Promise<{
+        isFormError: boolean;
+        isSuccess: boolean;
+    }>;
+}
+export {};

package/build/store/customer.d.ts

@@ -1,5 +1,11 @@
 import { IkasCustomer, IkasFavoriteProduct, IkasOrderTransaction, IkasProduct } from "../models/index";
 import { IkasBaseStore } from "./base";
+declare type SaveContactForm = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    message: string;
+};
 export declare class IkasCustomerStore {
     customer?: IkasCustomer | null;
     token?: string | null;
@@ -10,6 +16,7 @@ export declare class IkasCustomerStore {
     get initialized(): boolean;
     login: (email: string, password: string) => Promise<boolean>;
     register: (firstName: string, lastName: string, email: string, password: string) => Promise<boolean>;
+    saveContactForm: (input: SaveContactForm) => Promise<boolean | undefined>;
     checkEmail: (email: string) => Promise<boolean>;
     forgotPassword: (email: string) => Promise<boolean>;
     recoverPassword: (password: string, passwordAgain: string, token: string) => Promise<boolean>;
@@ -35,3 +42,4 @@ export declare class IkasCustomerStore {
     private setToken;
     private loadToken;
 }
+export {};

package/package.json

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