@ikas/storefront 0.0.158-alpha.17 → 0.0.158-alpha.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.es.js
CHANGED
|
@@ -25747,6 +25747,37 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
|
|
|
25747
25747
|
catch (_a) { }
|
|
25748
25748
|
}
|
|
25749
25749
|
|
|
25750
|
+
function styleInject(css, ref) {
|
|
25751
|
+
if ( ref === void 0 ) ref = {};
|
|
25752
|
+
var insertAt = ref.insertAt;
|
|
25753
|
+
|
|
25754
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
25755
|
+
|
|
25756
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
25757
|
+
var style = document.createElement('style');
|
|
25758
|
+
style.type = 'text/css';
|
|
25759
|
+
|
|
25760
|
+
if (insertAt === 'top') {
|
|
25761
|
+
if (head.firstChild) {
|
|
25762
|
+
head.insertBefore(style, head.firstChild);
|
|
25763
|
+
} else {
|
|
25764
|
+
head.appendChild(style);
|
|
25765
|
+
}
|
|
25766
|
+
} else {
|
|
25767
|
+
head.appendChild(style);
|
|
25768
|
+
}
|
|
25769
|
+
|
|
25770
|
+
if (style.styleSheet) {
|
|
25771
|
+
style.styleSheet.cssText = css;
|
|
25772
|
+
} else {
|
|
25773
|
+
style.appendChild(document.createTextNode(css));
|
|
25774
|
+
}
|
|
25775
|
+
}
|
|
25776
|
+
|
|
25777
|
+
var css_248z = ".style-module_IkasPage__ATOib {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow-x: hidden;\n visibility: hidden; }\n .style-module_IkasPage__ATOib.style-module_Visible__gfjnC {\n visibility: visible; }\n";
|
|
25778
|
+
var styles = {"IkasPage":"style-module_IkasPage__ATOib","Visible":"style-module_Visible__gfjnC"};
|
|
25779
|
+
styleInject(css_248z);
|
|
25780
|
+
|
|
25750
25781
|
var IkasPage = observer(function (_a) {
|
|
25751
25782
|
var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
|
|
25752
25783
|
var store = IkasStorefrontConfig.store;
|
|
@@ -25766,12 +25797,11 @@ var IkasPage = observer(function (_a) {
|
|
|
25766
25797
|
var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
|
|
25767
25798
|
var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
|
|
25768
25799
|
var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
|
|
25769
|
-
var _pageStyle = __assign(__assign({}, pageStyle), { visibility: mounted ? "visible" : "hidden" });
|
|
25770
25800
|
if (!page)
|
|
25771
25801
|
return null;
|
|
25772
25802
|
return (createElement(Fragment, null,
|
|
25773
25803
|
createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr, merchantSettings: merchantSettings, addOgpMetas: addOgpMetas }),
|
|
25774
|
-
createElement("div", {
|
|
25804
|
+
createElement("div", { className: [styles.IkasPage, mounted ? styles.Visible : ""].join(" ") },
|
|
25775
25805
|
createElement("div", null,
|
|
25776
25806
|
headerComponentPropValue &&
|
|
25777
25807
|
renderComponent(headerComponentPropValue, settings, -1),
|
|
@@ -25783,14 +25813,6 @@ var IkasPage = observer(function (_a) {
|
|
|
25783
25813
|
});
|
|
25784
25814
|
var renderComponent = function (pageComponentPropValue, settings, index) {
|
|
25785
25815
|
return (createElement(ThemeComponent, { key: pageComponentPropValue.pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, settings: settings }));
|
|
25786
|
-
};
|
|
25787
|
-
var pageStyle = {
|
|
25788
|
-
position: "relative",
|
|
25789
|
-
minHeight: "100vh",
|
|
25790
|
-
width: "100vw",
|
|
25791
|
-
display: "flex",
|
|
25792
|
-
flexDirection: "column",
|
|
25793
|
-
justifyContent: "space-between",
|
|
25794
25816
|
};
|
|
25795
25817
|
|
|
25796
25818
|
var IkasPageDataProvider = /** @class */ (function () {
|
|
@@ -28915,36 +28937,9 @@ var IkasVariantTypeAPI = /** @class */ (function () {
|
|
|
28915
28937
|
}());
|
|
28916
28938
|
var templateObject_1$g;
|
|
28917
28939
|
|
|
28918
|
-
|
|
28919
|
-
|
|
28920
|
-
|
|
28921
|
-
|
|
28922
|
-
if (!css || typeof document === 'undefined') { return; }
|
|
28923
|
-
|
|
28924
|
-
var head = document.head || document.getElementsByTagName('head')[0];
|
|
28925
|
-
var style = document.createElement('style');
|
|
28926
|
-
style.type = 'text/css';
|
|
28927
|
-
|
|
28928
|
-
if (insertAt === 'top') {
|
|
28929
|
-
if (head.firstChild) {
|
|
28930
|
-
head.insertBefore(style, head.firstChild);
|
|
28931
|
-
} else {
|
|
28932
|
-
head.appendChild(style);
|
|
28933
|
-
}
|
|
28934
|
-
} else {
|
|
28935
|
-
head.appendChild(style);
|
|
28936
|
-
}
|
|
28937
|
-
|
|
28938
|
-
if (style.styleSheet) {
|
|
28939
|
-
style.styleSheet.cssText = css;
|
|
28940
|
-
} else {
|
|
28941
|
-
style.appendChild(document.createTextNode(css));
|
|
28942
|
-
}
|
|
28943
|
-
}
|
|
28944
|
-
|
|
28945
|
-
var css_248z = ".style-module_FormSectionTitle__2LxF2 {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 1.5em; }\n .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n flex: 1 1 auto;\n padding-bottom: 0.7em;\n color: #333333;\n font-size: 1.15em;\n line-height: 1.15em; }\n .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n line-height: auto;\n padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n color: #737373;\n font-size: 0.8em;\n padding-bottom: 0.7em;\n padding-top: 0.3em; }\n\n.style-module_Grid__1eODF {\n display: grid;\n grid-gap: 0.7em; }\n .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n grid-template-columns: repeat(2, 1fr); }\n .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n grid-template-columns: repeat(3, 1fr); }\n @media only screen and (max-width: 768px) {\n .style-module_Grid__1eODF {\n grid-template-columns: 1fr !important; } }\n\n.style-module_FormContainer__2IVCZ {\n padding: 0 0.7em; }\n\n.style-module_mtFormRow__2YwG- {\n margin-top: 0.7em; }\n\n.style-module_mt1__1OQuA {\n margin-top: 1em; }\n\n.style-module_mt2__Yumkn {\n margin-top: 2em; }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n from {\n opacity: 0;\n transform: translateY(10px); }\n to {\n opacity: 1;\n transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n width: 100%; }\n .style-module_FormItemWrapper__2NOxU {\n width: 100%; }\n .style-module_FormItemInputWrapper__2eOdJ {\n position: relative;\n width: 100%; }\n .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n color: #737373;\n position: absolute;\n top: 0;\n left: 0.7em;\n width: 100%;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: transform .1s;\n transform: translateY(70%);\n font-size: 0.85em; }\n .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n transform: translateY(6px);\n font-size: 0.7em; }\n .style-module_FormItemInputWrapper__2eOdJ input,\n .style-module_FormItemInputWrapper__2eOdJ select,\n .style-module_FormItemInputWrapper__2eOdJ textarea {\n border: 1px solid #d9d9d9;\n background-color: white;\n color: #333333;\n background-clip: padding-box;\n border-radius: 6px;\n display: block;\n width: 100%;\n height: 3em;\n padding: 0.5em;\n outline: none;\n transition: padding .1s, border-color .5s, box-shadow .5s;\n box-shadow: 0 0 0 1px transparent;\n -moz-appearance: none;\n -webkit-appearance: none; }\n .style-module_FormItemInputWrapper__2eOdJ input:focus,\n .style-module_FormItemInputWrapper__2eOdJ select:focus,\n .style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n box-shadow: 0 0 0 1px #111111;\n border-color: #111111; }\n .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n padding-top: 1.2em;\n padding-bottom: 0.2em; }\n .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n box-shadow: 0 0 0 1px #ff6d6d;\n border-color: #ff6d6d; }\n .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n .style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n display: none; }\n .style-module_FormItemInputWrapper__2eOdJ textarea {\n min-height: 120px; }\n .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n position: absolute;\n right: 1px;\n padding-right: 0.5em;\n top: 1px;\n height: calc(100% - 2px);\n display: flex;\n align-items: center;\n color: #737373;\n background-color: white;\n z-index: 2;\n border-radius: 6px; }\n .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n color: #ff6d6d;\n font-size: 0.8em;\n margin: 0.5em 0.25em;\n animation-name: style-module_fadeInFromRight__L_PAx;\n animation-duration: .3s; }\n";
|
|
28946
|
-
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","FormContainer":"style-module_FormContainer__2IVCZ","mtFormRow":"style-module_mtFormRow__2YwG-","mt1":"style-module_mt1__1OQuA","mt2":"style-module_mt2__Yumkn","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","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","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx"};
|
|
28947
|
-
styleInject(css_248z);
|
|
28940
|
+
var css_248z$1 = ".style-module_FormSectionTitle__2LxF2 {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 1.5em; }\n .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n flex: 1 1 auto;\n padding-bottom: 0.7em;\n color: #333333;\n font-size: 1.15em;\n line-height: 1.15em; }\n .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n line-height: auto;\n padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n color: #737373;\n font-size: 0.8em;\n padding-bottom: 0.7em;\n padding-top: 0.3em; }\n\n.style-module_Grid__1eODF {\n display: grid;\n grid-gap: 0.7em; }\n .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n grid-template-columns: repeat(2, 1fr); }\n .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n grid-template-columns: repeat(3, 1fr); }\n @media only screen and (max-width: 768px) {\n .style-module_Grid__1eODF {\n grid-template-columns: 1fr !important; } }\n\n.style-module_FormContainer__2IVCZ {\n padding: 0 0.7em; }\n\n.style-module_mtFormRow__2YwG- {\n margin-top: 0.7em; }\n\n.style-module_mt1__1OQuA {\n margin-top: 1em; }\n\n.style-module_mt2__Yumkn {\n margin-top: 2em; }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n from {\n opacity: 0;\n transform: translateY(10px); }\n to {\n opacity: 1;\n transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n width: 100%; }\n .style-module_FormItemWrapper__2NOxU {\n width: 100%; }\n .style-module_FormItemInputWrapper__2eOdJ {\n position: relative;\n width: 100%; }\n .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n color: #737373;\n position: absolute;\n top: 0;\n left: 0.7em;\n width: 100%;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: transform .1s;\n transform: translateY(70%);\n font-size: 0.85em; }\n .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n transform: translateY(6px);\n font-size: 0.7em; }\n .style-module_FormItemInputWrapper__2eOdJ input,\n .style-module_FormItemInputWrapper__2eOdJ select,\n .style-module_FormItemInputWrapper__2eOdJ textarea {\n border: 1px solid #d9d9d9;\n background-color: white;\n color: #333333;\n background-clip: padding-box;\n border-radius: 6px;\n display: block;\n width: 100%;\n height: 3em;\n padding: 0.5em;\n outline: none;\n transition: padding .1s, border-color .5s, box-shadow .5s;\n box-shadow: 0 0 0 1px transparent;\n -moz-appearance: none;\n -webkit-appearance: none; }\n .style-module_FormItemInputWrapper__2eOdJ input:focus,\n .style-module_FormItemInputWrapper__2eOdJ select:focus,\n .style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n box-shadow: 0 0 0 1px #111111;\n border-color: #111111; }\n .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n padding-top: 1.2em;\n padding-bottom: 0.2em; }\n .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n box-shadow: 0 0 0 1px #ff6d6d;\n border-color: #ff6d6d; }\n .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n .style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n display: none; }\n .style-module_FormItemInputWrapper__2eOdJ textarea {\n min-height: 120px; }\n .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n position: absolute;\n right: 1px;\n padding-right: 0.5em;\n top: 1px;\n height: calc(100% - 2px);\n display: flex;\n align-items: center;\n color: #737373;\n background-color: white;\n z-index: 2;\n border-radius: 6px; }\n .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n color: #ff6d6d;\n font-size: 0.8em;\n margin: 0.5em 0.25em;\n animation-name: style-module_fadeInFromRight__L_PAx;\n animation-duration: .3s; }\n";
|
|
28941
|
+
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","FormContainer":"style-module_FormContainer__2IVCZ","mtFormRow":"style-module_mtFormRow__2YwG-","mt1":"style-module_mt1__1OQuA","mt2":"style-module_mt2__Yumkn","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","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","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx"};
|
|
28942
|
+
styleInject(css_248z$1);
|
|
28948
28943
|
|
|
28949
28944
|
var FormItemViewModel = /** @class */ (function () {
|
|
28950
28945
|
function FormItemViewModel(props) {
|
|
@@ -28969,7 +28964,7 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
28969
28964
|
}
|
|
28970
28965
|
Object.defineProperty(FormItemViewModel.prototype, "formItemStyle", {
|
|
28971
28966
|
get: function () {
|
|
28972
|
-
var s = [styles.FormItem];
|
|
28967
|
+
var s = [styles$1.FormItem];
|
|
28973
28968
|
return s.join(" ");
|
|
28974
28969
|
},
|
|
28975
28970
|
enumerable: false,
|
|
@@ -28978,10 +28973,10 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
28978
28973
|
Object.defineProperty(FormItemViewModel.prototype, "labelStyle", {
|
|
28979
28974
|
get: function () {
|
|
28980
28975
|
if (this.value) {
|
|
28981
|
-
return [styles.FieldLabel, styles.FieldLabelTop].join(" ");
|
|
28976
|
+
return [styles$1.FieldLabel, styles$1.FieldLabelTop].join(" ");
|
|
28982
28977
|
}
|
|
28983
28978
|
else {
|
|
28984
|
-
return [styles.FieldLabel].join(" ");
|
|
28979
|
+
return [styles$1.FieldLabel].join(" ");
|
|
28985
28980
|
}
|
|
28986
28981
|
},
|
|
28987
28982
|
enumerable: false,
|
|
@@ -28991,10 +28986,10 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
28991
28986
|
get: function () {
|
|
28992
28987
|
var classes = [];
|
|
28993
28988
|
if (this.value) {
|
|
28994
|
-
classes.push(styles.Bottom);
|
|
28989
|
+
classes.push(styles$1.Bottom);
|
|
28995
28990
|
}
|
|
28996
28991
|
if (this.hasError) {
|
|
28997
|
-
classes.push(styles.Error);
|
|
28992
|
+
classes.push(styles$1.Error);
|
|
28998
28993
|
}
|
|
28999
28994
|
return classes.join(" ");
|
|
29000
28995
|
},
|
|
@@ -29056,14 +29051,14 @@ var FormItem = observer(function (props) {
|
|
|
29056
29051
|
});
|
|
29057
29052
|
}, [props.onChange]);
|
|
29058
29053
|
return (createElement("div", { className: vm.formItemStyle },
|
|
29059
|
-
createElement("div", { className: styles.FormItemWrapper },
|
|
29060
|
-
createElement("div", { className: styles.FormItemInputWrapper },
|
|
29054
|
+
createElement("div", { className: styles$1.FormItemWrapper },
|
|
29055
|
+
createElement("div", { className: styles$1.FormItemInputWrapper },
|
|
29061
29056
|
createElement("label", { className: vm.labelStyle }, vm.label),
|
|
29062
29057
|
vm.type === FormItemType.TEXT && (createElement(Input, { vm: vm, autocomplete: props.autocomplete })),
|
|
29063
29058
|
vm.type === FormItemType.TEL && (createElement(Input, { vm: vm, type: "tel", autocomplete: props.autocomplete })),
|
|
29064
29059
|
vm.type === FormItemType.TEXT_AREA && createElement(TextArea, { vm: vm }),
|
|
29065
29060
|
vm.type === FormItemType.SELECT && (createElement(Select, { vm: vm, autocomplete: props.autocomplete }))),
|
|
29066
|
-
!!vm.hasError && (createElement("div", { className: styles.ErrorMsg }, vm.errorText || "")))));
|
|
29061
|
+
!!vm.hasError && (createElement("div", { className: styles$1.ErrorMsg }, vm.errorText || "")))));
|
|
29067
29062
|
});
|
|
29068
29063
|
var Input = observer(function (_a) {
|
|
29069
29064
|
var vm = _a.vm, autocomplete = _a.autocomplete, type = _a.type;
|
|
@@ -29080,7 +29075,7 @@ var Select = observer(function (_a) {
|
|
|
29080
29075
|
createElement("select", { className: vm.inputStyle, autoComplete: autocomplete, onChange: vm.onSelectChange },
|
|
29081
29076
|
!vm.value && createElement("option", { selected: true, disabled: true, key: -1 }), (_b = vm.options) === null || _b === void 0 ? void 0 :
|
|
29082
29077
|
_b.map(function (o, index) { return (createElement("option", { key: index + o.value, value: o.value, selected: vm.value === o.value }, o.label)); })),
|
|
29083
|
-
createElement("div", { className: styles.ArrowContainer },
|
|
29078
|
+
createElement("div", { className: styles$1.ArrowContainer },
|
|
29084
29079
|
createElement(SVGCaretDown, null))));
|
|
29085
29080
|
});
|
|
29086
29081
|
|
|
@@ -29090,26 +29085,26 @@ var SVGCheck = function (_a) {
|
|
|
29090
29085
|
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" })));
|
|
29091
29086
|
};
|
|
29092
29087
|
|
|
29093
|
-
var css_248z$
|
|
29094
|
-
var styles$
|
|
29095
|
-
styleInject(css_248z$
|
|
29088
|
+
var css_248z$2 = ".style-module_CheckboxWrapper__2tSbx {\n width: 100%;\n display: flex;\n padding: 0.5em;\n cursor: pointer;\n user-select: none;\n align-items: center; }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n position: relative;\n width: 20px;\n height: 20px;\n margin-right: 0.75em; }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n flex: 0 0 auto;\n width: 20px;\n height: 20px;\n border-radius: 4px;\n border: 1px solid #d9d9d9;\n position: absolute;\n top: 0;\n left: 0;\n transition: border-width .2s ease-in-out; }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n border: 10px solid #111111; }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n color: white;\n z-index: 2;\n transition: all 0.2s ease-in-out;\n transition-delay: .1s;\n opacity: 0;\n transform: scale(0.2); }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n opacity: 1;\n transform: scale(1.2); }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n flex: 1 1 auto;\n font-weight: normal;\n font-size: 0.85em;\n color: #545454; }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n color: #ff6d6d; }\n";
|
|
29089
|
+
var styles$2 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","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"};
|
|
29090
|
+
styleInject(css_248z$2);
|
|
29096
29091
|
|
|
29097
29092
|
var Checkbox = observer(function (_a) {
|
|
29098
29093
|
var value = _a.value, label = _a.label, hasError = _a.hasError, onChange = _a.onChange;
|
|
29099
29094
|
var _onChange = function () {
|
|
29100
29095
|
onChange(!value);
|
|
29101
29096
|
};
|
|
29102
|
-
var checkboxBorderClasses = [styles$
|
|
29103
|
-
var labelClasses = [styles$
|
|
29104
|
-
var tickClasses = [styles$
|
|
29097
|
+
var checkboxBorderClasses = [styles$2.CheckboxBorder];
|
|
29098
|
+
var labelClasses = [styles$2.CheckboxLabel];
|
|
29099
|
+
var tickClasses = [styles$2.CheckboxTick];
|
|
29105
29100
|
if (value) {
|
|
29106
|
-
checkboxBorderClasses.push(styles$
|
|
29107
|
-
tickClasses.push(styles$
|
|
29101
|
+
checkboxBorderClasses.push(styles$2.Checked);
|
|
29102
|
+
tickClasses.push(styles$2.Visible);
|
|
29108
29103
|
}
|
|
29109
29104
|
if (hasError)
|
|
29110
|
-
labelClasses.push(styles$
|
|
29111
|
-
return (createElement("div", { className: styles$
|
|
29112
|
-
createElement("div", { className: styles$
|
|
29105
|
+
labelClasses.push(styles$2.CheckboxLabelError);
|
|
29106
|
+
return (createElement("div", { className: styles$2.CheckboxWrapper, onClick: _onChange },
|
|
29107
|
+
createElement("div", { className: styles$2.CheckboxContainer },
|
|
29113
29108
|
createElement("div", { className: checkboxBorderClasses.join(" ") }),
|
|
29114
29109
|
createElement("div", { className: tickClasses.join(" ") },
|
|
29115
29110
|
createElement(SVGCheck, null))),
|
|
@@ -29469,14 +29464,14 @@ var AddressFormViewModel = /** @class */ (function () {
|
|
|
29469
29464
|
return AddressFormViewModel;
|
|
29470
29465
|
}());
|
|
29471
29466
|
|
|
29472
|
-
var css_248z$
|
|
29467
|
+
var css_248z$3 = ".common-module_FormSectionTitle___Mykh {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 1.5em; }\n .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt {\n flex: 1 1 auto;\n padding-bottom: 0.7em;\n color: #333333;\n font-size: 1.15em;\n line-height: 1.15em; }\n .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt.common-module_WithSubTitle__1VHWv {\n line-height: auto;\n padding-bottom: 0; }\n\n.common-module_SubTitle__1H4kH {\n color: #737373;\n font-size: 0.8em;\n padding-bottom: 0.7em;\n padding-top: 0.3em; }\n\n.common-module_Grid__2CuvH {\n display: grid;\n grid-gap: 0.7em; }\n .common-module_Grid__2CuvH.common-module_Grid2__9CCag {\n grid-template-columns: repeat(2, 1fr); }\n .common-module_Grid__2CuvH.common-module_Grid3__3p0jJ {\n grid-template-columns: repeat(3, 1fr); }\n @media only screen and (max-width: 768px) {\n .common-module_Grid__2CuvH {\n grid-template-columns: 1fr !important; } }\n\n.common-module_FormContainer__2I_Lj {\n padding: 0 0.7em; }\n\n.common-module_mtFormRow__2tsDn {\n margin-top: 0.7em; }\n\n.common-module_mt1__3tpC1 {\n margin-top: 1em; }\n\n.common-module_mt2__2bl5q {\n margin-top: 2em; }\n\n@keyframes common-module_fadeInFromRight__3RYk5 {\n from {\n opacity: 0;\n transform: translateY(10px); }\n to {\n opacity: 1;\n transform: translateY(0); } }\n";
|
|
29473
29468
|
var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","FormContainer":"common-module_FormContainer__2I_Lj","mtFormRow":"common-module_mtFormRow__2tsDn","mt1":"common-module_mt1__3tpC1","mt2":"common-module_mt2__2bl5q","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
|
|
29474
|
-
styleInject(css_248z$2);
|
|
29475
|
-
|
|
29476
|
-
var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px !important;\n width: 100%;\n height: 100vh;\n overflow: auto;\n overflow-x: hidden;\n display: flex; }\n .style-module_CheckoutPage__A_f2V * {\n box-sizing: border-box !important;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n letter-spacing: normal;\n font-weight: normal;\n line-height: 1.5em; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n width: 50%;\n flex: 0 0 auto;\n display: flex;\n justify-content: flex-end;\n padding-left: 20px;\n padding-right: 40px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n width: 100%;\n min-width: 400px;\n max-width: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 100vh; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n width: 100%;\n height: 100px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n flex: 0 0 auto;\n height: 50px;\n background-color: white;\n width: calc(100% - 1em);\n display: flex;\n align-items: center;\n border-top: 1px solid #d9d9d9; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n font-size: 0.7em;\n margin-right: 1.4em;\n color: #737373;\n cursor: pointer;\n user-select: none; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n color: #111111; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n width: 100%;\n padding-left: 0.7em; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n width: 100%;\n height: 96px;\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 1.5em;\n padding-left: 0.4em; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n width: 100%; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n width: 100%;\n height: 64px;\n position: relative;\n user-select: none;\n cursor: pointer; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n object-fit: contain;\n object-position: left;\n pointer-events: none; }\n @media only screen and (min-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n display: none; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n padding-bottom: 0.7em; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n width: 100%;\n justify-content: center;\n padding-right: 0px;\n padding-left: 0px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n width: 100%;\n min-width: auto;\n max-width: 100%; } }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n width: 50%;\n min-height: 100%;\n flex: 0 0 auto;\n background-color: #FAFAFA;\n border-left: 1px solid #d9d9d9;\n display: flex;\n padding-left: 40px;\n padding-right: 20px;\n position: sticky;\n top: 0;\n overflow-y: auto; }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n width: 100%;\n max-width: 600px;\n padding-top: 80px; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n display: none; } }\n";
|
|
29477
|
-
var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
|
|
29478
29469
|
styleInject(css_248z$3);
|
|
29479
29470
|
|
|
29471
|
+
var css_248z$4 = ".style-module_CheckoutPage__A_f2V {\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px !important;\n width: 100%;\n height: 100vh;\n overflow: auto;\n overflow-x: hidden;\n display: flex; }\n .style-module_CheckoutPage__A_f2V * {\n box-sizing: border-box !important;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n letter-spacing: normal;\n font-weight: normal;\n line-height: 1.5em; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n width: 50%;\n flex: 0 0 auto;\n display: flex;\n justify-content: flex-end;\n padding-left: 20px;\n padding-right: 40px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n width: 100%;\n min-width: 400px;\n max-width: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 100vh; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n width: 100%;\n height: 100px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n flex: 0 0 auto;\n height: 50px;\n background-color: white;\n width: calc(100% - 1em);\n display: flex;\n align-items: center;\n border-top: 1px solid #d9d9d9; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n font-size: 0.7em;\n margin-right: 1.4em;\n color: #737373;\n cursor: pointer;\n user-select: none; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n color: #111111; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n width: 100%;\n padding-left: 0.7em; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n width: 100%;\n height: 96px;\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 1.5em;\n padding-left: 0.4em; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n width: 100%; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n width: 100%;\n height: 64px;\n position: relative;\n user-select: none;\n cursor: pointer; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n object-fit: contain;\n object-position: left;\n pointer-events: none; }\n @media only screen and (min-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n display: none; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n padding-bottom: 0.7em; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n width: 100%;\n justify-content: center;\n padding-right: 0px;\n padding-left: 0px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n width: 100%;\n min-width: auto;\n max-width: 100%; } }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n width: 50%;\n min-height: 100%;\n flex: 0 0 auto;\n background-color: #FAFAFA;\n border-left: 1px solid #d9d9d9;\n display: flex;\n padding-left: 40px;\n padding-right: 20px;\n position: sticky;\n top: 0;\n overflow-y: auto; }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n width: 100%;\n max-width: 600px;\n padding-top: 80px; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n display: none; } }\n";
|
|
29472
|
+
var styles$3 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
|
|
29473
|
+
styleInject(css_248z$4);
|
|
29474
|
+
|
|
29480
29475
|
var AddressForm$1 = observer(function (_a) {
|
|
29481
29476
|
var _b, _c, _d, _e, _f, _g, _h;
|
|
29482
29477
|
var isErrorsVisible = _a.isErrorsVisible, isBilling = _a.isBilling, validationResult = _a.validationResult, props = __rest(_a, ["isErrorsVisible", "isBilling", "validationResult"]);
|
|
@@ -29496,7 +29491,7 @@ var AddressForm$1 = observer(function (_a) {
|
|
|
29496
29491
|
createElement(FormItem, { type: FormItemType.TEXT, label: "Soyad", autocomplete: "family-name", value: vm.lastName || "", onChange: vm.onLastNameChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.lastName), errorText: "Soyad girin" }),
|
|
29497
29492
|
createElement("div", null),
|
|
29498
29493
|
" "),
|
|
29499
|
-
createElement("div", { className: styles$
|
|
29494
|
+
createElement("div", { className: styles$3.RowPB },
|
|
29500
29495
|
createElement(FormItem, { type: FormItemType.TEXT, label: "Adres", autocomplete: "address-line1", value: vm.address.addressLine1 || "", onChange: vm.onAddressLine1Change, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.addressLine1), errorText: "Adres girin" })),
|
|
29501
29496
|
createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
|
|
29502
29497
|
createElement(FormItem, { type: FormItemType.TEXT, autocomplete: "address-line2", label: "Apartman, daire, vb.", value: vm.address.addressLine2 || "", onChange: vm.onAddressLine2Change }),
|
|
@@ -29522,33 +29517,33 @@ var AddressForm$1 = observer(function (_a) {
|
|
|
29522
29517
|
createElement(FormItem, { type: FormItemType.TEXT, label: "Vergi Dairesi", value: ((_h = vm.address) === null || _h === void 0 ? void 0 : _h.taxOffice) || "", onChange: vm.onTaxOfficeChange })))));
|
|
29523
29518
|
});
|
|
29524
29519
|
|
|
29525
|
-
var css_248z$
|
|
29526
|
-
var styles$
|
|
29527
|
-
styleInject(css_248z$
|
|
29520
|
+
var css_248z$5 = ".style-module_Button__1UPMN {\n cursor: pointer;\n border: 1px transparent solid;\n border-radius: 6px;\n font-weight: 500;\n text-align: center;\n position: relative;\n transition: all .2s;\n display: flex;\n justify-content: center;\n align-items: center; }\n .style-module_Button__1UPMN:focus {\n outline: 0; }\n .style-module_Button__1UPMN.style-module_Large__2wPlw {\n height: 64px;\n padding: 0 1.7em; }\n .style-module_Button__1UPMN.style-module_Medium__3t0pu {\n height: 3em;\n padding: 0.5em 1em; }\n .style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n background-color: #111111;\n color: white; }\n .style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\n background-color: #c8c8c8;\n color: #FAFAFA;\n pointer-events: none; }\n @media only screen and (max-width: 1000px) {\n .style-module_Button__1UPMN.style-module_FullWidthMobile__3MTFv {\n width: 100%; } }\n .style-module_Button__1UPMN .style-module_loader__3v6kq,\n .style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n border-radius: 50%;\n width: 5em;\n height: 5em; }\n .style-module_Button__1UPMN .style-module_loader__3v6kq {\n font-size: 6px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n border-left: 0.5em solid #ffffff;\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__2z7nj 1.1s infinite linear;\n animation: style-module_load8__2z7nj 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2z7nj {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2z7nj {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
|
|
29521
|
+
var styles$4 = {"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","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
|
|
29522
|
+
styleInject(css_248z$5);
|
|
29528
29523
|
|
|
29529
29524
|
var Button = observer(function (_a) {
|
|
29530
29525
|
var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled;
|
|
29531
29526
|
return (createElement("button", { style: style, type: "button", className: [
|
|
29532
|
-
styles$
|
|
29533
|
-
styles$
|
|
29534
|
-
size === "medium" ? styles$
|
|
29535
|
-
isDisabled ? styles$
|
|
29536
|
-
styles$
|
|
29537
|
-
].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? (createElement("div", { className: styles$
|
|
29527
|
+
styles$4.Button,
|
|
29528
|
+
styles$4.Dark,
|
|
29529
|
+
size === "medium" ? styles$4.Medium : styles$4.Large,
|
|
29530
|
+
isDisabled ? styles$4.Disabled : "",
|
|
29531
|
+
styles$4.FullWidthMobile,
|
|
29532
|
+
].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? (createElement("div", { className: styles$4.loader })) : (createElement("span", null, text))));
|
|
29538
29533
|
});
|
|
29539
29534
|
|
|
29540
|
-
var css_248z$
|
|
29541
|
-
var styles$
|
|
29542
|
-
styleInject(css_248z$5);
|
|
29543
|
-
|
|
29544
|
-
var css_248z$6 = ".style-module_TextButton__XicpL {\n display: inline-flex;\n align-items: center;\n font-size: 0.8em;\n cursor: pointer;\n user-select: none; }\n .style-module_TextButton__XicpL .style-module_Icon__1W8cY {\n height: 24px;\n margin-right: 0.1em; }\n";
|
|
29545
|
-
var styles$5 = {"TextButton":"style-module_TextButton__XicpL","Icon":"style-module_Icon__1W8cY"};
|
|
29535
|
+
var css_248z$6 = ".style-module_BackButtonContainer__263Fp {\n display: flex;\n justify-content: center;\n position: relative; }\n .style-module_BackButtonContainer__263Fp a {\n line-height: 0.9em; }\n\n.style-module_Actions__EdBBN {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n @media only screen and (max-width: 1000px) {\n .style-module_Actions__EdBBN {\n flex-direction: column-reverse;\n justify-content: flex-start; }\n .style-module_Actions__EdBBN a {\n margin-top: 1em; } }\n";
|
|
29536
|
+
var styles$5 = {"BackButtonContainer":"style-module_BackButtonContainer__263Fp","Actions":"style-module_Actions__EdBBN"};
|
|
29546
29537
|
styleInject(css_248z$6);
|
|
29547
29538
|
|
|
29539
|
+
var css_248z$7 = ".style-module_TextButton__XicpL {\n display: inline-flex;\n align-items: center;\n font-size: 0.8em;\n cursor: pointer;\n user-select: none; }\n .style-module_TextButton__XicpL .style-module_Icon__1W8cY {\n height: 24px;\n margin-right: 0.1em; }\n";
|
|
29540
|
+
var styles$6 = {"TextButton":"style-module_TextButton__XicpL","Icon":"style-module_Icon__1W8cY"};
|
|
29541
|
+
styleInject(css_248z$7);
|
|
29542
|
+
|
|
29548
29543
|
var TextButton = observer(function (_a) {
|
|
29549
29544
|
var text = _a.text, leftIcon = _a.leftIcon;
|
|
29550
|
-
return (createElement("div", { className: styles$
|
|
29551
|
-
!!leftIcon && createElement("div", { className: styles$
|
|
29545
|
+
return (createElement("div", { className: styles$6.TextButton },
|
|
29546
|
+
!!leftIcon && createElement("div", { className: styles$6.Icon }, leftIcon),
|
|
29552
29547
|
createElement("span", null, text)));
|
|
29553
29548
|
});
|
|
29554
29549
|
|
|
@@ -29562,15 +29557,15 @@ var SVGArrowLeft = function (_a) {
|
|
|
29562
29557
|
var StepActionButtons = observer(function (_a) {
|
|
29563
29558
|
var mainBtnText = _a.mainBtnText, mainBtnOnClick = _a.mainBtnOnClick, backBtnText = _a.backBtnText, backBtnOnClick = _a.backBtnOnClick, isLoading = _a.isLoading;
|
|
29564
29559
|
var MainButton = observer(function () { return (createElement(Button, { text: mainBtnText, isLoading: isLoading, onClick: mainBtnOnClick })); });
|
|
29565
|
-
return (createElement("div", { className: [styles$
|
|
29566
|
-
createElement("div", { className: styles$
|
|
29560
|
+
return (createElement("div", { className: [styles$5.Actions, commonStyles.mt1].join(" ") },
|
|
29561
|
+
createElement("div", { className: styles$5.BackButtonContainer }, !!backBtnText && (createElement("a", { onClick: backBtnOnClick },
|
|
29567
29562
|
createElement(TextButton, { text: backBtnText, leftIcon: createElement(SVGArrowLeft, null) })))),
|
|
29568
29563
|
createElement(MainButton, null)));
|
|
29569
29564
|
});
|
|
29570
29565
|
|
|
29571
|
-
var css_248z$
|
|
29572
|
-
var styles$
|
|
29573
|
-
styleInject(css_248z$
|
|
29566
|
+
var css_248z$8 = ".style-module_LoginText__3cWRW {\n font-size: 0.8em;\n padding-bottom: 0.7em;\n text-align: right; }\n\n.style-module_LoginBtn__1BIyI {\n margin-left: 0.2em;\n font-weight: bold;\n user-select: none;\n cursor: pointer;\n font-weight: 500; }\n\n.style-module_CustomerInfo__3py5O {\n display: flex;\n align-items: center; }\n .style-module_CustomerInfo__3py5O .style-module_ProfilePic__2fNqg {\n width: 50px;\n height: 50px;\n border-radius: 6px;\n background-color: #737373;\n margin-right: 1em; }\n .style-module_CustomerInfo__3py5O .style-module_CustonerText__1sYEW {\n font-size: 0.9em; }\n .style-module_CustomerInfo__3py5O .style-module_Logout__1bzMp {\n font-weight: 500;\n font-size: 0.8em;\n user-select: none;\n cursor: pointer; }\n";
|
|
29567
|
+
var styles$7 = {"LoginText":"style-module_LoginText__3cWRW","LoginBtn":"style-module_LoginBtn__1BIyI","CustomerInfo":"style-module_CustomerInfo__3py5O","ProfilePic":"style-module_ProfilePic__2fNqg","CustonerText":"style-module_CustonerText__1sYEW","Logout":"style-module_Logout__1bzMp"};
|
|
29568
|
+
styleInject(css_248z$8);
|
|
29574
29569
|
|
|
29575
29570
|
var CheckoutStepInfo = observer(function (_a) {
|
|
29576
29571
|
var _b, _c;
|
|
@@ -29596,18 +29591,18 @@ var CheckoutStepInfo = observer(function (_a) {
|
|
|
29596
29591
|
return (createElement("div", { className: commonStyles.FormContainer },
|
|
29597
29592
|
createElement("div", { className: commonStyles.FormSectionTitle },
|
|
29598
29593
|
createElement("div", { className: commonStyles.Title }, "\u0130leti\u015Fim Bilgileri"),
|
|
29599
|
-
!vm.checkout.hasCustomer && (createElement("div", { className: styles$
|
|
29594
|
+
!vm.checkout.hasCustomer && (createElement("div", { className: styles$7.LoginText },
|
|
29600
29595
|
createElement("span", null, "Zaten hesab\u0131n\u0131z var m\u0131?"),
|
|
29601
29596
|
createElement(Link, { href: "/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl), passHref: true },
|
|
29602
|
-
createElement("a", { className: styles$
|
|
29603
|
-
!vm.checkout.hasCustomer ? (createElement(FormItem, { type: FormItemType.TEXT, label: "E-Posta", autocomplete: "email", value: ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || "", onChange: vm.onEmailChange, hasError: vm.isErrorsVisible && !((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.email), errorText: "Geçerli bir e-posta girin" })) : (createElement("div", { className: styles$
|
|
29597
|
+
createElement("a", { className: styles$7.LoginBtn }, "Oturum A\u00E7"))))),
|
|
29598
|
+
!vm.checkout.hasCustomer ? (createElement(FormItem, { type: FormItemType.TEXT, label: "E-Posta", autocomplete: "email", value: ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || "", onChange: vm.onEmailChange, hasError: vm.isErrorsVisible && !((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.email), errorText: "Geçerli bir e-posta girin" })) : (createElement("div", { className: styles$7.CustomerInfo },
|
|
29604
29599
|
createElement("div", null,
|
|
29605
|
-
createElement("div", { className: styles$
|
|
29606
|
-
createElement("div", { className: styles$
|
|
29600
|
+
createElement("div", { className: styles$7.CustonerText }, vm.checkout.customerText),
|
|
29601
|
+
createElement("div", { className: styles$7.Logout, onClick: vm.logout }, "Oturumu Kapat")))),
|
|
29607
29602
|
createElement("div", { className: commonStyles.FormSectionTitle },
|
|
29608
29603
|
createElement("div", { className: commonStyles.Title }, "Kargo Adresi")),
|
|
29609
29604
|
!!vm.customerStore.customer &&
|
|
29610
|
-
!!vm.customerStore.customer.addresses.length && (createElement("div", { className: styles$
|
|
29605
|
+
!!vm.customerStore.customer.addresses.length && (createElement("div", { className: styles$3.RowPB },
|
|
29611
29606
|
createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedShippingAddressId, onChange: vm.onSelectedShippingAddressIdChange, options: vm.customerAddressOptions }))),
|
|
29612
29607
|
createElement(AddressForm$1, { vm: vm, address: vm.checkout.shippingAddress, customer: vm.checkout.customer && vm.checkout.customer.id
|
|
29613
29608
|
? undefined
|
|
@@ -29619,51 +29614,51 @@ var CheckoutStepInfo = observer(function (_a) {
|
|
|
29619
29614
|
createElement(StepActionButtons, { mainBtnText: "Kargo ile devam et", mainBtnOnClick: proceed, backBtnText: "Alışverişe dön", backBtnOnClick: vm.onBackToShoppingClick, isLoading: vm.isStepLoading })));
|
|
29620
29615
|
});
|
|
29621
29616
|
|
|
29622
|
-
var css_248z$
|
|
29623
|
-
var styles$
|
|
29624
|
-
styleInject(css_248z$
|
|
29617
|
+
var css_248z$9 = ".style-module_InfoBox__2ejTN {\n border: 1px solid #d9d9d9;\n border-radius: 6px;\n padding: 0.4em 1em;\n font-size: 0.8em; }\n .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 {\n display: flex;\n padding: 0.8em 0;\n width: 100%; }\n .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p {\n display: flex;\n flex: 1 1 auto;\n align-items: center; }\n .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Title__1UpwW {\n color: #737373;\n flex: 0 0 auto;\n width: 5em;\n padding-right: 1em; }\n .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Text__3UHTQ {\n flex: 1 1 auto; }\n @media only screen and (max-width: 1000px) {\n .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p {\n display: block; }\n .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_TitleAndText__1Or7p .style-module_Title__1UpwW {\n width: auto; } }\n .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5 .style-module_Action__2MjM2 {\n flex: 0 0 auto;\n padding-left: 1em;\n user-select: none;\n cursor: pointer; }\n .style-module_InfoBox__2ejTN .style-module_InfoRow__3PsC5.style-module_BorderTop__1RCLf {\n border-top: 1px solid #d9d9d9; }\n";
|
|
29618
|
+
var styles$8 = {"InfoBox":"style-module_InfoBox__2ejTN","InfoRow":"style-module_InfoRow__3PsC5","TitleAndText":"style-module_TitleAndText__1Or7p","Title":"style-module_Title__1UpwW","Text":"style-module_Text__3UHTQ","Action":"style-module_Action__2MjM2","BorderTop":"style-module_BorderTop__1RCLf"};
|
|
29619
|
+
styleInject(css_248z$9);
|
|
29625
29620
|
|
|
29626
29621
|
var InfoBox = observer(function (_a) {
|
|
29627
29622
|
var _b, _c;
|
|
29628
29623
|
var vm = _a.vm, showShipping = _a.showShipping;
|
|
29629
|
-
return (createElement("div", { className: styles$
|
|
29630
|
-
createElement("div", { className: styles$
|
|
29631
|
-
createElement("div", { className: styles$
|
|
29632
|
-
createElement("div", { className: styles$
|
|
29633
|
-
createElement("div", { className: styles$
|
|
29634
|
-
createElement("div", { className: styles$
|
|
29635
|
-
createElement("div", { className: [styles$
|
|
29636
|
-
createElement("div", { className: styles$
|
|
29637
|
-
createElement("div", { className: styles$
|
|
29638
|
-
createElement("div", { className: styles$
|
|
29639
|
-
createElement("div", { className: styles$
|
|
29640
|
-
showShipping && (createElement("div", { className: [styles$
|
|
29641
|
-
createElement("div", { className: styles$
|
|
29642
|
-
createElement("div", { className: styles$
|
|
29643
|
-
createElement("div", { className: styles$
|
|
29624
|
+
return (createElement("div", { className: styles$8.InfoBox },
|
|
29625
|
+
createElement("div", { className: styles$8.InfoRow },
|
|
29626
|
+
createElement("div", { className: styles$8.TitleAndText },
|
|
29627
|
+
createElement("div", { className: styles$8.Title }, "\u0130leti\u015Fim"),
|
|
29628
|
+
createElement("div", { className: styles$8.Text }, ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || "")),
|
|
29629
|
+
createElement("div", { className: styles$8.Action, onClick: vm.onBackToInfoClick }, "De\u011Fi\u015Ftir")),
|
|
29630
|
+
createElement("div", { className: [styles$8.InfoRow, styles$8.BorderTop].join(" ") },
|
|
29631
|
+
createElement("div", { className: styles$8.TitleAndText },
|
|
29632
|
+
createElement("div", { className: styles$8.Title }, "Kargo Adresi"),
|
|
29633
|
+
createElement("div", { className: styles$8.Text }, (_c = vm.checkout.shippingAddress) === null || _c === void 0 ? void 0 : _c.addressText)),
|
|
29634
|
+
createElement("div", { className: styles$8.Action, onClick: vm.onBackToInfoClick }, "De\u011Fi\u015Ftir")),
|
|
29635
|
+
showShipping && (createElement("div", { className: [styles$8.InfoRow, styles$8.BorderTop].join(" ") },
|
|
29636
|
+
createElement("div", { className: styles$8.TitleAndText },
|
|
29637
|
+
createElement("div", { className: styles$8.Title }, "Y\u00F6ntem"),
|
|
29638
|
+
createElement("div", { className: styles$8.Text }, vm.checkout.shippingLines && !!vm.checkout.shippingLines.length
|
|
29644
29639
|
? vm.checkout.shippingLines[0].title
|
|
29645
29640
|
: "Standart Kargo"))))));
|
|
29646
29641
|
});
|
|
29647
29642
|
|
|
29648
|
-
var css_248z$
|
|
29649
|
-
var styles$
|
|
29650
|
-
styleInject(css_248z$
|
|
29643
|
+
var css_248z$a = ".style-module_Toggle__xQUYz {\n flex: 0 0 auto;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n border: 1px solid #d9d9d9;\n transition: all .2s ease-in-out; }\n .style-module_Toggle__xQUYz.style-module_Checked__2kb9S {\n border: 8px solid #111111; }\n";
|
|
29644
|
+
var styles$9 = {"Toggle":"style-module_Toggle__xQUYz","Checked":"style-module_Checked__2kb9S"};
|
|
29645
|
+
styleInject(css_248z$a);
|
|
29651
29646
|
|
|
29652
29647
|
var Toggle = observer(function (_a) {
|
|
29653
29648
|
var value = _a.value, onChange = _a.onChange;
|
|
29654
29649
|
var _onChange = function () {
|
|
29655
29650
|
onChange && onChange(!value);
|
|
29656
29651
|
};
|
|
29657
|
-
var classes = [styles$
|
|
29652
|
+
var classes = [styles$9.Toggle];
|
|
29658
29653
|
if (value) {
|
|
29659
|
-
classes.push(styles$
|
|
29654
|
+
classes.push(styles$9.Checked);
|
|
29660
29655
|
}
|
|
29661
29656
|
return createElement("div", { className: classes.join(" "), onClick: _onChange });
|
|
29662
29657
|
});
|
|
29663
29658
|
|
|
29664
|
-
var css_248z$
|
|
29665
|
-
var styles$
|
|
29666
|
-
styleInject(css_248z$
|
|
29659
|
+
var css_248z$b = ".style-module_BackButtonContainer__2bAOw {\n display: flex;\n justify-content: center;\n position: relative; }\n .style-module_BackButtonContainer__2bAOw a {\n line-height: 0.9em; }\n\n.style-module_Actions__3fU7l {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n @media only screen and (max-width: 1000px) {\n .style-module_Actions__3fU7l {\n flex-direction: column-reverse;\n justify-content: flex-start; }\n .style-module_Actions__3fU7l a {\n margin-top: 1em; } }\n\n.style-module_StepShipping__3nOPT {\n margin-top: 1em; }\n\n.style-module_InfoBox__kyrCZ {\n border: 1px solid #d9d9d9;\n border-radius: 6px; }\n .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV {\n display: flex;\n padding: 1em;\n width: 100%;\n align-items: center; }\n .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV .style-module_ShippingTitle__3db0q {\n flex: 1 1 auto;\n margin-left: 1em; }\n .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV .style-module_ShippingPrice__KaEps {\n flex: 0 0 auto;\n margin-left: 1em; }\n .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV.style-module_BorderTop__2d5TO {\n border-top: 1px solid #d9d9d9; }\n .style-module_InfoBox__kyrCZ .style-module_InfoRow__3RoAV.style-module_Clickable__AkuRd {\n user-select: none;\n cursor: pointer; }\n";
|
|
29660
|
+
var styles$a = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","InfoRow":"style-module_InfoRow__3RoAV","ShippingTitle":"style-module_ShippingTitle__3db0q","ShippingPrice":"style-module_ShippingPrice__KaEps","BorderTop":"style-module_BorderTop__2d5TO","Clickable":"style-module_Clickable__AkuRd"};
|
|
29661
|
+
styleInject(css_248z$b);
|
|
29667
29662
|
|
|
29668
29663
|
var CheckoutStepShipping = observer(function (_a) {
|
|
29669
29664
|
var vm = _a.vm;
|
|
@@ -29685,42 +29680,42 @@ var CheckoutStepShipping = observer(function (_a) {
|
|
|
29685
29680
|
}
|
|
29686
29681
|
});
|
|
29687
29682
|
}); };
|
|
29688
|
-
return (createElement("div", { className: [styles$
|
|
29683
|
+
return (createElement("div", { className: [styles$a.StepShipping, commonStyles.FormContainer].join(" ") },
|
|
29689
29684
|
createElement(InfoBox, { vm: vm, showShipping: false }),
|
|
29690
29685
|
createElement("div", { className: commonStyles.FormSectionTitle },
|
|
29691
29686
|
createElement("div", { className: commonStyles.Title }, "Kargo Y\u00F6ntemi")),
|
|
29692
|
-
createElement("div", { className: styles$
|
|
29693
|
-
styles$
|
|
29694
|
-
styles$
|
|
29695
|
-
index > 0 ? styles$
|
|
29687
|
+
createElement("div", { className: styles$a.InfoBox }, vm.checkout.availableShippingMethods.map(function (asm, index) { return (createElement("div", { className: [
|
|
29688
|
+
styles$a.InfoRow,
|
|
29689
|
+
styles$a.Clickable,
|
|
29690
|
+
index > 0 ? styles$a.BorderTop : "",
|
|
29696
29691
|
].join(" "), key: asm.shippingSettingsId + asm.shippingZoneRateId, onClick: function () { return vm.onShippingMethodChange(asm); } },
|
|
29697
29692
|
createElement(Toggle, { value: vm.checkout.shippingSettingsId === asm.shippingSettingsId &&
|
|
29698
29693
|
vm.checkout.shippingZoneRateId === asm.shippingZoneRateId }),
|
|
29699
|
-
createElement("div", { className: styles$
|
|
29700
|
-
createElement("div", { className: styles$
|
|
29694
|
+
createElement("div", { className: styles$a.ShippingTitle }, asm.rateName),
|
|
29695
|
+
createElement("div", { className: styles$a.ShippingPrice }, asm.price === 0
|
|
29701
29696
|
? "Ücretsiz"
|
|
29702
29697
|
: formatMoney(asm.price, vm.checkout.cart.currencyCode)))); })),
|
|
29703
29698
|
createElement(StepActionButtons, { mainBtnText: "Ödeme ile devam et", mainBtnOnClick: proceed, backBtnText: "Bilgilere Geri Dön", backBtnOnClick: vm.onBackToInfoClick, isLoading: vm.isStepLoading })));
|
|
29704
29699
|
});
|
|
29705
29700
|
|
|
29706
|
-
var css_248z$
|
|
29707
|
-
var styles$
|
|
29708
|
-
styleInject(css_248z$
|
|
29701
|
+
var css_248z$c = ".style-module_ExpandableList__20vYy {\n width: 100%;\n border: 1px solid #d9d9d9;\n border-radius: 6px;\n overflow: hidden; }\n .style-module_ExpandableList__20vYy .style-module_Row__2yFvN {\n display: flex;\n flex-wrap: wrap;\n padding: 1em;\n justify-content: flex-end;\n align-items: center;\n border-top: 1px solid #d9d9d9;\n cursor: pointer;\n overflow: hidden;\n user-select: none; }\n .style-module_ExpandableList__20vYy .style-module_Row__2yFvN .style-module_LeftContainer__tkYOm {\n flex: 1 1 auto;\n margin-left: 1em; }\n .style-module_ExpandableList__20vYy .style-module_Row__2yFvN .style-module_RightContainer__dtzrC {\n flex: 0 0 auto;\n margin-left: 1em; }\n .style-module_ExpandableList__20vYy .style-module_Row__2yFvN.style-module_HiddenBorderTop__EHL4B {\n border-top: none; }\n .style-module_ExpandableList__20vYy .style-module_ExpandContainer__3fGdr {\n width: 100%;\n padding: 1em;\n background-color: #FAFAFA;\n border-top: 1px solid #d9d9d9; }\n";
|
|
29702
|
+
var styles$b = {"ExpandableList":"style-module_ExpandableList__20vYy","Row":"style-module_Row__2yFvN","LeftContainer":"style-module_LeftContainer__tkYOm","RightContainer":"style-module_RightContainer__dtzrC","HiddenBorderTop":"style-module_HiddenBorderTop__EHL4B","ExpandContainer":"style-module_ExpandContainer__3fGdr"};
|
|
29703
|
+
styleInject(css_248z$c);
|
|
29709
29704
|
|
|
29710
29705
|
var ExpandableList = observer(function (_a) {
|
|
29711
29706
|
var options = _a.options, selectedIndex = _a.selectedIndex, onRowSelect = _a.onRowSelect;
|
|
29712
29707
|
var getRowClasses = function (index) {
|
|
29713
|
-
var classes = [styles$
|
|
29708
|
+
var classes = [styles$b.Row];
|
|
29714
29709
|
if (index === 0)
|
|
29715
|
-
classes.push(styles$
|
|
29710
|
+
classes.push(styles$b.HiddenBorderTop);
|
|
29716
29711
|
return classes.join(" ");
|
|
29717
29712
|
};
|
|
29718
|
-
return (createElement("div", { className: styles$
|
|
29713
|
+
return (createElement("div", { className: styles$b.ExpandableList }, options.map(function (o, index) { return (createElement("div", { key: index },
|
|
29719
29714
|
createElement("div", { className: getRowClasses(index), onClick: function () { return onRowSelect(index); } },
|
|
29720
29715
|
createElement(Toggle, { value: selectedIndex === index }),
|
|
29721
|
-
createElement("div", { className: styles$
|
|
29722
|
-
!!o.rightContent && (createElement("div", { className: styles$
|
|
29723
|
-
selectedIndex === index && !!o.expandContent && (createElement("div", { className: styles$
|
|
29716
|
+
createElement("div", { className: styles$b.LeftContainer }, o.leftContent),
|
|
29717
|
+
!!o.rightContent && (createElement("div", { className: styles$b.RightContainer }, o.rightContent))),
|
|
29718
|
+
selectedIndex === index && !!o.expandContent && (createElement("div", { className: styles$b.ExpandContainer }, o.expandContent)))); })));
|
|
29724
29719
|
});
|
|
29725
29720
|
|
|
29726
29721
|
var CreditCardForm = observer(function (_a) {
|
|
@@ -29732,9 +29727,9 @@ var CreditCardForm = observer(function (_a) {
|
|
|
29732
29727
|
cardData.threeDSecure = value;
|
|
29733
29728
|
});
|
|
29734
29729
|
return (createElement("div", null,
|
|
29735
|
-
createElement("div", { className: styles$
|
|
29730
|
+
createElement("div", { className: styles$3.RowPB },
|
|
29736
29731
|
createElement(FormItem, { autocomplete: "cc-number", type: FormItemType.TEXT, label: "Kart numarası", value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: "Geçerli bir kart numarası girin", hasError: vm.isErrorsVisible && !cardData.validationResult.cardNumber })),
|
|
29737
|
-
createElement("div", { className: styles$
|
|
29732
|
+
createElement("div", { className: styles$3.RowPB },
|
|
29738
29733
|
createElement(FormItem, { autocomplete: "cc-name", type: FormItemType.TEXT, label: "Karttaki ad", value: cardData.cardHolderName, onChange: vm.onCardHolderNameChange, errorText: "Ad soyad girin", hasError: vm.isErrorsVisible && !cardData.validationResult.cardHolderName })),
|
|
29739
29734
|
createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
|
|
29740
29735
|
createElement(FormItem, { autocomplete: "cc-exp", type: FormItemType.TEXT, label: "Son kullanma tarihi (AA/YY)", value: cardData.expirationDate, onChange: vm.onExpirationDateChange, errorText: "Geçerli bir tarih girin", hasError: vm.isErrorsVisible && !cardData.validationResult.expirationDate }),
|
|
@@ -29743,30 +29738,30 @@ var CreditCardForm = observer(function (_a) {
|
|
|
29743
29738
|
createElement(Checkbox, { value: cardData.threeDSecure, onChange: onThreeDSecureChange, label: "3D Secure kullan" }))));
|
|
29744
29739
|
});
|
|
29745
29740
|
|
|
29746
|
-
var css_248z$
|
|
29747
|
-
var styles$
|
|
29748
|
-
styleInject(css_248z$c);
|
|
29749
|
-
|
|
29750
|
-
var css_248z$d = ".style-module_Installments__aM2lS {\n background: white; }\n .style-module_Installments__aM2lS .style-module_Left__b5nmH {\n display: flex;\n flex-direction: column;\n min-height: 42px;\n justify-content: center; }\n @media only screen and (max-width: 1000px) {\n .style-module_Installments__aM2lS .style-module_Left__b5nmH .style-module_InstallmentCount__22FOH {\n font-size: 0.9em; } }\n .style-module_Installments__aM2lS .style-module_Left__b5nmH .style-module_InstallmentPrice__1cJHw {\n font-size: 0.78em;\n color: #545454; }\n @media only screen and (max-width: 1000px) {\n .style-module_Installments__aM2lS .style-module_Right__38yQx {\n font-size: 0.9em; } }\n";
|
|
29751
|
-
var styles$c = {"Installments":"style-module_Installments__aM2lS","Left":"style-module_Left__b5nmH","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Right":"style-module_Right__38yQx"};
|
|
29741
|
+
var css_248z$d = ".style-module_PaymentLogoContainer__224HZ {\n margin-left: 10px;\n font-size: 0.7em; }\n .style-module_PaymentLogoContainer__224HZ img {\n height: 20px; }\n";
|
|
29742
|
+
var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ"};
|
|
29752
29743
|
styleInject(css_248z$d);
|
|
29753
29744
|
|
|
29745
|
+
var css_248z$e = ".style-module_Installments__aM2lS {\n background: white; }\n .style-module_Installments__aM2lS .style-module_Left__b5nmH {\n display: flex;\n flex-direction: column;\n min-height: 42px;\n justify-content: center; }\n @media only screen and (max-width: 1000px) {\n .style-module_Installments__aM2lS .style-module_Left__b5nmH .style-module_InstallmentCount__22FOH {\n font-size: 0.9em; } }\n .style-module_Installments__aM2lS .style-module_Left__b5nmH .style-module_InstallmentPrice__1cJHw {\n font-size: 0.78em;\n color: #545454; }\n @media only screen and (max-width: 1000px) {\n .style-module_Installments__aM2lS .style-module_Right__38yQx {\n font-size: 0.9em; } }\n";
|
|
29746
|
+
var styles$d = {"Installments":"style-module_Installments__aM2lS","Left":"style-module_Left__b5nmH","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Right":"style-module_Right__38yQx"};
|
|
29747
|
+
styleInject(css_248z$e);
|
|
29748
|
+
|
|
29754
29749
|
var Installments = observer(function (_a) {
|
|
29755
29750
|
var _b;
|
|
29756
29751
|
var vm = _a.vm;
|
|
29757
29752
|
var expandableListOptionsInstallment = ((_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.installmentPrices.map(function (i) { return ({
|
|
29758
|
-
leftContent: (createElement("div", { className: styles$
|
|
29759
|
-
createElement("div", { className: styles$
|
|
29753
|
+
leftContent: (createElement("div", { className: styles$d.Left },
|
|
29754
|
+
createElement("div", { className: styles$d.InstallmentCount }, i.installmentCount === 1
|
|
29760
29755
|
? "Tek Çekim"
|
|
29761
29756
|
: i.installmentCount + " Taksit"),
|
|
29762
|
-
i.installmentCount > 1 && (createElement("div", { className: styles$
|
|
29757
|
+
i.installmentCount > 1 && (createElement("div", { className: styles$d.InstallmentPrice }, "Aylık " +
|
|
29763
29758
|
formatMoney(i.installmentPrice, vm.checkout.cart.currencyCode))))),
|
|
29764
|
-
rightContent: (createElement("div", { className: styles$
|
|
29759
|
+
rightContent: (createElement("div", { className: styles$d.Right }, formatMoney(i.totalPrice, vm.checkout.cart.currencyCode))),
|
|
29765
29760
|
}); })) || [];
|
|
29766
29761
|
return (createElement(Fragment, null,
|
|
29767
29762
|
createElement("div", { className: commonStyles.FormSectionTitle },
|
|
29768
29763
|
createElement("div", { className: [commonStyles.Title].join(" ") }, "Taksit Se\u00E7enekleri")),
|
|
29769
|
-
createElement("div", { className: styles$
|
|
29764
|
+
createElement("div", { className: styles$d.Installments },
|
|
29770
29765
|
createElement(ExpandableList, { options: expandableListOptionsInstallment, selectedIndex: vm.selectedInstallmentIndex, onRowSelect: function (index) {
|
|
29771
29766
|
var _a;
|
|
29772
29767
|
return vm.setInstallmentCount((_a = vm.installmentInfo) === null || _a === void 0 ? void 0 : _a.installmentPrices[index].installmentCount);
|
|
@@ -29789,8 +29784,8 @@ var PaymentGateways = observer(function (_a) {
|
|
|
29789
29784
|
createElement(CreditCardForm, { vm: vm }),
|
|
29790
29785
|
vm.installmentInfo && createElement(Installments, { vm: vm }))) : pg.description ? (createElement("div", null, pg.description)) : undefined,
|
|
29791
29786
|
rightContent: (createElement(PaymentMethodLogos, null, pg.paymentMethods.map(function (pm, index) {
|
|
29792
|
-
return pm.logoUrl ? (createElement("div", { className: styles$
|
|
29793
|
-
createElement("img", { src: pm.logoUrl }))) : (createElement("div", { className: styles$
|
|
29787
|
+
return pm.logoUrl ? (createElement("div", { className: styles$c.PaymentLogoContainer, key: index },
|
|
29788
|
+
createElement("img", { src: pm.logoUrl }))) : (createElement("div", { className: styles$c.PaymentLogoContainer, key: index }));
|
|
29794
29789
|
}))),
|
|
29795
29790
|
}); });
|
|
29796
29791
|
return (createElement(Fragment, null,
|
|
@@ -29822,7 +29817,7 @@ var BillingAddress = observer(function (_a) {
|
|
|
29822
29817
|
leftContent: createElement("div", null, "Farkl\u0131 bir fatura adresi kullan"),
|
|
29823
29818
|
expandContent: (createElement(Fragment, null,
|
|
29824
29819
|
!!vm.customerStore.customer &&
|
|
29825
|
-
!!vm.customerStore.customer.addresses.length && (createElement("div", { className: styles$
|
|
29820
|
+
!!vm.customerStore.customer.addresses.length && (createElement("div", { className: styles$3.RowPB },
|
|
29826
29821
|
createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedBillingAddressId, onChange: vm.onSelectedBillingAddressIdChange, options: vm.customerAddressOptions }))),
|
|
29827
29822
|
createElement(AddressForm$1, { vm: vm, address: vm.checkout.billingAddress, customer: vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, validationResult: vm.checkout.billingAddress.validationResult, isBilling: true }))),
|
|
29828
29823
|
},
|
|
@@ -29834,9 +29829,9 @@ var BillingAddress = observer(function (_a) {
|
|
|
29834
29829
|
createElement(ExpandableList, { options: expandableListOptionsBilling.get(), selectedIndex: selectedBillingRowIndex, onRowSelect: onSelectedBillingRowIndexChange })));
|
|
29835
29830
|
});
|
|
29836
29831
|
|
|
29837
|
-
var css_248z$
|
|
29838
|
-
var styles$
|
|
29839
|
-
styleInject(css_248z$
|
|
29832
|
+
var css_248z$f = ".style-module_StepPayment__3STxe {\n margin-top: 1em; }\n .style-module_StepPayment__3STxe .style-module_TermsLabelSpan__35xVC {\n text-decoration: underline; }\n";
|
|
29833
|
+
var styles$e = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC"};
|
|
29834
|
+
styleInject(css_248z$f);
|
|
29840
29835
|
|
|
29841
29836
|
var CheckoutStepPayment = observer(function (_a) {
|
|
29842
29837
|
var vm = _a.vm;
|
|
@@ -29845,7 +29840,7 @@ var CheckoutStepPayment = observer(function (_a) {
|
|
|
29845
29840
|
vm.policyModalTitle = "Mesafeli Satış Sözleşmesi";
|
|
29846
29841
|
vm.policyModalText = vm.termsOfService;
|
|
29847
29842
|
};
|
|
29848
|
-
return (createElement("div", { className: [styles$
|
|
29843
|
+
return (createElement("div", { className: [styles$e.StepPayment, commonStyles.FormContainer].join(" ") },
|
|
29849
29844
|
createElement(InfoBox, { vm: vm, showShipping: true }),
|
|
29850
29845
|
createElement(PaymentGateways, { vm: vm }),
|
|
29851
29846
|
createElement(BillingAddress, { vm: vm }),
|
|
@@ -29855,34 +29850,34 @@ var CheckoutStepPayment = observer(function (_a) {
|
|
|
29855
29850
|
createElement(FormItem, { type: FormItemType.TEXT_AREA, label: "", value: vm.checkout.note || "", onChange: vm.onCheckoutNoteChange }))),
|
|
29856
29851
|
vm.checkoutSettings.showTermsAndConditionsCheckbox && (createElement("div", { style: { marginTop: "12px" } },
|
|
29857
29852
|
createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, hasError: vm.isErrorsVisible && !vm.isTermsAndConditionsChecked, label: createElement(Fragment, null,
|
|
29858
|
-
createElement("span", { className: styles$
|
|
29853
|
+
createElement("span", { className: styles$e.TermsLabelSpan, onClick: onShowTermsClick }, "Mesafeli sat\u0131\u015F s\u00F6zle\u015Fmesini"),
|
|
29859
29854
|
" ",
|
|
29860
29855
|
"okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange }))),
|
|
29861
29856
|
createElement(StepActionButtons, { mainBtnText: "Şimdi öde", mainBtnOnClick: vm.performPayment, backBtnText: "Kargoya Geri Dön", backBtnOnClick: vm.onBackToShippingClick, isLoading: vm.isStepLoading })));
|
|
29862
29857
|
});
|
|
29863
29858
|
|
|
29864
|
-
var css_248z$
|
|
29865
|
-
var styles$
|
|
29866
|
-
styleInject(css_248z$
|
|
29859
|
+
var css_248z$g = ".style-module_CheckoutItem__2JjSt {\n display: flex;\n width: 100%;\n padding: 2em 0; }\n .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG {\n flex: 0 0 auto;\n width: 64px;\n height: 64px;\n position: relative;\n margin-right: 1em; }\n .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Image__w2Q_P {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n border: 1px solid #d9d9d9; }\n .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Quantity__2lxki {\n width: 20px;\n height: 20px;\n border-radius: 10px;\n position: absolute;\n top: -8px;\n right: -8px;\n background-color: #737373;\n color: white;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2;\n font-size: 0.7em; }\n .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX {\n flex: 1 1 auto;\n margin-right: 1em; }\n .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_Name__nPgw1 {\n font-size: 0.8em;\n font-weight: 500;\n color: #111111; }\n .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_VariantName__317OV {\n font-size: 0.8em;\n color: #737373; }\n .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n flex: 0 0 auto;\n font-size: 0.8em;\n height: 64px;\n display: flex;\n align-items: center; }\n @media only screen and (min-width: 1000px) {\n .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_Name__nPgw1 {\n font-size: 1em; }\n .style-module_CheckoutItem__2JjSt .style-module_Info__vt8mX .style-module_VariantName__317OV {\n font-size: 0.9em; }\n .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n font-size: 0.9em; } }\n";
|
|
29860
|
+
var styles$f = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Quantity":"style-module_Quantity__2lxki","Info":"style-module_Info__vt8mX","Name":"style-module_Name__nPgw1","VariantName":"style-module_VariantName__317OV","Price":"style-module_Price__1Vw31"};
|
|
29861
|
+
styleInject(css_248z$g);
|
|
29867
29862
|
|
|
29868
29863
|
var CartItem = observer(function (_a) {
|
|
29869
29864
|
var _b;
|
|
29870
29865
|
var currencyCode = _a.currencyCode, cartItem = _a.cartItem;
|
|
29871
|
-
return (createElement("div", { className: styles$
|
|
29872
|
-
createElement("div", { className: styles$
|
|
29873
|
-
createElement("img", { className: styles$
|
|
29874
|
-
createElement("div", { className: styles$
|
|
29875
|
-
createElement("div", { className: styles$
|
|
29876
|
-
createElement("div", { className: styles$
|
|
29877
|
-
createElement("div", { className: styles$
|
|
29866
|
+
return (createElement("div", { className: styles$f.CheckoutItem },
|
|
29867
|
+
createElement("div", { className: styles$f.ImageContainer },
|
|
29868
|
+
createElement("img", { className: styles$f.Image, src: (_b = cartItem.variant.mainImage) === null || _b === void 0 ? void 0 : _b.thumbnailSrc }),
|
|
29869
|
+
createElement("div", { className: styles$f.Quantity }, cartItem.quantity)),
|
|
29870
|
+
createElement("div", { className: styles$f.Info },
|
|
29871
|
+
createElement("div", { className: styles$f.Name }, cartItem.variant.name),
|
|
29872
|
+
createElement("div", { className: styles$f.VariantName }, cartItem.variant.variantValues
|
|
29878
29873
|
.map(function (vv) { return vv.variantValueName; })
|
|
29879
29874
|
.join(", "))),
|
|
29880
|
-
createElement("div", { className: styles$
|
|
29875
|
+
createElement("div", { className: styles$f.Price }, formatMoney(cartItem.finalPriceWithQuantity, currencyCode))));
|
|
29881
29876
|
});
|
|
29882
29877
|
|
|
29883
|
-
var css_248z$
|
|
29884
|
-
var styles$
|
|
29885
|
-
styleInject(css_248z$
|
|
29878
|
+
var css_248z$h = ".style-module_CartSummary__30RcF {\n background-color: #FAFAFA;\n padding: 0 0.7em;\n overflow: hidden;\n border-bottom: 1px solid #d9d9d9; }\n .style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n border-top: 1px solid #d9d9d9; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 56px;\n padding: 0 1em;\n width: calc(100% + 1.4em);\n margin-left: -0.7em;\n border-bottom: 1px solid transparent;\n transition: border-bottom .3s;\n user-select: none; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n display: flex;\n align-items: center;\n font-size: 0.8em; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_Label__3E7LF {\n margin-left: 0.5em; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d {\n transition: all .3s; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n transform: rotate(-180deg); }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n font-weight: 500; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA.style-module_Expanded__3VBL2 {\n border-bottom: 1px solid #d9d9d9; }\n .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n overflow: hidden;\n width: 100%;\n transition: height .3s ease-in-out; }\n .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n overflow: hidden; }\n .style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n width: 100%;\n height: 1px;\n margin: auto;\n background-color: #d9d9d9; }\n .style-module_CartSummary__30RcF .style-module_CouponContainer__1zCXG {\n padding: 1.2em 0.1em;\n border-bottom: 1px solid #d9d9d9; }\n .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA {\n display: flex; }\n .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 {\n display: inline-flex;\n align-items: center;\n padding: 0.65em;\n margin-top: 0.85em;\n color: #333333;\n background-color: rgba(113, 113, 113, 0.11);\n user-select: none;\n border-radius: 6px; }\n .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_AppliedCouponCode__2o7pn {\n margin-left: 0.25em;\n margin-right: 0.25em;\n font-weight: 500;\n position: relative;\n top: -1px; }\n .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d {\n color: #545454;\n cursor: pointer;\n position: relative;\n bottom: -1px; }\n .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d:hover {\n color: #333333; }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n padding: 1.2em 0;\n border-bottom: 1px solid #d9d9d9; }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.3em; }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n color: #545454;\n font-size: 0.8em; }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n font-size: 0.8em; }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n margin-bottom: 0; }\n .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1.5em 0; }\n .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n font-size: 1em; }\n .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Tax__17g6O {\n font-size: 0.8em;\n color: #545454; }\n .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n font-size: 1.5em;\n font-weight: 500; }\n @media only screen and (min-width: 1000px) {\n .style-module_CartSummary__30RcF {\n border-bottom: none; }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF,\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n font-size: 0.9em; } }\n";
|
|
29879
|
+
var styles$g = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Label":"style-module_Label__3E7LF","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","Price":"style-module_Price__sosrJ","Expanded":"style-module_Expanded__3VBL2","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","CouponContainer":"style-module_CouponContainer__1zCXG","Coupon":"style-module_Coupon__3pdQA","AppliedCoupon":"style-module_AppliedCoupon__37qv8","AppliedCouponCode":"style-module_AppliedCouponCode__2o7pn","Cross":"style-module_Cross__2dc3d","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Value":"style-module_Value__3mBvk","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","Tax":"style-module_Tax__17g6O","TotalPrice":"style-module_TotalPrice__2s7DC"};
|
|
29880
|
+
styleInject(css_248z$h);
|
|
29886
29881
|
|
|
29887
29882
|
var SVGArrowDown = function (_a) {
|
|
29888
29883
|
var className = _a.className;
|
|
@@ -29935,13 +29930,13 @@ var CartSummary = observer(function (_a) {
|
|
|
29935
29930
|
? "Sipariş özetini gizle"
|
|
29936
29931
|
: "Sipariş özetini göster";
|
|
29937
29932
|
var cartSummaryClasses = [
|
|
29938
|
-
styles$
|
|
29939
|
-
isExpanded ? styles$
|
|
29940
|
-
allowExpand ? styles$
|
|
29933
|
+
styles$g.CartSummary,
|
|
29934
|
+
isExpanded ? styles$g.Visible : "",
|
|
29935
|
+
allowExpand ? styles$g.AllowExpand : "",
|
|
29941
29936
|
].join(" ");
|
|
29942
29937
|
var expandHeaderClasses = [
|
|
29943
|
-
styles$
|
|
29944
|
-
isExpanded ? styles$
|
|
29938
|
+
styles$g.ExpandHeader,
|
|
29939
|
+
isExpanded ? styles$g.Expanded : "",
|
|
29945
29940
|
].join(" ");
|
|
29946
29941
|
var detailsContainerStyle = allowExpand
|
|
29947
29942
|
? {
|
|
@@ -29949,55 +29944,55 @@ var CartSummary = observer(function (_a) {
|
|
|
29949
29944
|
}
|
|
29950
29945
|
: {};
|
|
29951
29946
|
var arrowDownClasses = [
|
|
29952
|
-
styles$
|
|
29953
|
-
isExpanded ? styles$
|
|
29947
|
+
styles$g.ArrowDown,
|
|
29948
|
+
isExpanded ? styles$g.Rotated : "",
|
|
29954
29949
|
].join(" ");
|
|
29955
29950
|
if (!cart)
|
|
29956
29951
|
return null;
|
|
29957
29952
|
return (createElement("div", { className: cartSummaryClasses },
|
|
29958
29953
|
!!allowExpand && (createElement("div", { className: expandHeaderClasses, onClick: function () { return setExpanded(!isExpanded); } },
|
|
29959
|
-
createElement("div", { className: styles$
|
|
29954
|
+
createElement("div", { className: styles$g.Left },
|
|
29960
29955
|
createElement(SVGShoppingBag, null),
|
|
29961
|
-
createElement("span", { className: styles$
|
|
29956
|
+
createElement("span", { className: styles$g.Label }, expandHeaderLabel),
|
|
29962
29957
|
createElement("div", { className: arrowDownClasses },
|
|
29963
29958
|
createElement(SVGArrowDown, null))),
|
|
29964
|
-
createElement("div", { className: styles$
|
|
29965
|
-
createElement("div", { className: styles$
|
|
29966
|
-
createElement("div", { className: styles$
|
|
29959
|
+
createElement("div", { className: styles$g.Price }, formatMoney(vm.finalPrice, cart.currencyCode)))),
|
|
29960
|
+
createElement("div", { className: styles$g.DetailsContainer, style: detailsContainerStyle },
|
|
29961
|
+
createElement("div", { className: styles$g.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
|
|
29967
29962
|
cart.items.map(function (item, index) { return (createElement("div", { key: index },
|
|
29968
29963
|
createElement(CartItem, { cartItem: item, currencyCode: cart.currencyCode }),
|
|
29969
|
-
createElement("div", { className: styles$
|
|
29964
|
+
createElement("div", { className: styles$g.Divider }))); }),
|
|
29970
29965
|
createElement(Coupon, { vm: vm }),
|
|
29971
|
-
createElement("div", { className: styles$
|
|
29972
|
-
createElement("div", { className: styles$
|
|
29973
|
-
createElement("div", { className: styles$
|
|
29974
|
-
createElement("div", { className: styles$
|
|
29975
|
-
!!((_b = checkout.shippingLines) === null || _b === void 0 ? void 0 : _b.length) && (createElement("div", { className: styles$
|
|
29976
|
-
createElement("div", { className: styles$
|
|
29977
|
-
createElement("div", { className: styles$
|
|
29966
|
+
createElement("div", { className: styles$g.SubTotalInfo },
|
|
29967
|
+
createElement("div", { className: styles$g.InfoRow },
|
|
29968
|
+
createElement("div", { className: styles$g.Label }, "Alt Toplam"),
|
|
29969
|
+
createElement("div", { className: styles$g.Value }, formatMoney(cart.totalPrice, cart.currencyCode))),
|
|
29970
|
+
!!((_b = checkout.shippingLines) === null || _b === void 0 ? void 0 : _b.length) && (createElement("div", { className: styles$g.InfoRow },
|
|
29971
|
+
createElement("div", { className: styles$g.Label }, "Kargo"),
|
|
29972
|
+
createElement("div", { className: styles$g.Value }, checkout.shippingTotal
|
|
29978
29973
|
? formatMoney(checkout.shippingTotal, cart.currencyCode)
|
|
29979
29974
|
: "Ücretsiz"))),
|
|
29980
|
-
!!vm.installmentExtraPrice && (createElement("div", { className: styles$
|
|
29981
|
-
createElement("div", { className: styles$
|
|
29982
|
-
createElement("div", { className: styles$
|
|
29983
|
-
sortBy_1(vm.checkout.adjustments || [], "order").map(function (adjustment, index) { return (createElement("div", { className: styles$
|
|
29984
|
-
createElement("div", { className: styles$
|
|
29985
|
-
createElement("div", { className: styles$
|
|
29975
|
+
!!vm.installmentExtraPrice && (createElement("div", { className: styles$g.InfoRow },
|
|
29976
|
+
createElement("div", { className: styles$g.Label }, "Vade Fark\u0131"),
|
|
29977
|
+
createElement("div", { className: styles$g.Value }, formatMoney(vm.installmentExtraPrice, cart.currencyCode)))),
|
|
29978
|
+
sortBy_1(vm.checkout.adjustments || [], "order").map(function (adjustment, index) { return (createElement("div", { className: styles$g.InfoRow, key: index },
|
|
29979
|
+
createElement("div", { className: styles$g.Label }, adjustment.name),
|
|
29980
|
+
createElement("div", { className: styles$g.Value },
|
|
29986
29981
|
createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
|
|
29987
29982
|
" ",
|
|
29988
29983
|
createElement("span", null, formatMoney(adjustment.amount, cart.currencyCode))))); }),
|
|
29989
|
-
(((_c = vm.selectedPaymentGateway) === null || _c === void 0 ? void 0 : _c.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || []).map(function (adjustment, index) { return (createElement("div", { className: styles$
|
|
29990
|
-
createElement("div", { className: styles$
|
|
29991
|
-
createElement("div", { className: styles$
|
|
29984
|
+
(((_c = vm.selectedPaymentGateway) === null || _c === void 0 ? void 0 : _c.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || []).map(function (adjustment, index) { return (createElement("div", { className: styles$g.InfoRow, key: index },
|
|
29985
|
+
createElement("div", { className: styles$g.Label }, adjustment.name),
|
|
29986
|
+
createElement("div", { className: styles$g.Value },
|
|
29992
29987
|
createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
|
|
29993
29988
|
" ",
|
|
29994
29989
|
createElement("span", null, formatMoney(adjustment.amount, cart.currencyCode))))); })),
|
|
29995
|
-
createElement("div", { className: styles$
|
|
29996
|
-
createElement("div", { className: styles$
|
|
29997
|
-
createElement("div", { className: styles$
|
|
29998
|
-
!!(cart === null || cart === void 0 ? void 0 : cart.totalTax) && (createElement("div", { className: styles$
|
|
29990
|
+
createElement("div", { className: styles$g.TotalContainer },
|
|
29991
|
+
createElement("div", { className: styles$g.TitleContainer },
|
|
29992
|
+
createElement("div", { className: styles$g.Title }, "Toplam"),
|
|
29993
|
+
!!(cart === null || cart === void 0 ? void 0 : cart.totalTax) && (createElement("div", { className: styles$g.Tax }, formatMoney(cart.totalTax, cart.currencyCode) +
|
|
29999
29994
|
" vergi dahil"))),
|
|
30000
|
-
createElement("div", { className: styles$
|
|
29995
|
+
createElement("div", { className: styles$g.TotalPrice }, formatMoney(vm.finalPrice, cart.currencyCode)))))));
|
|
30001
29996
|
});
|
|
30002
29997
|
var Coupon = observer(function (_a) {
|
|
30003
29998
|
var vm = _a.vm;
|
|
@@ -30034,34 +30029,34 @@ var Coupon = observer(function (_a) {
|
|
|
30034
30029
|
}); };
|
|
30035
30030
|
if (vm.step === CheckoutStep.SUCCESS)
|
|
30036
30031
|
return null;
|
|
30037
|
-
return (createElement("div", { className: styles$
|
|
30038
|
-
createElement("div", { className: styles$
|
|
30032
|
+
return (createElement("div", { className: styles$g.CouponContainer },
|
|
30033
|
+
createElement("div", { className: styles$g.Coupon },
|
|
30039
30034
|
createElement(FormItem, { type: FormItemType.TEXT, label: "Hediye kartı veya indirim kodu", value: couponCode, onChange: function (value) { return setCouponCode(value); } }),
|
|
30040
30035
|
createElement(Button, { text: "Uygula", onClick: onCouponApply, isDisabled: !couponCode, isLoading: isLoadingCoupon, size: "medium", style: { marginLeft: "0.5em", maxWidth: "80px" } })),
|
|
30041
|
-
!!vm.checkout.appliedCouponCode && (createElement("div", { className: styles$
|
|
30036
|
+
!!vm.checkout.appliedCouponCode && (createElement("div", { className: styles$g.AppliedCoupon },
|
|
30042
30037
|
createElement(SVGTag, null),
|
|
30043
|
-
createElement("div", { className: styles$
|
|
30044
|
-
createElement("div", { className: styles$
|
|
30038
|
+
createElement("div", { className: styles$g.AppliedCouponCode }, vm.checkout.appliedCouponCode),
|
|
30039
|
+
createElement("div", { className: styles$g.Cross, onClick: onClearCouponCode },
|
|
30045
30040
|
createElement(SVGCross, null))))));
|
|
30046
30041
|
});
|
|
30047
30042
|
|
|
30048
|
-
var css_248z$
|
|
30049
|
-
var styles$
|
|
30050
|
-
styleInject(css_248z$
|
|
30043
|
+
var css_248z$i = ".style-module_Breadcrumbs__1jIPZ {\n display: flex;\n align-items: center;\n padding: 0 0.7em; }\n .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 {\n font-size: 0.8em;\n padding: 1em 0;\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n color: #545454; }\n .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 .style-module_icon__3Rq6w {\n transform: rotate(180deg); }\n .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3.style-module_Active__3KwX8 {\n color: #111111;\n font-weight: 500; }\n";
|
|
30044
|
+
var styles$h = {"Breadcrumbs":"style-module_Breadcrumbs__1jIPZ","Breadcrumb":"style-module_Breadcrumb__2qdy3","icon":"style-module_icon__3Rq6w","Active":"style-module_Active__3KwX8"};
|
|
30045
|
+
styleInject(css_248z$i);
|
|
30051
30046
|
|
|
30052
30047
|
var Breadcrumbs = observer(function (_a) {
|
|
30053
30048
|
var vm = _a.vm;
|
|
30054
|
-
var infoClasses = [styles$
|
|
30055
|
-
var shippingClasses = [styles$
|
|
30056
|
-
var paymentClasses = [styles$
|
|
30049
|
+
var infoClasses = [styles$h.Breadcrumb];
|
|
30050
|
+
var shippingClasses = [styles$h.Breadcrumb];
|
|
30051
|
+
var paymentClasses = [styles$h.Breadcrumb];
|
|
30057
30052
|
if (vm.step === CheckoutStep.INFO) {
|
|
30058
|
-
infoClasses.push(styles$
|
|
30053
|
+
infoClasses.push(styles$h.Active);
|
|
30059
30054
|
}
|
|
30060
30055
|
if (vm.step === CheckoutStep.SHIPPING) {
|
|
30061
|
-
shippingClasses.push(styles$
|
|
30056
|
+
shippingClasses.push(styles$h.Active);
|
|
30062
30057
|
}
|
|
30063
30058
|
if (vm.step === CheckoutStep.PAYMENT) {
|
|
30064
|
-
paymentClasses.push(styles$
|
|
30059
|
+
paymentClasses.push(styles$h.Active);
|
|
30065
30060
|
}
|
|
30066
30061
|
var onShippingClick = function () {
|
|
30067
30062
|
try {
|
|
@@ -30072,18 +30067,18 @@ var Breadcrumbs = observer(function (_a) {
|
|
|
30072
30067
|
}
|
|
30073
30068
|
catch (err) { }
|
|
30074
30069
|
};
|
|
30075
|
-
return (createElement("div", { className: styles$
|
|
30076
|
-
createElement("div", { className: styles$
|
|
30070
|
+
return (createElement("div", { className: styles$h.Breadcrumbs },
|
|
30071
|
+
createElement("div", { className: styles$h.Breadcrumb, onClick: vm.onGoToCartClick },
|
|
30077
30072
|
createElement("span", null, "Sepet"),
|
|
30078
|
-
createElement("span", { className: styles$
|
|
30073
|
+
createElement("span", { className: styles$h.icon },
|
|
30079
30074
|
createElement(SVGArrowLeft, null))),
|
|
30080
30075
|
createElement("div", { className: infoClasses.join(" "), onClick: vm.onBackToInfoClick },
|
|
30081
30076
|
createElement("span", null, "Bilgi"),
|
|
30082
|
-
createElement("span", { className: styles$
|
|
30077
|
+
createElement("span", { className: styles$h.icon },
|
|
30083
30078
|
createElement(SVGArrowLeft, null))),
|
|
30084
30079
|
createElement("div", { className: shippingClasses.join(" "), onClick: onShippingClick },
|
|
30085
30080
|
createElement("span", null, "Kargo"),
|
|
30086
|
-
createElement("span", { className: styles$
|
|
30081
|
+
createElement("span", { className: styles$h.icon },
|
|
30087
30082
|
createElement(SVGArrowLeft, null))),
|
|
30088
30083
|
createElement("div", { className: paymentClasses.join(" "), onClick: vm.onProceedToPaymentClick },
|
|
30089
30084
|
createElement("span", null, "\u00D6deme"))));
|
|
@@ -30096,9 +30091,9 @@ var SVGHamburger = function (_a) {
|
|
|
30096
30091
|
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" })));
|
|
30097
30092
|
};
|
|
30098
30093
|
|
|
30099
|
-
var css_248z$
|
|
30100
|
-
var styles$
|
|
30101
|
-
styleInject(css_248z$
|
|
30094
|
+
var css_248z$j = ".style-module_ErrorContainer__3sK_- {\n width: calc(100% - 1.4em);\n padding: 1em;\n margin: 0 0.7em;\n background-color: rgba(255, 109, 109, 0.2);\n border-radius: 6px;\n margin-bottom: 1em;\n color: #ff6d6d;\n padding-bottom: 0;\n margin-top: 0.7em; }\n .style-module_ErrorContainer__3sK_- .style-module_Header__SyLrb {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-bottom: 1em; }\n .style-module_ErrorContainer__3sK_- .style-module_Header__SyLrb .style-module_Close__12wrg {\n padding: 0.2em 0;\n cursor: pointer; }\n .style-module_ErrorContainer__3sK_- .style-module_Body__3XZo- {\n width: 100%;\n padding: 1em 0;\n border-top: 1px solid rgba(255, 109, 109, 0.4); }\n";
|
|
30095
|
+
var styles$i = {"ErrorContainer":"style-module_ErrorContainer__3sK_-","Header":"style-module_Header__SyLrb","Close":"style-module_Close__12wrg","Body":"style-module_Body__3XZo-"};
|
|
30096
|
+
styleInject(css_248z$j);
|
|
30102
30097
|
|
|
30103
30098
|
var ErrorContainer = observer(function (_a) {
|
|
30104
30099
|
var children = _a.children, onClose = _a.onClose;
|
|
@@ -30107,24 +30102,24 @@ var ErrorContainer = observer(function (_a) {
|
|
|
30107
30102
|
if (elem)
|
|
30108
30103
|
elem.scrollTop = 0;
|
|
30109
30104
|
});
|
|
30110
|
-
return (createElement("div", { id: "checkoutError", className: styles$
|
|
30111
|
-
createElement("div", { className: styles$
|
|
30105
|
+
return (createElement("div", { id: "checkoutError", className: styles$i.ErrorContainer },
|
|
30106
|
+
createElement("div", { className: styles$i.Header },
|
|
30112
30107
|
createElement("span", null, "Hata!"),
|
|
30113
|
-
createElement("div", { className: styles$
|
|
30108
|
+
createElement("div", { className: styles$i.Close, onClick: onClose },
|
|
30114
30109
|
createElement(SVGHamburger, null))),
|
|
30115
|
-
!!children && createElement("div", { className: styles$
|
|
30110
|
+
!!children && createElement("div", { className: styles$i.Body }, children)));
|
|
30116
30111
|
});
|
|
30117
30112
|
|
|
30118
|
-
var css_248z$
|
|
30119
|
-
var styles$
|
|
30120
|
-
styleInject(css_248z$
|
|
30113
|
+
var css_248z$k = ".style-module_Product__2LsSV {\n padding-bottom: 1em; }\n .style-module_Product__2LsSV .style-module_Stock__1xKk6 {\n font-size: 0.9em; }\n";
|
|
30114
|
+
var styles$j = {"Product":"style-module_Product__2LsSV","Stock":"style-module_Stock__1xKk6"};
|
|
30115
|
+
styleInject(css_248z$k);
|
|
30121
30116
|
|
|
30122
30117
|
var StockError = observer(function (_a) {
|
|
30123
30118
|
var error = _a.error, onClose = _a.onClose;
|
|
30124
30119
|
var data = error.data;
|
|
30125
30120
|
return (createElement(ErrorContainer, { onClose: onClose },
|
|
30126
30121
|
createElement("div", null, "Sat\u0131n almak istedi\u011Finiz baz\u0131 \u00FCr\u00FCnlerin stok say\u0131s\u0131 yetersizdir."),
|
|
30127
|
-
createElement("div", { style: { marginTop: "1em" } }, data.map(function (d, index) { return (createElement("div", { className: styles$
|
|
30122
|
+
createElement("div", { style: { marginTop: "1em" } }, data.map(function (d, index) { return (createElement("div", { className: styles$j.Product, key: index },
|
|
30128
30123
|
createElement("div", null, d.variant.name))); }))));
|
|
30129
30124
|
});
|
|
30130
30125
|
|
|
@@ -30384,9 +30379,9 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
30384
30379
|
return IkasCartStore;
|
|
30385
30380
|
}());
|
|
30386
30381
|
|
|
30387
|
-
var css_248z$
|
|
30388
|
-
var styles$
|
|
30389
|
-
styleInject(css_248z$
|
|
30382
|
+
var css_248z$l = ".style-module_StepSuccess__36Zg4 .style-module_SuccessTitle__2cVxj {\n font-size: 2em;\n font-weight: 400;\n margin-bottom: 0.3em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n color: #737373;\n margin: auto;\n margin-bottom: 2em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 {\n display: flex;\n align-items: center;\n margin-bottom: 2em; }\n .style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 .style-module_OrderNumber__1A_xg {\n font-weight: bold;\n margin-left: 0.4em; }\n\n.style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 3em;\n margin-bottom: 2em; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTitle__2Whku {\n font-weight: 500;\n margin-bottom: 0.2em; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoText__1LHFw {\n color: #737373;\n letter-spacing: 0.02em; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTextBold__21977 {\n font-weight: 500;\n color: #737373; }\n\n.style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n width: 100%;\n display: flex;\n margin: auto; }\n\n@media only screen and (max-width: 1000px) {\n .style-module_StepSuccess__36Zg4 {\n text-align: center;\n margin-top: 3em; }\n .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n max-width: 400px; }\n .style-module_StepSuccess__36Zg4 .style-module_OrderNumberContainer__1TWG3 {\n justify-content: center; }\n .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n justify-content: center;\n max-width: 400px; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n grid-template-columns: 1fr;\n grid-gap: 1.5em; } }\n";
|
|
30383
|
+
var styles$k = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","OrderNumberContainer":"style-module_OrderNumberContainer__1TWG3","OrderNumber":"style-module_OrderNumber__1A_xg","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","Actions":"style-module_Actions__3ZXaJ"};
|
|
30384
|
+
styleInject(css_248z$l);
|
|
30390
30385
|
|
|
30391
30386
|
var StepSuccess = observer(function (_a) {
|
|
30392
30387
|
var _b, _c, _d;
|
|
@@ -30399,28 +30394,28 @@ var StepSuccess = observer(function (_a) {
|
|
|
30399
30394
|
var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
|
|
30400
30395
|
" " +
|
|
30401
30396
|
(((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.lastName) || "");
|
|
30402
|
-
return (createElement("div", { className: [styles$
|
|
30403
|
-
createElement("div", { className: styles$
|
|
30404
|
-
createElement("div", { className: styles$
|
|
30397
|
+
return (createElement("div", { className: [styles$k.StepSuccess, commonStyles.FormContainer].join(" ") },
|
|
30398
|
+
createElement("div", { className: styles$k.SuccessTitle }, "Sipari\u015Finiz i\u00E7in te\u015Fekk\u00FCr ederiz!"),
|
|
30399
|
+
createElement("div", { className: styles$k.SuccessSubTitle },
|
|
30405
30400
|
"Sevgili ",
|
|
30406
30401
|
customerName,
|
|
30407
30402
|
", sipari\u015Finiz bize ula\u015Fm\u0131\u015Ft\u0131r. Sipari\u015Finiz kargoya verildi\u011Finde sizi e-posta ile bilgilendirece\u011Fiz."),
|
|
30408
|
-
createElement("div", { className: styles$
|
|
30403
|
+
createElement("div", { className: styles$k.InfoGrid },
|
|
30409
30404
|
createElement("div", null,
|
|
30410
|
-
createElement("div", { className: styles$
|
|
30411
|
-
createElement("div", { className: styles$
|
|
30412
|
-
createElement("div", { className: styles$
|
|
30405
|
+
createElement("div", { className: styles$k.InfoTitle }, "Sipari\u015F No / Tarih"),
|
|
30406
|
+
createElement("div", { className: styles$k.InfoText }, "#" + (vm.checkout.orderNumber || "")),
|
|
30407
|
+
createElement("div", { className: styles$k.InfoText }, vm.checkout.dateStr)),
|
|
30413
30408
|
createElement("div", null,
|
|
30414
|
-
createElement("div", { className: styles$
|
|
30415
|
-
createElement("div", { className: styles$
|
|
30416
|
-
createElement("div", { className: styles$
|
|
30417
|
-
createElement("div", { className: styles$
|
|
30409
|
+
createElement("div", { className: styles$k.InfoTitle }, "\u0130leti\u015Fim Bilgileri"),
|
|
30410
|
+
createElement("div", { className: styles$k.InfoText }, (_d = vm.checkout.customer) === null || _d === void 0 ? void 0 : _d.email),
|
|
30411
|
+
createElement("div", { className: styles$k.InfoText }, customerName))),
|
|
30412
|
+
createElement("div", { className: styles$k.Actions },
|
|
30418
30413
|
createElement(Button, { text: "Alışverişe Dön", onClick: vm.onBackToShoppingClick }))));
|
|
30419
30414
|
});
|
|
30420
30415
|
|
|
30421
|
-
var css_248z$
|
|
30422
|
-
var styles$
|
|
30423
|
-
styleInject(css_248z$
|
|
30416
|
+
var css_248z$m = ".style-module_PolicyModal__3GidE {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(6px);\n z-index: 9999;\n display: flex;\n justify-content: center;\n align-items: center; }\n .style-module_PolicyModal__3GidE .style-module_Modal__2xsde {\n border-radius: 8px;\n background-color: white;\n color: #545454;\n min-width: 400px;\n max-width: 750px;\n max-height: 90%;\n display: flex;\n flex-direction: column;\n overflow: hidden; }\n .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 {\n flex: 0 0 auto;\n padding: 1.5em;\n font-size: 1.2em;\n border-bottom: 1px solid #d9d9d9;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 .style-module_CloseButton__1loXc {\n cursor: pointer; }\n .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalContent__271So {\n flex: 1 1 auto;\n padding: 1.5em;\n overflow-y: auto; }\n @media only screen and (max-width: 1000px) {\n .style-module_PolicyModal__3GidE .style-module_Modal__2xsde {\n max-width: unset;\n max-height: unset;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 0; }\n .style-module_PolicyModal__3GidE .style-module_Modal__2xsde .style-module_ModalHeader__3tVz1 {\n padding: 1.5em; } }\n";
|
|
30417
|
+
var styles$l = {"PolicyModal":"style-module_PolicyModal__3GidE","Modal":"style-module_Modal__2xsde","ModalHeader":"style-module_ModalHeader__3tVz1","CloseButton":"style-module_CloseButton__1loXc","ModalContent":"style-module_ModalContent__271So"};
|
|
30418
|
+
styleInject(css_248z$m);
|
|
30424
30419
|
|
|
30425
30420
|
var PolicyModal = observer(function (_a) {
|
|
30426
30421
|
var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
|
|
@@ -30435,13 +30430,13 @@ var PolicyModal = observer(function (_a) {
|
|
|
30435
30430
|
document.removeEventListener("keydown", escFunction, false);
|
|
30436
30431
|
};
|
|
30437
30432
|
}, []);
|
|
30438
|
-
return (createElement("div", { className: styles$
|
|
30439
|
-
createElement("div", { className: styles$
|
|
30440
|
-
createElement("div", { className: styles$
|
|
30433
|
+
return (createElement("div", { className: styles$l.PolicyModal, onClick: onClose },
|
|
30434
|
+
createElement("div", { className: styles$l.Modal, onClick: function (e) { return e.stopPropagation(); } },
|
|
30435
|
+
createElement("div", { className: styles$l.ModalHeader },
|
|
30441
30436
|
createElement("div", null, title),
|
|
30442
|
-
createElement("div", { className: styles$
|
|
30437
|
+
createElement("div", { className: styles$l.CloseButton, onClick: onClose },
|
|
30443
30438
|
createElement(SVGHamburger, null))),
|
|
30444
|
-
createElement("div", { className: styles$
|
|
30439
|
+
createElement("div", { className: styles$l.ModalContent, dangerouslySetInnerHTML: { __html: modalContent } }))));
|
|
30445
30440
|
});
|
|
30446
30441
|
|
|
30447
30442
|
var CustomerLoginRequiredError = observer(function (_a) {
|
|
@@ -30545,25 +30540,25 @@ var IkasCheckoutPage = observer(function (_a) {
|
|
|
30545
30540
|
return null;
|
|
30546
30541
|
return (createElement(Fragment, null,
|
|
30547
30542
|
createElement(IkasPageHead, { pageTitle: (((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.merchantName) || "") + " - Güvenli Ödeme", description: "Güvenli ödeme" }),
|
|
30548
|
-
createElement("div", { id: "Checkout", className: styles$
|
|
30549
|
-
createElement("div", { className: styles$
|
|
30550
|
-
createElement("div", { className: styles$
|
|
30543
|
+
createElement("div", { id: "Checkout", className: styles$3.CheckoutPage },
|
|
30544
|
+
createElement("div", { className: styles$3.Left },
|
|
30545
|
+
createElement("div", { className: styles$3.LeftContent },
|
|
30551
30546
|
createElement("div", null,
|
|
30552
|
-
createElement("div", { className: styles$
|
|
30553
|
-
createElement("a", { href: "/" }, !!((_c = vm.merchantSettings) === null || _c === void 0 ? void 0 : _c.logoId) ? (createElement("div", { className: styles$
|
|
30547
|
+
createElement("div", { className: styles$3.Header },
|
|
30548
|
+
createElement("a", { href: "/" }, !!((_c = vm.merchantSettings) === null || _c === void 0 ? void 0 : _c.logoId) ? (createElement("div", { className: styles$3.Logo },
|
|
30554
30549
|
createElement(Image, { layout: "fill", image: vm.merchantSettings.logo, sizes: "64px" }))) : (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || ""))),
|
|
30555
30550
|
vm.step !== CheckoutStep.SUCCESS && createElement(Breadcrumbs, { vm: vm }),
|
|
30556
30551
|
!!vm.error && renderError(),
|
|
30557
|
-
createElement("div", { className: styles$
|
|
30552
|
+
createElement("div", { className: styles$3.MobileCartSummary },
|
|
30558
30553
|
createElement(CartSummary, { vm: vm, allowExpand: true })),
|
|
30559
30554
|
step,
|
|
30560
|
-
createElement("div", { className: styles$
|
|
30561
|
-
createElement("div", { className: styles$
|
|
30562
|
-
createElement("div", { className: styles$
|
|
30563
|
-
createElement("div", { className: styles$
|
|
30564
|
-
createElement("div", { className: styles$
|
|
30565
|
-
createElement("div", { className: styles$
|
|
30566
|
-
createElement("div", { className: styles$
|
|
30555
|
+
createElement("div", { className: styles$3.Space })),
|
|
30556
|
+
createElement("div", { className: styles$3.Footer },
|
|
30557
|
+
createElement("div", { className: styles$3.FooterItem, onClick: onReturnPolicyClick }, "Para iade politikas\u0131"),
|
|
30558
|
+
createElement("div", { className: styles$3.FooterItem, onClick: onPrivacyPolicyClick }, "Gizlilik politikas\u0131"),
|
|
30559
|
+
createElement("div", { className: styles$3.FooterItem, onClick: onTermsOfServiceClick }, "Hizmet \u015Fartlar\u0131")))),
|
|
30560
|
+
createElement("div", { className: styles$3.Right },
|
|
30561
|
+
createElement("div", { className: styles$3.RightContent },
|
|
30567
30562
|
createElement(CartSummary, { vm: vm }))),
|
|
30568
30563
|
!!vm.policyModalText && (createElement(PolicyModal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
|
|
30569
30564
|
});
|
|
@@ -31046,13 +31041,13 @@ var IkasPageEditor = observer(function () {
|
|
|
31046
31041
|
});
|
|
31047
31042
|
return (createElement(Fragment, null,
|
|
31048
31043
|
!!vm.page && (createElement(IkasPageHead, { pageTitle: vm.page.pageTitle, description: vm.page.description })),
|
|
31049
|
-
createElement("div", { style: pageStyle
|
|
31044
|
+
createElement("div", { style: pageStyle },
|
|
31050
31045
|
createElement("div", null,
|
|
31051
31046
|
!!headerPageComponent && (createElement(ThemeEditorComponent, { key: headerPageComponent.id, vm: vm, pageComponent: headerPageComponent })), others === null || others === void 0 ? void 0 :
|
|
31052
31047
|
others.map(function (pageComponent) { return (createElement(ThemeEditorComponent, { key: pageComponent.id, vm: vm, pageComponent: pageComponent })); })),
|
|
31053
31048
|
!!footerPageComponent && (createElement(ThemeEditorComponent, { key: footerPageComponent.id, vm: vm, pageComponent: footerPageComponent })))));
|
|
31054
31049
|
});
|
|
31055
|
-
var pageStyle
|
|
31050
|
+
var pageStyle = {
|
|
31056
31051
|
minHeight: "100vh",
|
|
31057
31052
|
width: "100vw",
|
|
31058
31053
|
display: "flex",
|