@ikas/storefront 0.0.85 → 0.0.87

package/build/analytics/analytics.d.ts

@@ -1,5 +1,6 @@
 import { IkasProductDetail, IkasOrderLineItem, IkasCheckout } from "../models/index";
 import { CheckoutStep } from "../components/checkout/model";
+import { IkasCart } from "../models/data/cart/index";
 export declare class Analytics {
     constructor();
     static pageView(url: string): {
@@ -16,4 +17,6 @@ export declare class Analytics {
     static addToWishlist(id: string): void;
     static search(searchKeyword: string): void;
     static completeRegistration(): void;
+    static viewCart(cart: IkasCart | null | undefined): void;
+    static viewCategory(categoryPath: string): void;
 }

package/build/analytics/facebookPixel.d.ts

@@ -1,4 +1,5 @@
 import { IkasProductDetail, IkasOrderLineItem, IkasCheckout } from "../models/index";
+import { IkasCart } from "../models/data/cart/index";
 export declare class FacebookPixel {
     constructor();
     static productView(productDetail: IkasProductDetail): void;
@@ -8,4 +9,6 @@ export declare class FacebookPixel {
     static addToWishlist(id: string): void;
     static search(searchKeyword: string): void;
     static completeRegistration(): void;
+    static viewCart(cart: IkasCart): void;
+    static viewCategory(categoryPath: string): void;
 }

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 = {}; }
@@ -19807,6 +19818,32 @@ var FacebookPixel = /** @class */ (function () {
                 window.fbq &&
                 window.fbq("track", "CompleteRegistration", {
                     status: true,
+                    value: 0,
+                    currency: "TRY",
+                });
+            return;
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
+    FacebookPixel.viewCart = function (cart) {
+        try {
+            !isServer &&
+                window.fbq &&
+                window.fbq("track", "ViewCart", viewCartFBPItem(cart));
+            return;
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
+    FacebookPixel.viewCategory = function (categoryPath) {
+        try {
+            !isServer &&
+                window.fbq &&
+                window.fbq("track", "ViewCategory", {
+                    content_name: categoryPath,
                 });
             return;
         }
@@ -19817,7 +19854,6 @@ var FacebookPixel = /** @class */ (function () {
     return FacebookPixel;
 }());
 function productToFBPItem(productDetail, quantity) {
-    if (quantity === void 0) { quantity = 1; }
     return {
         content_name: productDetail.product.name,
         content_category: productDetail.product.categories.length > 0
@@ -19831,7 +19867,6 @@ function productToFBPItem(productDetail, quantity) {
         currency: productDetail.selectedVariant.price.currency === ""
             ? "TRY"
             : productDetail.selectedVariant.price.currency,
-        num_items: quantity,
     };
 }
 function beginCheckoutFBPItem(checkout) {
@@ -19845,12 +19880,29 @@ function beginCheckoutFBPItem(checkout) {
     return {
         contents: contents,
         content_category: "",
+        content_type: "product_group",
         content_ids: contentIds,
         currency: (_b = checkout.cart) === null || _b === void 0 ? void 0 : _b.items[0].currencyCode,
         value: (_c = checkout.cart) === null || _c === void 0 ? void 0 : _c.totalPrice,
         num_items: (_d = checkout.cart) === null || _d === void 0 ? void 0 : _d.items.length,
     };
 }
+function viewCartFBPItem(cart) {
+    var contentIds = [];
+    var contents = [];
+    cart.items.map(function (item) {
+        contentIds.push(item.id);
+        contents.push({ id: item.id, quantity: item.quantity });
+    });
+    return {
+        contents: contents,
+        content_type: "product_group",
+        content_ids: contentIds,
+        currency: cart.items[0].currencyCode,
+        value: cart.totalPrice,
+        num_items: cart.items.length,
+    };
+}
 function orderLineItemToFBPItem(orderLineItem, quantity) {
     return {
         content_name: orderLineItem.variant.name,
@@ -19923,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) {
@@ -21364,6 +21424,26 @@ var Analytics = /** @class */ (function () {
             console.error(err);
         }
     };
+    Analytics.viewCart = function (cart) {
+        try {
+            if (cart) {
+                FacebookPixel.viewCart(cart);
+            }
+            return;
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
+    Analytics.viewCategory = function (categoryPath) {
+        try {
+            FacebookPixel.viewCategory(categoryPath);
+            return;
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
     return Analytics;
 }());
 
@@ -23277,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;
@@ -25666,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() {
     }
@@ -25675,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]);
@@ -25712,7 +26024,7 @@ var IkasStateAPI = /** @class */ (function () {
     };
     return IkasStateAPI;
 }());
-var templateObject_1$h;
+var templateObject_1$i;
 
 var IkasStorefrontDomain = /** @class */ (function () {
     function IkasStorefrontDomain(data) {
@@ -25805,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]);
@@ -25835,7 +26147,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
     };
     return IkasStorefrontAPI;
 }());
-var templateObject_1$i;
+var templateObject_1$j;
 
 var IkasThemeAPI = /** @class */ (function () {
     function IkasThemeAPI() {
@@ -27447,6 +27759,10 @@ var IkasCheckoutPage = observer(function (_a) {
     var checkout = _a.checkout, queryParams = _a.queryParams;
     var router = useRouter();
     var vm = useState(function () { return new CheckoutViewModel(checkout, queryParams, router); })[0];
+    useEffect(function () {
+        Analytics.beginCheckout(vm.checkout);
+        Analytics.checkoutStep(vm.checkout, vm.step);
+    }, []);
     var _e = useState(""), policyModalTitle = _e[0], setPolicyModalTitle = _e[1];
     var _f = useState(""), policyModalText = _f[0], setPolicyModalText = _f[1];
     var step;
@@ -27540,8 +27856,6 @@ var IkasCheckoutPage = observer(function (_a) {
     };
     if (!vm.isCheckoutLoaded || !vm.customerStore.initialized)
         return null;
-    Analytics.beginCheckout(vm.checkout);
-    Analytics.checkoutStep(vm.checkout, vm.step);
     return (createElement(Fragment, null,
         createElement(IkasPageHead, { pageTitle: (((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.merchantName) || "") + " - Güvenli Ödeme", description: "Güvenli ödeme" }),
         createElement("div", { id: "Checkout", className: styles$2.CheckoutPage },
@@ -28126,9 +28440,7 @@ var Page$1 = function (_a) {
     var _c = useState(initialPropValues), propValues = _c[0], setPropValues = _c[1];
     useEffect(function () {
         setIsBrowser(typeof window !== "undefined");
-        if (isBrowser) {
-            handleAnalytics(page, pageSpecificDataStr);
-        }
+        handleAnalytics(page, pageSpecificDataStr);
     }, []);
     useEffect(function () {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, isBrowser));
@@ -28228,6 +28540,17 @@ function handleAnalytics(page, pageSpecificDataStr) {
                 var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
                 Analytics.productView(productDetail);
             }
+            if (page.type === IkasThemePageType.CATEGORY) {
+                var category = JSON.parse(pageSpecificDataStr);
+                var categoryPath = category.path.map(function (cat) { return cat.name; }).join(" > ");
+                if (category.path.length > 0) {
+                    categoryPath = categoryPath + " > " + category.name;
+                }
+                else {
+                    categoryPath = category.name;
+                }
+                Analytics.viewCategory(categoryPath);
+            }
         }
         catch (err) {
             console.error(err);
@@ -28564,6 +28887,10 @@ var Page$b = function (_a) {
     var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = useMemo(function () { return IkasPageDataProvider.initPropValues(propValuesStr, router); }, [propValuesStr]);
+    var store = IkasStorefrontConfig.store;
+    useEffect(function () {
+        Analytics.viewCart(store.cartStore.cart);
+    }, []);
     return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -28706,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 = {}; }
@@ -19790,6 +19801,32 @@ var FacebookPixel = /** @class */ (function () {
                 window.fbq &&
                 window.fbq("track", "CompleteRegistration", {
                     status: true,
+                    value: 0,
+                    currency: "TRY",
+                });
+            return;
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
+    FacebookPixel.viewCart = function (cart) {
+        try {
+            !isServer &&
+                window.fbq &&
+                window.fbq("track", "ViewCart", viewCartFBPItem(cart));
+            return;
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
+    FacebookPixel.viewCategory = function (categoryPath) {
+        try {
+            !isServer &&
+                window.fbq &&
+                window.fbq("track", "ViewCategory", {
+                    content_name: categoryPath,
                 });
             return;
         }
@@ -19800,7 +19837,6 @@ var FacebookPixel = /** @class */ (function () {
     return FacebookPixel;
 }());
 function productToFBPItem(productDetail, quantity) {
-    if (quantity === void 0) { quantity = 1; }
     return {
         content_name: productDetail.product.name,
         content_category: productDetail.product.categories.length > 0
@@ -19814,7 +19850,6 @@ function productToFBPItem(productDetail, quantity) {
         currency: productDetail.selectedVariant.price.currency === ""
             ? "TRY"
             : productDetail.selectedVariant.price.currency,
-        num_items: quantity,
     };
 }
 function beginCheckoutFBPItem(checkout) {
@@ -19828,12 +19863,29 @@ function beginCheckoutFBPItem(checkout) {
     return {
         contents: contents,
         content_category: "",
+        content_type: "product_group",
         content_ids: contentIds,
         currency: (_b = checkout.cart) === null || _b === void 0 ? void 0 : _b.items[0].currencyCode,
         value: (_c = checkout.cart) === null || _c === void 0 ? void 0 : _c.totalPrice,
         num_items: (_d = checkout.cart) === null || _d === void 0 ? void 0 : _d.items.length,
     };
 }
+function viewCartFBPItem(cart) {
+    var contentIds = [];
+    var contents = [];
+    cart.items.map(function (item) {
+        contentIds.push(item.id);
+        contents.push({ id: item.id, quantity: item.quantity });
+    });
+    return {
+        contents: contents,
+        content_type: "product_group",
+        content_ids: contentIds,
+        currency: cart.items[0].currencyCode,
+        value: cart.totalPrice,
+        num_items: cart.items.length,
+    };
+}
 function orderLineItemToFBPItem(orderLineItem, quantity) {
     return {
         content_name: orderLineItem.variant.name,
@@ -19906,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) {
@@ -21347,6 +21407,26 @@ var Analytics = /** @class */ (function () {
             console.error(err);
         }
     };
+    Analytics.viewCart = function (cart) {
+        try {
+            if (cart) {
+                FacebookPixel.viewCart(cart);
+            }
+            return;
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
+    Analytics.viewCategory = function (categoryPath) {
+        try {
+            FacebookPixel.viewCategory(categoryPath);
+            return;
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
     return Analytics;
 }());
 
@@ -23257,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;
@@ -25646,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() {
     }
@@ -25655,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]);
@@ -25692,7 +26004,7 @@ var IkasStateAPI = /** @class */ (function () {
     };
     return IkasStateAPI;
 }());
-var templateObject_1$h;
+var templateObject_1$i;
 
 var IkasStorefrontDomain = /** @class */ (function () {
     function IkasStorefrontDomain(data) {
@@ -25785,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]);
@@ -25815,7 +26127,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
     };
     return IkasStorefrontAPI;
 }());
-var templateObject_1$i;
+var templateObject_1$j;
 
 var IkasThemeAPI = /** @class */ (function () {
     function IkasThemeAPI() {
@@ -27427,6 +27739,10 @@ var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
     var checkout = _a.checkout, queryParams = _a.queryParams;
     var router$1 = router.useRouter();
     var vm = React.useState(function () { return new CheckoutViewModel(checkout, queryParams, router$1); })[0];
+    React.useEffect(function () {
+        Analytics.beginCheckout(vm.checkout);
+        Analytics.checkoutStep(vm.checkout, vm.step);
+    }, []);
     var _e = React.useState(""), policyModalTitle = _e[0], setPolicyModalTitle = _e[1];
     var _f = React.useState(""), policyModalText = _f[0], setPolicyModalText = _f[1];
     var step;
@@ -27520,8 +27836,6 @@ var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
     };
     if (!vm.isCheckoutLoaded || !vm.customerStore.initialized)
         return null;
-    Analytics.beginCheckout(vm.checkout);
-    Analytics.checkoutStep(vm.checkout, vm.step);
     return (React.createElement(React.Fragment, null,
         React.createElement(IkasPageHead, { pageTitle: (((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.merchantName) || "") + " - Güvenli Ödeme", description: "Güvenli ödeme" }),
         React.createElement("div", { id: "Checkout", className: styles$2.CheckoutPage },
@@ -28106,9 +28420,7 @@ var Page$1 = function (_a) {
     var _c = React.useState(initialPropValues), propValues = _c[0], setPropValues = _c[1];
     React.useEffect(function () {
         setIsBrowser(typeof window !== "undefined");
-        if (isBrowser) {
-            handleAnalytics(page, pageSpecificDataStr);
-        }
+        handleAnalytics(page, pageSpecificDataStr);
     }, []);
     React.useEffect(function () {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, isBrowser));
@@ -28208,6 +28520,17 @@ function handleAnalytics(page, pageSpecificDataStr) {
                 var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
                 Analytics.productView(productDetail);
             }
+            if (page.type === exports.IkasThemePageType.CATEGORY) {
+                var category = JSON.parse(pageSpecificDataStr);
+                var categoryPath = category.path.map(function (cat) { return cat.name; }).join(" > ");
+                if (category.path.length > 0) {
+                    categoryPath = categoryPath + " > " + category.name;
+                }
+                else {
+                    categoryPath = category.name;
+                }
+                Analytics.viewCategory(categoryPath);
+            }
         }
         catch (err) {
             console.error(err);
@@ -28544,6 +28867,10 @@ var Page$b = function (_a) {
     var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = React.useMemo(function () { return IkasPageDataProvider.initPropValues(propValuesStr, router$1); }, [propValuesStr]);
+    var store = IkasStorefrontConfig.store;
+    React.useEffect(function () {
+        Analytics.viewCart(store.cartStore.cart);
+    }, []);
     return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -28695,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;
@@ -28719,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.85",
+  "version": "0.0.87",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",