@ikas/storefront 0.0.107 → 0.0.109

package/build/index.es.js

@@ -1,12 +1,12 @@
 import { makeAutoObservable, toJS, runInAction, reaction, makeObservable, computed, observable, action, configure } from 'mobx';
 import React, { createElement, Fragment, useState, useEffect, useCallback, useRef, useMemo } from 'react';
-import getConfig from 'next/config';
 import { observer } from 'mobx-react-lite';
 import { useRouter } from 'next/router';
 import Image$1 from 'next/image';
 import Link from 'next/link';
 import Head from 'next/head';
 import fs from 'fs';
+import getConfig from 'next/config';
 import dynamic from 'next/dynamic';
 import Error$1 from 'next/error';
 
@@ -10897,6 +10897,8 @@ var IkasStorefrontConfig = /** @class */ (function () {
             priceListId: IkasStorefrontConfig.priceListId || null,
             stockLocationIds: IkasStorefrontConfig.stockLocationIds || null,
             routings: JSON.parse(JSON.stringify(IkasStorefrontConfig.routings)) || null,
+            gtmId: IkasStorefrontConfig.gtmId || null,
+            fbpId: IkasStorefrontConfig.fbpId || null,
         };
     };
     IkasStorefrontConfig.components = {};
@@ -12560,6 +12562,32 @@ var IkasFilterCategory = /** @class */ (function () {
     return IkasFilterCategory;
 }());
 
