@ikas/storefront 0.0.163-alpha.14 → 0.0.163-alpha.16

package/build/components/checkout/components/address-form/model.d.ts

@@ -1,7 +1,9 @@
 import { IkasOrderAddress } from "../../../../models/data/order/address/index";
 import { IkasCountry, IkasState, IkasCity, IkasDistrict, IkasCustomerAddress } from "../../../../models/index";
+import CheckoutViewModel from "../../model";
 declare type Callback = ((value: string) => void) | null | undefined;
 export interface AddressFormViewModelParams {
+    checkoutViewModel: CheckoutViewModel;
     address: IkasOrderAddress | IkasCustomerAddress;
     isCorporate?: boolean;
     isErrorsVisible: boolean;
@@ -13,6 +15,7 @@ export interface AddressFormViewModelParams {
     lastNameChangeCallback?: Callback;
 }
 export default class AddressFormViewModel {
+    checkoutViewModel: CheckoutViewModel;
     address: IkasOrderAddress | IkasCustomerAddress;
     isCorporate: boolean;
     isErrorsVisible: boolean;

package/build/index.es.js

@@ -59996,7 +59996,8 @@ var AddressFormViewModel = /** @class */ (function () {
             });
         }); };
         this.listCountries = function () { return __awaiter(_this, void 0, void 0, function () {
-            var countries, currentRouting_1;
+            var countries, currentRouting_1, currentCountry;
+            var _this = this;
             var _a, _b;
             return __generator(this, function (_c) {
                 switch (_c.label) {
@@ -60012,6 +60013,12 @@ var AddressFormViewModel = /** @class */ (function () {
                         this.countries = countries;
                         if (this.countries.length === 1 && !this.country)
                             this.onCountryChange(this.countries[0].id);
+                        else if (this.checkoutViewModel.store.currentCountryCode) {
+                            currentCountry = this.countries.find(function (c) { return c.iso2 === _this.checkoutViewModel.store.currentCountryCode; });
+                            if (currentCountry) {
+                                this.onCountryChange(currentCountry.id);
+                            }
+                        }
                         return [3 /*break*/, 3];
                     case 2:
                         _c.sent();
@@ -60213,6 +60220,7 @@ var AddressFormViewModel = /** @class */ (function () {
         this.onTaxOfficeChange = function (value) {
             _this.address.taxOffice = value;
         };
+        this.checkoutViewModel = data.checkoutViewModel;
         this.address = data.address;
         this.isCorporate = data.isCorporate || false;
         this.isErrorsVisible = data.isErrorsVisible || false;
@@ -60653,7 +60661,7 @@ var CustomerAddresses = function (_a) {
 var CustomerAddresses$1 = observer(CustomerAddresses);
 var CustomerAddressForm = observer(function (_a) {
     var vm = _a.vm;
-    return (createElement(AddressForm$1, { address: vm.editingCustomerAddress || vm.address, isErrorsVisible: vm.isEditAddressErrorsVisible || vm.vm.isErrorsVisible, allowedCountryIds: vm.vm.shippingCountryIds || undefined, firstNameChangeCallback: vm.firstNameChangeCallback, lastNameChangeCallback: vm.lastNameChangeCallback, allowTitleChange: !!vm.editingCustomerAddress }));
+    return (createElement(AddressForm$1, { checkoutViewModel: vm.vm, address: vm.editingCustomerAddress || vm.address, isErrorsVisible: vm.isEditAddressErrorsVisible || vm.vm.isErrorsVisible, allowedCountryIds: vm.vm.shippingCountryIds || undefined, firstNameChangeCallback: vm.firstNameChangeCallback, lastNameChangeCallback: vm.lastNameChangeCallback, allowTitleChange: !!vm.editingCustomerAddress }));
 });
 var SaveAddressCheckboxAndTitle = observer(function (_a) {
     var vm = _a.vm;
@@ -61633,6 +61641,15 @@ var StockError = observer(function (_a) {
                     }, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
 });
 
+var css_248z$o = ".style-module_Container__1f6or {\n  width: 100vw;\n  height: 100vh;\n  background-color: var(--checkout-primary-bg-color);\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE,\n  .style-module_Container__1f6or .style-module_loader__VCfEE:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE {\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 var(--checkout-button-bg-color);\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__3N32j 1.1s infinite linear;\n    animation: style-module_load8__3N32j 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__3N32j {\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__3N32j {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
+var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
+styleInject(css_248z$o);
+
+var FullscreenLoading = function () {
+    return (createElement("div", { className: styles$n.Container },
+        createElement("div", { className: styles$n.loader })));
+};
+
 var IkasCheckoutPage = function (_a) {
     var _b, _c, _d;
     var checkout = _a.checkout, checkoutSettings = _a.checkoutSettings, customizationProps = _a.customizationProps, returnPolicy = _a.returnPolicy, privacyPolicy = _a.privacyPolicy, termsOfService = _a.termsOfService, queryParams = _a.queryParams;
@@ -61670,7 +61687,7 @@ var IkasCheckoutPage = function (_a) {
         document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
     }, [customizationProps]);
     if (!vm.isCheckoutLoaded || !vm.store.customerStore.initialized)
-        return null;
+        return createElement(FullscreenLoading, null);
     if (vm.checkout.hasCustomer &&
         ((_b = vm.store.customerStore.customer) === null || _b === void 0 ? void 0 : _b.id) !== ((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.id)) {
         router.push("/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl));
@@ -62433,15 +62450,6 @@ var _slug_ = /*#__PURE__*/Object.freeze({
     getStaticProps: getStaticProps$2
 });
 
-var css_248z$o = ".style-module_Container__1f6or {\n  width: 100vw;\n  height: 100vh;\n  background-color: var(--checkout-primary-bg-color);\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE,\n  .style-module_Container__1f6or .style-module_loader__VCfEE:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE {\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 var(--checkout-button-bg-color);\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__3N32j 1.1s infinite linear;\n    animation: style-module_load8__3N32j 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__3N32j {\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__3N32j {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
-var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
-styleInject(css_248z$o);
-
-var FullscreenLoading = function () {
-    return (createElement("div", { className: styles$n.Container },
-        createElement("div", { className: styles$n.loader })));
-};
-
 var CheckoutPage = function (_a) {
     var checkoutId = _a.checkoutId, checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutId", "checkoutSettingsStr", "customizationProps", "configJson"]);
     var router = useRouter();
@@ -62451,10 +62459,6 @@ var CheckoutPage = function (_a) {
     var checkoutSettings = checkoutSettingsStr
         ? new IkasCheckoutSettings(JSON.parse(checkoutSettingsStr))
         : new IkasCheckoutSettings();
-    useEffect(function () {
-        store.checkLocalization();
-        getCheckout();
-    }, []);
     useEffect(function () {
         document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
         document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
@@ -62473,6 +62477,10 @@ var CheckoutPage = function (_a) {
         document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
         document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
     }, [customizationProps]);
+    useEffect(function () {
+        store.checkLocalization();
+        getCheckout();
+    }, []);
     var getCheckout = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var checkout;
         return __generator(this, function (_a) {
@@ -62492,7 +62500,7 @@ var CheckoutPage = function (_a) {
     }); }, [checkoutId]);
     if (!checkout)
         return createElement(FullscreenLoading, null);
-    return (createElement(IkasCheckoutPage$1, __assign({ checkout: checkout, checkoutSettings: checkoutSettings }, others)));
+    return (createElement(IkasCheckoutPage$1, __assign({ checkout: checkout, checkoutSettings: checkoutSettings, customizationProps: customizationProps }, others)));
 };
 var _id_ = observer(CheckoutPage);
 var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {

package/build/index.js

@@ -59975,7 +59975,8 @@ var AddressFormViewModel = /** @class */ (function () {
             });
         }); };
         this.listCountries = function () { return __awaiter(_this, void 0, void 0, function () {
-            var countries, currentRouting_1;
+            var countries, currentRouting_1, currentCountry;
+            var _this = this;
             var _a, _b;
             return __generator(this, function (_c) {
                 switch (_c.label) {
@@ -59991,6 +59992,12 @@ var AddressFormViewModel = /** @class */ (function () {
                         this.countries = countries;
                         if (this.countries.length === 1 && !this.country)
                             this.onCountryChange(this.countries[0].id);
+                        else if (this.checkoutViewModel.store.currentCountryCode) {
+                            currentCountry = this.countries.find(function (c) { return c.iso2 === _this.checkoutViewModel.store.currentCountryCode; });
+                            if (currentCountry) {
+                                this.onCountryChange(currentCountry.id);
+                            }
+                        }
                         return [3 /*break*/, 3];
                     case 2:
                         _c.sent();
@@ -60192,6 +60199,7 @@ var AddressFormViewModel = /** @class */ (function () {
         this.onTaxOfficeChange = function (value) {
             _this.address.taxOffice = value;
         };
+        this.checkoutViewModel = data.checkoutViewModel;
         this.address = data.address;
         this.isCorporate = data.isCorporate || false;
         this.isErrorsVisible = data.isErrorsVisible || false;
@@ -60632,7 +60640,7 @@ var CustomerAddresses = function (_a) {
 var CustomerAddresses$1 = mobxReactLite.observer(CustomerAddresses);
 var CustomerAddressForm = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
-    return (React.createElement(AddressForm$1, { address: vm.editingCustomerAddress || vm.address, isErrorsVisible: vm.isEditAddressErrorsVisible || vm.vm.isErrorsVisible, allowedCountryIds: vm.vm.shippingCountryIds || undefined, firstNameChangeCallback: vm.firstNameChangeCallback, lastNameChangeCallback: vm.lastNameChangeCallback, allowTitleChange: !!vm.editingCustomerAddress }));
+    return (React.createElement(AddressForm$1, { checkoutViewModel: vm.vm, address: vm.editingCustomerAddress || vm.address, isErrorsVisible: vm.isEditAddressErrorsVisible || vm.vm.isErrorsVisible, allowedCountryIds: vm.vm.shippingCountryIds || undefined, firstNameChangeCallback: vm.firstNameChangeCallback, lastNameChangeCallback: vm.lastNameChangeCallback, allowTitleChange: !!vm.editingCustomerAddress }));
 });
 var SaveAddressCheckboxAndTitle = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -61612,6 +61620,15 @@ var StockError = mobxReactLite.observer(function (_a) {
                     }, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
 });
 
+var css_248z$o = ".style-module_Container__1f6or {\n  width: 100vw;\n  height: 100vh;\n  background-color: var(--checkout-primary-bg-color);\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE,\n  .style-module_Container__1f6or .style-module_loader__VCfEE:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE {\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 var(--checkout-button-bg-color);\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__3N32j 1.1s infinite linear;\n    animation: style-module_load8__3N32j 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__3N32j {\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__3N32j {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
+var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
+styleInject(css_248z$o);
+
+var FullscreenLoading = function () {
+    return (React.createElement("div", { className: styles$n.Container },
+        React.createElement("div", { className: styles$n.loader })));
+};
+
 var IkasCheckoutPage = function (_a) {
     var _b, _c, _d;
     var checkout = _a.checkout, checkoutSettings = _a.checkoutSettings, customizationProps = _a.customizationProps, returnPolicy = _a.returnPolicy, privacyPolicy = _a.privacyPolicy, termsOfService = _a.termsOfService, queryParams = _a.queryParams;
@@ -61649,7 +61666,7 @@ var IkasCheckoutPage = function (_a) {
         document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
     }, [customizationProps]);
     if (!vm.isCheckoutLoaded || !vm.store.customerStore.initialized)
-        return null;
+        return React.createElement(FullscreenLoading, null);
     if (vm.checkout.hasCustomer &&
         ((_b = vm.store.customerStore.customer) === null || _b === void 0 ? void 0 : _b.id) !== ((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.id)) {
         router$1.push("/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl));
@@ -62412,15 +62429,6 @@ var _slug_ = /*#__PURE__*/Object.freeze({
     getStaticProps: getStaticProps$2
 });
 
-var css_248z$o = ".style-module_Container__1f6or {\n  width: 100vw;\n  height: 100vh;\n  background-color: var(--checkout-primary-bg-color);\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE,\n  .style-module_Container__1f6or .style-module_loader__VCfEE:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Container__1f6or .style-module_loader__VCfEE {\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 var(--checkout-button-bg-color);\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__3N32j 1.1s infinite linear;\n    animation: style-module_load8__3N32j 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__3N32j {\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__3N32j {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
-var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
-styleInject(css_248z$o);
-
-var FullscreenLoading = function () {
-    return (React.createElement("div", { className: styles$n.Container },
-        React.createElement("div", { className: styles$n.loader })));
-};
-
 var CheckoutPage = function (_a) {
     var checkoutId = _a.checkoutId, checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutId", "checkoutSettingsStr", "customizationProps", "configJson"]);
     var router$1 = router.useRouter();
@@ -62430,10 +62438,6 @@ var CheckoutPage = function (_a) {
     var checkoutSettings = checkoutSettingsStr
         ? new IkasCheckoutSettings(JSON.parse(checkoutSettingsStr))
         : new IkasCheckoutSettings();
-    React.useEffect(function () {
-        store.checkLocalization();
-        getCheckout();
-    }, []);
     React.useEffect(function () {
         document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
         document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
@@ -62452,6 +62456,10 @@ var CheckoutPage = function (_a) {
         document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
         document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
     }, [customizationProps]);
+    React.useEffect(function () {
+        store.checkLocalization();
+        getCheckout();
+    }, []);
     var getCheckout = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var checkout;
         return __generator(this, function (_a) {
@@ -62471,7 +62479,7 @@ var CheckoutPage = function (_a) {
     }); }, [checkoutId]);
     if (!checkout)
         return React.createElement(FullscreenLoading, null);
-    return (React.createElement(IkasCheckoutPage$1, __assign({ checkout: checkout, checkoutSettings: checkoutSettings }, others)));
+    return (React.createElement(IkasCheckoutPage$1, __assign({ checkout: checkout, checkoutSettings: checkoutSettings, customizationProps: customizationProps }, others)));
 };
 var _id_ = mobxReactLite.observer(CheckoutPage);
 var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {

package/package.json

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