@ikas/storefront 0.0.167-alpha.2 → 0.0.167-alpha.3
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.css +0 -8
- package/build/index.es.css +0 -8
- package/build/index.es.js +275 -272
- package/build/index.js +275 -272
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -41462,8 +41462,6 @@ function createCategoryBreadcrumbSchema(category) {
|
|
|
41462
41462
|
catch (_a) { }
|
|
41463
41463
|
}
|
|
41464
41464
|
|
|
41465
|
-
var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
|
|
41466
|
-
|
|
41467
41465
|
var IkasPage = observer(function (_a) {
|
|
41468
41466
|
var propValuesStr = _a.propValuesStr, pageType = _a.pageType, pageTitle = _a.pageTitle, pageDescription = _a.pageDescription, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettingsStr = _a.merchantSettingsStr, configJson = _a.configJson, reInitOnBrowser = _a.reInitOnBrowser, addOgpMetas = _a.addOgpMetas;
|
|
41469
41467
|
IkasStorefrontConfig.initWithJson(configJson);
|
|
@@ -41493,12 +41491,17 @@ var IkasPage = observer(function (_a) {
|
|
|
41493
41491
|
var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
|
|
41494
41492
|
var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
|
|
41495
41493
|
var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
|
|
41496
|
-
var
|
|
41494
|
+
var pageStyle = {
|
|
41497
41495
|
visibility: mounted ? "visible" : "hidden",
|
|
41496
|
+
position: "relative",
|
|
41497
|
+
minHeight: "100vh",
|
|
41498
|
+
display: "flex",
|
|
41499
|
+
flexDirection: "column",
|
|
41500
|
+
justifyContent: "space-between",
|
|
41498
41501
|
};
|
|
41499
41502
|
return (createElement(Fragment$1, null,
|
|
41500
41503
|
createElement(IkasPageHead, { pageType: pageType, pageTitle: pageTitle, pageDescription: pageDescription, pageSpecificDataStr: pageSpecificDataStr, merchantSettingsStr: merchantSettingsStr, addOgpMetas: addOgpMetas }),
|
|
41501
|
-
createElement("div", { style:
|
|
41504
|
+
createElement("div", { style: pageStyle },
|
|
41502
41505
|
createElement("div", null,
|
|
41503
41506
|
headerComponentPropValue &&
|
|
41504
41507
|
renderComponent(headerComponentPropValue, settings, -1),
|
|
@@ -45481,7 +45484,7 @@ var BridgeMessageType;
|
|
|
45481
45484
|
BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
|
|
45482
45485
|
})(BridgeMessageType || (BridgeMessageType = {}));
|
|
45483
45486
|
|
|
45484
|
-
var styles
|
|
45487
|
+
var styles = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","RightContent":"style-module_RightContent__1fjX9","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","WithTooltip":"style-module_WithTooltip__1KRSQ","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx","PhoneError":"style-module_PhoneError__2FrSf","FormItemTooltipContainer":"style-module_FormItemTooltipContainer__13wpt"};
|
|
45485
45488
|
|
|
45486
45489
|
var FormItemViewModel = /** @class */ (function () {
|
|
45487
45490
|
function FormItemViewModel(props) {
|
|
@@ -45520,9 +45523,9 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
45520
45523
|
}
|
|
45521
45524
|
Object.defineProperty(FormItemViewModel.prototype, "formItemStyle", {
|
|
45522
45525
|
get: function () {
|
|
45523
|
-
var s = [styles
|
|
45526
|
+
var s = [styles.FormItem];
|
|
45524
45527
|
if (this.type === FormItemType.TEL && this.hasError) {
|
|
45525
|
-
s.push(styles
|
|
45528
|
+
s.push(styles.PhoneError);
|
|
45526
45529
|
}
|
|
45527
45530
|
return s.join(" ");
|
|
45528
45531
|
},
|
|
@@ -45532,10 +45535,10 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
45532
45535
|
Object.defineProperty(FormItemViewModel.prototype, "labelStyle", {
|
|
45533
45536
|
get: function () {
|
|
45534
45537
|
if (this.value || this.type === FormItemType.TEL) {
|
|
45535
|
-
return [styles
|
|
45538
|
+
return [styles.FieldLabel, styles.FieldLabelTop].join(" ");
|
|
45536
45539
|
}
|
|
45537
45540
|
else {
|
|
45538
|
-
return [styles
|
|
45541
|
+
return [styles.FieldLabel].join(" ");
|
|
45539
45542
|
}
|
|
45540
45543
|
},
|
|
45541
45544
|
enumerable: false,
|
|
@@ -45545,16 +45548,16 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
45545
45548
|
get: function () {
|
|
45546
45549
|
var classes = [];
|
|
45547
45550
|
if (this.value) {
|
|
45548
|
-
classes.push(styles
|
|
45551
|
+
classes.push(styles.Bottom);
|
|
45549
45552
|
}
|
|
45550
45553
|
if (this.hasError) {
|
|
45551
|
-
classes.push(styles
|
|
45554
|
+
classes.push(styles.Error);
|
|
45552
45555
|
}
|
|
45553
45556
|
if (this.tooltipText) {
|
|
45554
|
-
classes.push(styles
|
|
45557
|
+
classes.push(styles.WithTooltip);
|
|
45555
45558
|
}
|
|
45556
45559
|
if (this.type === FormItemType.TEL) {
|
|
45557
|
-
classes.push(styles
|
|
45560
|
+
classes.push(styles.Tel);
|
|
45558
45561
|
}
|
|
45559
45562
|
return classes.join(" ");
|
|
45560
45563
|
},
|
|
@@ -67787,8 +67790,8 @@ var FormItem = observer(function (props) {
|
|
|
67787
67790
|
}, [store.currentCountryCode]);
|
|
67788
67791
|
var currentRouting = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; });
|
|
67789
67792
|
return (createElement("div", { className: vm.formItemStyle, style: props.style },
|
|
67790
|
-
createElement("div", { className: styles
|
|
67791
|
-
createElement("div", { className: styles
|
|
67793
|
+
createElement("div", { className: styles.FormItemWrapper },
|
|
67794
|
+
createElement("div", { className: styles.FormItemInputWrapper },
|
|
67792
67795
|
createElement("label", { className: vm.labelStyle }, vm.label),
|
|
67793
67796
|
vm.type === FormItemType.TEXT && (createElement(Input$2, { vm: vm, autocomplete: props.autocomplete, name: props.name })),
|
|
67794
67797
|
vm.type === FormItemType.TEL && (createElement(PhoneInput, { defaultCountry: vm.country ||
|
|
@@ -67797,9 +67800,9 @@ var FormItem = observer(function (props) {
|
|
|
67797
67800
|
: "TR"), placeholder: t("checkout-page:enterPhoneNumber"), value: vm.value ? vm.value : "", onChange: vm.onPhoneChange, international: true, addInternationalOption: false })),
|
|
67798
67801
|
vm.type === FormItemType.TEXT_AREA && createElement(TextArea, { vm: vm }),
|
|
67799
67802
|
vm.type === FormItemType.SELECT && (createElement(Select, { vm: vm, autocomplete: props.autocomplete }))),
|
|
67800
|
-
!!vm.hasError && (createElement("div", { className: styles
|
|
67801
|
-
!!props.tooltipText && (createElement("div", { className: styles
|
|
67802
|
-
!!vm.rightContent && (createElement("div", { className: styles
|
|
67803
|
+
!!vm.hasError && (createElement("div", { className: styles.ErrorMsg }, vm.errorText || "")),
|
|
67804
|
+
!!props.tooltipText && (createElement("div", { className: styles.FormItemTooltipContainer, "data-tip": props.tooltipText, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")),
|
|
67805
|
+
!!vm.rightContent && (createElement("div", { className: styles.RightContent }, vm.rightContent)))));
|
|
67803
67806
|
});
|
|
67804
67807
|
var Input$2 = observer(function (_a) {
|
|
67805
67808
|
var vm = _a.vm, name = _a.name, autocomplete = _a.autocomplete, type = _a.type;
|
|
@@ -67816,21 +67819,21 @@ var Select = observer(function (_a) {
|
|
|
67816
67819
|
createElement("select", { className: vm.inputStyle, autoComplete: autocomplete, onChange: vm.onSelectChange },
|
|
67817
67820
|
!vm.value && createElement("option", { selected: true, disabled: true, key: -1 }), (_b = vm.options) === null || _b === void 0 ? void 0 :
|
|
67818
67821
|
_b.map(function (o, index) { return (createElement("option", { key: index + o.value, value: o.value, selected: vm.value === o.value }, o.label)); })),
|
|
67819
|
-
createElement("div", { className: styles
|
|
67822
|
+
createElement("div", { className: styles.ArrowContainer },
|
|
67820
67823
|
createElement(SVGCaretDown, null))));
|
|
67821
67824
|
});
|
|
67822
67825
|
|
|
67823
|
-
var styles$
|
|
67826
|
+
var styles$1 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","Line":"style-module_Line__1kche","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
|
|
67824
67827
|
|
|
67825
67828
|
var Button = observer(function (_a) {
|
|
67826
67829
|
var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
|
|
67827
67830
|
return (createElement("button", { style: style, type: "button", className: [
|
|
67828
|
-
styles$
|
|
67829
|
-
styles$
|
|
67830
|
-
size === "medium" ? styles$
|
|
67831
|
-
isLine ? styles$
|
|
67832
|
-
isDisabled ? styles$
|
|
67833
|
-
].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? createElement("div", { className: styles$
|
|
67831
|
+
styles$1.Button,
|
|
67832
|
+
styles$1.Dark,
|
|
67833
|
+
size === "medium" ? styles$1.Medium : styles$1.Large,
|
|
67834
|
+
isLine ? styles$1.Line : "",
|
|
67835
|
+
isDisabled ? styles$1.Disabled : "",
|
|
67836
|
+
].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? createElement("div", { className: styles$1.loader }) : text));
|
|
67834
67837
|
});
|
|
67835
67838
|
|
|
67836
67839
|
var SVGCheck = function (_a) {
|
|
@@ -67839,34 +67842,34 @@ var SVGCheck = function (_a) {
|
|
|
67839
67842
|
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" })));
|
|
67840
67843
|
};
|
|
67841
67844
|
|
|
67842
|
-
var styles$
|
|
67845
|
+
var styles$2 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","WithoutPadding":"style-module_WithoutPadding__3Azhr","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
|
|
67843
67846
|
|
|
67844
67847
|
var Checkbox = observer(function (_a) {
|
|
67845
67848
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
67846
67849
|
var _onChange = function () {
|
|
67847
67850
|
onChange(!value);
|
|
67848
67851
|
};
|
|
67849
|
-
var checkboxBorderClasses = [styles$
|
|
67850
|
-
var labelClasses = [styles$
|
|
67851
|
-
var tickClasses = [styles$
|
|
67852
|
+
var checkboxBorderClasses = [styles$2.CheckboxBorder];
|
|
67853
|
+
var labelClasses = [styles$2.CheckboxLabel];
|
|
67854
|
+
var tickClasses = [styles$2.CheckboxTick];
|
|
67852
67855
|
if (value) {
|
|
67853
|
-
checkboxBorderClasses.push(styles$
|
|
67854
|
-
tickClasses.push(styles$
|
|
67856
|
+
checkboxBorderClasses.push(styles$2.Checked);
|
|
67857
|
+
tickClasses.push(styles$2.Visible);
|
|
67855
67858
|
}
|
|
67856
67859
|
if (hasError)
|
|
67857
|
-
labelClasses.push(styles$
|
|
67860
|
+
labelClasses.push(styles$2.CheckboxLabelError);
|
|
67858
67861
|
return (createElement("div", { className: [
|
|
67859
|
-
styles$
|
|
67860
|
-
removePadding ? styles$
|
|
67862
|
+
styles$2.CheckboxWrapper,
|
|
67863
|
+
removePadding ? styles$2.WithoutPadding : "",
|
|
67861
67864
|
].join(" "), onClick: _onChange },
|
|
67862
|
-
createElement("div", { className: styles$
|
|
67865
|
+
createElement("div", { className: styles$2.CheckboxContainer },
|
|
67863
67866
|
createElement("div", { className: checkboxBorderClasses.join(" ") }),
|
|
67864
67867
|
createElement("div", { className: tickClasses.join(" ") },
|
|
67865
67868
|
createElement(SVGCheck, null))),
|
|
67866
67869
|
!!label && createElement("div", { className: labelClasses.join(" ") }, label)));
|
|
67867
67870
|
});
|
|
67868
67871
|
|
|
67869
|
-
var styles$
|
|
67872
|
+
var styles$3 = {"NotificationBox":"style-module_NotificationBox__1XbTC","Error":"style-module_Error__2muwO","Warning":"style-module_Warning__1BFJi","Success":"style-module_Success__3E9Q7","Left":"style-module_Left__2oQNx","Center":"style-module_Center__3DJ2K","Title":"style-module_Title__1Ae11","Right":"style-module_Right__Uf0Z6"};
|
|
67870
67873
|
|
|
67871
67874
|
var SVGWarning = function (_a) {
|
|
67872
67875
|
var className = _a.className;
|
|
@@ -67886,16 +67889,16 @@ var NotificationBox = function (_a) {
|
|
|
67886
67889
|
var type = _a.type, title = _a.title, content = _a.content, onClose = _a.onClose;
|
|
67887
67890
|
var containerRef = useRef(null);
|
|
67888
67891
|
var boxClasses = useMemo(function () {
|
|
67889
|
-
var classes = [styles$
|
|
67892
|
+
var classes = [styles$3.NotificationBox];
|
|
67890
67893
|
switch (type) {
|
|
67891
67894
|
case "error":
|
|
67892
|
-
classes.push(styles$
|
|
67895
|
+
classes.push(styles$3.Error);
|
|
67893
67896
|
break;
|
|
67894
67897
|
case "warning":
|
|
67895
|
-
classes.push(styles$
|
|
67898
|
+
classes.push(styles$3.Warning);
|
|
67896
67899
|
break;
|
|
67897
67900
|
case "success":
|
|
67898
|
-
classes.push(styles$
|
|
67901
|
+
classes.push(styles$3.Success);
|
|
67899
67902
|
break;
|
|
67900
67903
|
}
|
|
67901
67904
|
return classes.join(" ");
|
|
@@ -67907,12 +67910,12 @@ var NotificationBox = function (_a) {
|
|
|
67907
67910
|
}
|
|
67908
67911
|
}, [containerRef]);
|
|
67909
67912
|
return (createElement("div", { className: boxClasses, ref: containerRef },
|
|
67910
|
-
createElement("div", { className: styles$
|
|
67913
|
+
createElement("div", { className: styles$3.Left },
|
|
67911
67914
|
createElement(SVGWarning, null)),
|
|
67912
|
-
createElement("div", { className: styles$
|
|
67913
|
-
!!title && createElement("div", { className: styles$
|
|
67914
|
-
createElement("div", { className: styles$
|
|
67915
|
-
onClose && (createElement("div", { className: styles$
|
|
67915
|
+
createElement("div", { className: styles$3.Center },
|
|
67916
|
+
!!title && createElement("div", { className: styles$3.Title }, title),
|
|
67917
|
+
createElement("div", { className: styles$3.Content }, content)),
|
|
67918
|
+
onClose && (createElement("div", { className: styles$3.Right, onClick: onClose },
|
|
67916
67919
|
createElement(SVGCross, null)))));
|
|
67917
67920
|
};
|
|
67918
67921
|
var NotificationBox$1 = observer(NotificationBox);
|
|
@@ -67973,32 +67976,32 @@ var Errors$1 = observer(Errors);
|
|
|
67973
67976
|
|
|
67974
67977
|
var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
|
|
67975
67978
|
|
|
67976
|
-
var styles$
|
|
67979
|
+
var styles$4 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","FooterBullet":"style-module_FooterBullet__1dD9S","AdressStepInfo":"style-module_AdressStepInfo__27aR0","Address":"style-module_Address__2tYiR","Text":"style-module_Text__FkGkR","WithMBottom":"style-module_WithMBottom__TQbZL","Gray":"style-module_Gray__3vyMM","EditBtn":"style-module_EditBtn__3aAlL","AddressStepInfoMobile":"style-module_AddressStepInfoMobile__uwl92","ErrorContainer":"style-module_ErrorContainer__3B5Gx","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","LoginText":"style-module_LoginText__3FSC9","LoginBtn":"style-module_LoginBtn__XVF05","CustomerInfo":"style-module_CustomerInfo__3aAq9","Name":"style-module_Name__11iSh","Email":"style-module_Email__1AITY","LoginCta":"style-module_LoginCta__2sZZF","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5","PoweredBy":"style-module_PoweredBy__2kV_J","LightText":"style-module_LightText__3dSVB","ReactTooltipWrap":"style-module_ReactTooltipWrap__2hp2P"};
|
|
67977
67980
|
|
|
67978
|
-
var styles$
|
|
67981
|
+
var styles$5 = {"SelectBoxContainer":"style-module_SelectBoxContainer__1T9C7","SelectBoxError":"style-module_SelectBoxError__2diiS","fadeInFromRight":"style-module_fadeInFromRight__9YMxj","SelectBox":"style-module_SelectBox__1xZZi","TopContent":"style-module_TopContent__oUtcc","Label":"style-module_Label__1I8Bm","RightContent":"style-module_RightContent__2Ob1u","BottomContent":"style-module_BottomContent__1AMWK","Selected":"style-module_Selected__Ipn0q","Error":"style-module_Error__2TFZc"};
|
|
67979
67982
|
|
|
67980
|
-
var styles$
|
|
67983
|
+
var styles$6 = {"CheckboxWrapper":"style-module_CheckboxWrapper__3CzTt","WithoutPadding":"style-module_WithoutPadding__2le2B","WithoutLabel":"style-module_WithoutLabel__1s1q8","CheckboxContainer":"style-module_CheckboxContainer__lWDtJ","CheckboxBorder":"style-module_CheckboxBorder__EYjFT","Checked":"style-module_Checked__2kb9S","CheckboxTick":"style-module_CheckboxTick__149cN","Visible":"style-module_Visible__gf4pv","CheckboxLabel":"style-module_CheckboxLabel__D36H4","CheckboxLabelError":"style-module_CheckboxLabelError__1x08H"};
|
|
67981
67984
|
|
|
67982
67985
|
var Toggle = observer(function (_a) {
|
|
67983
67986
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
67984
67987
|
var _onChange = function () {
|
|
67985
67988
|
onChange && onChange(!value);
|
|
67986
67989
|
};
|
|
67987
|
-
var checkboxBorderClasses = [styles$
|
|
67988
|
-
var labelClasses = [styles$
|
|
67989
|
-
var tickClasses = [styles$
|
|
67990
|
+
var checkboxBorderClasses = [styles$6.CheckboxBorder];
|
|
67991
|
+
var labelClasses = [styles$6.CheckboxLabel];
|
|
67992
|
+
var tickClasses = [styles$6.CheckboxTick];
|
|
67990
67993
|
if (value) {
|
|
67991
|
-
checkboxBorderClasses.push(styles$
|
|
67992
|
-
tickClasses.push(styles$
|
|
67994
|
+
checkboxBorderClasses.push(styles$6.Checked);
|
|
67995
|
+
tickClasses.push(styles$6.Visible);
|
|
67993
67996
|
}
|
|
67994
67997
|
if (hasError)
|
|
67995
|
-
labelClasses.push(styles$
|
|
67998
|
+
labelClasses.push(styles$6.CheckboxLabelError);
|
|
67996
67999
|
return (createElement("div", { className: [
|
|
67997
|
-
styles$
|
|
67998
|
-
removePadding ? styles$
|
|
67999
|
-
!label ? styles$
|
|
68000
|
+
styles$6.CheckboxWrapper,
|
|
68001
|
+
removePadding ? styles$6.WithoutPadding : "",
|
|
68002
|
+
!label ? styles$6.WithoutLabel : "",
|
|
68000
68003
|
].join(" "), onClick: _onChange },
|
|
68001
|
-
createElement("div", { className: styles$
|
|
68004
|
+
createElement("div", { className: styles$6.CheckboxContainer },
|
|
68002
68005
|
createElement("div", { className: checkboxBorderClasses.join(" ") }),
|
|
68003
68006
|
createElement("div", { className: tickClasses.join(" ") },
|
|
68004
68007
|
createElement(SVGCheck, null))),
|
|
@@ -68008,23 +68011,23 @@ var Toggle = observer(function (_a) {
|
|
|
68008
68011
|
var SelectBox = function (_a) {
|
|
68009
68012
|
var label = _a.label, isSelected = _a.isSelected, rightContent = _a.rightContent, bottomContent = _a.bottomContent, bottomContentVisible = _a.bottomContentVisible, hasError = _a.hasError, errorText = _a.errorText, onClick = _a.onClick;
|
|
68010
68013
|
var selectBoxClasses = useMemo(function () {
|
|
68011
|
-
var classes = [styles$
|
|
68014
|
+
var classes = [styles$5.SelectBox];
|
|
68012
68015
|
if (isSelected)
|
|
68013
|
-
classes.push(styles$
|
|
68016
|
+
classes.push(styles$5.Selected);
|
|
68014
68017
|
if (isSelected && hasError)
|
|
68015
|
-
classes.push(styles$
|
|
68018
|
+
classes.push(styles$5.Error);
|
|
68016
68019
|
return classes.join(" ");
|
|
68017
68020
|
}, [isSelected]);
|
|
68018
|
-
var _bottomContent = useMemo(function () { return createElement("div", { className: styles$
|
|
68019
|
-
return (createElement("div", { className: styles$
|
|
68021
|
+
var _bottomContent = useMemo(function () { return createElement("div", { className: styles$5.BottomContent }, bottomContent); }, [bottomContent]);
|
|
68022
|
+
return (createElement("div", { className: styles$5.SelectBoxContainer },
|
|
68020
68023
|
createElement("div", { className: selectBoxClasses, onClick: onClick },
|
|
68021
|
-
createElement("div", { className: styles$
|
|
68024
|
+
createElement("div", { className: styles$5.TopContent },
|
|
68022
68025
|
createElement(Toggle, { value: isSelected, label: label, removePadding: true }),
|
|
68023
|
-
!!rightContent && (createElement("div", { className: styles$
|
|
68026
|
+
!!rightContent && (createElement("div", { className: styles$5.RightContent }, rightContent))),
|
|
68024
68027
|
!!bottomContent &&
|
|
68025
68028
|
(isSelected || bottomContentVisible) &&
|
|
68026
68029
|
_bottomContent),
|
|
68027
|
-
!!errorText && hasError && isSelected && (createElement("div", { className: styles$
|
|
68030
|
+
!!errorText && hasError && isSelected && (createElement("div", { className: styles$5.SelectBoxError }, errorText))));
|
|
68028
68031
|
};
|
|
68029
68032
|
var SelectBox$1 = observer(SelectBox);
|
|
68030
68033
|
|
|
@@ -68421,7 +68424,7 @@ var AddressForm$1 = observer(function (props) {
|
|
|
68421
68424
|
});
|
|
68422
68425
|
}, Object.values(props));
|
|
68423
68426
|
return (createElement("div", null,
|
|
68424
|
-
vm.allowTitleChange && (createElement("div", { className: styles$
|
|
68427
|
+
vm.allowTitleChange && (createElement("div", { className: styles$4.RowPB },
|
|
68425
68428
|
createElement(AddressTitle, __assign({}, props, { vm: vm })))),
|
|
68426
68429
|
createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
|
|
68427
68430
|
createElement(FirstName, __assign({}, props, { vm: vm })),
|
|
@@ -68430,9 +68433,9 @@ var AddressForm$1 = observer(function (props) {
|
|
|
68430
68433
|
" "),
|
|
68431
68434
|
!!vm.address.checkoutSettings &&
|
|
68432
68435
|
vm.address.checkoutSettings.identityNumberRequirement !==
|
|
68433
|
-
IkasCheckoutRequirementEnum.INVISIBLE && (createElement("div", { className: styles$
|
|
68436
|
+
IkasCheckoutRequirementEnum.INVISIBLE && (createElement("div", { className: styles$4.RowPB },
|
|
68434
68437
|
createElement(IdentityNumber, __assign({}, props, { vm: vm })))),
|
|
68435
|
-
createElement("div", { className: styles$
|
|
68438
|
+
createElement("div", { className: styles$4.RowPB },
|
|
68436
68439
|
createElement(AddressFirstLine, __assign({}, props, { vm: vm }))),
|
|
68437
68440
|
createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
|
|
68438
68441
|
createElement(AddressSecondLine, __assign({}, props, { vm: vm })),
|
|
@@ -68440,7 +68443,7 @@ var AddressForm$1 = observer(function (props) {
|
|
|
68440
68443
|
createElement("div", null),
|
|
68441
68444
|
" "),
|
|
68442
68445
|
createElement("div", { className: [
|
|
68443
|
-
styles$
|
|
68446
|
+
styles$4.RowPB,
|
|
68444
68447
|
commonStyles.Grid,
|
|
68445
68448
|
vm.hasState ? commonStyles.Grid2 : "",
|
|
68446
68449
|
].join(" ") },
|
|
@@ -68449,7 +68452,7 @@ var AddressForm$1 = observer(function (props) {
|
|
|
68449
68452
|
createElement("div", { className: [
|
|
68450
68453
|
commonStyles.Grid,
|
|
68451
68454
|
commonStyles.Grid2,
|
|
68452
|
-
styles$
|
|
68455
|
+
styles$4.RowPB,
|
|
68453
68456
|
].join(" ") },
|
|
68454
68457
|
createElement(City, __assign({}, props, { vm: vm })),
|
|
68455
68458
|
vm.districtOptions.length ? (createElement(DistrictSelect, __assign({}, props, { vm: vm }))) : (createElement(DistrictInput, __assign({}, props, { vm: vm })))),
|
|
@@ -68560,7 +68563,7 @@ var TaxNumber = observer(function (_a) {
|
|
|
68560
68563
|
return (createElement(FormItem, { type: FormItemType.TEXT, label: t("checkout-page:taxNumber"), value: ((_b = vm.address) === null || _b === void 0 ? void 0 : _b.taxNumber) || "", onChange: vm.onTaxNumberChange }));
|
|
68561
68564
|
});
|
|
68562
68565
|
|
|
68563
|
-
var styles$
|
|
68566
|
+
var styles$7 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
|
|
68564
68567
|
|
|
68565
68568
|
var CustomerAddressesViewModel = /** @class */ (function () {
|
|
68566
68569
|
function CustomerAddressesViewModel(vm, addressType) {
|
|
@@ -68707,9 +68710,9 @@ var CustomerAddresses = function (_a) {
|
|
|
68707
68710
|
: vm.addressType === "billing"
|
|
68708
68711
|
? t("checkout-page:billingAddress")
|
|
68709
68712
|
: t("checkout-page:shippingAddress")),
|
|
68710
|
-
!!vm.editingCustomerAddress && (createElement("div", { className: styles$
|
|
68711
|
-
!!vm.vm.store.customerStore.customer && !vm.editingCustomerAddress && (createElement("div", { className: styles$
|
|
68712
|
-
vm.vm.store.customerStore.customer.addresses.map(function (address) { return (createElement(SelectBox$1, { key: address.id, label: address.title || "", isSelected: address.id === vm.selectedAddressId, rightContent: createElement("div", { onClick: function () { return vm.onEditAddressClick(address); } }, t("checkout-page:actions.edit")), bottomContent: createElement("div", { className: styles$
|
|
68713
|
+
!!vm.editingCustomerAddress && (createElement("div", { className: styles$7.CancelEdit, onClick: vm.onCancelEditAddressClick }, t("checkout-page:actions.cancel")))),
|
|
68714
|
+
!!vm.vm.store.customerStore.customer && !vm.editingCustomerAddress && (createElement("div", { className: styles$4.RowPB },
|
|
68715
|
+
vm.vm.store.customerStore.customer.addresses.map(function (address) { return (createElement(SelectBox$1, { key: address.id, label: address.title || "", isSelected: address.id === vm.selectedAddressId, rightContent: createElement("div", { onClick: function () { return vm.onEditAddressClick(address); } }, t("checkout-page:actions.edit")), bottomContent: createElement("div", { className: styles$7.AddressText }, address.addressText), bottomContentVisible: true, hasError: !address.isValid, errorText: t("checkout-page:missingAddressFields"), onClick: function () {
|
|
68713
68716
|
return address.id !== vm.selectedAddressId &&
|
|
68714
68717
|
vm.onAddressSelect(address);
|
|
68715
68718
|
} })); }),
|
|
@@ -68718,7 +68721,7 @@ var CustomerAddresses = function (_a) {
|
|
|
68718
68721
|
} }))),
|
|
68719
68722
|
!vm.vm.store.customerStore.customer && addressForm,
|
|
68720
68723
|
!!vm.editingCustomerAddress && createElement(CustomerAddressForm, { vm: vm }),
|
|
68721
|
-
!!vm.editingCustomerAddress && (createElement("div", { className: styles$
|
|
68724
|
+
!!vm.editingCustomerAddress && (createElement("div", { className: styles$7.EditAddressActions },
|
|
68722
68725
|
createElement(Button, { style: {
|
|
68723
68726
|
width: "100%",
|
|
68724
68727
|
}, text: t("checkout-page:deleteAddress"), isLine: true, isLoading: vm.isDeleteAddressLoading, isDisabled: vm.isEditAddressLoading, onClick: vm.onDeleteAddressClick }),
|
|
@@ -68767,12 +68770,12 @@ var CheckoutStepInfo = function (_a) {
|
|
|
68767
68770
|
};
|
|
68768
68771
|
var CheckoutStepInfo$1 = observer(CheckoutStepInfo);
|
|
68769
68772
|
|
|
68770
|
-
var styles$
|
|
68773
|
+
var styles$8 = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","Dimmed":"style-module_Dimmed__3dkFw","GiftSection":"style-module_GiftSection__2phwh","ShippingPrice":"style-module_ShippingPrice__KaEps"};
|
|
68771
68774
|
|
|
68772
68775
|
var CheckoutStepShipping = observer(function (_a) {
|
|
68773
68776
|
var vm = _a.vm;
|
|
68774
68777
|
var t = useTranslation().t;
|
|
68775
|
-
return (createElement("div", { className: [styles$
|
|
68778
|
+
return (createElement("div", { className: [styles$8.StepShipping].join(" ") },
|
|
68776
68779
|
createElement(ShippingMethods, { vm: vm }),
|
|
68777
68780
|
createElement(GiftPackage, { vm: vm }),
|
|
68778
68781
|
createElement(Button, { style: { width: "100%", marginTop: "32px" }, text: t("checkout-page:actions.continueWithPayment"), isLoading: vm.isStepLoading, isDisabled: !vm.canProceedToPayment, onClick: vm.onProceedToPaymentClick })));
|
|
@@ -68781,12 +68784,12 @@ var ShippingMethods = observer(function (_a) {
|
|
|
68781
68784
|
var vm = _a.vm;
|
|
68782
68785
|
var t = useTranslation().t;
|
|
68783
68786
|
return (createElement("div", { className: [
|
|
68784
|
-
styles$
|
|
68785
|
-
vm.isChangingShippingMethod ? styles$
|
|
68787
|
+
styles$8.InfoBox,
|
|
68788
|
+
vm.isChangingShippingMethod ? styles$8.Dimmed : "",
|
|
68786
68789
|
].join(" ") },
|
|
68787
68790
|
createElement(Errors$1, { vm: vm }),
|
|
68788
68791
|
vm.checkout.availableShippingMethods.map(function (asm, index) { return (createElement(SelectBox$1, { key: asm.shippingSettingsId + asm.shippingZoneRateId, label: asm.rateName, isSelected: vm.checkout.shippingSettingsId === asm.shippingSettingsId &&
|
|
68789
|
-
vm.checkout.shippingZoneRateId === asm.shippingZoneRateId, rightContent: createElement("div", { className: styles$
|
|
68792
|
+
vm.checkout.shippingZoneRateId === asm.shippingZoneRateId, rightContent: createElement("div", { className: styles$8.ShippingPrice }, asm.price === 0
|
|
68790
68793
|
? t("checkout-page:free")
|
|
68791
68794
|
: formatMoney(asm.price, vm.checkout.cart.currencyCode)), onClick: function () { return vm.onShippingMethodChange(asm); } })); })));
|
|
68792
68795
|
});
|
|
@@ -68809,7 +68812,7 @@ var GiftPackage = observer(function (_a) {
|
|
|
68809
68812
|
: "");
|
|
68810
68813
|
if (!vm.checkoutSettings.isGiftPackageEnabled)
|
|
68811
68814
|
return null;
|
|
68812
|
-
return (createElement("div", { className: styles$
|
|
68815
|
+
return (createElement("div", { className: styles$8.GiftSection },
|
|
68813
68816
|
createElement(Checkbox, { value: vm.checkout.isGiftPackage, label: checkboxLabel, onChange: onIsGiftPackageChange, removePadding: true }),
|
|
68814
68817
|
vm.checkout.isGiftPackage && (createElement(FormItem, { type: FormItemType.TEXT_AREA, label: "", value: vm.checkout.giftPackageNote || "", onChange: onGiftPackageNoteChange, style: { marginTop: "16px" }, textAreaPlaceholder: t("checkout-page:giftPackageCtaPlaceholder") }))));
|
|
68815
68818
|
});
|
|
@@ -68851,7 +68854,7 @@ var SVGVisa = function (_a) {
|
|
|
68851
68854
|
createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1646 8.50906L9.38648 13.0517L9.19726 12.1285L8.56074 9.06697C8.45083 8.6454 8.13222 8.51949 7.73778 8.50488H4.80909L4.78613 8.64332C5.49848 8.81584 6.135 9.06488 6.69361 9.37375L8.30822 15.1595L10.2296 15.1574L13.088 8.50836H11.1646V8.50906Z", fill: "#1A1876" })));
|
|
68852
68855
|
};
|
|
68853
68856
|
|
|
68854
|
-
var styles$
|
|
68857
|
+
var styles$9 = {"CardLogo":"style-module_CardLogo__1jFyp"};
|
|
68855
68858
|
|
|
68856
68859
|
var CreditCardForm = observer(function (_a) {
|
|
68857
68860
|
var _b;
|
|
@@ -68875,34 +68878,34 @@ var CreditCardForm = observer(function (_a) {
|
|
|
68875
68878
|
}
|
|
68876
68879
|
};
|
|
68877
68880
|
return (createElement("div", null,
|
|
68878
|
-
createElement("div", { className: styles$
|
|
68879
|
-
createElement(FormItem, { name: "cardnumber", autocomplete: "cc-number", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardNumber"), value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: t("checkout-page:cardNumberError"), rightContent: ((_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.cardAssociation) ? (createElement("div", { className: styles$
|
|
68880
|
-
createElement("div", { className: styles$
|
|
68881
|
+
createElement("div", { className: styles$4.RowPB },
|
|
68882
|
+
createElement(FormItem, { name: "cardnumber", autocomplete: "cc-number", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardNumber"), value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: t("checkout-page:cardNumberError"), rightContent: ((_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.cardAssociation) ? (createElement("div", { className: styles$9.CardLogo }, getCardLogo(vm.installmentInfo.cardAssociation))) : undefined, hasError: vm.isErrorsVisible && !cardData.validationResult.cardNumber })),
|
|
68883
|
+
createElement("div", { className: styles$4.RowPB },
|
|
68881
68884
|
createElement(FormItem, { name: "ccname", autocomplete: "cc-name", type: FormItemType.TEXT, label: t("checkout-page:cardHolderName"), value: cardData.cardHolderName, onChange: vm.onCardHolderNameChange, errorText: t("checkout-page:cardHolderError"), hasError: vm.isErrorsVisible && !cardData.validationResult.cardHolderName })),
|
|
68882
68885
|
createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
|
|
68883
68886
|
createElement(FormItem, { name: "cc-exp", autocomplete: "cc-exp", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardExpiry"), value: cardData.expirationDate, onChange: vm.onExpirationDateChange, errorText: t("checkout-page:cardExpiryError"), hasError: vm.isErrorsVisible && !cardData.validationResult.expirationDate }),
|
|
68884
68887
|
createElement(FormItem, { name: "cvc", autocomplete: "cc-csc", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardCVC"), value: cardData.cvv, onChange: vm.onCvcChange, errorText: t("checkout-page:cardCVCError"), tooltipText: t("checkout-page:cardCVCTooltip"), hasError: vm.isErrorsVisible && !cardData.validationResult.cvv }))));
|
|
68885
68888
|
});
|
|
68886
68889
|
|
|
68887
|
-
var styles$
|
|
68890
|
+
var styles$a = {"Installments":"style-module_Installments__aM2lS","Title":"style-module_Title__15N6L","Container":"style-module_Container__12sJp","Row":"style-module_Row__dxeKi","InstallmentInfo":"style-module_InstallmentInfo__G8QDB","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Price":"style-module_Price__3gzwQ"};
|
|
68888
68891
|
|
|
68889
68892
|
var Installments = observer(function (_a) {
|
|
68890
68893
|
var _b;
|
|
68891
68894
|
var vm = _a.vm;
|
|
68892
68895
|
var t = useTranslation().t;
|
|
68893
|
-
return (createElement("div", { className: styles$
|
|
68894
|
-
createElement("div", { className: styles$
|
|
68895
|
-
createElement("div", { className: styles$
|
|
68896
|
+
return (createElement("div", { className: styles$a.Installments },
|
|
68897
|
+
createElement("div", { className: styles$a.Title }, t("checkout-page:installmentOptions")),
|
|
68898
|
+
createElement("div", { className: styles$a.Container }, (_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.installmentPrices.map(function (ip, index) { return (createElement("div", { className: styles$a.Row, onClick: function () { return vm.setInstallmentCount(ip.installmentCount || 1); } },
|
|
68896
68899
|
createElement(Toggle, { value: vm.selectedInstallmentIndex === index }),
|
|
68897
|
-
createElement("div", { className: styles$
|
|
68898
|
-
createElement("div", { className: styles$
|
|
68900
|
+
createElement("div", { className: styles$a.InstallmentInfo },
|
|
68901
|
+
createElement("div", { className: styles$a.InstallmentCount }, ip.installmentCount === 1
|
|
68899
68902
|
? t("checkout-page:singleInstallment")
|
|
68900
68903
|
: ip.installmentCount + " " + t("checkout-page:installments")),
|
|
68901
|
-
ip.installmentCount !== 1 && (createElement("div", { className: styles$
|
|
68902
|
-
createElement("div", { className: styles$
|
|
68904
|
+
ip.installmentCount !== 1 && (createElement("div", { className: styles$a.InstallmentPrice }, formatMoney(ip.installmentPrice, vm.checkout.cart.currencyCode)))),
|
|
68905
|
+
createElement("div", { className: styles$a.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
|
|
68903
68906
|
});
|
|
68904
68907
|
|
|
68905
|
-
var styles$
|
|
68908
|
+
var styles$b = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
|
|
68906
68909
|
|
|
68907
68910
|
var PaymentGateways = observer(function (_a) {
|
|
68908
68911
|
var vm = _a.vm;
|
|
@@ -68913,7 +68916,7 @@ var PaymentGateways = observer(function (_a) {
|
|
|
68913
68916
|
alignItems: "center",
|
|
68914
68917
|
flexWrap: "wrap",
|
|
68915
68918
|
} }, props.children)); };
|
|
68916
|
-
var PaymentMethodAdjustment = function (props) { return (createElement("div", { className: styles$
|
|
68919
|
+
var PaymentMethodAdjustment = function (props) { return (createElement("div", { className: styles$b.AdditionalPrice }, props.children)); };
|
|
68917
68920
|
var getAdditionalPriceText = function (ap) {
|
|
68918
68921
|
if (ap.amount === 0)
|
|
68919
68922
|
return "";
|
|
@@ -68928,8 +68931,8 @@ var PaymentGateways = observer(function (_a) {
|
|
|
68928
68931
|
return (createElement(SelectBox$1, { key: pg.id, label: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD
|
|
68929
68932
|
? t("checkout-page:creditCard")
|
|
68930
68933
|
: pg.name, isSelected: vm.selectedPaymentGatewayIndex === index, rightContent: ((_a = pg.additionalPrices) === null || _a === void 0 ? void 0 : _a.length) ? (createElement(PaymentMethodAdjustment, null, getAdditionalPriceText(pg.additionalPrices[0]))) : (createElement(PaymentMethodLogos, null, pg.paymentMethods.map(function (pm, index) {
|
|
68931
|
-
return pm.logoUrl ? (createElement("div", { className: styles$
|
|
68932
|
-
createElement("img", { src: pm.logoUrl }))) : (createElement("div", { className: styles$
|
|
68934
|
+
return pm.logoUrl ? (createElement("div", { className: styles$b.PaymentLogoContainer, key: index },
|
|
68935
|
+
createElement("img", { src: pm.logoUrl }))) : (createElement("div", { className: styles$b.PaymentLogoContainer, key: index }));
|
|
68933
68936
|
}))), bottomContent: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD ? (createElement("div", null,
|
|
68934
68937
|
createElement(CreditCardForm, { vm: vm }),
|
|
68935
68938
|
vm.installmentInfo && createElement(Installments, { vm: vm }))) : pg.description ? (createElement("div", { dangerouslySetInnerHTML: { __html: pg.description } })) : undefined, onClick: function () {
|
|
@@ -68954,7 +68957,7 @@ var BillingAddress = observer(function (_a) {
|
|
|
68954
68957
|
vm.useDifferentAddress && (createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
|
|
68955
68958
|
});
|
|
68956
68959
|
|
|
68957
|
-
var styles$
|
|
68960
|
+
var styles$c = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
|
|
68958
68961
|
|
|
68959
68962
|
var SVGLock = function (_a) {
|
|
68960
68963
|
var className = _a.className;
|
|
@@ -68978,13 +68981,13 @@ var CheckoutStepPayment = observer(function (_a) {
|
|
|
68978
68981
|
var checkoutTranslations = IkasStorefrontConfig.translations["checkout-page"];
|
|
68979
68982
|
var policyInputData = createTranslationInputData(checkoutTranslations["ackPoliciesSentence"]);
|
|
68980
68983
|
var policyLabel = policyInputData.map(function (p) {
|
|
68981
|
-
return p.isVariable ? (createElement("span", { className: styles$
|
|
68984
|
+
return p.isVariable ? (createElement("span", { className: styles$c.TermsLabelSpan, onClick: p.value === "{{ ackPrivacyPolicy }}"
|
|
68982
68985
|
? onShowPrivacyPolicyClick
|
|
68983
68986
|
: onShowTermsOfServiceClick }, p.value === "{{ ackPrivacyPolicy }}"
|
|
68984
68987
|
? t("checkout-page:ackPrivacyPolicy")
|
|
68985
68988
|
: t("checkout-page:ackTermsOfService"))) : (p.value);
|
|
68986
68989
|
});
|
|
68987
|
-
return (createElement("div", { className: [styles$
|
|
68990
|
+
return (createElement("div", { className: [styles$c.StepPayment].join(" ") },
|
|
68988
68991
|
createElement(Errors$1, { vm: vm }),
|
|
68989
68992
|
createElement(PaymentGateways, { vm: vm }),
|
|
68990
68993
|
createElement(BillingAddress, { vm: vm }),
|
|
@@ -68994,13 +68997,13 @@ var CheckoutStepPayment = observer(function (_a) {
|
|
|
68994
68997
|
width: "100%",
|
|
68995
68998
|
marginTop: "24px",
|
|
68996
68999
|
}, text: t("checkout-page:actions.completeOrder"), isLoading: vm.isStepLoading, isDisabled: !vm.canPerformPayment, onClick: vm.onCompletePaymentClick }),
|
|
68997
|
-
!!t("checkout-page:securePaymentTooltip") && (createElement("div", { className: styles$
|
|
68998
|
-
createElement("span", { className: styles$
|
|
69000
|
+
!!t("checkout-page:securePaymentTooltip") && (createElement("div", { className: styles$c.SecurePaymentContainer },
|
|
69001
|
+
createElement("span", { className: styles$c.Lock },
|
|
68999
69002
|
createElement(SVGLock, null)),
|
|
69000
69003
|
createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
|
|
69001
69004
|
});
|
|
69002
69005
|
|
|
69003
|
-
var styles$
|
|
69006
|
+
var styles$d = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
|
|
69004
69007
|
|
|
69005
69008
|
var InputWithButton = function (_a) {
|
|
69006
69009
|
var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
|
|
@@ -69012,38 +69015,38 @@ var InputWithButton = function (_a) {
|
|
|
69012
69015
|
onClick();
|
|
69013
69016
|
}
|
|
69014
69017
|
}, [onClick]);
|
|
69015
|
-
return (createElement("div", { className: styles$
|
|
69018
|
+
return (createElement("div", { className: styles$d.Container },
|
|
69016
69019
|
createElement("input", { value: value, onChange: _onChange, placeholder: placeholder, onKeyPress: _onKeyPress }),
|
|
69017
|
-
createElement("div", { className: styles$
|
|
69020
|
+
createElement("div", { className: styles$d.Button, onClick: onClick }, isLoading ? createElement("div", { className: styles$d.loader }) : buttonLabel)));
|
|
69018
69021
|
};
|
|
69019
69022
|
var InputWithButton$1 = observer(InputWithButton);
|
|
69020
69023
|
|
|
69021
|
-
var styles$
|
|
69024
|
+
var styles$e = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Right":"style-module_Right__2HN2l","Name":"style-module_Name__nPgw1","LightText":"style-module_LightText__2P69D","Price":"style-module_Price__1Vw31","GrayPrice":"style-module_GrayPrice__2wDyJ"};
|
|
69022
69025
|
|
|
69023
69026
|
var CartItem = observer(function (_a) {
|
|
69024
69027
|
var _b;
|
|
69025
69028
|
var currencyCode = _a.currencyCode, cartItem = _a.cartItem;
|
|
69026
69029
|
var t = useTranslation().t;
|
|
69027
|
-
return (createElement("div", { className: styles$
|
|
69028
|
-
createElement("div", { className: styles$
|
|
69029
|
-
createElement("img", { className: styles$
|
|
69030
|
-
createElement("div", { className: styles$
|
|
69031
|
-
createElement("div", { className: styles$
|
|
69032
|
-
createElement("div", { className: styles$
|
|
69033
|
-
createElement("div", { className: styles$
|
|
69030
|
+
return (createElement("div", { className: styles$e.CheckoutItem },
|
|
69031
|
+
createElement("div", { className: styles$e.ImageContainer },
|
|
69032
|
+
createElement("img", { className: styles$e.Image, src: (_b = cartItem.variant.mainImage) === null || _b === void 0 ? void 0 : _b.thumbnailSrc })),
|
|
69033
|
+
createElement("div", { className: styles$e.Right },
|
|
69034
|
+
createElement("div", { className: styles$e.Name }, cartItem.variant.name),
|
|
69035
|
+
createElement("div", { className: styles$e.LightText }, t("checkout-page:quantity") + ": " + cartItem.quantity),
|
|
69036
|
+
createElement("div", { className: styles$e.LightText }, cartItem.variant.variantValues
|
|
69034
69037
|
.map(function (vv) { return vv.variantValueName; })
|
|
69035
69038
|
.join(" / ")),
|
|
69036
|
-
createElement("div", { className: styles$
|
|
69037
|
-
!!cartItem.overridenPriceWithQuantity && (createElement("span", { className: styles$
|
|
69039
|
+
createElement("div", { className: styles$e.Price },
|
|
69040
|
+
!!cartItem.overridenPriceWithQuantity && (createElement("span", { className: styles$e.GrayPrice }, formatMoney(cartItem.overridenPriceWithQuantity, currencyCode))),
|
|
69038
69041
|
formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
|
|
69039
69042
|
});
|
|
69040
69043
|
|
|
69041
|
-
var styles$
|
|
69044
|
+
var styles$f = {"TooltipContainer":"style-module_TooltipContainer__1IW8v","Tooltip":"style-module_Tooltip__1Pxw6","TooltipArrow":"style-module_TooltipArrow__1l6q_","Top":"style-module_Top__1_7C6","Bottom":"style-module_Bottom__2qCpQ","Left":"style-module_Left__1T6gj","Right":"style-module_Right__uCMMF"};
|
|
69042
69045
|
|
|
69043
69046
|
var Tooltip = function (_a) {
|
|
69044
69047
|
var text = _a.text, className = _a.className, style = _a.style;
|
|
69045
69048
|
return (createElement("div", { className: className, style: style },
|
|
69046
|
-
createElement("div", { className: styles$
|
|
69049
|
+
createElement("div", { className: styles$f.TooltipContainer, "data-tip": text, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")));
|
|
69047
69050
|
};
|
|
69048
69051
|
var Tooltip$1 = observer(Tooltip);
|
|
69049
69052
|
|
|
@@ -69066,7 +69069,7 @@ var SVGGift = function (_a) {
|
|
|
69066
69069
|
createElement("rect", { width: "16", height: "16", fill: "white" })))));
|
|
69067
69070
|
};
|
|
69068
69071
|
|
|
69069
|
-
var styles$
|
|
69072
|
+
var styles$g = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Price":"style-module_Price__sosrJ","PriceText":"style-module_PriceText__1ePGb","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","ActionTextBtn":"style-module_ActionTextBtn__FXJQX","NoUnderline":"style-module_NoUnderline__34-1r","Light":"style-module_Light__WFzH8","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Label":"style-module_Label__3E7LF","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","TotalPrice":"style-module_TotalPrice__2s7DC","AppliedCoupon":"style-module_AppliedCoupon__37qv8","CouponCode":"style-module_CouponCode__3rgOu","ClearCoupon":"style-module_ClearCoupon__1Rx4A","NotificationContainer":"style-module_NotificationContainer__Zblek","CheckoutNoteContainer":"style-module_CheckoutNoteContainer__zQQjd","CheckoutNoteDisplay":"style-module_CheckoutNoteDisplay__kTFTx","Success":"style-module_Success__2vqWA","GiftLabel":"style-module_GiftLabel__2f-wC","PoweredBy":"style-module_PoweredBy__1hgWQ"};
|
|
69070
69073
|
|
|
69071
69074
|
var SVGIkas = function (_a) {
|
|
69072
69075
|
var className = _a.className;
|
|
@@ -69110,9 +69113,9 @@ var CartSummary = observer(function (_a) {
|
|
|
69110
69113
|
hasCouponError,
|
|
69111
69114
|
]);
|
|
69112
69115
|
var cartSummaryClasses = [
|
|
69113
|
-
styles$
|
|
69114
|
-
isExpanded ? styles$
|
|
69115
|
-
allowExpand ? styles$
|
|
69116
|
+
styles$g.CartSummary,
|
|
69117
|
+
isExpanded ? styles$g.Visible : "",
|
|
69118
|
+
allowExpand ? styles$g.AllowExpand : "",
|
|
69116
69119
|
].join(" ");
|
|
69117
69120
|
var detailsContainerStyle = allowExpand
|
|
69118
69121
|
? {
|
|
@@ -69120,25 +69123,25 @@ var CartSummary = observer(function (_a) {
|
|
|
69120
69123
|
}
|
|
69121
69124
|
: {};
|
|
69122
69125
|
var arrowDownClasses = [
|
|
69123
|
-
styles$
|
|
69124
|
-
isExpanded ? styles$
|
|
69126
|
+
styles$g.ArrowDown,
|
|
69127
|
+
isExpanded ? styles$g.Rotated : "",
|
|
69125
69128
|
].join(" ");
|
|
69126
69129
|
if (!cart)
|
|
69127
69130
|
return null;
|
|
69128
69131
|
return (createElement("div", { className: cartSummaryClasses },
|
|
69129
|
-
!!allowExpand && (createElement("div", { className: styles$
|
|
69130
|
-
createElement("div", { className: styles$
|
|
69131
|
-
createElement("div", { className: styles$
|
|
69132
|
-
createElement("span", { className: styles$
|
|
69132
|
+
!!allowExpand && (createElement("div", { className: styles$g.ExpandHeader, onClick: function () { return setExpanded(!isExpanded); } },
|
|
69133
|
+
createElement("div", { className: styles$g.Left }, "\u00D6zet"),
|
|
69134
|
+
createElement("div", { className: styles$g.Price },
|
|
69135
|
+
createElement("span", { className: styles$g.PriceText }, formatMoney(vm.finalPrice, cart.currencyCode) + " (" + ((_b = vm.cart) === null || _b === void 0 ? void 0 : _b.items.length) + " " + t("checkout-page:cartItemProduct") + ")"),
|
|
69133
69136
|
createElement("span", { className: arrowDownClasses },
|
|
69134
69137
|
createElement(SVGArrowDown, null))))),
|
|
69135
|
-
createElement("div", { className: styles$
|
|
69136
|
-
createElement("div", { className: styles$
|
|
69138
|
+
createElement("div", { className: styles$g.DetailsContainer, style: detailsContainerStyle },
|
|
69139
|
+
createElement("div", { className: styles$g.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
|
|
69137
69140
|
cart.items.map(function (item, index) { return (createElement("div", { key: index },
|
|
69138
69141
|
createElement(CartItem, { cartItem: item, currencyCode: cart.currencyCode }))); }),
|
|
69139
|
-
createElement("div", { className: styles$
|
|
69140
|
-
createElement("div", { className: styles$
|
|
69141
|
-
hasCouponError && (createElement("div", { className: styles$
|
|
69142
|
+
createElement("div", { className: styles$g.Divider }),
|
|
69143
|
+
createElement("div", { className: styles$g.SubTotalInfo },
|
|
69144
|
+
hasCouponError && (createElement("div", { className: styles$g.NotificationContainer },
|
|
69142
69145
|
createElement(NotificationBox$1, { type: "warning", title: t("checkout-page:giftCodeErrorTitle"), content: t("checkout-page:giftCodeErrorDescription"), onClose: function () { return setCouponError(false); } }))),
|
|
69143
69146
|
createElement(InfoRow, { label: t("checkout-page:subtotal"), value: formatMoney(cart.totalPrice, cart.currencyCode), tooltipText: t("checkout-page:subtotalTooltip") }),
|
|
69144
69147
|
!!((_c = checkout.shippingLines) === null || _c === void 0 ? void 0 : _c.length) && (createElement(InfoRow, { label: t("checkout-page:cartShippingTitle"), value: checkout.shippingTotal
|
|
@@ -69150,14 +69153,14 @@ var CartSummary = observer(function (_a) {
|
|
|
69150
69153
|
createElement(CalculatedAdditionalPrices, { vm: vm }),
|
|
69151
69154
|
((vm.step === CheckoutStep.SUCCESS &&
|
|
69152
69155
|
(!!vm.checkout.note || !!vm.checkout.appliedCouponCode)) ||
|
|
69153
|
-
vm.step !== CheckoutStep.SUCCESS) && (createElement("div", { className: styles$
|
|
69156
|
+
vm.step !== CheckoutStep.SUCCESS) && (createElement("div", { className: styles$g.Divider, style: { marginTop: "24px", marginBottom: "24px" } })),
|
|
69154
69157
|
createElement(Coupon, { vm: vm, isAddingCoupon: isAddingCoupon, setAddingCoupon: setAddingCoupon, setCouponError: setCouponError }),
|
|
69155
69158
|
createElement(Note, { vm: vm, isAddingNote: isAddingNote, setAddingNote: setAddingNote })),
|
|
69156
|
-
createElement("div", { className: styles$
|
|
69157
|
-
createElement("div", { className: styles$
|
|
69158
|
-
createElement("div", { className: styles$
|
|
69159
|
-
createElement("div", { className: styles$
|
|
69160
|
-
createElement("div", { className: styles$
|
|
69159
|
+
createElement("div", { className: styles$g.TotalContainer },
|
|
69160
|
+
createElement("div", { className: styles$g.TitleContainer },
|
|
69161
|
+
createElement("div", { className: styles$g.Title }, t("checkout-page:total"))),
|
|
69162
|
+
createElement("div", { className: styles$g.TotalPrice }, formatMoney(vm.finalPrice, cart.currencyCode))),
|
|
69163
|
+
createElement("div", { className: styles$g.PoweredBy },
|
|
69161
69164
|
createElement("span", null, "powered by"),
|
|
69162
69165
|
createElement("a", { href: "https://ikas.com" +
|
|
69163
69166
|
(IkasStorefrontConfig.getCurrentLocale() === "tr" ? "/tr" : ""), target: "_blank" },
|
|
@@ -69165,22 +69168,22 @@ var CartSummary = observer(function (_a) {
|
|
|
69165
69168
|
});
|
|
69166
69169
|
var InfoRow = observer(function (_a) {
|
|
69167
69170
|
var label = _a.label, value = _a.value, tooltipText = _a.tooltipText;
|
|
69168
|
-
return (createElement("div", { className: styles$
|
|
69169
|
-
createElement("div", { className: styles$
|
|
69171
|
+
return (createElement("div", { className: styles$g.InfoRow },
|
|
69172
|
+
createElement("div", { className: styles$g.Label },
|
|
69170
69173
|
createElement("span", null, label),
|
|
69171
69174
|
!!tooltipText && (createElement(Tooltip$1, { text: tooltipText, style: { marginLeft: "8px" } }))),
|
|
69172
|
-
createElement("div", { className: styles$
|
|
69175
|
+
createElement("div", { className: styles$g.Value }, value)));
|
|
69173
69176
|
});
|
|
69174
69177
|
var Adjustments = observer(function (_a) {
|
|
69175
69178
|
var vm = _a.vm;
|
|
69176
69179
|
var t = useTranslation().t;
|
|
69177
69180
|
if (!vm.cart)
|
|
69178
69181
|
return null;
|
|
69179
|
-
return (createElement(Fragment$1, null, sortBy_1(vm.checkout.nonCouponAdjustments || [], "order").map(function (adjustment, index) { return (createElement("div", { className: styles$
|
|
69180
|
-
createElement("div", { className: styles$
|
|
69182
|
+
return (createElement(Fragment$1, null, sortBy_1(vm.checkout.nonCouponAdjustments || [], "order").map(function (adjustment, index) { return (createElement("div", { className: styles$g.InfoRow, key: index },
|
|
69183
|
+
createElement("div", { className: styles$g.Label }, adjustment.name === INTEREST_ADJUSTMENT_NAME
|
|
69181
69184
|
? t("checkout-page:cartInterest")
|
|
69182
69185
|
: adjustment.name),
|
|
69183
|
-
createElement("div", { className: styles$
|
|
69186
|
+
createElement("div", { className: styles$g.Value },
|
|
69184
69187
|
createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
|
|
69185
69188
|
" ",
|
|
69186
69189
|
createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); })));
|
|
@@ -69195,18 +69198,18 @@ var CalculatedAdditionalPrices = observer(function (_a) {
|
|
|
69195
69198
|
vm.step !== CheckoutStep.SUCCESS &&
|
|
69196
69199
|
(((_b = vm.checkout.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || [])
|
|
69197
69200
|
.filter(function (adjustment) { return adjustment.amount !== 0; })
|
|
69198
|
-
.map(function (adjustment, index) { return (createElement("div", { className: styles$
|
|
69199
|
-
createElement("div", { className: styles$
|
|
69200
|
-
createElement("div", { className: styles$
|
|
69201
|
+
.map(function (adjustment, index) { return (createElement("div", { className: styles$g.InfoRow, key: index },
|
|
69202
|
+
createElement("div", { className: styles$g.Label }, adjustment.name),
|
|
69203
|
+
createElement("div", { className: styles$g.Value },
|
|
69201
69204
|
createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
|
|
69202
69205
|
" ",
|
|
69203
69206
|
createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); }), (_c = vm.checkout.giftPackageLines) === null || _c === void 0 ? void 0 :
|
|
69204
|
-
_c.map(function (gpl, index) { return (createElement("div", { className: styles$
|
|
69205
|
-
createElement("div", { className: styles$
|
|
69206
|
-
createElement("div", { className: styles$
|
|
69207
|
+
_c.map(function (gpl, index) { return (createElement("div", { className: styles$g.InfoRow, key: index },
|
|
69208
|
+
createElement("div", { className: styles$g.Label },
|
|
69209
|
+
createElement("div", { className: styles$g.GiftLabel },
|
|
69207
69210
|
createElement(SVGGift, { style: { position: "relative", top: "-1px" } }),
|
|
69208
69211
|
createElement("span", null, t("checkout-page:giftPackage")))),
|
|
69209
|
-
createElement("div", { className: styles$
|
|
69212
|
+
createElement("div", { className: styles$g.Value },
|
|
69210
69213
|
createElement("span", null, formatMoney(gpl.price, vm.cart.currencyCode))))); })));
|
|
69211
69214
|
});
|
|
69212
69215
|
var Coupon = observer(function (_a) {
|
|
@@ -69254,20 +69257,20 @@ var Coupon = observer(function (_a) {
|
|
|
69254
69257
|
if (isSuccess && !vm.checkout.appliedCouponCode)
|
|
69255
69258
|
return null;
|
|
69256
69259
|
var adjustment = vm.checkout.couponAdjustment;
|
|
69257
|
-
return (createElement("div", { className: styles$
|
|
69258
|
-
!vm.checkout.appliedCouponCode && !isAddingCoupon && (createElement("div", { className: styles$
|
|
69260
|
+
return (createElement("div", { className: styles$g.InfoRow },
|
|
69261
|
+
!vm.checkout.appliedCouponCode && !isAddingCoupon && (createElement("div", { className: styles$g.ActionTextBtn, onClick: function () { return setAddingCoupon(true); } }, t("checkout-page:addCouponCode"))),
|
|
69259
69262
|
isAddingCoupon && (createElement(InputWithButton$1, { value: couponCode, placeholder: t("checkout-page:couponCode"), buttonLabel: t("checkout-page:actions.apply"), onClick: onCouponApply, isLoading: isLoadingCoupon, onChange: setCouponCode })),
|
|
69260
69263
|
!!vm.checkout.appliedCouponCode && !isAddingCoupon && (createElement("div", { className: [
|
|
69261
|
-
styles$
|
|
69262
|
-
styles$
|
|
69263
|
-
styles$
|
|
69264
|
+
styles$g.ActionTextBtn,
|
|
69265
|
+
styles$g.NoUnderline,
|
|
69266
|
+
styles$g.Light,
|
|
69264
69267
|
].join(" ") },
|
|
69265
69268
|
t("checkout-page:couponCode"),
|
|
69266
|
-
createElement("span", { className: styles$
|
|
69267
|
-
createElement("span", { className: styles$
|
|
69268
|
-
vm.step !== CheckoutStep.SUCCESS && (createElement("span", { className: styles$
|
|
69269
|
+
createElement("span", { className: styles$g.AppliedCoupon },
|
|
69270
|
+
createElement("span", { className: styles$g.CouponCode }, vm.checkout.appliedCouponCode),
|
|
69271
|
+
vm.step !== CheckoutStep.SUCCESS && (createElement("span", { className: styles$g.ClearCoupon, onClick: onClearCouponCode },
|
|
69269
69272
|
createElement(SVGCross, null)))))),
|
|
69270
|
-
!!vm.checkout.appliedCouponCode && !isAddingCoupon && (createElement("div", { className: styles$
|
|
69273
|
+
!!vm.checkout.appliedCouponCode && !isAddingCoupon && (createElement("div", { className: styles$g.Value },
|
|
69271
69274
|
createElement("span", null, (adjustment === null || adjustment === void 0 ? void 0 : adjustment.type) === "DECREMENT" ? "- " : ""),
|
|
69272
69275
|
" ",
|
|
69273
69276
|
createElement("span", null, formatMoney((adjustment === null || adjustment === void 0 ? void 0 : adjustment.amount) || 0, vm.cart.currencyCode))))));
|
|
@@ -69289,17 +69292,17 @@ var Note = observer(function (_a) {
|
|
|
69289
69292
|
var isSuccessStep = vm.step === CheckoutStep.SUCCESS;
|
|
69290
69293
|
if (isSuccessStep && !vm.checkout.note)
|
|
69291
69294
|
return null;
|
|
69292
|
-
return (createElement("div", { className: styles$
|
|
69293
|
-
!isAddingNote && !isSuccessStep && (createElement("div", { className: styles$
|
|
69295
|
+
return (createElement("div", { className: styles$g.InfoRow },
|
|
69296
|
+
!isAddingNote && !isSuccessStep && (createElement("div", { className: styles$g.ActionTextBtn, onClick: onEditClick }, ctaText)),
|
|
69294
69297
|
(isAddingNote || isSuccessStep) && (createElement("div", { className: [
|
|
69295
|
-
styles$
|
|
69296
|
-
isSuccessStep ? styles$
|
|
69298
|
+
styles$g.CheckoutNoteContainer,
|
|
69299
|
+
isSuccessStep ? styles$g.Success : "",
|
|
69297
69300
|
].join(" ") },
|
|
69298
|
-
createElement("div", { className: styles$
|
|
69299
|
-
isSuccessStep ? (createElement("div", { className: styles$
|
|
69301
|
+
createElement("div", { className: styles$g.Title }, t("checkout-page:orderNote")),
|
|
69302
|
+
isSuccessStep ? (createElement("div", { className: styles$g.CheckoutNoteDisplay }, vm.checkout.note)) : (createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
|
|
69300
69303
|
});
|
|
69301
69304
|
|
|
69302
|
-
var styles$
|
|
69305
|
+
var styles$h = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
|
|
69303
69306
|
|
|
69304
69307
|
var SVGSuccessCircle = function (_a) {
|
|
69305
69308
|
var className = _a.className;
|
|
@@ -69308,19 +69311,19 @@ var SVGSuccessCircle = function (_a) {
|
|
|
69308
69311
|
createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
|
|
69309
69312
|
};
|
|
69310
69313
|
|
|
69311
|
-
var styles$
|
|
69314
|
+
var styles$i = {"ExpandableSection":"style-module_ExpandableSection__2JTCI","Top":"style-module_Top__3j_E0","Title":"style-module_Title__2w3G9","HideBtn":"style-module_HideBtn__xC3Ix","Content":"style-module_Content__3TXDF"};
|
|
69312
69315
|
|
|
69313
69316
|
var ExpandableSection = function (_a) {
|
|
69314
69317
|
var title = _a.title, children = _a.children;
|
|
69315
69318
|
var t = useTranslation().t;
|
|
69316
69319
|
var _b = useState(false), isExpanded = _b[0], setExpanded = _b[1];
|
|
69317
|
-
return (createElement("div", { className: styles$
|
|
69318
|
-
createElement("div", { className: styles$
|
|
69319
|
-
createElement("div", { className: styles$
|
|
69320
|
-
createElement("div", { className: styles$
|
|
69320
|
+
return (createElement("div", { className: styles$i.ExpandableSection },
|
|
69321
|
+
createElement("div", { className: styles$i.Top },
|
|
69322
|
+
createElement("div", { className: styles$i.Title }, title),
|
|
69323
|
+
createElement("div", { className: styles$i.HideBtn, onClick: function () { return setExpanded(!isExpanded); } }, isExpanded
|
|
69321
69324
|
? t("checkout-page:actions.hide")
|
|
69322
69325
|
: t("checkout-page:actions.show"))),
|
|
69323
|
-
isExpanded && !!children && (createElement("div", { className: styles$
|
|
69326
|
+
isExpanded && !!children && (createElement("div", { className: styles$i.Content }, children))));
|
|
69324
69327
|
};
|
|
69325
69328
|
var ExpandableSection$1 = observer(ExpandableSection);
|
|
69326
69329
|
|
|
@@ -69331,7 +69334,7 @@ var SVGCross$1 = function (_a) {
|
|
|
69331
69334
|
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" })));
|
|
69332
69335
|
};
|
|
69333
69336
|
|
|
69334
|
-
var styles$
|
|
69337
|
+
var styles$j = {"ModalContainer":"style-module_ModalContainer__3JCG6","Modal":"style-module_Modal__s3oha","ModalHeader":"style-module_ModalHeader__vEeDs","CloseButton":"style-module_CloseButton__3VdYY","ModalContent":"style-module_ModalContent__2jGi3"};
|
|
69335
69338
|
|
|
69336
69339
|
var Modal = observer(function (_a) {
|
|
69337
69340
|
var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
|
|
@@ -69346,13 +69349,13 @@ var Modal = observer(function (_a) {
|
|
|
69346
69349
|
document.removeEventListener("keydown", escFunction, false);
|
|
69347
69350
|
};
|
|
69348
69351
|
}, []);
|
|
69349
|
-
return (createElement("div", { className: styles$
|
|
69350
|
-
createElement("div", { className: styles$
|
|
69351
|
-
createElement("div", { className: styles$
|
|
69352
|
+
return (createElement("div", { className: styles$j.ModalContainer, onClick: onClose },
|
|
69353
|
+
createElement("div", { className: styles$j.Modal, onClick: function (e) { return e.stopPropagation(); } },
|
|
69354
|
+
createElement("div", { className: styles$j.ModalHeader },
|
|
69352
69355
|
createElement("div", null, title),
|
|
69353
|
-
createElement("div", { className: styles$
|
|
69356
|
+
createElement("div", { className: styles$j.CloseButton, onClick: onClose },
|
|
69354
69357
|
createElement(SVGCross$1, null))),
|
|
69355
|
-
typeof modalContent === "string" ? (createElement("div", { className: styles$
|
|
69358
|
+
typeof modalContent === "string" ? (createElement("div", { className: styles$j.ModalContent, dangerouslySetInnerHTML: { __html: modalContent } })) : (createElement("div", { className: styles$j.ModalContent }, modalContent)))));
|
|
69356
69359
|
});
|
|
69357
69360
|
|
|
69358
69361
|
var StepSuccess = observer(function (_a) {
|
|
@@ -69394,64 +69397,64 @@ var StepSuccess = observer(function (_a) {
|
|
|
69394
69397
|
var paymentMethodDetail = (_d = vm.successTransaction) === null || _d === void 0 ? void 0 : _d.paymentMethodDetail;
|
|
69395
69398
|
var paymentInfoGrid = useMemo(function () {
|
|
69396
69399
|
var _a, _b, _c;
|
|
69397
|
-
return (createElement("div", { className: [styles$
|
|
69400
|
+
return (createElement("div", { className: [styles$h.InfoGrid].join(" ") },
|
|
69398
69401
|
createElement("div", null,
|
|
69399
|
-
createElement("div", { className: styles$
|
|
69402
|
+
createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:paymentMethod")),
|
|
69400
69403
|
paymentGateway && (createElement(Fragment$1, null,
|
|
69401
|
-
createElement("div", { className: styles$
|
|
69402
|
-
!!paymentGateway.description && (createElement("div", { className: styles$
|
|
69404
|
+
createElement("div", { className: styles$h.InfoText }, paymentGateway.name),
|
|
69405
|
+
!!paymentGateway.description && (createElement("div", { className: styles$h.InfoText },
|
|
69403
69406
|
createElement("div", { dangerouslySetInnerHTML: {
|
|
69404
69407
|
__html: paymentGateway.description,
|
|
69405
69408
|
} }))))),
|
|
69406
69409
|
((_a = vm.successTransaction) === null || _a === void 0 ? void 0 : _a.paymentMethod) === "CREDIT_CARD" && (createElement(Fragment$1, null,
|
|
69407
|
-
createElement("div", { className: styles$
|
|
69408
|
-
createElement("div", { className: styles$
|
|
69410
|
+
createElement("div", { className: styles$h.InfoText },
|
|
69411
|
+
createElement("div", { className: styles$h.CardLogoContainer }, getCardLogo()),
|
|
69409
69412
|
createElement("span", null, "**** " + ((paymentMethodDetail === null || paymentMethodDetail === void 0 ? void 0 : paymentMethodDetail.lastFourDigits) || ""))),
|
|
69410
69413
|
paymentMethodDetail &&
|
|
69411
69414
|
paymentMethodDetail.installment.installmentCount > 1 && (createElement(Fragment$1, null,
|
|
69412
|
-
createElement("div", { className: styles$
|
|
69413
|
-
createElement("div", { className: styles$
|
|
69415
|
+
createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " " + t("checkout-page:installments")),
|
|
69416
|
+
createElement("div", { className: styles$h.InfoText }, paymentMethodDetail.installment.installmentCount + " x " + formatMoney(paymentMethodDetail.installment.installmentPrice, vm.checkout.cart.currencyCode))))))),
|
|
69414
69417
|
createElement("div", null,
|
|
69415
|
-
createElement("div", { className: styles$
|
|
69416
|
-
!!((_b = vm.checkout.billingAddress) === null || _b === void 0 ? void 0 : _b.company) && (createElement("div", { className: [styles$
|
|
69417
|
-
createElement("div", { className: styles$
|
|
69418
|
+
createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:billingAddress")),
|
|
69419
|
+
!!((_b = vm.checkout.billingAddress) === null || _b === void 0 ? void 0 : _b.company) && (createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, vm.checkout.billingAddress.company)),
|
|
69420
|
+
createElement("div", { className: styles$h.InfoText }, (_c = vm.checkout.billingAddress) === null || _c === void 0 ? void 0 : _c.addressText))));
|
|
69418
69421
|
}, []);
|
|
69419
69422
|
var contactInfoGrid = useMemo(function () {
|
|
69420
69423
|
var _a, _b, _c, _d, _e;
|
|
69421
|
-
return (createElement("div", { className: [styles$
|
|
69424
|
+
return (createElement("div", { className: [styles$h.InfoGrid].join(" ") },
|
|
69422
69425
|
createElement("div", null,
|
|
69423
|
-
createElement("div", { className: styles$
|
|
69424
|
-
createElement("div", { className: styles$
|
|
69425
|
-
createElement("div", { className: styles$
|
|
69426
|
-
!!((_b = vm.checkout.shippingAddress) === null || _b === void 0 ? void 0 : _b.phone) && (createElement("div", { className: styles$
|
|
69426
|
+
createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:contactInfo")),
|
|
69427
|
+
createElement("div", { className: styles$h.InfoText }, (_a = vm.checkout.customer) === null || _a === void 0 ? void 0 : _a.email),
|
|
69428
|
+
createElement("div", { className: styles$h.InfoText }, customerName),
|
|
69429
|
+
!!((_b = vm.checkout.shippingAddress) === null || _b === void 0 ? void 0 : _b.phone) && (createElement("div", { className: styles$h.InfoText }, (_c = vm.checkout.shippingAddress) === null || _c === void 0 ? void 0 : _c.phone))),
|
|
69427
69430
|
createElement("div", null,
|
|
69428
|
-
createElement("div", { className: styles$
|
|
69429
|
-
!!((_d = vm.checkout.shippingAddress) === null || _d === void 0 ? void 0 : _d.company) && (createElement("div", { className: [styles$
|
|
69430
|
-
createElement("div", { className: styles$
|
|
69431
|
+
createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:shippingAddress")),
|
|
69432
|
+
!!((_d = vm.checkout.shippingAddress) === null || _d === void 0 ? void 0 : _d.company) && (createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, vm.checkout.shippingAddress.company)),
|
|
69433
|
+
createElement("div", { className: styles$h.InfoText }, (_e = vm.checkout.shippingAddress) === null || _e === void 0 ? void 0 : _e.addressText))));
|
|
69431
69434
|
}, []);
|
|
69432
|
-
return (createElement("div", { className: styles$
|
|
69433
|
-
createElement("div", { className: styles$
|
|
69435
|
+
return (createElement("div", { className: styles$h.StepSuccess },
|
|
69436
|
+
createElement("div", { className: styles$h.SuccessTitleContainer },
|
|
69434
69437
|
createElement(SVGSuccessCircle, null),
|
|
69435
|
-
createElement("span", { className: styles$
|
|
69436
|
-
createElement("div", { className: styles$
|
|
69438
|
+
createElement("span", { className: styles$h.SuccessTitle }, t("checkout-page:orderSuccessTitle"))),
|
|
69439
|
+
createElement("div", { className: styles$h.SuccessSubTitle }, t("checkout-page:orderSuccessDescription", {
|
|
69437
69440
|
customerName: customerName,
|
|
69438
69441
|
})),
|
|
69439
|
-
createElement("div", { className: [styles$
|
|
69442
|
+
createElement("div", { className: [styles$h.InfoGrid, styles$h.WithBorder].join(" ") },
|
|
69440
69443
|
createElement("div", null,
|
|
69441
|
-
createElement("div", { className: styles$
|
|
69442
|
-
createElement("div", { className: [styles$
|
|
69443
|
-
createElement("div", { className: styles$
|
|
69444
|
+
createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:orderNoAndDate")),
|
|
69445
|
+
createElement("div", { className: [styles$h.InfoText, styles$h.InfoTextBold].join(" ") }, "#" + (vm.checkout.orderNumber || "")),
|
|
69446
|
+
createElement("div", { className: styles$h.InfoText }, vm.checkout.dateStr),
|
|
69444
69447
|
createElement(OrderStatus, { vm: vm })),
|
|
69445
69448
|
createElement("div", null,
|
|
69446
|
-
createElement("div", { className: styles$
|
|
69447
|
-
createElement("div", { className: styles$
|
|
69448
|
-
createElement("div", { className: styles$
|
|
69449
|
+
createElement("div", { className: styles$h.InfoTitle }, t("checkout-page:contactInfo")),
|
|
69450
|
+
createElement("div", { className: styles$h.InfoText }, (_e = vm.checkout.customer) === null || _e === void 0 ? void 0 : _e.email),
|
|
69451
|
+
createElement("div", { className: styles$h.InfoText }, customerName))),
|
|
69449
69452
|
createElement(ExpandableSection$1, { title: t("checkout-page:paymentSummary") }, paymentInfoGrid),
|
|
69450
69453
|
createElement(ExpandableSection$1, { title: t("checkout-page:shippingSummary") }, contactInfoGrid),
|
|
69451
|
-
createElement("div", { className: styles$
|
|
69452
|
-
createElement("div", { className: styles$
|
|
69454
|
+
createElement("div", { className: styles$h.Actions },
|
|
69455
|
+
createElement("div", { className: styles$h.HelpText },
|
|
69453
69456
|
createElement("span", null, t("checkout-page:helpCtaQuestion")),
|
|
69454
|
-
createElement("span", { className: styles$
|
|
69457
|
+
createElement("span", { className: styles$h.Cta, onClick: function () { return setContactModalVisible(true); } }, t("checkout-page:helpCta"))),
|
|
69455
69458
|
createElement(Button, { text: t("checkout-page:actions.backToShopping"), onClick: vm.onBackToShoppingClick, style: { flex: "0 0 auto" } })),
|
|
69456
69459
|
isContactModalVisible && (createElement(ContactUsModal, { vm: vm, setVisible: setContactModalVisible }))));
|
|
69457
69460
|
});
|
|
@@ -69507,7 +69510,7 @@ var OrderStatus = observer(function (_a) {
|
|
|
69507
69510
|
var _b, _c, _d;
|
|
69508
69511
|
var vm = _a.vm;
|
|
69509
69512
|
var t = useTranslation().t;
|
|
69510
|
-
var colorClass = styles$
|
|
69513
|
+
var colorClass = styles$h.Yellow;
|
|
69511
69514
|
var getOrderPackageStatusText = function () {
|
|
69512
69515
|
return [
|
|
69513
69516
|
{
|
|
@@ -69574,16 +69577,16 @@ var OrderStatus = observer(function (_a) {
|
|
|
69574
69577
|
case IkasOrderPackageStatus.PARTIALLY_FULFILLED:
|
|
69575
69578
|
case IkasOrderPackageStatus.DELIVERED:
|
|
69576
69579
|
case IkasOrderPackageStatus.PARTIALLY_DELIVERED:
|
|
69577
|
-
colorClass = styles$
|
|
69580
|
+
colorClass = styles$h.Green;
|
|
69578
69581
|
break;
|
|
69579
69582
|
case IkasOrderPackageStatus.CANCELLED:
|
|
69580
69583
|
case IkasOrderPackageStatus.PARTIALLY_CANCELLED:
|
|
69581
69584
|
case IkasOrderPackageStatus.CANCEL_REJECTED:
|
|
69582
69585
|
case IkasOrderPackageStatus.CANCEL_REQUESTED:
|
|
69583
|
-
colorClass = styles$
|
|
69586
|
+
colorClass = styles$h.Red;
|
|
69584
69587
|
break;
|
|
69585
69588
|
}
|
|
69586
|
-
return (createElement("div", { className: [styles$
|
|
69589
|
+
return (createElement("div", { className: [styles$h.OrderStatus, colorClass].join(" ") }, ((_c = vm.order) === null || _c === void 0 ? void 0 : _c.orderPackageStatus) ? (_d = getOrderPackageStatusText().find(function (o) {
|
|
69587
69590
|
return o.types.includes(vm.order.orderPackageStatus);
|
|
69588
69591
|
})) === null || _d === void 0 ? void 0 : _d.text : ""));
|
|
69589
69592
|
});
|
|
@@ -69614,7 +69617,7 @@ var Image = function (_a) {
|
|
|
69614
69617
|
return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
|
|
69615
69618
|
};
|
|
69616
69619
|
|
|
69617
|
-
var styles$
|
|
69620
|
+
var styles$k = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
|
|
69618
69621
|
|
|
69619
69622
|
var StepContainer = observer(function (_a) {
|
|
69620
69623
|
var steps = _a.steps, stepContent = _a.stepContent;
|
|
@@ -69628,28 +69631,28 @@ var StepContainer = observer(function (_a) {
|
|
|
69628
69631
|
(_a = document.getElementById("step-" + selectedStepIndex)) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
|
|
69629
69632
|
}
|
|
69630
69633
|
}, []);
|
|
69631
|
-
return (createElement("div", { className: styles$
|
|
69634
|
+
return (createElement("div", { className: styles$k.StepContainer }, steps.map(function (step, index) { return (createElement("div", { className: styles$k.Step },
|
|
69632
69635
|
createElement("div", { id: "step-" + index, className: [
|
|
69633
|
-
styles$
|
|
69634
|
-
index === 0 ? styles$
|
|
69636
|
+
styles$k.StepTitleContainer,
|
|
69637
|
+
index === 0 ? styles$k.First : "",
|
|
69635
69638
|
].join(" ") },
|
|
69636
69639
|
createElement("div", { className: [
|
|
69637
|
-
styles$
|
|
69638
|
-
step.titleRightContent ? styles$
|
|
69640
|
+
styles$k.StepTitleTop,
|
|
69641
|
+
step.titleRightContent ? styles$k.WithRightContent : "",
|
|
69639
69642
|
].join(" ") },
|
|
69640
69643
|
createElement("div", { className: [
|
|
69641
|
-
styles$
|
|
69642
|
-
step.isSelected || step.isComplete ? styles$
|
|
69644
|
+
styles$k.StepCircle,
|
|
69645
|
+
step.isSelected || step.isComplete ? styles$k.Selected : "",
|
|
69643
69646
|
]
|
|
69644
69647
|
.join(" ")
|
|
69645
69648
|
.trim() }, !step.isComplete ? index + 1 : createElement(SVGCheck, null)),
|
|
69646
69649
|
createElement("div", { className: [
|
|
69647
|
-
styles$
|
|
69648
|
-
!step.isSelected && !step.isComplete ? styles$
|
|
69650
|
+
styles$k.StepTitle,
|
|
69651
|
+
!step.isSelected && !step.isComplete ? styles$k.Light : "",
|
|
69649
69652
|
].join(" ") }, step.label),
|
|
69650
|
-
!!step.titleRightContent && (createElement("div", { className: styles$
|
|
69651
|
-
!!step.titleBottomContent && (createElement("div", { className: styles$
|
|
69652
|
-
step.isSelected && (createElement("div", { className: styles$
|
|
69653
|
+
!!step.titleRightContent && (createElement("div", { className: styles$k.StepTitleRightContent }, step.titleRightContent))),
|
|
69654
|
+
!!step.titleBottomContent && (createElement("div", { className: styles$k.StepTitleBottom }, step.titleBottomContent))),
|
|
69655
|
+
step.isSelected && (createElement("div", { className: styles$k.StepContent }, stepContent)))); })));
|
|
69653
69656
|
});
|
|
69654
69657
|
var Step = /** @class */ (function () {
|
|
69655
69658
|
function Step(label, isSelected, isComplete, titleRightContent, titleBottomContent) {
|
|
@@ -69663,7 +69666,7 @@ var Step = /** @class */ (function () {
|
|
|
69663
69666
|
return Step;
|
|
69664
69667
|
}());
|
|
69665
69668
|
|
|
69666
|
-
var styles$
|
|
69669
|
+
var styles$l = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
|
|
69667
69670
|
|
|
69668
69671
|
var StockError = observer(function (_a) {
|
|
69669
69672
|
var vm = _a.vm, error = _a.error;
|
|
@@ -69688,13 +69691,13 @@ var StockError = observer(function (_a) {
|
|
|
69688
69691
|
});
|
|
69689
69692
|
}); }, [vm]);
|
|
69690
69693
|
return (createElement(NotificationBox$1, { type: "warning", title: t("checkout-page:errorStockTitle"), content: createElement("div", null,
|
|
69691
|
-
createElement("div", { className: styles$
|
|
69694
|
+
createElement("div", { className: styles$l.Description }, t("checkout-page:errorStockDescription")),
|
|
69692
69695
|
data.map(function (item, index) {
|
|
69693
69696
|
var _a;
|
|
69694
69697
|
return (createElement("div", { key: index },
|
|
69695
69698
|
createElement(CartItem, { cartItem: item, currencyCode: ((_a = vm.checkout.cart) === null || _a === void 0 ? void 0 : _a.currencyCode) || "" })));
|
|
69696
69699
|
}),
|
|
69697
|
-
createElement("div", { className: styles$
|
|
69700
|
+
createElement("div", { className: styles$l.Actions },
|
|
69698
69701
|
createElement(Button, { style: {
|
|
69699
69702
|
width: "100%",
|
|
69700
69703
|
}, text: t("checkout-page:actions.backToCart"), isLine: true, isDisabled: isLoading, onClick: vm.onGoToCartClick }),
|
|
@@ -69703,11 +69706,11 @@ var StockError = observer(function (_a) {
|
|
|
69703
69706
|
}, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
|
|
69704
69707
|
});
|
|
69705
69708
|
|
|
69706
|
-
var styles$
|
|
69709
|
+
var styles$m = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
|
|
69707
69710
|
|
|
69708
69711
|
var FullscreenLoading = function () {
|
|
69709
|
-
return (createElement("div", { className: styles$
|
|
69710
|
-
createElement("div", { className: styles$
|
|
69712
|
+
return (createElement("div", { className: styles$m.Container },
|
|
69713
|
+
createElement("div", { className: styles$m.loader })));
|
|
69711
69714
|
};
|
|
69712
69715
|
|
|
69713
69716
|
var IkasCheckoutPage = function (_a) {
|
|
@@ -69757,24 +69760,24 @@ var IkasCheckoutPage = function (_a) {
|
|
|
69757
69760
|
createElement(IkasPageHead, { pageType: IkasThemePageType.CHECKOUT, pageTitle: (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || "") +
|
|
69758
69761
|
" - " +
|
|
69759
69762
|
t("checkout-page:securePayment"), pageDescription: t("checkout-page:securePayment") }),
|
|
69760
|
-
createElement("div", { id: "Checkout", className: styles$
|
|
69761
|
-
createElement(ReactTooltip, { place: "top", type: "dark", effect: "solid", arrowColor: "transparent", multiline: true, className: styles$
|
|
69762
|
-
createElement("div", { className: styles$
|
|
69763
|
-
createElement("div", { className: styles$
|
|
69763
|
+
createElement("div", { id: "Checkout", className: styles$4.CheckoutPage },
|
|
69764
|
+
createElement(ReactTooltip, { place: "top", type: "dark", effect: "solid", arrowColor: "transparent", multiline: true, className: styles$4.ReactTooltipWrap, globalEventOff: "touchstart" }),
|
|
69765
|
+
createElement("div", { className: styles$4.Left },
|
|
69766
|
+
createElement("div", { className: styles$4.LeftContent },
|
|
69764
69767
|
createElement("div", null,
|
|
69765
69768
|
createElement(Header, { vm: vm }),
|
|
69766
|
-
vm.hasStockError && (createElement("div", { className: styles$
|
|
69769
|
+
vm.hasStockError && (createElement("div", { className: styles$4.ErrorContainer },
|
|
69767
69770
|
createElement(StockError, { vm: vm, error: vm.error }))),
|
|
69768
69771
|
!vm.hasStockError && (createElement(Fragment$1, null,
|
|
69769
|
-
createElement("div", { className: styles$
|
|
69772
|
+
createElement("div", { className: styles$4.MobileCartSummary },
|
|
69770
69773
|
createElement(CartSummary, { vm: vm, allowExpand: true })),
|
|
69771
69774
|
vm.step === CheckoutStep.SUCCESS ? (createElement(StepSuccess, { vm: vm })) : (createElement(Steps, { vm: vm })))),
|
|
69772
|
-
createElement("div", { className: styles$
|
|
69775
|
+
createElement("div", { className: styles$4.Space })),
|
|
69773
69776
|
createElement(Footer, { vm: vm }))),
|
|
69774
|
-
createElement("div", { className: styles$
|
|
69775
|
-
createElement("div", { className: styles$
|
|
69777
|
+
createElement("div", { className: styles$4.Right },
|
|
69778
|
+
createElement("div", { className: styles$4.RightContent },
|
|
69776
69779
|
createElement(CartSummary, { vm: vm }),
|
|
69777
|
-
createElement("div", { className: styles$
|
|
69780
|
+
createElement("div", { className: styles$4.PoweredBy },
|
|
69778
69781
|
createElement("span", null, "powered by"),
|
|
69779
69782
|
createElement("a", { href: "https://ikas.com" +
|
|
69780
69783
|
(IkasStorefrontConfig.getCurrentLocale() === "tr"
|
|
@@ -69787,17 +69790,17 @@ var Header = observer(function (_a) {
|
|
|
69787
69790
|
var _b, _c;
|
|
69788
69791
|
var vm = _a.vm;
|
|
69789
69792
|
var t = useTranslation().t;
|
|
69790
|
-
return (createElement("div", { className: styles$
|
|
69793
|
+
return (createElement("div", { className: styles$4.Header },
|
|
69791
69794
|
createElement(Link, { href: "/", passHref: true },
|
|
69792
|
-
createElement("a", null, !!((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.logoId) ? (createElement("div", { className: styles$
|
|
69795
|
+
createElement("a", null, !!((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.logoId) ? (createElement("div", { className: styles$4.Logo },
|
|
69793
69796
|
createElement(Image, { layout: "fill", image: vm.merchantSettings.logo, sizes: "360px" }))) : (((_c = vm.merchantSettings) === null || _c === void 0 ? void 0 : _c.merchantName) || ""))),
|
|
69794
|
-
!vm.checkout.hasCustomer && (createElement("div", { className: styles$
|
|
69795
|
-
createElement("span", { className: styles$
|
|
69797
|
+
!vm.checkout.hasCustomer && (createElement("div", { className: styles$4.LoginText },
|
|
69798
|
+
createElement("span", { className: styles$4.LoginCta }, t("checkout-page:alreadyHaveAnAccount")),
|
|
69796
69799
|
createElement(Link, { href: "/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl), passHref: true },
|
|
69797
|
-
createElement("a", { className: styles$
|
|
69798
|
-
vm.checkout.hasCustomer && (createElement("div", { className: styles$
|
|
69799
|
-
createElement("div", { className: styles$
|
|
69800
|
-
createElement("div", { className: styles$
|
|
69800
|
+
createElement("a", { className: styles$4.LoginBtn }, t("checkout-page:actions.login"))))),
|
|
69801
|
+
vm.checkout.hasCustomer && (createElement("div", { className: styles$4.CustomerInfo },
|
|
69802
|
+
createElement("div", { className: styles$4.Name }, vm.checkout.customerFullName),
|
|
69803
|
+
createElement("div", { className: styles$4.Email }, vm.checkout.customerEmail)))));
|
|
69801
69804
|
});
|
|
69802
69805
|
var Steps = observer(function (_a) {
|
|
69803
69806
|
var vm = _a.vm;
|
|
@@ -69815,13 +69818,13 @@ var Steps = observer(function (_a) {
|
|
|
69815
69818
|
}
|
|
69816
69819
|
}, [vm, vm.step]);
|
|
69817
69820
|
var steps = [
|
|
69818
|
-
new Step(t("checkout-page:address"), vm.step === CheckoutStep.INFO, vm.step !== CheckoutStep.INFO, vm.step !== CheckoutStep.INFO ? (createElement("div", { className: styles$
|
|
69821
|
+
new Step(t("checkout-page:address"), vm.step === CheckoutStep.INFO, vm.step !== CheckoutStep.INFO, vm.step !== CheckoutStep.INFO ? (createElement("div", { className: styles$4.AdressStepInfo },
|
|
69819
69822
|
createElement(StepSummaryAddress, { vm: vm }),
|
|
69820
|
-
createElement("div", { className: styles$
|
|
69823
|
+
createElement("div", { className: styles$4.EditBtn, onClick: vm.onBackToInfoClick }, t("checkout-page:actions.edit")))) : undefined, vm.step !== CheckoutStep.INFO ? (createElement("div", { className: styles$4.AddressStepInfoMobile },
|
|
69821
69824
|
createElement(StepSummaryAddress, { vm: vm }))) : undefined),
|
|
69822
|
-
new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (createElement("div", { className: styles$
|
|
69825
|
+
new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (createElement("div", { className: styles$4.AdressStepInfo },
|
|
69823
69826
|
createElement(StepSummaryShipping, { vm: vm }),
|
|
69824
|
-
vm.checkout.availableShippingMethods.length > 1 && (createElement("div", { className: styles$
|
|
69827
|
+
vm.checkout.availableShippingMethods.length > 1 && (createElement("div", { className: styles$4.EditBtn, onClick: vm.onBackToShippingClick }, t("checkout-page:actions.edit"))))) : undefined, vm.step === CheckoutStep.PAYMENT ? (createElement("div", { className: styles$4.AddressStepInfoMobile },
|
|
69825
69828
|
createElement(StepSummaryShipping, { vm: vm }))) : undefined),
|
|
69826
69829
|
new Step(t("checkout-page:payment"), vm.step === CheckoutStep.PAYMENT, false),
|
|
69827
69830
|
];
|
|
@@ -69830,20 +69833,20 @@ var Steps = observer(function (_a) {
|
|
|
69830
69833
|
var StepSummaryAddress = observer(function (_a) {
|
|
69831
69834
|
var _b, _c, _d, _e, _f;
|
|
69832
69835
|
var vm = _a.vm;
|
|
69833
|
-
return (createElement("div", { className: styles$
|
|
69834
|
-
createElement("div", { className: [styles$
|
|
69835
|
-
createElement("div", { className: styles$
|
|
69836
|
+
return (createElement("div", { className: styles$4.Address },
|
|
69837
|
+
createElement("div", { className: [styles$4.Text, styles$4.WithMBottom].join(" ") }, ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || ""),
|
|
69838
|
+
createElement("div", { className: styles$4.Text }, (((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.firstName) || "") +
|
|
69836
69839
|
" " +
|
|
69837
69840
|
(((_d = vm.checkout.customer) === null || _d === void 0 ? void 0 : _d.lastName) || "")),
|
|
69838
|
-
createElement("div", { className: [styles$
|
|
69839
|
-
createElement("div", { className: [styles$
|
|
69841
|
+
createElement("div", { className: [styles$4.Text, styles$4.Gray].join(" ") }, (_e = vm.checkout.shippingAddress) === null || _e === void 0 ? void 0 : _e.phone),
|
|
69842
|
+
createElement("div", { className: [styles$4.Text, styles$4.Gray].join(" ") }, (_f = vm.checkout.shippingAddress) === null || _f === void 0 ? void 0 : _f.addressText)));
|
|
69840
69843
|
});
|
|
69841
69844
|
var StepSummaryShipping = observer(function (_a) {
|
|
69842
69845
|
var vm = _a.vm;
|
|
69843
69846
|
var t = useTranslation().t;
|
|
69844
|
-
return (createElement("div", { className: styles$
|
|
69847
|
+
return (createElement("div", { className: styles$4.Address }, vm.checkout.shippingLines && !!vm.checkout.shippingLines.length ? (createElement(Fragment$1, null,
|
|
69845
69848
|
createElement("span", null, vm.checkout.shippingLines[0].title),
|
|
69846
|
-
createElement("span", { className: styles$
|
|
69849
|
+
createElement("span", { className: styles$4.LightText }, " / " +
|
|
69847
69850
|
(vm.checkout.shippingLines[0].price === 0
|
|
69848
69851
|
? t("checkout-page:free")
|
|
69849
69852
|
: formatMoney(vm.checkout.shippingLines[0].price, vm.checkout.cart.currencyCode))))) : (t("checkout-page:standartShipping"))));
|
|
@@ -69866,12 +69869,12 @@ var Footer = observer(function (_a) {
|
|
|
69866
69869
|
vm.policyModalTitle = t("checkout-page:termsOfService");
|
|
69867
69870
|
vm.policyModalText = vm.termsOfService;
|
|
69868
69871
|
};
|
|
69869
|
-
return (createElement("div", { className: styles$
|
|
69870
|
-
createElement("div", { className: styles$
|
|
69871
|
-
createElement("div", { className: styles$
|
|
69872
|
-
createElement("div", { className: styles$
|
|
69873
|
-
createElement("div", { className: styles$
|
|
69874
|
-
createElement("div", { className: styles$
|
|
69872
|
+
return (createElement("div", { className: styles$4.Footer },
|
|
69873
|
+
createElement("div", { className: styles$4.FooterItem, onClick: onReturnPolicyClick }, t("checkout-page:returnPolicy")),
|
|
69874
|
+
createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
69875
|
+
createElement("div", { className: styles$4.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
|
|
69876
|
+
createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
69877
|
+
createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService")),
|
|
69875
69878
|
!!vm.policyModalText && (createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose }))));
|
|
69876
69879
|
});
|
|
69877
69880
|
|