@ikas/storefront 0.0.167-alpha.2 → 0.0.167-alpha.3

package/build/index.js

@@ -41442,8 +41442,6 @@ function createCategoryBreadcrumbSchema(category) {
     catch (_a) { }
 }
 
-var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
-
 var IkasPage = mobxReactLite.observer(function (_a) {
     var propValuesStr = _a.propValuesStr, pageType = _a.pageType, pageTitle = _a.pageTitle, pageDescription = _a.pageDescription, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettingsStr = _a.merchantSettingsStr, configJson = _a.configJson, reInitOnBrowser = _a.reInitOnBrowser, addOgpMetas = _a.addOgpMetas;
     IkasStorefrontConfig.initWithJson(configJson);
@@ -41473,12 +41471,17 @@ var IkasPage = mobxReactLite.observer(function (_a) {
     var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
     var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
     var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
-    var visibilityStyle = {
+    var pageStyle = {
         visibility: mounted ? "visible" : "hidden",
+        position: "relative",
+        minHeight: "100vh",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
     };
     return (React.createElement(React.Fragment, null,
         React.createElement(IkasPageHead, { pageType: pageType, pageTitle: pageTitle, pageDescription: pageDescription, pageSpecificDataStr: pageSpecificDataStr, merchantSettingsStr: merchantSettingsStr, addOgpMetas: addOgpMetas }),
-        React.createElement("div", { style: visibilityStyle, className: styles.IkasPage },
+        React.createElement("div", { style: pageStyle },
             React.createElement("div", null,
                 headerComponentPropValue &&
                     renderComponent(headerComponentPropValue, settings, -1),
@@ -45460,7 +45463,7 @@ var BridgeMessageType;
     BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
 })(BridgeMessageType || (BridgeMessageType = {}));
 
-var styles$1 = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","RightContent":"style-module_RightContent__1fjX9","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","WithTooltip":"style-module_WithTooltip__1KRSQ","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx","PhoneError":"style-module_PhoneError__2FrSf","FormItemTooltipContainer":"style-module_FormItemTooltipContainer__13wpt"};
+var styles = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","RightContent":"style-module_RightContent__1fjX9","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","WithTooltip":"style-module_WithTooltip__1KRSQ","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx","PhoneError":"style-module_PhoneError__2FrSf","FormItemTooltipContainer":"style-module_FormItemTooltipContainer__13wpt"};
 
 var FormItemViewModel = /** @class */ (function () {
     function FormItemViewModel(props) {
@@ -45499,9 +45502,9 @@ var FormItemViewModel = /** @class */ (function () {
     }
     Object.defineProperty(FormItemViewModel.prototype, "formItemStyle", {
         get: function () {
-            var s = [styles$1.FormItem];
+            var s = [styles.FormItem];
             if (this.type === FormItemType.TEL && this.hasError) {
-                s.push(styles$1.PhoneError);
+                s.push(styles.PhoneError);
             }
             return s.join(" ");
         },
@@ -45511,10 +45514,10 @@ var FormItemViewModel = /** @class */ (function () {
     Object.defineProperty(FormItemViewModel.prototype, "labelStyle", {
         get: function () {
             if (this.value || this.type === FormItemType.TEL) {
-                return [styles$1.FieldLabel, styles$1.FieldLabelTop].join(" ");
+                return [styles.FieldLabel, styles.FieldLabelTop].join(" ");
             }
             else {
-                return [styles$1.FieldLabel].join(" ");
+                return [styles.FieldLabel].join(" ");
             }
         },
         enumerable: false,
@@ -45524,16 +45527,16 @@ var FormItemViewModel = /** @class */ (function () {
         get: function () {
             var classes = [];
             if (this.value) {
-                classes.push(styles$1.Bottom);
+                classes.push(styles.Bottom);
             }
             if (this.hasError) {
-                classes.push(styles$1.Error);
+                classes.push(styles.Error);
             }
             if (this.tooltipText) {
-                classes.push(styles$1.WithTooltip);
+                classes.push(styles.WithTooltip);
             }
             if (this.type === FormItemType.TEL) {
-                classes.push(styles$1.Tel);
+                classes.push(styles.Tel);
             }
             return classes.join(" ");
         },
@@ -67766,8 +67769,8 @@ var FormItem = mobxReactLite.observer(function (props) {
     }, [store.currentCountryCode]);
     var currentRouting = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; });
     return (React.createElement("div", { className: vm.formItemStyle, style: props.style },
-        React.createElement("div", { className: styles$1.FormItemWrapper },
-            React.createElement("div", { className: styles$1.FormItemInputWrapper },
+        React.createElement("div", { className: styles.FormItemWrapper },
+            React.createElement("div", { className: styles.FormItemInputWrapper },
                 React.createElement("label", { className: vm.labelStyle }, vm.label),
                 vm.type === FormItemType.TEXT && (React.createElement(Input$2, { vm: vm, autocomplete: props.autocomplete, name: props.name })),
                 vm.type === FormItemType.TEL && (React.createElement(PhoneInput, { defaultCountry: vm.country ||
@@ -67776,9 +67779,9 @@ var FormItem = mobxReactLite.observer(function (props) {
                             : "TR"), placeholder: t("checkout-page:enterPhoneNumber"), value: vm.value ? vm.value : "", onChange: vm.onPhoneChange, international: true, addInternationalOption: false })),
                 vm.type === FormItemType.TEXT_AREA && React.createElement(TextArea, { vm: vm }),
                 vm.type === FormItemType.SELECT && (React.createElement(Select, { vm: vm, autocomplete: props.autocomplete }))),
-            !!vm.hasError && (React.createElement("div", { className: styles$1.ErrorMsg }, vm.errorText || "")),
-            !!props.tooltipText && (React.createElement("div", { className: styles$1.FormItemTooltipContainer, "data-tip": props.tooltipText, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")),
-            !!vm.rightContent && (React.createElement("div", { className: styles$1.RightContent }, vm.rightContent)))));
+            !!vm.hasError && (React.createElement("div", { className: styles.ErrorMsg }, vm.errorText || "")),
+            !!props.tooltipText && (React.createElement("div", { className: styles.FormItemTooltipContainer, "data-tip": props.tooltipText, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")),
+            !!vm.rightContent && (React.createElement("div", { className: styles.RightContent }, vm.rightContent)))));
 });
 var Input$2 = mobxReactLite.observer(function (_a) {
     var vm = _a.vm, name = _a.name, autocomplete = _a.autocomplete, type = _a.type;
@@ -67795,21 +67798,21 @@ var Select = mobxReactLite.observer(function (_a) {
         React.createElement("select", { className: vm.inputStyle, autoComplete: autocomplete, onChange: vm.onSelectChange },
             !vm.value && React.createElement("option", { selected: true, disabled: true, key: -1 }), (_b = vm.options) === null || _b === void 0 ? void 0 :
             _b.map(function (o, index) { return (React.createElement("option", { key: index + o.value, value: o.value, selected: vm.value === o.value }, o.label)); })),
-        React.createElement("div", { className: styles$1.ArrowContainer },
+        React.createElement("div", { className: styles.ArrowContainer },
             React.createElement(SVGCaretDown, null))));
 });
 
-var styles$2 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","Line":"style-module_Line__1kche","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
+var styles$1 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","Line":"style-module_Line__1kche","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
 
 var Button = mobxReactLite.observer(function (_a) {
     var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
     return (React.createElement("button", { style: style, type: "button", className: [
-            styles$2.Button,
-            styles$2.Dark,
-            size === "medium" ? styles$2.Medium : styles$2.Large,
-            isLine ? styles$2.Line : "",
-            isDisabled ? styles$2.Disabled : "",
-        ].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? React.createElement("div", { className: styles$2.loader }) : text));
+            styles$1.Button,
+            styles$1.Dark,
+            size === "medium" ? styles$1.Medium : styles$1.Large,
+            isLine ? styles$1.Line : "",
+            isDisabled ? styles$1.Disabled : "",
+        ].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? React.createElement("div", { className: styles$1.loader }) : text));
 });
 
 var SVGCheck = function (_a) {
@@ -67818,34 +67821,34 @@ var SVGCheck = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
 };
 
-var styles$3 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","WithoutPadding":"style-module_WithoutPadding__3Azhr","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
+var styles$2 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","WithoutPadding":"style-module_WithoutPadding__3Azhr","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
 
 var Checkbox = mobxReactLite.observer(function (_a) {
     var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
     var _onChange = function () {
         onChange(!value);
     };
-    var checkboxBorderClasses = [styles$3.CheckboxBorder];
-    var labelClasses = [styles$3.CheckboxLabel];
-    var tickClasses = [styles$3.CheckboxTick];
+    var checkboxBorderClasses = [styles$2.CheckboxBorder];
+    var labelClasses = [styles$2.CheckboxLabel];
+    var tickClasses = [styles$2.CheckboxTick];
     if (value) {
-        checkboxBorderClasses.push(styles$3.Checked);
-        tickClasses.push(styles$3.Visible);
+        checkboxBorderClasses.push(styles$2.Checked);
+        tickClasses.push(styles$2.Visible);
     }
     if (hasError)
-        labelClasses.push(styles$3.CheckboxLabelError);
+        labelClasses.push(styles$2.CheckboxLabelError);
     return (React.createElement("div", { className: [
-            styles$3.CheckboxWrapper,
-            removePadding ? styles$3.WithoutPadding : "",
+            styles$2.CheckboxWrapper,
+            removePadding ? styles$2.WithoutPadding : "",
         ].join(" "), onClick: _onChange },
-        React.createElement("div", { className: styles$3.CheckboxContainer },
+        React.createElement("div", { className: styles$2.CheckboxContainer },
             React.createElement("div", { className: checkboxBorderClasses.join(" ") }),
             React.createElement("div", { className: tickClasses.join(" ") },
                 React.createElement(SVGCheck, null))),
         !!label && React.createElement("div", { className: labelClasses.join(" ") }, label)));
 });
 
-var styles$4 = {"NotificationBox":"style-module_NotificationBox__1XbTC","Error":"style-module_Error__2muwO","Warning":"style-module_Warning__1BFJi","Success":"style-module_Success__3E9Q7","Left":"style-module_Left__2oQNx","Center":"style-module_Center__3DJ2K","Title":"style-module_Title__1Ae11","Right":"style-module_Right__Uf0Z6"};
+var styles$3 = {"NotificationBox":"style-module_NotificationBox__1XbTC","Error":"style-module_Error__2muwO","Warning":"style-module_Warning__1BFJi","Success":"style-module_Success__3E9Q7","Left":"style-module_Left__2oQNx","Center":"style-module_Center__3DJ2K","Title":"style-module_Title__1Ae11","Right":"style-module_Right__Uf0Z6"};
 
 var SVGWarning = function (_a) {
     var className = _a.className;
@@ -67865,16 +67868,16 @@ var NotificationBox = function (_a) {
     var type = _a.type, title = _a.title, content = _a.content, onClose = _a.onClose;
     var containerRef = React.useRef(null);
     var boxClasses = React.useMemo(function () {
-        var classes = [styles$4.NotificationBox];
+        var classes = [styles$3.NotificationBox];
         switch (type) {
             case "error":
-                classes.push(styles$4.Error);
+                classes.push(styles$3.Error);
                 break;
             case "warning":
-                classes.push(styles$4.Warning);
+                classes.push(styles$3.Warning);
                 break;
             case "success":
-                classes.push(styles$4.Success);
+                classes.push(styles$3.Success);
                 break;
         }
         return classes.join(" ");
@@ -67886,12 +67889,12 @@ var NotificationBox = function (_a) {
         }
     }, [containerRef]);
     return (React.createElement("div", { className: boxClasses, ref: containerRef },
-        React.createElement("div", { className: styles$4.Left },
+        React.createElement("div", { className: styles$3.Left },
             React.createElement(SVGWarning, null)),
-        React.createElement("div", { className: styles$4.Center },
-            !!title && React.createElement("div", { className: styles$4.Title }, title),
-            React.createElement("div", { className: styles$4.Content }, content)),
-        onClose && (React.createElement("div", { className: styles$4.Right, onClick: onClose },
+        React.createElement("div", { className: styles$3.Center },
+            !!title && React.createElement("div", { className: styles$3.Title }, title),
+            React.createElement("div", { className: styles$3.Content }, content)),
+        onClose && (React.createElement("div", { className: styles$3.Right, onClick: onClose },
             React.createElement(SVGCross, null)))));
 };
 var NotificationBox$1 = mobxReactLite.observer(NotificationBox);
@@ -67952,32 +67955,32 @@ var Errors$1 = mobxReactLite.observer(Errors);
 
 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","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
 
-var styles$5 = {"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","FooterBullet":"style-module_FooterBullet__1dD9S","AdressStepInfo":"style-module_AdressStepInfo__27aR0","Address":"style-module_Address__2tYiR","Text":"style-module_Text__FkGkR","WithMBottom":"style-module_WithMBottom__TQbZL","Gray":"style-module_Gray__3vyMM","EditBtn":"style-module_EditBtn__3aAlL","AddressStepInfoMobile":"style-module_AddressStepInfoMobile__uwl92","ErrorContainer":"style-module_ErrorContainer__3B5Gx","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","LoginText":"style-module_LoginText__3FSC9","LoginBtn":"style-module_LoginBtn__XVF05","CustomerInfo":"style-module_CustomerInfo__3aAq9","Name":"style-module_Name__11iSh","Email":"style-module_Email__1AITY","LoginCta":"style-module_LoginCta__2sZZF","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5","PoweredBy":"style-module_PoweredBy__2kV_J","LightText":"style-module_LightText__3dSVB","ReactTooltipWrap":"style-module_ReactTooltipWrap__2hp2P"};
+var styles$4 = {"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","FooterBullet":"style-module_FooterBullet__1dD9S","AdressStepInfo":"style-module_AdressStepInfo__27aR0","Address":"style-module_Address__2tYiR","Text":"style-module_Text__FkGkR","WithMBottom":"style-module_WithMBottom__TQbZL","Gray":"style-module_Gray__3vyMM","EditBtn":"style-module_EditBtn__3aAlL","AddressStepInfoMobile":"style-module_AddressStepInfoMobile__uwl92","ErrorContainer":"style-module_ErrorContainer__3B5Gx","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","LoginText":"style-module_LoginText__3FSC9","LoginBtn":"style-module_LoginBtn__XVF05","CustomerInfo":"style-module_CustomerInfo__3aAq9","Name":"style-module_Name__11iSh","Email":"style-module_Email__1AITY","LoginCta":"style-module_LoginCta__2sZZF","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5","PoweredBy":"style-module_PoweredBy__2kV_J","LightText":"style-module_LightText__3dSVB","ReactTooltipWrap":"style-module_ReactTooltipWrap__2hp2P"};
 
-var styles$6 = {"SelectBoxContainer":"style-module_SelectBoxContainer__1T9C7","SelectBoxError":"style-module_SelectBoxError__2diiS","fadeInFromRight":"style-module_fadeInFromRight__9YMxj","SelectBox":"style-module_SelectBox__1xZZi","TopContent":"style-module_TopContent__oUtcc","Label":"style-module_Label__1I8Bm","RightContent":"style-module_RightContent__2Ob1u","BottomContent":"style-module_BottomContent__1AMWK","Selected":"style-module_Selected__Ipn0q","Error":"style-module_Error__2TFZc"};
+var styles$5 = {"SelectBoxContainer":"style-module_SelectBoxContainer__1T9C7","SelectBoxError":"style-module_SelectBoxError__2diiS","fadeInFromRight":"style-module_fadeInFromRight__9YMxj","SelectBox":"style-module_SelectBox__1xZZi","TopContent":"style-module_TopContent__oUtcc","Label":"style-module_Label__1I8Bm","RightContent":"style-module_RightContent__2Ob1u","BottomContent":"style-module_BottomContent__1AMWK","Selected":"style-module_Selected__Ipn0q","Error":"style-module_Error__2TFZc"};
 
-var styles$7 = {"CheckboxWrapper":"style-module_CheckboxWrapper__3CzTt","WithoutPadding":"style-module_WithoutPadding__2le2B","WithoutLabel":"style-module_WithoutLabel__1s1q8","CheckboxContainer":"style-module_CheckboxContainer__lWDtJ","CheckboxBorder":"style-module_CheckboxBorder__EYjFT","Checked":"style-module_Checked__2kb9S","CheckboxTick":"style-module_CheckboxTick__149cN","Visible":"style-module_Visible__gf4pv","CheckboxLabel":"style-module_CheckboxLabel__D36H4","CheckboxLabelError":"style-module_CheckboxLabelError__1x08H"};
+var styles$6 = {"CheckboxWrapper":"style-module_CheckboxWrapper__3CzTt","WithoutPadding":"style-module_WithoutPadding__2le2B","WithoutLabel":"style-module_WithoutLabel__1s1q8","CheckboxContainer":"style-module_CheckboxContainer__lWDtJ","CheckboxBorder":"style-module_CheckboxBorder__EYjFT","Checked":"style-module_Checked__2kb9S","CheckboxTick":"style-module_CheckboxTick__149cN","Visible":"style-module_Visible__gf4pv","CheckboxLabel":"style-module_CheckboxLabel__D36H4","CheckboxLabelError":"style-module_CheckboxLabelError__1x08H"};
 
 var Toggle = mobxReactLite.observer(function (_a) {
     var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
     var _onChange = function () {
         onChange && onChange(!value);
     };
-    var checkboxBorderClasses = [styles$7.CheckboxBorder];
-    var labelClasses = [styles$7.CheckboxLabel];
-    var tickClasses = [styles$7.CheckboxTick];
+    var checkboxBorderClasses = [styles$6.CheckboxBorder];
+    var labelClasses = [styles$6.CheckboxLabel];
+    var tickClasses = [styles$6.CheckboxTick];
     if (value) {
-        checkboxBorderClasses.push(styles$7.Checked);
-        tickClasses.push(styles$7.Visible);
+        checkboxBorderClasses.push(styles$6.Checked);
+        tickClasses.push(styles$6.Visible);
     }
     if (hasError)
-        labelClasses.push(styles$7.CheckboxLabelError);
+        labelClasses.push(styles$6.CheckboxLabelError);
     return (React.createElement("div", { className: [
-            styles$7.CheckboxWrapper,
-            removePadding ? styles$7.WithoutPadding : "",
-            !label ? styles$7.WithoutLabel : "",
+            styles$6.CheckboxWrapper,
+            removePadding ? styles$6.WithoutPadding : "",
+            !label ? styles$6.WithoutLabel : "",
         ].join(" "), onClick: _onChange },
-        React.createElement("div", { className: styles$7.CheckboxContainer },
+        React.createElement("div", { className: styles$6.CheckboxContainer },
             React.createElement("div", { className: checkboxBorderClasses.join(" ") }),
             React.createElement("div", { className: tickClasses.join(" ") },
                 React.createElement(SVGCheck, null))),
@@ -67987,23 +67990,23 @@ var Toggle = mobxReactLite.observer(function (_a) {
 var SelectBox = function (_a) {
     var label = _a.label, isSelected = _a.isSelected, rightContent = _a.rightContent, bottomContent = _a.bottomContent, bottomContentVisible = _a.bottomContentVisible, hasError = _a.hasError, errorText = _a.errorText, onClick = _a.onClick;
     var selectBoxClasses = React.useMemo(function () {
-        var classes = [styles$6.SelectBox];
+        var classes = [styles$5.SelectBox];
         if (isSelected)
-            classes.push(styles$6.Selected);
+            classes.push(styles$5.Selected);
         if (isSelected && hasError)
-            classes.push(styles$6.Error);
+            classes.push(styles$5.Error);
         return classes.join(" ");
     }, [isSelected]);
-    var _bottomContent = React.useMemo(function () { return React.createElement("div", { className: styles$6.BottomContent }, bottomContent); }, [bottomContent]);
-    return (React.createElement("div", { className: styles$6.SelectBoxContainer },
+    var _bottomContent = React.useMemo(function () { return React.createElement("div", { className: styles$5.BottomContent }, bottomContent); }, [bottomContent]);
+    return (React.createElement("div", { className: styles$5.SelectBoxContainer },
         React.createElement("div", { className: selectBoxClasses, onClick: onClick },
-            React.createElement("div", { className: styles$6.TopContent },
+            React.createElement("div", { className: styles$5.TopContent },
                 React.createElement(Toggle, { value: isSelected, label: label, removePadding: true }),
-                !!rightContent && (React.createElement("div", { className: styles$6.RightContent }, rightContent))),
+                !!rightContent && (React.createElement("div", { className: styles$5.RightContent }, rightContent))),
             !!bottomContent &&
                 (isSelected || bottomContentVisible) &&
                 _bottomContent),
-        !!errorText && hasError && isSelected && (React.createElement("div", { className: styles$6.SelectBoxError }, errorText))));
+        !!errorText && hasError && isSelected && (React.createElement("div", { className: styles$5.SelectBoxError }, errorText))));
 };
 var SelectBox$1 = mobxReactLite.observer(SelectBox);
 
@@ -68400,7 +68403,7 @@ var AddressForm$1 = mobxReactLite.observer(function (props) {
         });
     }, Object.values(props));
     return (React.createElement("div", null,
-        vm.allowTitleChange && (React.createElement("div", { className: styles$5.RowPB },
+        vm.allowTitleChange && (React.createElement("div", { className: styles$4.RowPB },
             React.createElement(AddressTitle, __assign({}, props, { vm: vm })))),
         React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
             React.createElement(FirstName, __assign({}, props, { vm: vm })),
@@ -68409,9 +68412,9 @@ var AddressForm$1 = mobxReactLite.observer(function (props) {
             " "),
         !!vm.address.checkoutSettings &&
             vm.address.checkoutSettings.identityNumberRequirement !==
-                IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement("div", { className: styles$5.RowPB },
+                IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement("div", { className: styles$4.RowPB },
             React.createElement(IdentityNumber, __assign({}, props, { vm: vm })))),
-        React.createElement("div", { className: styles$5.RowPB },
+        React.createElement("div", { className: styles$4.RowPB },
             React.createElement(AddressFirstLine, __assign({}, props, { vm: vm }))),
         React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
             React.createElement(AddressSecondLine, __assign({}, props, { vm: vm })),
@@ -68419,7 +68422,7 @@ var AddressForm$1 = mobxReactLite.observer(function (props) {
             React.createElement("div", null),
             " "),
         React.createElement("div", { className: [
-                styles$5.RowPB,
+                styles$4.RowPB,
                 commonStyles.Grid,
                 vm.hasState ? commonStyles.Grid2 : "",
             ].join(" ") },
@@ -68428,7 +68431,7 @@ var AddressForm$1 = mobxReactLite.observer(function (props) {
         React.createElement("div", { className: [
                 commonStyles.Grid,
                 commonStyles.Grid2,
-                styles$5.RowPB,
+                styles$4.RowPB,
             ].join(" ") },
             React.createElement(City, __assign({}, props, { vm: vm })),
             vm.districtOptions.length ? (React.createElement(DistrictSelect, __assign({}, props, { vm: vm }))) : (React.createElement(DistrictInput, __assign({}, props, { vm: vm })))),
@@ -68539,7 +68542,7 @@ var TaxNumber = mobxReactLite.observer(function (_a) {
     return (React.createElement(FormItem, { type: FormItemType.TEXT, label: t("checkout-page:taxNumber"), value: ((_b = vm.address) === null || _b === void 0 ? void 0 : _b.taxNumber) || "", onChange: vm.onTaxNumberChange }));
 });
 
-var styles$8 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
+var styles$7 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
 
 var CustomerAddressesViewModel = /** @class */ (function () {
     function CustomerAddressesViewModel(vm, addressType) {
@@ -68686,9 +68689,9 @@ var CustomerAddresses = function (_a) {
                 : vm.addressType === "billing"
                     ? t("checkout-page:billingAddress")
                     : t("checkout-page:shippingAddress")),
-            !!vm.editingCustomerAddress && (React.createElement("div", { className: styles$8.CancelEdit, onClick: vm.onCancelEditAddressClick }, t("checkout-page:actions.cancel")))),
-        !!vm.vm.store.customerStore.customer && !vm.editingCustomerAddress && (React.createElement("div", { className: styles$5.RowPB },
-            vm.vm.store.customerStore.customer.addresses.map(function (address) { return (React.createElement(SelectBox$1, { key: address.id, label: address.title || "", isSelected: address.id === vm.selectedAddressId, rightContent: React.createElement("div", { onClick: function () { return vm.onEditAddressClick(address); } }, t("checkout-page:actions.edit")), bottomContent: React.createElement("div", { className: styles$8.AddressText }, address.addressText), bottomContentVisible: true, hasError: !address.isValid, errorText: t("checkout-page:missingAddressFields"), onClick: function () {
+            !!vm.editingCustomerAddress && (React.createElement("div", { className: styles$7.CancelEdit, onClick: vm.onCancelEditAddressClick }, t("checkout-page:actions.cancel")))),
+        !!vm.vm.store.customerStore.customer && !vm.editingCustomerAddress && (React.createElement("div", { className: styles$4.RowPB },
+            vm.vm.store.customerStore.customer.addresses.map(function (address) { return (React.createElement(SelectBox$1, { key: address.id, label: address.title || "", isSelected: address.id === vm.selectedAddressId, rightContent: React.createElement("div", { onClick: function () { return vm.onEditAddressClick(address); } }, t("checkout-page:actions.edit")), bottomContent: React.createElement("div", { className: styles$7.AddressText }, address.addressText), bottomContentVisible: true, hasError: !address.isValid, errorText: t("checkout-page:missingAddressFields"), onClick: function () {
                     return address.id !== vm.selectedAddressId &&
                         vm.onAddressSelect(address);
                 } })); }),
@@ -68697,7 +68700,7 @@ var CustomerAddresses = function (_a) {
                 } }))),
         !vm.vm.store.customerStore.customer && addressForm,
         !!vm.editingCustomerAddress && React.createElement(CustomerAddressForm, { vm: vm }),
-        !!vm.editingCustomerAddress && (React.createElement("div", { className: styles$8.EditAddressActions },
+        !!vm.editingCustomerAddress && (React.createElement("div", { className: styles$7.EditAddressActions },
             React.createElement(Button, { style: {
                     width: "100%",
                 }, text: t("checkout-page:deleteAddress"), isLine: true, isLoading: vm.isDeleteAddressLoading, isDisabled: vm.isEditAddressLoading, onClick: vm.onDeleteAddressClick }),
@@ -68746,12 +68749,12 @@ var CheckoutStepInfo = function (_a) {
 };
 var CheckoutStepInfo$1 = mobxReactLite.observer(CheckoutStepInfo);
 
-var styles$9 = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","Dimmed":"style-module_Dimmed__3dkFw","GiftSection":"style-module_GiftSection__2phwh","ShippingPrice":"style-module_ShippingPrice__KaEps"};
+var styles$8 = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","Dimmed":"style-module_Dimmed__3dkFw","GiftSection":"style-module_GiftSection__2phwh","ShippingPrice":"style-module_ShippingPrice__KaEps"};
 
 var CheckoutStepShipping = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
     var t = useTranslation().t;
-    return (React.createElement("div", { className: [styles$9.StepShipping].join(" ") },
+    return (React.createElement("div", { className: [styles$8.StepShipping].join(" ") },
         React.createElement(ShippingMethods, { vm: vm }),
         React.createElement(GiftPackage, { vm: vm }),
         React.createElement(Button, { style: { width: "100%", marginTop: "32px" }, text: t("checkout-page:actions.continueWithPayment"), isLoading: vm.isStepLoading, isDisabled: !vm.canProceedToPayment, onClick: vm.onProceedToPaymentClick })));
@@ -68760,12 +68763,12 @@ var ShippingMethods = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
     var t = useTranslation().t;
     return (React.createElement("div", { className: [
-            styles$9.InfoBox,
-            vm.isChangingShippingMethod ? styles$9.Dimmed : "",
+            styles$8.InfoBox,
+            vm.isChangingShippingMethod ? styles$8.Dimmed : "",
         ].join(" ") },
         React.createElement(Errors$1, { vm: vm }),
         vm.checkout.availableShippingMethods.map(function (asm, index) { return (React.createElement(SelectBox$1, { key: asm.shippingSettingsId + asm.shippingZoneRateId, label: asm.rateName, isSelected: vm.checkout.shippingSettingsId === asm.shippingSettingsId &&
-                vm.checkout.shippingZoneRateId === asm.shippingZoneRateId, rightContent: React.createElement("div", { className: styles$9.ShippingPrice }, asm.price === 0
+                vm.checkout.shippingZoneRateId === asm.shippingZoneRateId, rightContent: React.createElement("div", { className: styles$8.ShippingPrice }, asm.price === 0
                 ? t("checkout-page:free")
                 : formatMoney(asm.price, vm.checkout.cart.currencyCode)), onClick: function () { return vm.onShippingMethodChange(asm); } })); })));
 });
@@ -68788,7 +68791,7 @@ var GiftPackage = mobxReactLite.observer(function (_a) {
             : "");
     if (!vm.checkoutSettings.isGiftPackageEnabled)
         return null;
-    return (React.createElement("div", { className: styles$9.GiftSection },
+    return (React.createElement("div", { className: styles$8.GiftSection },
         React.createElement(Checkbox, { value: vm.checkout.isGiftPackage, label: checkboxLabel, onChange: onIsGiftPackageChange, removePadding: true }),
         vm.checkout.isGiftPackage && (React.createElement(FormItem, { type: FormItemType.TEXT_AREA, label: "", value: vm.checkout.giftPackageNote || "", onChange: onGiftPackageNoteChange, style: { marginTop: "16px" }, textAreaPlaceholder: t("checkout-page:giftPackageCtaPlaceholder") }))));
 });
@@ -68830,7 +68833,7 @@ var SVGVisa = function (_a) {
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1646 8.50906L9.38648 13.0517L9.19726 12.1285L8.56074 9.06697C8.45083 8.6454 8.13222 8.51949 7.73778 8.50488H4.80909L4.78613 8.64332C5.49848 8.81584 6.135 9.06488 6.69361 9.37375L8.30822 15.1595L10.2296 15.1574L13.088 8.50836H11.1646V8.50906Z", fill: "#1A1876" })));
 };
 
-var styles$a = {"CardLogo":"style-module_CardLogo__1jFyp"};
+var styles$9 = {"CardLogo":"style-module_CardLogo__1jFyp"};
 
 var CreditCardForm = mobxReactLite.observer(function (_a) {
     var _b;
@@ -68854,34 +68857,34 @@ var CreditCardForm = mobxReactLite.observer(function (_a) {
         }
     };
     return (React.createElement("div", null,
-        React.createElement("div", { className: styles$5.RowPB },
-            React.createElement(FormItem, { name: "cardnumber", autocomplete: "cc-number", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardNumber"), value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: t("checkout-page:cardNumberError"), rightContent: ((_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.cardAssociation) ? (React.createElement("div", { className: styles$a.CardLogo }, getCardLogo(vm.installmentInfo.cardAssociation))) : undefined, hasError: vm.isErrorsVisible && !cardData.validationResult.cardNumber })),
-        React.createElement("div", { className: styles$5.RowPB },
+        React.createElement("div", { className: styles$4.RowPB },
+            React.createElement(FormItem, { name: "cardnumber", autocomplete: "cc-number", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardNumber"), value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: t("checkout-page:cardNumberError"), rightContent: ((_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.cardAssociation) ? (React.createElement("div", { className: styles$9.CardLogo }, getCardLogo(vm.installmentInfo.cardAssociation))) : undefined, hasError: vm.isErrorsVisible && !cardData.validationResult.cardNumber })),
+        React.createElement("div", { className: styles$4.RowPB },
             React.createElement(FormItem, { name: "ccname", autocomplete: "cc-name", type: FormItemType.TEXT, label: t("checkout-page:cardHolderName"), value: cardData.cardHolderName, onChange: vm.onCardHolderNameChange, errorText: t("checkout-page:cardHolderError"), hasError: vm.isErrorsVisible && !cardData.validationResult.cardHolderName })),
         React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
             React.createElement(FormItem, { name: "cc-exp", autocomplete: "cc-exp", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardExpiry"), value: cardData.expirationDate, onChange: vm.onExpirationDateChange, errorText: t("checkout-page:cardExpiryError"), hasError: vm.isErrorsVisible && !cardData.validationResult.expirationDate }),
             React.createElement(FormItem, { name: "cvc", autocomplete: "cc-csc", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardCVC"), value: cardData.cvv, onChange: vm.onCvcChange, errorText: t("checkout-page:cardCVCError"), tooltipText: t("checkout-page:cardCVCTooltip"), hasError: vm.isErrorsVisible && !cardData.validationResult.cvv }))));
 });
 
-var styles$b = {"Installments":"style-module_Installments__aM2lS","Title":"style-module_Title__15N6L","Container":"style-module_Container__12sJp","Row":"style-module_Row__dxeKi","InstallmentInfo":"style-module_InstallmentInfo__G8QDB","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Price":"style-module_Price__3gzwQ"};
+var styles$a = {"Installments":"style-module_Installments__aM2lS","Title":"style-module_Title__15N6L","Container":"style-module_Container__12sJp","Row":"style-module_Row__dxeKi","InstallmentInfo":"style-module_InstallmentInfo__G8QDB","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Price":"style-module_Price__3gzwQ"};
 
 var Installments = mobxReactLite.observer(function (_a) {
     var _b;
     var vm = _a.vm;
     var t = useTranslation().t;
-    return (React.createElement("div", { className: styles$b.Installments },
-        React.createElement("div", { className: styles$b.Title }, t("checkout-page:installmentOptions")),
-        React.createElement("div", { className: styles$b.Container }, (_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.installmentPrices.map(function (ip, index) { return (React.createElement("div", { className: styles$b.Row, onClick: function () { return vm.setInstallmentCount(ip.installmentCount || 1); } },
+    return (React.createElement("div", { className: styles$a.Installments },
+        React.createElement("div", { className: styles$a.Title }, t("checkout-page:installmentOptions")),
+        React.createElement("div", { className: styles$a.Container }, (_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.installmentPrices.map(function (ip, index) { return (React.createElement("div", { className: styles$a.Row, onClick: function () { return vm.setInstallmentCount(ip.installmentCount || 1); } },
             React.createElement(Toggle, { value: vm.selectedInstallmentIndex === index }),
-            React.createElement("div", { className: styles$b.InstallmentInfo },
-                React.createElement("div", { className: styles$b.InstallmentCount }, ip.installmentCount === 1
+            React.createElement("div", { className: styles$a.InstallmentInfo },
+                React.createElement("div", { className: styles$a.InstallmentCount }, ip.installmentCount === 1
                     ? t("checkout-page:singleInstallment")
                     : ip.installmentCount + " " + t("checkout-page:installments")),
-                ip.installmentCount !== 1 && (React.createElement("div", { className: styles$b.InstallmentPrice }, formatMoney(ip.installmentPrice, vm.checkout.cart.currencyCode)))),
-            React.createElement("div", { className: styles$b.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
+                ip.installmentCount !== 1 && (React.createElement("div", { className: styles$a.InstallmentPrice }, formatMoney(ip.installmentPrice, vm.checkout.cart.currencyCode)))),
+            React.createElement("div", { className: styles$a.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
 });
 
-var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
+var styles$b = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
 
 var PaymentGateways = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -68892,7 +68895,7 @@ var PaymentGateways = mobxReactLite.observer(function (_a) {
             alignItems: "center",
             flexWrap: "wrap",
         } }, props.children)); };
-    var PaymentMethodAdjustment = function (props) { return (React.createElement("div", { className: styles$c.AdditionalPrice }, props.children)); };
+    var PaymentMethodAdjustment = function (props) { return (React.createElement("div", { className: styles$b.AdditionalPrice }, props.children)); };
     var getAdditionalPriceText = function (ap) {
         if (ap.amount === 0)
             return "";
@@ -68907,8 +68910,8 @@ var PaymentGateways = mobxReactLite.observer(function (_a) {
         return (React.createElement(SelectBox$1, { key: pg.id, label: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD
                 ? t("checkout-page:creditCard")
                 : pg.name, isSelected: vm.selectedPaymentGatewayIndex === index, rightContent: ((_a = pg.additionalPrices) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(PaymentMethodAdjustment, null, getAdditionalPriceText(pg.additionalPrices[0]))) : (React.createElement(PaymentMethodLogos, null, pg.paymentMethods.map(function (pm, index) {
-                return pm.logoUrl ? (React.createElement("div", { className: styles$c.PaymentLogoContainer, key: index },
-                    React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$c.PaymentLogoContainer, key: index }));
+                return pm.logoUrl ? (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index },
+                    React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index }));
             }))), bottomContent: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD ? (React.createElement("div", null,
                 React.createElement(CreditCardForm, { vm: vm }),
                 vm.installmentInfo && React.createElement(Installments, { vm: vm }))) : pg.description ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: pg.description } })) : undefined, onClick: function () {
@@ -68933,7 +68936,7 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
         vm.useDifferentAddress && (React.createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
 });
 
-var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
+var styles$c = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
 
 var SVGLock = function (_a) {
     var className = _a.className;
@@ -68957,13 +68960,13 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
     var checkoutTranslations = IkasStorefrontConfig.translations["checkout-page"];
     var policyInputData = createTranslationInputData(checkoutTranslations["ackPoliciesSentence"]);
     var policyLabel = policyInputData.map(function (p) {
-        return p.isVariable ? (React.createElement("span", { className: styles$d.TermsLabelSpan, onClick: p.value === "{{ ackPrivacyPolicy }}"
+        return p.isVariable ? (React.createElement("span", { className: styles$c.TermsLabelSpan, onClick: p.value === "{{ ackPrivacyPolicy }}"
                 ? onShowPrivacyPolicyClick
                 : onShowTermsOfServiceClick }, p.value === "{{ ackPrivacyPolicy }}"
             ? t("checkout-page:ackPrivacyPolicy")
             : t("checkout-page:ackTermsOfService"))) : (p.value);
     });
-    return (React.createElement("div", { className: [styles$d.StepPayment].join(" ") },
+    return (React.createElement("div", { className: [styles$c.StepPayment].join(" ") },
         React.createElement(Errors$1, { vm: vm }),
         React.createElement(PaymentGateways, { vm: vm }),
         React.createElement(BillingAddress, { vm: vm }),
@@ -68973,13 +68976,13 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
                 width: "100%",
                 marginTop: "24px",
             }, text: t("checkout-page:actions.completeOrder"), isLoading: vm.isStepLoading, isDisabled: !vm.canPerformPayment, onClick: vm.onCompletePaymentClick }),
-        !!t("checkout-page:securePaymentTooltip") && (React.createElement("div", { className: styles$d.SecurePaymentContainer },
-            React.createElement("span", { className: styles$d.Lock },
+        !!t("checkout-page:securePaymentTooltip") && (React.createElement("div", { className: styles$c.SecurePaymentContainer },
+            React.createElement("span", { className: styles$c.Lock },
                 React.createElement(SVGLock, null)),
             React.createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
 });
 
-var styles$e = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
+var styles$d = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
 
 var InputWithButton = function (_a) {
     var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
@@ -68991,38 +68994,38 @@ var InputWithButton = function (_a) {
             onClick();
         }
     }, [onClick]);
-    return (React.createElement("div", { className: styles$e.Container },
+    return (React.createElement("div", { className: styles$d.Container },
         React.createElement("input", { value: value, onChange: _onChange, placeholder: placeholder, onKeyPress: _onKeyPress }),
-        React.createElement("div", { className: styles$e.Button, onClick: onClick }, isLoading ? React.createElement("div", { className: styles$e.loader }) : buttonLabel)));
+        React.createElement("div", { className: styles$d.Button, onClick: onClick }, isLoading ? React.createElement("div", { className: styles$d.loader }) : buttonLabel)));
 };
 var InputWithButton$1 = mobxReactLite.observer(InputWithButton);
 
-var styles$f = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Right":"style-module_Right__2HN2l","Name":"style-module_Name__nPgw1","LightText":"style-module_LightText__2P69D","Price":"style-module_Price__1Vw31","GrayPrice":"style-module_GrayPrice__2wDyJ"};
+var styles$e = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Right":"style-module_Right__2HN2l","Name":"style-module_Name__nPgw1","LightText":"style-module_LightText__2P69D","Price":"style-module_Price__1Vw31","GrayPrice":"style-module_GrayPrice__2wDyJ"};
 
 var CartItem = mobxReactLite.observer(function (_a) {
     var _b;
     var currencyCode = _a.currencyCode, cartItem = _a.cartItem;
     var t = useTranslation().t;
-    return (React.createElement("div", { className: styles$f.CheckoutItem },
-        React.createElement("div", { className: styles$f.ImageContainer },
-            React.createElement("img", { className: styles$f.Image, src: (_b = cartItem.variant.mainImage) === null || _b === void 0 ? void 0 : _b.thumbnailSrc })),
-        React.createElement("div", { className: styles$f.Right },
-            React.createElement("div", { className: styles$f.Name }, cartItem.variant.name),
-            React.createElement("div", { className: styles$f.LightText }, t("checkout-page:quantity") + ": " + cartItem.quantity),
-            React.createElement("div", { className: styles$f.LightText }, cartItem.variant.variantValues
+    return (React.createElement("div", { className: styles$e.CheckoutItem },
+        React.createElement("div", { className: styles$e.ImageContainer },
+            React.createElement("img", { className: styles$e.Image, src: (_b = cartItem.variant.mainImage) === null || _b === void 0 ? void 0 : _b.thumbnailSrc })),
+        React.createElement("div", { className: styles$e.Right },
+            React.createElement("div", { className: styles$e.Name }, cartItem.variant.name),
+            React.createElement("div", { className: styles$e.LightText }, t("checkout-page:quantity") + ": " + cartItem.quantity),
+            React.createElement("div", { className: styles$e.LightText }, cartItem.variant.variantValues
                 .map(function (vv) { return vv.variantValueName; })
                 .join(" / ")),
-            React.createElement("div", { className: styles$f.Price },
-                !!cartItem.overridenPriceWithQuantity && (React.createElement("span", { className: styles$f.GrayPrice }, formatMoney(cartItem.overridenPriceWithQuantity, currencyCode))),
+            React.createElement("div", { className: styles$e.Price },
+                !!cartItem.overridenPriceWithQuantity && (React.createElement("span", { className: styles$e.GrayPrice }, formatMoney(cartItem.overridenPriceWithQuantity, currencyCode))),
                 formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
 });
 
-var styles$g = {"TooltipContainer":"style-module_TooltipContainer__1IW8v","Tooltip":"style-module_Tooltip__1Pxw6","TooltipArrow":"style-module_TooltipArrow__1l6q_","Top":"style-module_Top__1_7C6","Bottom":"style-module_Bottom__2qCpQ","Left":"style-module_Left__1T6gj","Right":"style-module_Right__uCMMF"};
+var styles$f = {"TooltipContainer":"style-module_TooltipContainer__1IW8v","Tooltip":"style-module_Tooltip__1Pxw6","TooltipArrow":"style-module_TooltipArrow__1l6q_","Top":"style-module_Top__1_7C6","Bottom":"style-module_Bottom__2qCpQ","Left":"style-module_Left__1T6gj","Right":"style-module_Right__uCMMF"};
 
 var Tooltip = function (_a) {
     var text = _a.text, className = _a.className, style = _a.style;
     return (React.createElement("div", { className: className, style: style },
-        React.createElement("div", { className: styles$g.TooltipContainer, "data-tip": text, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")));
+        React.createElement("div", { className: styles$f.TooltipContainer, "data-tip": text, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")));
 };
 var Tooltip$1 = mobxReactLite.observer(Tooltip);
 
@@ -69045,7 +69048,7 @@ var SVGGift = function (_a) {
                 React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
 };
 
-var styles$h = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Price":"style-module_Price__sosrJ","PriceText":"style-module_PriceText__1ePGb","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","ActionTextBtn":"style-module_ActionTextBtn__FXJQX","NoUnderline":"style-module_NoUnderline__34-1r","Light":"style-module_Light__WFzH8","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Label":"style-module_Label__3E7LF","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","TotalPrice":"style-module_TotalPrice__2s7DC","AppliedCoupon":"style-module_AppliedCoupon__37qv8","CouponCode":"style-module_CouponCode__3rgOu","ClearCoupon":"style-module_ClearCoupon__1Rx4A","NotificationContainer":"style-module_NotificationContainer__Zblek","CheckoutNoteContainer":"style-module_CheckoutNoteContainer__zQQjd","CheckoutNoteDisplay":"style-module_CheckoutNoteDisplay__kTFTx","Success":"style-module_Success__2vqWA","GiftLabel":"style-module_GiftLabel__2f-wC","PoweredBy":"style-module_PoweredBy__1hgWQ"};
+var styles$g = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Price":"style-module_Price__sosrJ","PriceText":"style-module_PriceText__1ePGb","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","ActionTextBtn":"style-module_ActionTextBtn__FXJQX","NoUnderline":"style-module_NoUnderline__34-1r","Light":"style-module_Light__WFzH8","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Label":"style-module_Label__3E7LF","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","TotalPrice":"style-module_TotalPrice__2s7DC","AppliedCoupon":"style-module_AppliedCoupon__37qv8","CouponCode":"style-module_CouponCode__3rgOu","ClearCoupon":"style-module_ClearCoupon__1Rx4A","NotificationContainer":"style-module_NotificationContainer__Zblek","CheckoutNoteContainer":"style-module_CheckoutNoteContainer__zQQjd","CheckoutNoteDisplay":"style-module_CheckoutNoteDisplay__kTFTx","Success":"style-module_Success__2vqWA","GiftLabel":"style-module_GiftLabel__2f-wC","PoweredBy":"style-module_PoweredBy__1hgWQ"};
 
 var SVGIkas = function (_a) {
     var className = _a.className;
@@ -69089,9 +69092,9 @@ var CartSummary = mobxReactLite.observer(function (_a) {
         hasCouponError,
     ]);
     var cartSummaryClasses = [
-        styles$h.CartSummary,
-        isExpanded ? styles$h.Visible : "",
-        allowExpand ? styles$h.AllowExpand : "",
+        styles$g.CartSummary,
+        isExpanded ? styles$g.Visible : "",
+        allowExpand ? styles$g.AllowExpand : "",
     ].join(" ");
     var detailsContainerStyle = allowExpand
         ? {
@@ -69099,25 +69102,25 @@ var CartSummary = mobxReactLite.observer(function (_a) {
         }
         : {};
     var arrowDownClasses = [
-        styles$h.ArrowDown,
-        isExpanded ? styles$h.Rotated : "",
+        styles$g.ArrowDown,
+        isExpanded ? styles$g.Rotated : "",
     ].join(" ");
     if (!cart)
         return null;
     return (React.createElement("div", { className: cartSummaryClasses },
-        !!allowExpand && (React.createElement("div", { className: styles$h.ExpandHeader, onClick: function () { return setExpanded(!isExpanded); } },
-            React.createElement("div", { className: styles$h.Left }, "\u00D6zet"),
-            React.createElement("div", { className: styles$h.Price },
-                React.createElement("span", { className: styles$h.PriceText }, formatMoney(vm.finalPrice, cart.currencyCode) + " (" + ((_b = vm.cart) === null || _b === void 0 ? void 0 : _b.items.length) + " " + t("checkout-page:cartItemProduct") + ")"),
+        !!allowExpand && (React.createElement("div", { className: styles$g.ExpandHeader, onClick: function () { return setExpanded(!isExpanded); } },
+            React.createElement("div", { className: styles$g.Left }, "\u00D6zet"),
+            React.createElement("div", { className: styles$g.Price },
+                React.createElement("span", { className: styles$g.PriceText }, formatMoney(vm.finalPrice, cart.currencyCode) + " (" + ((_b = vm.cart) === null || _b === void 0 ? void 0 : _b.items.length) + " " + t("checkout-page:cartItemProduct") + ")"),
                 React.createElement("span", { className: arrowDownClasses },
                     React.createElement(SVGArrowDown, null))))),
-        React.createElement("div", { className: styles$h.DetailsContainer, style: detailsContainerStyle },
-            React.createElement("div", { className: styles$h.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
+        React.createElement("div", { className: styles$g.DetailsContainer, style: detailsContainerStyle },
+            React.createElement("div", { className: styles$g.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
                 cart.items.map(function (item, index) { return (React.createElement("div", { key: index },
                     React.createElement(CartItem, { cartItem: item, currencyCode: cart.currencyCode }))); }),
-                React.createElement("div", { className: styles$h.Divider }),
-                React.createElement("div", { className: styles$h.SubTotalInfo },
-                    hasCouponError && (React.createElement("div", { className: styles$h.NotificationContainer },
+                React.createElement("div", { className: styles$g.Divider }),
+                React.createElement("div", { className: styles$g.SubTotalInfo },
+                    hasCouponError && (React.createElement("div", { className: styles$g.NotificationContainer },
                         React.createElement(NotificationBox$1, { type: "warning", title: t("checkout-page:giftCodeErrorTitle"), content: t("checkout-page:giftCodeErrorDescription"), onClose: function () { return setCouponError(false); } }))),
                     React.createElement(InfoRow, { label: t("checkout-page:subtotal"), value: formatMoney(cart.totalPrice, cart.currencyCode), tooltipText: t("checkout-page:subtotalTooltip") }),
                     !!((_c = checkout.shippingLines) === null || _c === void 0 ? void 0 : _c.length) && (React.createElement(InfoRow, { label: t("checkout-page:cartShippingTitle"), value: checkout.shippingTotal
@@ -69129,14 +69132,14 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                     React.createElement(CalculatedAdditionalPrices, { vm: vm }),
                     ((vm.step === CheckoutStep.SUCCESS &&
                         (!!vm.checkout.note || !!vm.checkout.appliedCouponCode)) ||
-                        vm.step !== CheckoutStep.SUCCESS) && (React.createElement("div", { className: styles$h.Divider, style: { marginTop: "24px", marginBottom: "24px" } })),
+                        vm.step !== CheckoutStep.SUCCESS) && (React.createElement("div", { className: styles$g.Divider, style: { marginTop: "24px", marginBottom: "24px" } })),
                     React.createElement(Coupon, { vm: vm, isAddingCoupon: isAddingCoupon, setAddingCoupon: setAddingCoupon, setCouponError: setCouponError }),
                     React.createElement(Note, { vm: vm, isAddingNote: isAddingNote, setAddingNote: setAddingNote })),
-                React.createElement("div", { className: styles$h.TotalContainer },
-                    React.createElement("div", { className: styles$h.TitleContainer },
-                        React.createElement("div", { className: styles$h.Title }, t("checkout-page:total"))),
-                    React.createElement("div", { className: styles$h.TotalPrice }, formatMoney(vm.finalPrice, cart.currencyCode))),
-                React.createElement("div", { className: styles$h.PoweredBy },
+                React.createElement("div", { className: styles$g.TotalContainer },
+                    React.createElement("div", { className: styles$g.TitleContainer },
+                        React.createElement("div", { className: styles$g.Title }, t("checkout-page:total"))),
+                    React.createElement("div", { className: styles$g.TotalPrice }, formatMoney(vm.finalPrice, cart.currencyCode))),
+                React.createElement("div", { className: styles$g.PoweredBy },
                     React.createElement("span", null, "powered by"),
                     React.createElement("a", { href: "https://ikas.com" +
                             (IkasStorefrontConfig.getCurrentLocale() === "tr" ? "/tr" : ""), target: "_blank" },
@@ -69144,22 +69147,22 @@ var CartSummary = mobxReactLite.observer(function (_a) {
 });
 var InfoRow = mobxReactLite.observer(function (_a) {
     var label = _a.label, value = _a.value, tooltipText = _a.tooltipText;
-    return (React.createElement("div", { className: styles$h.InfoRow },
-        React.createElement("div", { className: styles$h.Label },
+    return (React.createElement("div", { className: styles$g.InfoRow },
+        React.createElement("div", { className: styles$g.Label },
             React.createElement("span", null, label),
             !!tooltipText && (React.createElement(Tooltip$1, { text: tooltipText, style: { marginLeft: "8px" } }))),
-        React.createElement("div", { className: styles$h.Value }, value)));
+        React.createElement("div", { className: styles$g.Value }, value)));
 });
 var Adjustments = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
     var t = useTranslation().t;
     if (!vm.cart)
         return null;
-    return (React.createElement(React.Fragment, null, sortBy_1(vm.checkout.nonCouponAdjustments || [], "order").map(function (adjustment, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
-        React.createElement("div", { className: styles$h.Label }, adjustment.name === INTEREST_ADJUSTMENT_NAME
+    return (React.createElement(React.Fragment, null, sortBy_1(vm.checkout.nonCouponAdjustments || [], "order").map(function (adjustment, index) { return (React.createElement("div", { className: styles$g.InfoRow, key: index },
+        React.createElement("div", { className: styles$g.Label }, adjustment.name === INTEREST_ADJUSTMENT_NAME
             ? t("checkout-page:cartInterest")
             : adjustment.name),
-        React.createElement("div", { className: styles$h.Value },
+        React.createElement("div", { className: styles$g.Value },
             React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
             " ",
             React.createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); })));
@@ -69174,18 +69177,18 @@ var CalculatedAdditionalPrices = mobxReactLite.observer(function (_a) {
         vm.step !== CheckoutStep.SUCCESS &&
             (((_b = vm.checkout.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || [])
                 .filter(function (adjustment) { return adjustment.amount !== 0; })
-                .map(function (adjustment, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
-                React.createElement("div", { className: styles$h.Label }, adjustment.name),
-                React.createElement("div", { className: styles$h.Value },
+                .map(function (adjustment, index) { return (React.createElement("div", { className: styles$g.InfoRow, key: index },
+                React.createElement("div", { className: styles$g.Label }, adjustment.name),
+                React.createElement("div", { className: styles$g.Value },
                     React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
                     " ",
                     React.createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); }), (_c = vm.checkout.giftPackageLines) === null || _c === void 0 ? void 0 :
-        _c.map(function (gpl, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
-            React.createElement("div", { className: styles$h.Label },
-                React.createElement("div", { className: styles$h.GiftLabel },
+        _c.map(function (gpl, index) { return (React.createElement("div", { className: styles$g.InfoRow, key: index },
+            React.createElement("div", { className: styles$g.Label },
+                React.createElement("div", { className: styles$g.GiftLabel },
                     React.createElement(SVGGift, { style: { position: "relative", top: "-1px" } }),
                     React.createElement("span", null, t("checkout-page:giftPackage")))),
-            React.createElement("div", { className: styles$h.Value },
+            React.createElement("div", { className: styles$g.Value },
                 React.createElement("span", null, formatMoney(gpl.price, vm.cart.currencyCode))))); })));
 });
 var Coupon = mobxReactLite.observer(function (_a) {
@@ -69233,20 +69236,20 @@ var Coupon = mobxReactLite.observer(function (_a) {
     if (isSuccess && !vm.checkout.appliedCouponCode)
         return null;
     var adjustment = vm.checkout.couponAdjustment;
-    return (React.createElement("div", { className: styles$h.InfoRow },
-        !vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$h.ActionTextBtn, onClick: function () { return setAddingCoupon(true); } }, t("checkout-page:addCouponCode"))),
+    return (React.createElement("div", { className: styles$g.InfoRow },
+        !vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$g.ActionTextBtn, onClick: function () { return setAddingCoupon(true); } }, t("checkout-page:addCouponCode"))),
         isAddingCoupon && (React.createElement(InputWithButton$1, { value: couponCode, placeholder: t("checkout-page:couponCode"), buttonLabel: t("checkout-page:actions.apply"), onClick: onCouponApply, isLoading: isLoadingCoupon, onChange: setCouponCode })),
         !!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: [
-                styles$h.ActionTextBtn,
-                styles$h.NoUnderline,
-                styles$h.Light,
+                styles$g.ActionTextBtn,
+                styles$g.NoUnderline,
+                styles$g.Light,
             ].join(" ") },
             t("checkout-page:couponCode"),
-            React.createElement("span", { className: styles$h.AppliedCoupon },
-                React.createElement("span", { className: styles$h.CouponCode }, vm.checkout.appliedCouponCode),
-                vm.step !== CheckoutStep.SUCCESS && (React.createElement("span", { className: styles$h.ClearCoupon, onClick: onClearCouponCode },
+            React.createElement("span", { className: styles$g.AppliedCoupon },
+                React.createElement("span", { className: styles$g.CouponCode }, vm.checkout.appliedCouponCode),
+                vm.step !== CheckoutStep.SUCCESS && (React.createElement("span", { className: styles$g.ClearCoupon, onClick: onClearCouponCode },
                     React.createElement(SVGCross, null)))))),
-        !!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$h.Value },
+        !!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$g.Value },
             React.createElement("span", null, (adjustment === null || adjustment === void 0 ? void 0 : adjustment.type) === "DECREMENT" ? "- " : ""),
             " ",
             React.createElement("span", null, formatMoney((adjustment === null || adjustment === void 0 ? void 0 : adjustment.amount) || 0, vm.cart.currencyCode))))));
@@ -69268,17 +69271,17 @@ var Note = mobxReactLite.observer(function (_a) {
     var isSuccessStep = vm.step === CheckoutStep.SUCCESS;
     if (isSuccessStep && !vm.checkout.note)
         return null;
-    return (React.createElement("div", { className: styles$h.InfoRow },
-        !isAddingNote && !isSuccessStep && (React.createElement("div", { className: styles$h.ActionTextBtn, onClick: onEditClick }, ctaText)),
+    return (React.createElement("div", { className: styles$g.InfoRow },
+        !isAddingNote && !isSuccessStep && (React.createElement("div", { className: styles$g.ActionTextBtn, onClick: onEditClick }, ctaText)),
         (isAddingNote || isSuccessStep) && (React.createElement("div", { className: [
-                styles$h.CheckoutNoteContainer,
-                isSuccessStep ? styles$h.Success : "",
+                styles$g.CheckoutNoteContainer,
+                isSuccessStep ? styles$g.Success : "",
             ].join(" ") },
-            React.createElement("div", { className: styles$h.Title }, t("checkout-page:orderNote")),
-            isSuccessStep ? (React.createElement("div", { className: styles$h.CheckoutNoteDisplay }, vm.checkout.note)) : (React.createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
+            React.createElement("div", { className: styles$g.Title }, t("checkout-page:orderNote")),
+            isSuccessStep ? (React.createElement("div", { className: styles$g.CheckoutNoteDisplay }, vm.checkout.note)) : (React.createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
 });
 
-var styles$i = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
+var styles$h = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
 
 var SVGSuccessCircle = function (_a) {
     var className = _a.className;
@@ -69287,19 +69290,19 @@ var SVGSuccessCircle = function (_a) {
         React.createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
 };
 
-var styles$j = {"ExpandableSection":"style-module_ExpandableSection__2JTCI","Top":"style-module_Top__3j_E0","Title":"style-module_Title__2w3G9","HideBtn":"style-module_HideBtn__xC3Ix","Content":"style-module_Content__3TXDF"};
+var styles$i = {"ExpandableSection":"style-module_ExpandableSection__2JTCI","Top":"style-module_Top__3j_E0","Title":"style-module_Title__2w3G9","HideBtn":"style-module_HideBtn__xC3Ix","Content":"style-module_Content__3TXDF"};
 
 var ExpandableSection = function (_a) {
     var title = _a.title, children = _a.children;
     var t = useTranslation().t;
     var _b = React.useState(false), isExpanded = _b[0], setExpanded = _b[1];
-    return (React.createElement("div", { className: styles$j.ExpandableSection },
-        React.createElement("div", { className: styles$j.Top },
-            React.createElement("div", { className: styles$j.Title }, title),
-            React.createElement("div", { className: styles$j.HideBtn, onClick: function () { return setExpanded(!isExpanded); } }, isExpanded
+    return (React.createElement("div", { className: styles$i.ExpandableSection },
+        React.createElement("div", { className: styles$i.Top },
+            React.createElement("div", { className: styles$i.Title }, title),
+            React.createElement("div", { className: styles$i.HideBtn, onClick: function () { return setExpanded(!isExpanded); } }, isExpanded
                 ? t("checkout-page:actions.hide")
                 : t("checkout-page:actions.show"))),
-        isExpanded && !!children && (React.createElement("div", { className: styles$j.Content }, children))));
+        isExpanded && !!children && (React.createElement("div", { className: styles$i.Content }, children))));
 };
 var ExpandableSection$1 = mobxReactLite.observer(ExpandableSection);
 
@@ -69310,7 +69313,7 @@ var SVGCross$1 = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" })));
 };
 
-var styles$k = {"ModalContainer":"style-module_ModalContainer__3JCG6","Modal":"style-module_Modal__s3oha","ModalHeader":"style-module_ModalHeader__vEeDs","CloseButton":"style-module_CloseButton__3VdYY","ModalContent":"style-module_ModalContent__2jGi3"};
+var styles$j = {"ModalContainer":"style-module_ModalContainer__3JCG6","Modal":"style-module_Modal__s3oha","ModalHeader":"style-module_ModalHeader__vEeDs","CloseButton":"style-module_CloseButton__3VdYY","ModalContent":"style-module_ModalContent__2jGi3"};
 
 var Modal = mobxReactLite.observer(function (_a) {
     var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
@@ -69325,13 +69328,13 @@ var Modal = mobxReactLite.observer(function (_a) {
             document.removeEventListener("keydown", escFunction, false);
         };
     }, []);
-    return (React.createElement("div", { className: styles$k.ModalContainer, onClick: onClose },
-        React.createElement("div", { className: styles$k.Modal, onClick: function (e) { return e.stopPropagation(); } },
-            React.createElement("div", { className: styles$k.ModalHeader },
+    return (React.createElement("div", { className: styles$j.ModalContainer, onClick: onClose },
+        React.createElement("div", { className: styles$j.Modal, onClick: function (e) { return e.stopPropagation(); } },
+            React.createElement("div", { className: styles$j.ModalHeader },
                 React.createElement("div", null, title),
-                React.createElement("div", { className: styles$k.CloseButton, onClick: onClose },
+                React.createElement("div", { className: styles$j.CloseButton, onClick: onClose },
                     React.createElement(SVGCross$1, null))),
-            typeof modalContent === "string" ? (React.createElement("div", { className: styles$k.ModalContent, dangerouslySetInnerHTML: { __html: modalContent } })) : (React.createElement("div", { className: styles$k.ModalContent }, modalContent)))));
+            typeof modalContent === "string" ? (React.createElement("div", { className: styles$j.ModalContent, dangerouslySetInnerHTML: { __html: modalContent } })) : (React.createElement("div", { className: styles$j.ModalContent }, modalContent)))));
 });
 
 var StepSuccess = mobxReactLite.observer(function (_a) {
@@ -69373,64 +69376,64 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
     var paymentMethodDetail = (_d = vm.successTransaction) === null || _d === void 0 ? void 0 : _d.paymentMethodDetail;
     var paymentInfoGrid = React.useMemo(function () {
         var _a, _b, _c;
-        return (React.createElement("div", { className: [styles$i.InfoGrid].join(" ") },
+        return (React.createElement("div", { className: [styles$h.InfoGrid].join(" ") },
             React.createElement("div", null,
-                React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:paymentMethod")),
+                React.createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:paymentMethod")),
                 paymentGateway && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: styles$i.InfoText }, paymentGateway.name),
-                    !!paymentGateway.description && (React.createElement("div", { className: styles$i.InfoText },
+                    React.createElement("div", { className: styles$h.InfoText }, paymentGateway.name),
+                    !!paymentGateway.description && (React.createElement("div", { className: styles$h.InfoText },
                         React.createElement("div", { dangerouslySetInnerHTML: {
                                 __html: paymentGateway.description,
                             } }))))),
                 ((_a = vm.successTransaction) === null || _a === void 0 ? void 0 : _a.paymentMethod) === "CREDIT_CARD" && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: styles$i.InfoText },
-                        React.createElement("div", { className: styles$i.CardLogoContainer }, getCardLogo()),
+                    React.createElement("div", { className: styles$h.InfoText },
+                        React.createElement("div", { className: styles$h.CardLogoContainer }, getCardLogo()),
                         React.createElement("span", null, "**** " + ((paymentMethodDetail === null || paymentMethodDetail === void 0 ? void 0 : paymentMethodDetail.lastFourDigits) || ""))),
                     paymentMethodDetail &&
                         paymentMethodDetail.installment.installmentCount > 1 && (React.createElement(React.Fragment, null,
-                        React.createElement("div", { className: styles$i.InfoText }, paymentMethodDetail.installment.installmentCount + " " + t("checkout-page:installments")),
-                        React.createElement("div", { className: styles$i.InfoText }, paymentMethodDetail.installment.installmentCount + " x " + formatMoney(paymentMethodDetail.installment.installmentPrice, vm.checkout.cart.currencyCode))))))),
+                        React.createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " " + t("checkout-page:installments")),
+                        React.createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " x " + formatMoney(paymentMethodDetail.installment.installmentPrice, vm.checkout.cart.currencyCode))))))),
             React.createElement("div", null,
-                React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:billingAddress")),
-                !!((_b = vm.checkout.billingAddress) === null || _b === void 0 ? void 0 : _b.company) && (React.createElement("div", { className: [styles$i.InfoText, styles$i.InfoTextBold].join(" ") }, vm.checkout.billingAddress.company)),
-                React.createElement("div", { className: styles$i.InfoText }, (_c = vm.checkout.billingAddress) === null || _c === void 0 ? void 0 : _c.addressText))));
+                React.createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:billingAddress")),
+                !!((_b = vm.checkout.billingAddress) === null || _b === void 0 ? void 0 : _b.company) && (React.createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, vm.checkout.billingAddress.company)),
+                React.createElement("div", { className: styles$h.InfoText }, (_c = vm.checkout.billingAddress) === null || _c === void 0 ? void 0 : _c.addressText))));
     }, []);
     var contactInfoGrid = React.useMemo(function () {
         var _a, _b, _c, _d, _e;
-        return (React.createElement("div", { className: [styles$i.InfoGrid].join(" ") },
+        return (React.createElement("div", { className: [styles$h.InfoGrid].join(" ") },
             React.createElement("div", null,
-                React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:contactInfo")),
-                React.createElement("div", { className: styles$i.InfoText }, (_a = vm.checkout.customer) === null || _a === void 0 ? void 0 : _a.email),
-                React.createElement("div", { className: styles$i.InfoText }, customerName),
-                !!((_b = vm.checkout.shippingAddress) === null || _b === void 0 ? void 0 : _b.phone) && (React.createElement("div", { className: styles$i.InfoText }, (_c = vm.checkout.shippingAddress) === null || _c === void 0 ? void 0 : _c.phone))),
+                React.createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:contactInfo")),
+                React.createElement("div", { className: styles$h.InfoText }, (_a = vm.checkout.customer) === null || _a === void 0 ? void 0 : _a.email),
+                React.createElement("div", { className: styles$h.InfoText }, customerName),
+                !!((_b = vm.checkout.shippingAddress) === null || _b === void 0 ? void 0 : _b.phone) && (React.createElement("div", { className: styles$h.InfoText }, (_c = vm.checkout.shippingAddress) === null || _c === void 0 ? void 0 : _c.phone))),
             React.createElement("div", null,
-                React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:shippingAddress")),
-                !!((_d = vm.checkout.shippingAddress) === null || _d === void 0 ? void 0 : _d.company) && (React.createElement("div", { className: [styles$i.InfoText, styles$i.InfoTextBold].join(" ") }, vm.checkout.shippingAddress.company)),
-                React.createElement("div", { className: styles$i.InfoText }, (_e = vm.checkout.shippingAddress) === null || _e === void 0 ? void 0 : _e.addressText))));
+                React.createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:shippingAddress")),
+                !!((_d = vm.checkout.shippingAddress) === null || _d === void 0 ? void 0 : _d.company) && (React.createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, vm.checkout.shippingAddress.company)),
+                React.createElement("div", { className: styles$h.InfoText }, (_e = vm.checkout.shippingAddress) === null || _e === void 0 ? void 0 : _e.addressText))));
     }, []);
-    return (React.createElement("div", { className: styles$i.StepSuccess },
-        React.createElement("div", { className: styles$i.SuccessTitleContainer },
+    return (React.createElement("div", { className: styles$h.StepSuccess },
+        React.createElement("div", { className: styles$h.SuccessTitleContainer },
             React.createElement(SVGSuccessCircle, null),
-            React.createElement("span", { className: styles$i.SuccessTitle }, t("checkout-page:orderSuccessTitle"))),
-        React.createElement("div", { className: styles$i.SuccessSubTitle }, t("checkout-page:orderSuccessDescription", {
+            React.createElement("span", { className: styles$h.SuccessTitle }, t("checkout-page:orderSuccessTitle"))),
+        React.createElement("div", { className: styles$h.SuccessSubTitle }, t("checkout-page:orderSuccessDescription", {
             customerName: customerName,
         })),
-        React.createElement("div", { className: [styles$i.InfoGrid, styles$i.WithBorder].join(" ") },
+        React.createElement("div", { className: [styles$h.InfoGrid, styles$h.WithBorder].join(" ") },
             React.createElement("div", null,
-                React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:orderNoAndDate")),
-                React.createElement("div", { className: [styles$i.InfoText, styles$i.InfoTextBold].join(" ") }, "#" + (vm.checkout.orderNumber || "")),
-                React.createElement("div", { className: styles$i.InfoText }, vm.checkout.dateStr),
+                React.createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:orderNoAndDate")),
+                React.createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, "#" + (vm.checkout.orderNumber || "")),
+                React.createElement("div", { className: styles$h.InfoText }, vm.checkout.dateStr),
                 React.createElement(OrderStatus, { vm: vm })),
             React.createElement("div", null,
-                React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:contactInfo")),
-                React.createElement("div", { className: styles$i.InfoText }, (_e = vm.checkout.customer) === null || _e === void 0 ? void 0 : _e.email),
-                React.createElement("div", { className: styles$i.InfoText }, customerName))),
+                React.createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:contactInfo")),
+                React.createElement("div", { className: styles$h.InfoText }, (_e = vm.checkout.customer) === null || _e === void 0 ? void 0 : _e.email),
+                React.createElement("div", { className: styles$h.InfoText }, customerName))),
         React.createElement(ExpandableSection$1, { title: t("checkout-page:paymentSummary") }, paymentInfoGrid),
         React.createElement(ExpandableSection$1, { title: t("checkout-page:shippingSummary") }, contactInfoGrid),
-        React.createElement("div", { className: styles$i.Actions },
-            React.createElement("div", { className: styles$i.HelpText },
+        React.createElement("div", { className: styles$h.Actions },
+            React.createElement("div", { className: styles$h.HelpText },
                 React.createElement("span", null, t("checkout-page:helpCtaQuestion")),
-                React.createElement("span", { className: styles$i.Cta, onClick: function () { return setContactModalVisible(true); } }, t("checkout-page:helpCta"))),
+                React.createElement("span", { className: styles$h.Cta, onClick: function () { return setContactModalVisible(true); } }, t("checkout-page:helpCta"))),
             React.createElement(Button, { text: t("checkout-page:actions.backToShopping"), onClick: vm.onBackToShoppingClick, style: { flex: "0 0 auto" } })),
         isContactModalVisible && (React.createElement(ContactUsModal, { vm: vm, setVisible: setContactModalVisible }))));
 });
@@ -69486,7 +69489,7 @@ var OrderStatus = mobxReactLite.observer(function (_a) {
     var _b, _c, _d;
     var vm = _a.vm;
     var t = useTranslation().t;
-    var colorClass = styles$i.Yellow;
+    var colorClass = styles$h.Yellow;
     var getOrderPackageStatusText = function () {
         return [
             {
@@ -69553,16 +69556,16 @@ var OrderStatus = mobxReactLite.observer(function (_a) {
         case exports.IkasOrderPackageStatus.PARTIALLY_FULFILLED:
         case exports.IkasOrderPackageStatus.DELIVERED:
         case exports.IkasOrderPackageStatus.PARTIALLY_DELIVERED:
-            colorClass = styles$i.Green;
+            colorClass = styles$h.Green;
             break;
         case exports.IkasOrderPackageStatus.CANCELLED:
         case exports.IkasOrderPackageStatus.PARTIALLY_CANCELLED:
         case exports.IkasOrderPackageStatus.CANCEL_REJECTED:
         case exports.IkasOrderPackageStatus.CANCEL_REQUESTED:
-            colorClass = styles$i.Red;
+            colorClass = styles$h.Red;
             break;
     }
-    return (React.createElement("div", { className: [styles$i.OrderStatus, colorClass].join(" ") }, ((_c = vm.order) === null || _c === void 0 ? void 0 : _c.orderPackageStatus) ? (_d = getOrderPackageStatusText().find(function (o) {
+    return (React.createElement("div", { className: [styles$h.OrderStatus, colorClass].join(" ") }, ((_c = vm.order) === null || _c === void 0 ? void 0 : _c.orderPackageStatus) ? (_d = getOrderPackageStatusText().find(function (o) {
         return o.types.includes(vm.order.orderPackageStatus);
     })) === null || _d === void 0 ? void 0 : _d.text : ""));
 });
@@ -69593,7 +69596,7 @@ var Image = function (_a) {
     return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
 };
 
-var styles$l = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
+var styles$k = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
 
 var StepContainer = mobxReactLite.observer(function (_a) {
     var steps = _a.steps, stepContent = _a.stepContent;
@@ -69607,28 +69610,28 @@ var StepContainer = mobxReactLite.observer(function (_a) {
             (_a = document.getElementById("step-" + selectedStepIndex)) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
         }
     }, []);
-    return (React.createElement("div", { className: styles$l.StepContainer }, steps.map(function (step, index) { return (React.createElement("div", { className: styles$l.Step },
+    return (React.createElement("div", { className: styles$k.StepContainer }, steps.map(function (step, index) { return (React.createElement("div", { className: styles$k.Step },
         React.createElement("div", { id: "step-" + index, className: [
-                styles$l.StepTitleContainer,
-                index === 0 ? styles$l.First : "",
+                styles$k.StepTitleContainer,
+                index === 0 ? styles$k.First : "",
             ].join(" ") },
             React.createElement("div", { className: [
-                    styles$l.StepTitleTop,
-                    step.titleRightContent ? styles$l.WithRightContent : "",
+                    styles$k.StepTitleTop,
+                    step.titleRightContent ? styles$k.WithRightContent : "",
                 ].join(" ") },
                 React.createElement("div", { className: [
-                        styles$l.StepCircle,
-                        step.isSelected || step.isComplete ? styles$l.Selected : "",
+                        styles$k.StepCircle,
+                        step.isSelected || step.isComplete ? styles$k.Selected : "",
                     ]
                         .join(" ")
                         .trim() }, !step.isComplete ? index + 1 : React.createElement(SVGCheck, null)),
                 React.createElement("div", { className: [
-                        styles$l.StepTitle,
-                        !step.isSelected && !step.isComplete ? styles$l.Light : "",
+                        styles$k.StepTitle,
+                        !step.isSelected && !step.isComplete ? styles$k.Light : "",
                     ].join(" ") }, step.label),
-                !!step.titleRightContent && (React.createElement("div", { className: styles$l.StepTitleRightContent }, step.titleRightContent))),
-            !!step.titleBottomContent && (React.createElement("div", { className: styles$l.StepTitleBottom }, step.titleBottomContent))),
-        step.isSelected && (React.createElement("div", { className: styles$l.StepContent }, stepContent)))); })));
+                !!step.titleRightContent && (React.createElement("div", { className: styles$k.StepTitleRightContent }, step.titleRightContent))),
+            !!step.titleBottomContent && (React.createElement("div", { className: styles$k.StepTitleBottom }, step.titleBottomContent))),
+        step.isSelected && (React.createElement("div", { className: styles$k.StepContent }, stepContent)))); })));
 });
 var Step = /** @class */ (function () {
     function Step(label, isSelected, isComplete, titleRightContent, titleBottomContent) {
@@ -69642,7 +69645,7 @@ var Step = /** @class */ (function () {
     return Step;
 }());
 
-var styles$m = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
+var styles$l = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
 
 var StockError = mobxReactLite.observer(function (_a) {
     var vm = _a.vm, error = _a.error;
@@ -69667,13 +69670,13 @@ var StockError = mobxReactLite.observer(function (_a) {
         });
     }); }, [vm]);
     return (React.createElement(NotificationBox$1, { type: "warning", title: t("checkout-page:errorStockTitle"), content: React.createElement("div", null,
-            React.createElement("div", { className: styles$m.Description }, t("checkout-page:errorStockDescription")),
+            React.createElement("div", { className: styles$l.Description }, t("checkout-page:errorStockDescription")),
             data.map(function (item, index) {
                 var _a;
                 return (React.createElement("div", { key: index },
                     React.createElement(CartItem, { cartItem: item, currencyCode: ((_a = vm.checkout.cart) === null || _a === void 0 ? void 0 : _a.currencyCode) || "" })));
             }),
-            React.createElement("div", { className: styles$m.Actions },
+            React.createElement("div", { className: styles$l.Actions },
                 React.createElement(Button, { style: {
                         width: "100%",
                     }, text: t("checkout-page:actions.backToCart"), isLine: true, isDisabled: isLoading, onClick: vm.onGoToCartClick }),
@@ -69682,11 +69685,11 @@ var StockError = mobxReactLite.observer(function (_a) {
                     }, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
 });
 
-var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
+var styles$m = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
 
 var FullscreenLoading = function () {
-    return (React.createElement("div", { className: styles$n.Container },
-        React.createElement("div", { className: styles$n.loader })));
+    return (React.createElement("div", { className: styles$m.Container },
+        React.createElement("div", { className: styles$m.loader })));
 };
 
 var IkasCheckoutPage = function (_a) {
@@ -69736,24 +69739,24 @@ var IkasCheckoutPage = function (_a) {
         React.createElement(IkasPageHead, { pageType: exports.IkasThemePageType.CHECKOUT, pageTitle: (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || "") +
                 " - " +
                 t("checkout-page:securePayment"), pageDescription: t("checkout-page:securePayment") }),
-        React.createElement("div", { id: "Checkout", className: styles$5.CheckoutPage },
-            React.createElement(ReactTooltip, { place: "top", type: "dark", effect: "solid", arrowColor: "transparent", multiline: true, className: styles$5.ReactTooltipWrap, globalEventOff: "touchstart" }),
-            React.createElement("div", { className: styles$5.Left },
-                React.createElement("div", { className: styles$5.LeftContent },
+        React.createElement("div", { id: "Checkout", className: styles$4.CheckoutPage },
+            React.createElement(ReactTooltip, { place: "top", type: "dark", effect: "solid", arrowColor: "transparent", multiline: true, className: styles$4.ReactTooltipWrap, globalEventOff: "touchstart" }),
+            React.createElement("div", { className: styles$4.Left },
+                React.createElement("div", { className: styles$4.LeftContent },
                     React.createElement("div", null,
                         React.createElement(Header, { vm: vm }),
-                        vm.hasStockError && (React.createElement("div", { className: styles$5.ErrorContainer },
+                        vm.hasStockError && (React.createElement("div", { className: styles$4.ErrorContainer },
                             React.createElement(StockError, { vm: vm, error: vm.error }))),
                         !vm.hasStockError && (React.createElement(React.Fragment, null,
-                            React.createElement("div", { className: styles$5.MobileCartSummary },
+                            React.createElement("div", { className: styles$4.MobileCartSummary },
                                 React.createElement(CartSummary, { vm: vm, allowExpand: true })),
                             vm.step === CheckoutStep.SUCCESS ? (React.createElement(StepSuccess, { vm: vm })) : (React.createElement(Steps, { vm: vm })))),
-                        React.createElement("div", { className: styles$5.Space })),
+                        React.createElement("div", { className: styles$4.Space })),
                     React.createElement(Footer, { vm: vm }))),
-            React.createElement("div", { className: styles$5.Right },
-                React.createElement("div", { className: styles$5.RightContent },
+            React.createElement("div", { className: styles$4.Right },
+                React.createElement("div", { className: styles$4.RightContent },
                     React.createElement(CartSummary, { vm: vm }),
-                    React.createElement("div", { className: styles$5.PoweredBy },
+                    React.createElement("div", { className: styles$4.PoweredBy },
                         React.createElement("span", null, "powered by"),
                         React.createElement("a", { href: "https://ikas.com" +
                                 (IkasStorefrontConfig.getCurrentLocale() === "tr"
@@ -69766,17 +69769,17 @@ var Header = mobxReactLite.observer(function (_a) {
     var _b, _c;
     var vm = _a.vm;
     var t = useTranslation().t;
-    return (React.createElement("div", { className: styles$5.Header },
+    return (React.createElement("div", { className: styles$4.Header },
         React.createElement(Link__default['default'], { href: "/", passHref: true },
-            React.createElement("a", null, !!((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.logoId) ? (React.createElement("div", { className: styles$5.Logo },
+            React.createElement("a", null, !!((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.logoId) ? (React.createElement("div", { className: styles$4.Logo },
                 React.createElement(Image, { layout: "fill", image: vm.merchantSettings.logo, sizes: "360px" }))) : (((_c = vm.merchantSettings) === null || _c === void 0 ? void 0 : _c.merchantName) || ""))),
-        !vm.checkout.hasCustomer && (React.createElement("div", { className: styles$5.LoginText },
-            React.createElement("span", { className: styles$5.LoginCta }, t("checkout-page:alreadyHaveAnAccount")),
+        !vm.checkout.hasCustomer && (React.createElement("div", { className: styles$4.LoginText },
+            React.createElement("span", { className: styles$4.LoginCta }, t("checkout-page:alreadyHaveAnAccount")),
             React.createElement(Link__default['default'], { href: "/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl), passHref: true },
-                React.createElement("a", { className: styles$5.LoginBtn }, t("checkout-page:actions.login"))))),
-        vm.checkout.hasCustomer && (React.createElement("div", { className: styles$5.CustomerInfo },
-            React.createElement("div", { className: styles$5.Name }, vm.checkout.customerFullName),
-            React.createElement("div", { className: styles$5.Email }, vm.checkout.customerEmail)))));
+                React.createElement("a", { className: styles$4.LoginBtn }, t("checkout-page:actions.login"))))),
+        vm.checkout.hasCustomer && (React.createElement("div", { className: styles$4.CustomerInfo },
+            React.createElement("div", { className: styles$4.Name }, vm.checkout.customerFullName),
+            React.createElement("div", { className: styles$4.Email }, vm.checkout.customerEmail)))));
 });
 var Steps = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -69794,13 +69797,13 @@ var Steps = mobxReactLite.observer(function (_a) {
         }
     }, [vm, vm.step]);
     var steps = [
-        new Step(t("checkout-page:address"), vm.step === CheckoutStep.INFO, vm.step !== CheckoutStep.INFO, vm.step !== CheckoutStep.INFO ? (React.createElement("div", { className: styles$5.AdressStepInfo },
+        new Step(t("checkout-page:address"), vm.step === CheckoutStep.INFO, vm.step !== CheckoutStep.INFO, vm.step !== CheckoutStep.INFO ? (React.createElement("div", { className: styles$4.AdressStepInfo },
             React.createElement(StepSummaryAddress, { vm: vm }),
-            React.createElement("div", { className: styles$5.EditBtn, onClick: vm.onBackToInfoClick }, t("checkout-page:actions.edit")))) : undefined, vm.step !== CheckoutStep.INFO ? (React.createElement("div", { className: styles$5.AddressStepInfoMobile },
+            React.createElement("div", { className: styles$4.EditBtn, onClick: vm.onBackToInfoClick }, t("checkout-page:actions.edit")))) : undefined, vm.step !== CheckoutStep.INFO ? (React.createElement("div", { className: styles$4.AddressStepInfoMobile },
             React.createElement(StepSummaryAddress, { vm: vm }))) : undefined),
-        new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AdressStepInfo },
+        new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$4.AdressStepInfo },
             React.createElement(StepSummaryShipping, { vm: vm }),
-            vm.checkout.availableShippingMethods.length > 1 && (React.createElement("div", { className: styles$5.EditBtn, onClick: vm.onBackToShippingClick }, t("checkout-page:actions.edit"))))) : undefined, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AddressStepInfoMobile },
+            vm.checkout.availableShippingMethods.length > 1 && (React.createElement("div", { className: styles$4.EditBtn, onClick: vm.onBackToShippingClick }, t("checkout-page:actions.edit"))))) : undefined, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$4.AddressStepInfoMobile },
             React.createElement(StepSummaryShipping, { vm: vm }))) : undefined),
         new Step(t("checkout-page:payment"), vm.step === CheckoutStep.PAYMENT, false),
     ];
@@ -69809,20 +69812,20 @@ var Steps = mobxReactLite.observer(function (_a) {
 var StepSummaryAddress = mobxReactLite.observer(function (_a) {
     var _b, _c, _d, _e, _f;
     var vm = _a.vm;
-    return (React.createElement("div", { className: styles$5.Address },
-        React.createElement("div", { className: [styles$5.Text, styles$5.WithMBottom].join(" ") }, ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || ""),
-        React.createElement("div", { className: styles$5.Text }, (((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.firstName) || "") +
+    return (React.createElement("div", { className: styles$4.Address },
+        React.createElement("div", { className: [styles$4.Text, styles$4.WithMBottom].join(" ") }, ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || ""),
+        React.createElement("div", { className: styles$4.Text }, (((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.firstName) || "") +
             " " +
             (((_d = vm.checkout.customer) === null || _d === void 0 ? void 0 : _d.lastName) || "")),
-        React.createElement("div", { className: [styles$5.Text, styles$5.Gray].join(" ") }, (_e = vm.checkout.shippingAddress) === null || _e === void 0 ? void 0 : _e.phone),
-        React.createElement("div", { className: [styles$5.Text, styles$5.Gray].join(" ") }, (_f = vm.checkout.shippingAddress) === null || _f === void 0 ? void 0 : _f.addressText)));
+        React.createElement("div", { className: [styles$4.Text, styles$4.Gray].join(" ") }, (_e = vm.checkout.shippingAddress) === null || _e === void 0 ? void 0 : _e.phone),
+        React.createElement("div", { className: [styles$4.Text, styles$4.Gray].join(" ") }, (_f = vm.checkout.shippingAddress) === null || _f === void 0 ? void 0 : _f.addressText)));
 });
 var StepSummaryShipping = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
     var t = useTranslation().t;
-    return (React.createElement("div", { className: styles$5.Address }, vm.checkout.shippingLines && !!vm.checkout.shippingLines.length ? (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { className: styles$4.Address }, vm.checkout.shippingLines && !!vm.checkout.shippingLines.length ? (React.createElement(React.Fragment, null,
         React.createElement("span", null, vm.checkout.shippingLines[0].title),
-        React.createElement("span", { className: styles$5.LightText }, " / " +
+        React.createElement("span", { className: styles$4.LightText }, " / " +
             (vm.checkout.shippingLines[0].price === 0
                 ? t("checkout-page:free")
                 : formatMoney(vm.checkout.shippingLines[0].price, vm.checkout.cart.currencyCode))))) : (t("checkout-page:standartShipping"))));
@@ -69845,12 +69848,12 @@ var Footer = mobxReactLite.observer(function (_a) {
         vm.policyModalTitle = t("checkout-page:termsOfService");
         vm.policyModalText = vm.termsOfService;
     };
-    return (React.createElement("div", { className: styles$5.Footer },
-        React.createElement("div", { className: styles$5.FooterItem, onClick: onReturnPolicyClick }, t("checkout-page:returnPolicy")),
-        React.createElement("div", { className: styles$5.FooterBullet }, "\u2022"),
-        React.createElement("div", { className: styles$5.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
-        React.createElement("div", { className: styles$5.FooterBullet }, "\u2022"),
-        React.createElement("div", { className: styles$5.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService")),
+    return (React.createElement("div", { className: styles$4.Footer },
+        React.createElement("div", { className: styles$4.FooterItem, onClick: onReturnPolicyClick }, t("checkout-page:returnPolicy")),
+        React.createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
+        React.createElement("div", { className: styles$4.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
+        React.createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
+        React.createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService")),
         !!vm.policyModalText && (React.createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose }))));
 });