@ikas/storefront 0.0.108 → 0.0.109

package/build/index.js

@@ -12576,6 +12576,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 = {}; }
@@ -12635,6 +12661,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,
@@ -12643,8 +12673,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;
@@ -12659,6 +12700,11 @@ var IkasOrderAddress = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    IkasOrderAddress.prototype.toJSON = function () {
+        var obj = __assign({}, this);
+        delete obj.checkoutSettings;
+        return obj;
+    };
     return IkasOrderAddress;
 }());
 
@@ -15863,14 +15909,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;
@@ -15882,6 +15930,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;
@@ -15999,7 +16049,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*/];
@@ -16085,6 +16135,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") {
@@ -16147,6 +16198,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)
@@ -16418,10 +16472,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);
         mobx.makeAutoObservable(this);
     }
@@ -16440,6 +16496,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;
@@ -16513,10 +16577,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
@@ -24617,6 +24686,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 &&
@@ -24636,6 +24706,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,
@@ -24810,9 +24881,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() {
@@ -24904,13 +25010,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]);
@@ -24919,7 +25025,7 @@ var IkasCountryAPI = /** @class */ (function () {
                                 .query({
                                 query: QUERY,
                                 variables: {
-                                    storefrontId: storefrontId,
+                                    salesChannelId: salesChannelId,
                                 },
                             })];
                     case 2:
@@ -25221,7 +25327,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]);
@@ -25367,7 +25473,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() {
@@ -26332,6 +26438,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;
         };