+var IkasCheckoutSettings = /** @class */ (function () {
+    function IkasCheckoutSettings(data) {
+        if (data === void 0) { data = {}; }
+        this.id = data.id || "";
+        this.createdAt = data.createdAt || 0;
+        this.updatedAt = data.updatedAt || 0;
+        this.phoneRequirement =
+            data.phoneRequirement || IkasCheckoutRequirementEnum.OPTIONAL;
+        this.identityNumberRequirement =
+            data.identityNumberRequirement || IkasCheckoutRequirementEnum.INVISIBLE;
+        this.isAccountRequired = data.isAccountRequired || false;
+        this.isTermsAndConditionsDefaultChecked =
+            data.isTermsAndConditionsDefaultChecked || false;
+        this.showTermsAndConditionsCheckbox =
+            data.showTermsAndConditionsCheckbox || false;
+        this.storefrontId = data.storefrontId || "";
+    }
+    return IkasCheckoutSettings;
+}());
+var IkasCheckoutRequirementEnum;
+(function (IkasCheckoutRequirementEnum) {
+    IkasCheckoutRequirementEnum["INVISIBLE"] = "INVISIBLE";
+    IkasCheckoutRequirementEnum["MANDATORY"] = "MANDATORY";
+    IkasCheckoutRequirementEnum["OPTIONAL"] = "OPTIONAL";
+})(IkasCheckoutRequirementEnum || (IkasCheckoutRequirementEnum = {}));
+
 var IkasOrderAddress = /** @class */ (function () {
     function IkasOrderAddress(data) {
         if (data === void 0) { data = {}; }
@@ -12619,6 +12647,10 @@ var IkasOrderAddress = /** @class */ (function () {
     });
     Object.defineProperty(IkasOrderAddress.prototype, "validationResult", {
         get: function () {
+            var _a, _b, _c, _d;
+            var isValidPhone = !!this.phone &&
+                this.phone.length >= 10 &&
+                validatePhoneNumber(this.phone);
             var results = {
                 firstName: !!this.firstName,
                 lastName: !!this.lastName,
@@ -12627,8 +12659,19 @@ var IkasOrderAddress = /** @class */ (function () {
                 country: !!this.country,
                 state: !!this.state,
                 city: !!this.city,
-                phone: this.phone
-                    ? this.phone.length >= 10 && validatePhoneNumber(this.phone)
+                phone: ((_a = this.checkoutSettings) === null || _a === void 0 ? void 0 : _a.phoneRequirement) ===
+                    IkasCheckoutRequirementEnum.MANDATORY ||
+                    (((_b = this.checkoutSettings) === null || _b === void 0 ? void 0 : _b.phoneRequirement) ===
+                        IkasCheckoutRequirementEnum.OPTIONAL &&
+                        this.phone)
+                    ? isValidPhone
+                    : true,
+                identityNumber: ((_c = this.checkoutSettings) === null || _c === void 0 ? void 0 : _c.identityNumberRequirement) ===
+                    IkasCheckoutRequirementEnum.MANDATORY ||
+                    (((_d = this.checkoutSettings) === null || _d === void 0 ? void 0 : _d.identityNumberRequirement) ===
+                        IkasCheckoutRequirementEnum.OPTIONAL &&
+                        this.phone)
+                    ? !!this.identityNumber
                     : true,
             };
             return results;
@@ -12643,6 +12686,11 @@ var IkasOrderAddress = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    IkasOrderAddress.prototype.toJSON = function () {
+        var obj = __assign({}, this);
+        delete obj.checkoutSettings;
+        return obj;
+    };
     return IkasOrderAddress;
 }());
 
@@ -15855,14 +15903,16 @@ var MAX_CVC_LENGTH = 4;
 var USE_DIFFERENT_ADDRESS_KEY = "sAddr";
 var isServer$1 = typeof localStorage === "undefined";
 var CheckoutViewModel = /** @class */ (function () {
-    function CheckoutViewModel(checkout, queryParams, router, returnPolicy, privacyPolicy, termsOfService) {
+    function CheckoutViewModel(checkout, checkoutSettings, queryParams, router, returnPolicy, privacyPolicy, termsOfService) {
         var _this = this;
         this.checkout = new IkasCheckout();
+        this.checkoutSettings = new IkasCheckoutSettings();
         this.storefront = null;
         this.customerStore = new IkasCustomerStore();
         this.isCheckoutLoaded = false;
         this.isErrorsVisible = false;
         this.isStepLoading = false;
+        this.isTermsAndConditionsChecked = false;
         this.step = CheckoutStep.INFO;
         this.cardData = null;
         this.paymentGatewayId = null;
@@ -15874,6 +15924,8 @@ var CheckoutViewModel = /** @class */ (function () {
         this.shippingCountryIds = null;
         this.selectedShippingAddressId = "-1";
         this.selectedBillingAddressId = "-1";
+        this.policyModalTitle = "";
+        this.policyModalText = "";
         this.error = null;
         this.init = function (queryParams) { return __awaiter(_this, void 0, void 0, function () {
             var merchantId, _a;
@@ -15991,7 +16043,7 @@ var CheckoutViewModel = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         _a = this;
-                        return [4 /*yield*/, IkasCountryAPI.listShippingCountries(IkasStorefrontConfig.storefrontId)];
+                        return [4 /*yield*/, IkasCountryAPI.listShippingCountries(IkasStorefrontConfig.salesChannelId)];
                     case 1:
                         _a.shippingCountryIds = _b.sent();
                         return [2 /*return*/];
@@ -16077,6 +16129,7 @@ var CheckoutViewModel = /** @class */ (function () {
         this.createShippingAddress = function () {
             if (!_this.checkout.shippingAddress)
                 _this.checkout.shippingAddress = new IkasOrderAddress();
+            _this.checkout.shippingAddress.checkoutSettings = _this.checkoutSettings;
         };
         this.createBillingAddress = function () {
             if (typeof localStorage !== "undefined") {
@@ -16139,6 +16192,9 @@ var CheckoutViewModel = /** @class */ (function () {
                     _this.checkout.billingAddress = new IkasOrderAddress(address);
             }
         };
+        this.onTermsAndConditionsCheckedChange = function (value) {
+            _this.isTermsAndConditionsChecked = value;
+        };
         // CREDIT CARD START
         this.onCardNumberChange = function (value) {
             if (!_this.cardData)
@@ -16410,10 +16466,12 @@ var CheckoutViewModel = /** @class */ (function () {
             });
         }); };
         this.checkout = checkout;
+        this.checkoutSettings = checkoutSettings;
         this.router = router;
         this.returnPolicy = returnPolicy;
         this.privacyPolicy = privacyPolicy;
         this.termsOfService = termsOfService;
+        this.isTermsAndConditionsChecked = this.checkoutSettings.isTermsAndConditionsDefaultChecked;
         this.init(queryParams);
         makeAutoObservable(this);
     }
@@ -16432,6 +16490,14 @@ var CheckoutViewModel = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(CheckoutViewModel.prototype, "selectedPaymentGateway", {
+        get: function () {
+            var _this = this;
+            return this.paymentGateways.find(function (pg) { return pg.id === _this.paymentGatewayId; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(CheckoutViewModel.prototype, "selectedInstallmentIndex", {
         get: function () {
             var _this = this;
@@ -16505,10 +16571,15 @@ var CheckoutViewModel = /** @class */ (function () {
     });
     Object.defineProperty(CheckoutViewModel.prototype, "canPerformPayment", {
         get: function () {
-            var _a, _b;
+            var _a, _b, _c;
+            if (this.checkoutSettings.showTermsAndConditionsCheckbox &&
+                !this.isTermsAndConditionsChecked)
+                return false;
             return (this.canProceedToShipping &&
                 !!((_a = this.checkout.billingAddress) === null || _a === void 0 ? void 0 : _a.isValid) &&
-                (!!this.cardData ? (_b = this.cardData) === null || _b === void 0 ? void 0 : _b.isValid : true));
+                (((_b = this.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.paymentMethodType) ===
+                    IkasPaymentMethodType.CREDIT_CARD
+                    ? (_c = this.cardData) === null || _c === void 0 ? void 0 : _c.isValid : true));
         },
         enumerable: false,
         configurable: true
@@ -16889,9 +16960,8 @@ var Analytics = /** @class */ (function () {
 
 var AnalyticsHead = function (_a) {
     var blockHTML = _a.blockHTML;
-    var serverRuntimeConfig = getConfig().serverRuntimeConfig;
-    var gtmId = serverRuntimeConfig.GTM_ID;
-    var fbpId = serverRuntimeConfig.FBP_ID;
+    var gtmId = IkasStorefrontConfig.gtmId;
+    var fbpId = IkasStorefrontConfig.fbpId;
     return (createElement(Fragment, null,
         blockHTML && (createElement("script", { dangerouslySetInnerHTML: {
                 __html: "dataLayer = [{'gtm.blocklist': ['html']}];",
@@ -16904,9 +16974,8 @@ var AnalyticsHead = function (_a) {
             } }))));
 };
 var AnalyticsBody = function () {
-    var serverRuntimeConfig = getConfig().serverRuntimeConfig;
-    var gtmId = serverRuntimeConfig.GTM_ID;
-    var fbpId = serverRuntimeConfig.FBP_ID;
+    var gtmId = IkasStorefrontConfig.gtmId;
+    var fbpId = IkasStorefrontConfig.fbpId;
     return (createElement(Fragment, null,
         gtmId && (createElement("noscript", { dangerouslySetInnerHTML: {
                 __html: "<iframe src=\"https://www.googletagmanager.com/ns.html?id=" + gtmId + "\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe>",
@@ -24637,6 +24706,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                                                 taxNumber: checkout.billingAddress.taxNumber || null,
                                                 taxOffice: checkout.billingAddress.taxOffice || null,
                                                 isDefault: checkout.billingAddress.isDefault || false,
+                                                identityNumber: checkout.billingAddress.identityNumber || null,
                                             }
                                             : null,
                                         shippingAddress: checkout.shippingAddress &&
@@ -24656,6 +24726,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                                                 taxNumber: checkout.shippingAddress.taxNumber || null,
                                                 taxOffice: checkout.shippingAddress.taxOffice || null,
                                                 isDefault: checkout.shippingAddress.isDefault || false,
+                                                identityNumber: checkout.shippingAddress.identityNumber || null,
                                             }
                                             : null,
                                         couponCode: checkout.couponCode || null,
@@ -24830,9 +24901,44 @@ var IkasCheckoutAPI = /** @class */ (function () {
             });
         });
     };
+    IkasCheckoutAPI.listCheckoutSettings = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var QUERY, _a, data, errors, err_8;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        QUERY = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "], ["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: QUERY,
+                                variables: {
+                                    storefrontId: { eq: IkasStorefrontConfig.storefrontId },
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            console.log(errors);
+                        }
+                        if (data)
+                            return [2 /*return*/, data.listCheckoutSettings.map(function (cs) { return new IkasCheckoutSettings(cs); })];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_8 = _b.sent();
+                        console.log(err_8);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
     return IkasCheckoutAPI;
 }());
-var templateObject_1$3, templateObject_2$2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var templateObject_1$3, templateObject_2$2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 
 var IkasCityAPI = /** @class */ (function () {
     function IkasCityAPI() {
@@ -24924,13 +25030,13 @@ var IkasCountryAPI = /** @class */ (function () {
             });
         });
     };
-    IkasCountryAPI.listShippingCountries = function (storefrontId) {
+    IkasCountryAPI.listShippingCountries = function (salesChannelId) {
         return __awaiter(this, void 0, void 0, function () {
             var QUERY, _a, data, errors, err_2;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getAvailableShippingCountries($storefrontId: String!) {\n        getAvailableShippingCountries(storefrontId: $storefrontId)\n      }\n    "], ["\n      query getAvailableShippingCountries($storefrontId: String!) {\n        getAvailableShippingCountries(storefrontId: $storefrontId)\n      }\n    "])));
+                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getAvailableShippingCountries($salesChannelId: String!) {\n        getAvailableShippingCountries(salesChannelId: $salesChannelId)\n      }\n    "], ["\n      query getAvailableShippingCountries($salesChannelId: String!) {\n        getAvailableShippingCountries(salesChannelId: $salesChannelId)\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -24939,7 +25045,7 @@ var IkasCountryAPI = /** @class */ (function () {
                                 .query({
                                 query: QUERY,
                                 variables: {
-                                    storefrontId: storefrontId,
+                                    salesChannelId: salesChannelId,
                                 },
                             })];
                     case 2:
@@ -25241,7 +25347,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "], ["\n      mutation saveMyCustomer($input: SaveMyCustomerInput!) {\n        saveMyCustomer(input: $input) {\n          id\n          isEmailVerified\n          isPhoneVerified\n          lastName\n          addresses {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              id\n              name\n              code\n            }\n            id\n            firstName\n            isDefault\n            lastName\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n            title\n            phone\n          }\n          phone\n          accountStatus\n          email\n          firstName\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25387,7 +25493,7 @@ var IkasCustomerAPI = /** @class */ (function () {
     };
     return IkasCustomerAPI;
 }());
-var templateObject_1$6, templateObject_2$4, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+var templateObject_1$6, templateObject_2$4, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11;
 
 var IkasDistrictAPI = /** @class */ (function () {
     function IkasDistrictAPI() {
@@ -26352,6 +26458,9 @@ var AddressFormViewModel = /** @class */ (function () {
         this.onPhoneChange = function (value) {
             _this.address.phone = value;
         };
+        this.onIdentityNumberChange = function (value) {
+            _this.address.identityNumber = value;
+        };
         this.onAddressLine1Change = function (value) {
             _this.address.addressLine1 = value;
         };
@@ -26456,6 +26565,13 @@ var AddressFormViewModel = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AddressFormViewModel.prototype, "identityNumber", {
+        get: function () {
+            return this.address.identityNumber;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(AddressFormViewModel.prototype, "country", {
         get: function () {
             return this.address.country;
@@ -26531,12 +26647,12 @@ var css_248z$2 = ".common-module_FormSectionTitle___Mykh {\n  width: 100%;\n  di
 var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","FormContainer":"common-module_FormContainer__2I_Lj","mtFormRow":"common-module_mtFormRow__2tsDn","mt1":"common-module_mt1__3tpC1","mt2":"common-module_mt2__2bl5q","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
 styleInject(css_248z$2);
 
-var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
+var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
 var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
 styleInject(css_248z$3);
 
 var AddressForm$1 = observer(function (_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e, _f, _g, _h;
     var isErrorsVisible = _a.isErrorsVisible, validationResult = _a.validationResult, props = __rest(_a, ["isErrorsVisible", "validationResult"]);
     var vm = useState(function () { return new AddressFormViewModel(props); })[0];
     useEffect(function () {
@@ -26564,9 +26680,10 @@ var AddressForm$1 = observer(function (_a) {
             vm.hasState && (createElement(FormItem, { type: FormItemType.SELECT, label: "Eyalet", value: ((_c = vm.state) === null || _c === void 0 ? void 0 : _c.id) || "", onChange: vm.onStateChange, options: vm.stateOptions, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.state), errorText: "Eyalet seçin" })),
             createElement(FormItem, { type: FormItemType.SELECT, label: "\u0130l", value: ((_d = vm.city) === null || _d === void 0 ? void 0 : _d.id) || "", onChange: vm.onCityChange, options: vm.cityOptions, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.city), errorText: "Şehir seçin" }),
             vm.districtOptions.length ? (createElement(FormItem, { type: FormItemType.SELECT, label: "\u0130l\u00E7e", value: ((_e = vm.district) === null || _e === void 0 ? void 0 : _e.id) || "", onChange: vm.onDistrictChange, options: vm.districtOptions, errorText: "İlçe seçin" })) : (createElement(FormItem, { type: FormItemType.TEXT, label: "\u0130l\u00E7e", value: ((_f = vm.district) === null || _f === void 0 ? void 0 : _f.name) || "", onChange: vm.onDistrictInputChange })),
-            !vm.hasState && (createElement(FormItem, { type: FormItemType.TEXT, label: "Telefon", autocomplete: "tel", value: vm.phone || "", onChange: vm.onPhoneChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.phone), errorText: "Geçerli bir telefon girin" }))),
-        vm.hasState && (createElement("div", { className: [styles$2.RowPB, commonStyles.mtFormRow].join(" ") },
-            createElement(FormItem, { type: FormItemType.TEXT, label: "Telefon", autocomplete: "tel", value: vm.phone || "", onChange: vm.onPhoneChange, hasError: isErrorsVisible && (validationResult === null || validationResult === void 0 ? void 0 : validationResult.phone), errorText: "Geçerli bir telefon girin" })))));
+            ((_g = vm.address.checkoutSettings) === null || _g === void 0 ? void 0 : _g.phoneRequirement) !==
+                IkasCheckoutRequirementEnum.INVISIBLE && (createElement(FormItem, { type: FormItemType.TEXT, label: "Telefon", autocomplete: "tel", value: vm.phone || "", onChange: vm.onPhoneChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.phone), errorText: "Geçerli bir telefon girin" })),
+            ((_h = vm.address.checkoutSettings) === null || _h === void 0 ? void 0 : _h.identityNumberRequirement) !==
+                IkasCheckoutRequirementEnum.INVISIBLE && (createElement(FormItem, { type: FormItemType.TEXT, label: "TC Kimlik No", value: vm.identityNumber || "", onChange: vm.onIdentityNumberChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.identityNumber), errorText: "TC kimlik no girin" })))));
 });
 
 var css_248z$4 = ".style-module_Button__1UPMN {\n  cursor: pointer;\n  border: 1px transparent solid;\n  border-radius: 6px;\n  font-weight: 500;\n  text-align: center;\n  position: relative;\n  transition: all .2s;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Button__1UPMN.style-module_Large__2wPlw {\n    height: 64px;\n    padding: 0 1.7em; }\n  .style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n    background-color: #111111;\n    color: white; }\n  .style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\n    background-color: #c8c8c8;\n    color: #545454;\n    pointer-events: none; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Button__1UPMN.style-module_FullWidthMobile__3MTFv {\n      width: 100%; } }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq,\n  .style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq {\n    font-size: 6px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-left: 0.5em solid #ffffff;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__2z7nj 1.1s infinite linear;\n    animation: style-module_load8__2z7nj 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
@@ -26880,16 +26997,25 @@ var BillingAddress = observer(function (_a) {
         createElement(ExpandableList, { options: expandableListOptionsBilling.get(), selectedIndex: selectedBillingRowIndex, onRowSelect: onSelectedBillingRowIndexChange })));
 });
 
-var css_248z$e = ".style-module_StepPayment__3STxe {\n  margin-top: 1em; }\n";
-var styles$d = {"StepPayment":"style-module_StepPayment__3STxe"};
+var css_248z$e = ".style-module_StepPayment__3STxe {\n  margin-top: 1em; }\n  .style-module_StepPayment__3STxe .style-module_TermsLabelSpan__35xVC {\n    text-decoration: underline; }\n";
+var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC"};
 styleInject(css_248z$e);
 
 var CheckoutStepPayment = observer(function (_a) {
     var vm = _a.vm;
+    var onShowTermsClick = function (e) {
+        e.stopPropagation();
+        vm.policyModalText = vm.termsOfService;
+    };
     return (createElement("div", { className: [styles$d.StepPayment, commonStyles.FormContainer].join(" ") },
         createElement(InfoBox, { vm: vm, showShipping: true }),
         createElement(PaymentGateways, { vm: vm }),
         createElement(BillingAddress, { vm: vm }),
+        createElement("div", { style: { marginTop: "12px" } },
+            createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, label: createElement(Fragment, null,
+                    createElement("span", { className: styles$d.TermsLabelSpan, onClick: onShowTermsClick }, "Mesafeli sat\u0131\u015F s\u00F6zle\u015Fmesini"),
+                    " ",
+                    "okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange })),
         createElement(StepActionButtons, { mainBtnText: "Şimdi öde", mainBtnOnClick: vm.performPayment, backBtnText: "Kargoya Geri Dön", backBtnOnClick: vm.onBackToShippingClick, isLoading: vm.isStepLoading })));
 });
 
@@ -27620,17 +27746,18 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
 
 var IkasCheckoutPage = observer(function (_a) {
     var _b, _c, _d;
-    var checkout = _a.checkout, returnPolicy = _a.returnPolicy, privacyPolicy = _a.privacyPolicy, termsOfService = _a.termsOfService, queryParams = _a.queryParams;
+    var checkout = _a.checkout, checkoutSettings = _a.checkoutSettings, returnPolicy = _a.returnPolicy, privacyPolicy = _a.privacyPolicy, termsOfService = _a.termsOfService, queryParams = _a.queryParams;
     var router = useRouter();
     var vm = useState(function () {
-        return new CheckoutViewModel(checkout, queryParams, router, returnPolicy, privacyPolicy, termsOfService);
+        return new CheckoutViewModel(checkout, checkoutSettings, queryParams, router, returnPolicy, privacyPolicy, termsOfService);
     })[0];
     useEffect(function () {
+        if (vm.checkoutSettings.isAccountRequired && !vm.checkout.hasCustomer) {
+            router.push("/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl));
+        }
         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;
     switch (vm.step) {
         case CheckoutStep.INFO:
@@ -27647,19 +27774,19 @@ var IkasCheckoutPage = observer(function (_a) {
             break;
     }
     var onPolicyModalClose = function () {
-        setPolicyModalText("");
+        vm.policyModalText = "";
     };
     var onReturnPolicyClick = function () {
-        setPolicyModalTitle("Para İade Politikası");
-        setPolicyModalText(vm.returnPolicy);
+        vm.policyModalTitle = "Para İade Politikası";
+        vm.policyModalText = vm.returnPolicy;
     };
     var onPrivacyPolicyClick = function () {
-        setPolicyModalTitle("Gizlilik Politikası");
-        setPolicyModalText(vm.privacyPolicy);
+        vm.policyModalTitle = "Gizlilik Politikası";
+        vm.policyModalText = vm.returnPolicy;
     };
     var onTermsOfServiceClick = function () {
-        setPolicyModalTitle("Hizmet Şartları");
-        setPolicyModalText(vm.termsOfService);
+        vm.policyModalTitle = "Hizmet Şartları";
+        vm.policyModalText = vm.returnPolicy;
     };
     var onErrorClose = function () {
         vm.error = undefined;
@@ -27716,7 +27843,7 @@ var IkasCheckoutPage = observer(function (_a) {
             createElement("div", { className: styles$2.Right },
                 createElement("div", { className: styles$2.RightContent },
                     createElement(CartSummary, { vm: vm }))),
-            !!policyModalText && (createElement(PolicyModal, { title: policyModalTitle, modalContent: policyModalText, onClose: onPolicyModalClose })))));
+            !!vm.policyModalText && (createElement(PolicyModal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
 });
 
 function ErrorComponent(_a) {
@@ -28555,11 +28682,12 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getPageData = function (context, isServer, pageType) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var locale, settings, storefront, themeLocalization, salesChannel, routing, provider;
+            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, provider;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        locale = context.locale;
+                        isLocal = process.env.NEXT_PUBLIC_ENV === "local";
+                        locale = isLocal ? "en" : context.locale;
                         if (!locale) {
                             return [2 /*return*/, {
                                     props: {},
@@ -28585,6 +28713,8 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.priceListId = routing.priceListId || undefined;
                         IkasStorefrontConfig.stockLocationIds = (_a = salesChannel.stockLocations) === null || _a === void 0 ? void 0 : _a.map(function (sl) { return sl.id; });
                         IkasStorefrontConfig.routings = storefront.routings;
+                        IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
+                        IkasStorefrontConfig.fbpId = storefront.fbpId || undefined;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
@@ -28841,15 +28971,18 @@ var _slug_ = /*#__PURE__*/Object.freeze({
 });
 
 var CheckoutPage = function (_a) {
-    var checkoutStr = _a.checkoutStr, configJson = _a.configJson, others = __rest(_a, ["checkoutStr", "configJson"]);
+    var checkoutStr = _a.checkoutStr, checkoutSettingsStr = _a.checkoutSettingsStr, configJson = _a.configJson, others = __rest(_a, ["checkoutStr", "checkoutSettingsStr", "configJson"]);
     IkasStorefrontConfig.initWithJson(configJson);
     Analytics.disableHTML();
     var checkout = new IkasCheckout(JSON.parse(checkoutStr));
-    return createElement(IkasCheckoutPage, __assign({ checkout: checkout }, others));
+    var checkoutSettings = checkoutSettingsStr
+        ? new IkasCheckoutSettings(JSON.parse(checkoutSettingsStr))
+        : new IkasCheckoutSettings();
+    return (createElement(IkasCheckoutPage, __assign({ checkout: checkout, checkoutSettings: checkoutSettings }, others)));
 };
 var _id_ = observer(CheckoutPage);
 var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
-    var id, locale, settings, storefront, themeLocalization, routing, redirect, checkout;
+    var id, locale, settings, storefront, themeLocalization, routing, redirect, checkout, checkoutSettings;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
@@ -28883,20 +29016,23 @@ var getServerSideProps = function (context) { return __awaiter(void 0, void 0, v
                 return [4 /*yield*/, IkasCheckoutAPI.getCheckoutById(id)];
             case 2:
                 checkout = _a.sent();
-                if (checkout) {
-                    return [2 /*return*/, {
-                            props: {
-                                checkoutStr: JSON.stringify(checkout),
-                                returnPolicy: themeLocalization.returnPolicy || "",
-                                privacyPolicy: themeLocalization.privacyPolicy || "",
-                                termsOfService: themeLocalization.termsOfService || "",
-                                queryParams: context.query,
-                            },
-                        }];
-                }
-                else {
-                    return [2 /*return*/, redirect()];
-                }
+                if (!checkout) return [3 /*break*/, 4];
+                return [4 /*yield*/, IkasCheckoutAPI.listCheckoutSettings()];
+            case 3:
+                checkoutSettings = _a.sent();
+                return [2 /*return*/, {
+                        props: {
+                            checkoutStr: JSON.stringify(checkout),
+                            checkoutSettingsStr: (checkoutSettings === null || checkoutSettings === void 0 ? void 0 : checkoutSettings.length) ? JSON.stringify(checkoutSettings[0])
+                                : null,
+                            configJson: IkasStorefrontConfig.getJson(),
+                            returnPolicy: themeLocalization.returnPolicy || "",
+                            privacyPolicy: themeLocalization.privacyPolicy || "",
+                            termsOfService: themeLocalization.termsOfService || "",
+                            queryParams: context.query,
+                        },
+                    }];
+            case 4: return [2 /*return*/, redirect()];
         }
     });
 }); };