@@ -26436,6 +26545,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;
@@ -26511,12 +26627,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 = mobxReactLite.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 = React.useState(function () { return new AddressFormViewModel(props); })[0];
     React.useEffect(function () {
@@ -26544,9 +26660,10 @@ var AddressForm$1 = mobxReactLite.observer(function (_a) {
             vm.hasState && (React.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" })),
             React.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 ? (React.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" })) : (React.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 && (React.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 && (React.createElement("div", { className: [styles$2.RowPB, commonStyles.mtFormRow].join(" ") },
-            React.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 && (React.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 && (React.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";
@@ -26860,16 +26977,25 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
         React.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 = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
+    var onShowTermsClick = function (e) {
+        e.stopPropagation();
+        vm.policyModalText = vm.termsOfService;
+    };
     return (React.createElement("div", { className: [styles$d.StepPayment, commonStyles.FormContainer].join(" ") },
         React.createElement(InfoBox, { vm: vm, showShipping: true }),
         React.createElement(PaymentGateways, { vm: vm }),
         React.createElement(BillingAddress, { vm: vm }),
+        React.createElement("div", { style: { marginTop: "12px" } },
+            React.createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, label: React.createElement(React.Fragment, null,
+                    React.createElement("span", { className: styles$d.TermsLabelSpan, onClick: onShowTermsClick }, "Mesafeli sat\u0131\u015F s\u00F6zle\u015Fmesini"),
+                    " ",
+                    "okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange })),
         React.createElement(StepActionButtons, { mainBtnText: "Şimdi öde", mainBtnOnClick: vm.performPayment, backBtnText: "Kargoya Geri Dön", backBtnOnClick: vm.onBackToShippingClick, isLoading: vm.isStepLoading })));
 });
 
@@ -27600,17 +27726,18 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
 
 var IkasCheckoutPage = mobxReactLite.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$1 = router.useRouter();
     var vm = React.useState(function () {
-        return new CheckoutViewModel(checkout, queryParams, router$1, returnPolicy, privacyPolicy, termsOfService);
+        return new CheckoutViewModel(checkout, checkoutSettings, queryParams, router$1, returnPolicy, privacyPolicy, termsOfService);
     })[0];
     React.useEffect(function () {
+        if (vm.checkoutSettings.isAccountRequired && !vm.checkout.hasCustomer) {
+            router$1.push("/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl));
+        }
         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;
     switch (vm.step) {
         case CheckoutStep.INFO:
@@ -27627,19 +27754,19 @@ var IkasCheckoutPage = mobxReactLite.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;
@@ -27696,7 +27823,7 @@ var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
             React.createElement("div", { className: styles$2.Right },
                 React.createElement("div", { className: styles$2.RightContent },
                     React.createElement(CartSummary, { vm: vm }))),
-            !!policyModalText && (React.createElement(PolicyModal, { title: policyModalTitle, modalContent: policyModalText, onClose: onPolicyModalClose })))));
+            !!vm.policyModalText && (React.createElement(PolicyModal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
 });
 
 function ErrorComponent(_a) {
@@ -28535,11 +28662,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: {},
@@ -28823,15 +28951,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 React.createElement(IkasCheckoutPage, __assign({ checkout: checkout }, others));
+    var checkoutSettings = checkoutSettingsStr
+        ? new IkasCheckoutSettings(JSON.parse(checkoutSettingsStr))
+        : new IkasCheckoutSettings();
+    return (React.createElement(IkasCheckoutPage, __assign({ checkout: checkout, checkoutSettings: checkoutSettings }, others)));
 };
 var _id_ = mobxReactLite.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:
@@ -28865,20 +28996,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()];
         }
     });
 }); };

package/build/models/data/checkout-settings/index.d.ts

@@ -0,0 +1,17 @@
+export declare class IkasCheckoutSettings {
+    id: string;
+    createdAt: number;
+    updatedAt: number;
+    phoneRequirement: IkasCheckoutRequirementEnum | null;
+    identityNumberRequirement: IkasCheckoutRequirementEnum | null;
+    isAccountRequired: boolean;
+    isTermsAndConditionsDefaultChecked: boolean;
+    showTermsAndConditionsCheckbox: boolean;
+    storefrontId: string;
+    constructor(data?: Partial<IkasCheckoutSettings>);
+}
+export declare enum IkasCheckoutRequirementEnum {
+    INVISIBLE = "INVISIBLE",
+    MANDATORY = "MANDATORY",
+    OPTIONAL = "OPTIONAL"
+}

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

@@ -1,3 +1,4 @@
+import { IkasCheckoutSettings } from "../../checkout-settings/index";
 export declare class IkasOrderAddress {
     addressLine1?: string | null;
     addressLine2?: string | null;
@@ -14,10 +15,12 @@ export declare class IkasOrderAddress {
     identityNumber?: string | null;
     taxNumber?: string | null;
     taxOffice?: string | null;
+    checkoutSettings?: IkasCheckoutSettings;
     constructor(data?: Partial<IkasOrderAddress>);
     get addressText(): string;
     get validationResult(): IkasAddressValidationResult;
     get isValid(): boolean;
+    toJSON(): this;
 }
 declare type IkasOrderAddressLocation = {
     id?: string;
@@ -37,5 +40,6 @@ export declare type IkasAddressValidationResult = {
     state: boolean;
     city: boolean;
     phone: boolean;
+    identityNumber: boolean;
 };
 export {};

package/build/pages/checkout/[id].d.ts

@@ -4,6 +4,7 @@ import { GetServerSideProps } from "next";
 import { ParsedUrlQuery } from "querystring";
 declare type Props = {
     checkoutStr: string;
+    checkoutSettingsStr: string | null;
     returnPolicy: string;
     privacyPolicy: string;
     termsOfService: string;

package/build/utils/providers/page-data.d.ts

@@ -22,13 +22,15 @@ export declare class IkasPageDataProvider {
             settingsStr: string;
             merchantSettings: string | null;
             configJson: {
-                storefrontId: string | undefined;
-                storefrontRoutingId: string | undefined;
-                storefrontThemeId: string | undefined;
-                salesChannelId: string | undefined;
-                priceListId: string | undefined;
-                stockLocationIds: string[] | undefined;
-                routings: import("../../models/data/storefront/routing/index").IkasStorefrontRouting[];
+                storefrontId: string | null;
+                storefrontRoutingId: string | null;
+                storefrontThemeId: string | null;
+                salesChannelId: string | null;
+                priceListId: string | null;
+                stockLocationIds: string[] | null;
+                routings: any;
+                gtmId: string | null;
+                fbpId: string | null;
             };
         };
     };

package/package.json

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