@ikas/storefront 0.0.167-alpha.18 → 0.0.167-alpha.2
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 +8 -0
- package/build/index.es.css +8 -0
- package/build/index.es.js +294 -307
- package/build/index.js +294 -307
- package/build/utils/settings.d.ts +1 -2
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -11462,15 +11462,12 @@ var IkasOrderLineVariant = /** @class */ (function () {
|
|
|
11462
11462
|
get: function () {
|
|
11463
11463
|
if (!this.slug)
|
|
11464
11464
|
return;
|
|
11465
|
-
|
|
11466
|
-
.
|
|
11467
|
-
|
|
11468
|
-
|
|
11469
|
-
|
|
11470
|
-
|
|
11471
|
-
return "/" + this.slug + "?" + variantParams;
|
|
11472
|
-
else
|
|
11473
|
-
return "/" + this.slug;
|
|
11465
|
+
if (!!this.variantValues.length) {
|
|
11466
|
+
return "/" + this.slug + "-" + this.variantValues
|
|
11467
|
+
.map(function (vv) { return vv.variantNameSlug; })
|
|
11468
|
+
.join("-");
|
|
11469
|
+
}
|
|
11470
|
+
return "/" + this.slug;
|
|
11474
11471
|
},
|
|
11475
11472
|
enumerable: false,
|
|
11476
11473
|
configurable: true
|
|
@@ -17893,7 +17890,7 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17893
17890
|
try {
|
|
17894
17891
|
!isServer &&
|
|
17895
17892
|
window.fbq &&
|
|
17896
|
-
window.fbq("track", "AddToCart", orderLineItemToFBPItem(item, quantity), {
|
|
17893
|
+
window.fbq("track", "AddToCart", orderLineItemToFBPItem(item, quantity), { eventId: eventId });
|
|
17897
17894
|
return;
|
|
17898
17895
|
}
|
|
17899
17896
|
catch (err) {
|
|
@@ -17915,7 +17912,7 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17915
17912
|
try {
|
|
17916
17913
|
!isServer &&
|
|
17917
17914
|
window.fbq &&
|
|
17918
|
-
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout), {
|
|
17915
|
+
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout), { eventId: eventId });
|
|
17919
17916
|
return;
|
|
17920
17917
|
}
|
|
17921
17918
|
catch (err) {
|
|
@@ -23620,7 +23617,11 @@ var CheckoutViewModel = /** @class */ (function () {
|
|
|
23620
23617
|
this.changeStep = function (step) { return __awaiter(_this, void 0, void 0, function () {
|
|
23621
23618
|
return __generator(this, function (_a) {
|
|
23622
23619
|
if (!isServer$1) {
|
|
23623
|
-
window.location.replace(
|
|
23620
|
+
window.location.replace("/checkout?id=" + this.checkout.id + "&step=" + step);
|
|
23621
|
+
// await this.router.replace(
|
|
23622
|
+
// `/checkout?id=${this.checkout.id}&step=${step}`
|
|
23623
|
+
// );
|
|
23624
|
+
// this.router.reload();
|
|
23624
23625
|
}
|
|
23625
23626
|
return [2 /*return*/];
|
|
23626
23627
|
});
|
|
@@ -41441,19 +41442,25 @@ function createCategoryBreadcrumbSchema(category) {
|
|
|
41441
41442
|
catch (_a) { }
|
|
41442
41443
|
}
|
|
41443
41444
|
|
|
41445
|
+
var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
|
|
41446
|
+
|
|
41444
41447
|
var IkasPage = mobxReactLite.observer(function (_a) {
|
|
41445
41448
|
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;
|
|
41446
41449
|
IkasStorefrontConfig.initWithJson(configJson);
|
|
41447
41450
|
var store = IkasStorefrontConfig.store;
|
|
41448
41451
|
var router$1 = router.useRouter();
|
|
41449
|
-
var _b = React.useState(false),
|
|
41452
|
+
var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
|
|
41453
|
+
var _c = React.useState(false), isBrowser = _c[0], setIsBrowser = _c[1];
|
|
41450
41454
|
var settings = React.useState(new IkasThemeSettings(JSON.parse(settingsStr)))[0];
|
|
41451
|
-
var
|
|
41455
|
+
var _d = React.useState(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr)), propValues = _d[0], setPropValues = _d[1];
|
|
41452
41456
|
store.currentPageType = pageType;
|
|
41453
41457
|
React.useEffect(function () {
|
|
41458
|
+
//@ts-ignore
|
|
41459
|
+
store.setSettings(settingsStr);
|
|
41454
41460
|
//@ts-ignore
|
|
41455
41461
|
store.cartStore.getCart();
|
|
41456
41462
|
store.checkLocalization();
|
|
41463
|
+
setMounted(true);
|
|
41457
41464
|
}, []);
|
|
41458
41465
|
React.useEffect(function () {
|
|
41459
41466
|
if (reInitOnBrowser)
|
|
@@ -41466,16 +41473,12 @@ var IkasPage = mobxReactLite.observer(function (_a) {
|
|
|
41466
41473
|
var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
|
|
41467
41474
|
var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
|
|
41468
41475
|
var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
|
|
41469
|
-
var
|
|
41470
|
-
|
|
41471
|
-
minHeight: "100vh",
|
|
41472
|
-
display: "flex",
|
|
41473
|
-
flexDirection: "column",
|
|
41474
|
-
justifyContent: "space-between",
|
|
41476
|
+
var visibilityStyle = {
|
|
41477
|
+
visibility: mounted ? "visible" : "hidden",
|
|
41475
41478
|
};
|
|
41476
41479
|
return (React.createElement(React.Fragment, null,
|
|
41477
41480
|
React.createElement(IkasPageHead, { pageType: pageType, pageTitle: pageTitle, pageDescription: pageDescription, pageSpecificDataStr: pageSpecificDataStr, merchantSettingsStr: merchantSettingsStr, addOgpMetas: addOgpMetas }),
|
|
41478
|
-
React.createElement("div", { style:
|
|
41481
|
+
React.createElement("div", { style: visibilityStyle, className: styles.IkasPage },
|
|
41479
41482
|
React.createElement("div", null,
|
|
41480
41483
|
headerComponentPropValue &&
|
|
41481
41484
|
renderComponent(headerComponentPropValue, settings, -1),
|
|
@@ -45457,7 +45460,7 @@ var BridgeMessageType;
|
|
|
45457
45460
|
BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
|
|
45458
45461
|
})(BridgeMessageType || (BridgeMessageType = {}));
|
|
45459
45462
|
|
|
45460
|
-
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"};
|
|
45463
|
+
var styles$1 = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","RightContent":"style-module_RightContent__1fjX9","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","WithTooltip":"style-module_WithTooltip__1KRSQ","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx","PhoneError":"style-module_PhoneError__2FrSf","FormItemTooltipContainer":"style-module_FormItemTooltipContainer__13wpt"};
|
|
45461
45464
|
|
|
45462
45465
|
var FormItemViewModel = /** @class */ (function () {
|
|
45463
45466
|
function FormItemViewModel(props) {
|
|
@@ -45496,9 +45499,9 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
45496
45499
|
}
|
|
45497
45500
|
Object.defineProperty(FormItemViewModel.prototype, "formItemStyle", {
|
|
45498
45501
|
get: function () {
|
|
45499
|
-
var s = [styles.FormItem];
|
|
45502
|
+
var s = [styles$1.FormItem];
|
|
45500
45503
|
if (this.type === FormItemType.TEL && this.hasError) {
|
|
45501
|
-
s.push(styles.PhoneError);
|
|
45504
|
+
s.push(styles$1.PhoneError);
|
|
45502
45505
|
}
|
|
45503
45506
|
return s.join(" ");
|
|
45504
45507
|
},
|
|
@@ -45508,10 +45511,10 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
45508
45511
|
Object.defineProperty(FormItemViewModel.prototype, "labelStyle", {
|
|
45509
45512
|
get: function () {
|
|
45510
45513
|
if (this.value || this.type === FormItemType.TEL) {
|
|
45511
|
-
return [styles.FieldLabel, styles.FieldLabelTop].join(" ");
|
|
45514
|
+
return [styles$1.FieldLabel, styles$1.FieldLabelTop].join(" ");
|
|
45512
45515
|
}
|
|
45513
45516
|
else {
|
|
45514
|
-
return [styles.FieldLabel].join(" ");
|
|
45517
|
+
return [styles$1.FieldLabel].join(" ");
|
|
45515
45518
|
}
|
|
45516
45519
|
},
|
|
45517
45520
|
enumerable: false,
|
|
@@ -45521,16 +45524,16 @@ var FormItemViewModel = /** @class */ (function () {
|
|
|
45521
45524
|
get: function () {
|
|
45522
45525
|
var classes = [];
|
|
45523
45526
|
if (this.value) {
|
|
45524
|
-
classes.push(styles.Bottom);
|
|
45527
|
+
classes.push(styles$1.Bottom);
|
|
45525
45528
|
}
|
|
45526
45529
|
if (this.hasError) {
|
|
45527
|
-
classes.push(styles.Error);
|
|
45530
|
+
classes.push(styles$1.Error);
|
|
45528
45531
|
}
|
|
45529
45532
|
if (this.tooltipText) {
|
|
45530
|
-
classes.push(styles.WithTooltip);
|
|
45533
|
+
classes.push(styles$1.WithTooltip);
|
|
45531
45534
|
}
|
|
45532
45535
|
if (this.type === FormItemType.TEL) {
|
|
45533
|
-
classes.push(styles.Tel);
|
|
45536
|
+
classes.push(styles$1.Tel);
|
|
45534
45537
|
}
|
|
45535
45538
|
return classes.join(" ");
|
|
45536
45539
|
},
|
|
@@ -67763,8 +67766,8 @@ var FormItem = mobxReactLite.observer(function (props) {
|
|
|
67763
67766
|
}, [store.currentCountryCode]);
|
|
67764
67767
|
var currentRouting = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; });
|
|
67765
67768
|
return (React.createElement("div", { className: vm.formItemStyle, style: props.style },
|
|
67766
|
-
React.createElement("div", { className: styles.FormItemWrapper },
|
|
67767
|
-
React.createElement("div", { className: styles.FormItemInputWrapper },
|
|
67769
|
+
React.createElement("div", { className: styles$1.FormItemWrapper },
|
|
67770
|
+
React.createElement("div", { className: styles$1.FormItemInputWrapper },
|
|
67768
67771
|
React.createElement("label", { className: vm.labelStyle }, vm.label),
|
|
67769
67772
|
vm.type === FormItemType.TEXT && (React.createElement(Input$2, { vm: vm, autocomplete: props.autocomplete, name: props.name })),
|
|
67770
67773
|
vm.type === FormItemType.TEL && (React.createElement(PhoneInput, { defaultCountry: vm.country ||
|
|
@@ -67773,9 +67776,9 @@ var FormItem = mobxReactLite.observer(function (props) {
|
|
|
67773
67776
|
: "TR"), placeholder: t("checkout-page:enterPhoneNumber"), value: vm.value ? vm.value : "", onChange: vm.onPhoneChange, international: true, addInternationalOption: false })),
|
|
67774
67777
|
vm.type === FormItemType.TEXT_AREA && React.createElement(TextArea, { vm: vm }),
|
|
67775
67778
|
vm.type === FormItemType.SELECT && (React.createElement(Select, { vm: vm, autocomplete: props.autocomplete }))),
|
|
67776
|
-
!!vm.hasError && (React.createElement("div", { className: styles.ErrorMsg }, vm.errorText || "")),
|
|
67777
|
-
!!props.tooltipText && (React.createElement("div", { className: styles.FormItemTooltipContainer, "data-tip": props.tooltipText, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")),
|
|
67778
|
-
!!vm.rightContent && (React.createElement("div", { className: styles.RightContent }, vm.rightContent)))));
|
|
67779
|
+
!!vm.hasError && (React.createElement("div", { className: styles$1.ErrorMsg }, vm.errorText || "")),
|
|
67780
|
+
!!props.tooltipText && (React.createElement("div", { className: styles$1.FormItemTooltipContainer, "data-tip": props.tooltipText, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")),
|
|
67781
|
+
!!vm.rightContent && (React.createElement("div", { className: styles$1.RightContent }, vm.rightContent)))));
|
|
67779
67782
|
});
|
|
67780
67783
|
var Input$2 = mobxReactLite.observer(function (_a) {
|
|
67781
67784
|
var vm = _a.vm, name = _a.name, autocomplete = _a.autocomplete, type = _a.type;
|
|
@@ -67792,21 +67795,21 @@ var Select = mobxReactLite.observer(function (_a) {
|
|
|
67792
67795
|
React.createElement("select", { className: vm.inputStyle, autoComplete: autocomplete, onChange: vm.onSelectChange },
|
|
67793
67796
|
!vm.value && React.createElement("option", { selected: true, disabled: true, key: -1 }), (_b = vm.options) === null || _b === void 0 ? void 0 :
|
|
67794
67797
|
_b.map(function (o, index) { return (React.createElement("option", { key: index + o.value, value: o.value, selected: vm.value === o.value }, o.label)); })),
|
|
67795
|
-
React.createElement("div", { className: styles.ArrowContainer },
|
|
67798
|
+
React.createElement("div", { className: styles$1.ArrowContainer },
|
|
67796
67799
|
React.createElement(SVGCaretDown, null))));
|
|
67797
67800
|
});
|
|
67798
67801
|
|
|
67799
|
-
var styles$
|
|
67802
|
+
var styles$2 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","Line":"style-module_Line__1kche","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
|
|
67800
67803
|
|
|
67801
67804
|
var Button = mobxReactLite.observer(function (_a) {
|
|
67802
67805
|
var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
|
|
67803
67806
|
return (React.createElement("button", { style: style, type: "button", className: [
|
|
67804
|
-
styles$
|
|
67805
|
-
styles$
|
|
67806
|
-
size === "medium" ? styles$
|
|
67807
|
-
isLine ? styles$
|
|
67808
|
-
isDisabled ? styles$
|
|
67809
|
-
].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? React.createElement("div", { className: styles$
|
|
67807
|
+
styles$2.Button,
|
|
67808
|
+
styles$2.Dark,
|
|
67809
|
+
size === "medium" ? styles$2.Medium : styles$2.Large,
|
|
67810
|
+
isLine ? styles$2.Line : "",
|
|
67811
|
+
isDisabled ? styles$2.Disabled : "",
|
|
67812
|
+
].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? React.createElement("div", { className: styles$2.loader }) : text));
|
|
67810
67813
|
});
|
|
67811
67814
|
|
|
67812
67815
|
var SVGCheck = function (_a) {
|
|
@@ -67815,34 +67818,34 @@ var SVGCheck = function (_a) {
|
|
|
67815
67818
|
React.createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
|
|
67816
67819
|
};
|
|
67817
67820
|
|
|
67818
|
-
var styles$
|
|
67821
|
+
var styles$3 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","WithoutPadding":"style-module_WithoutPadding__3Azhr","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
|
|
67819
67822
|
|
|
67820
67823
|
var Checkbox = mobxReactLite.observer(function (_a) {
|
|
67821
67824
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
67822
67825
|
var _onChange = function () {
|
|
67823
67826
|
onChange(!value);
|
|
67824
67827
|
};
|
|
67825
|
-
var checkboxBorderClasses = [styles$
|
|
67826
|
-
var labelClasses = [styles$
|
|
67827
|
-
var tickClasses = [styles$
|
|
67828
|
+
var checkboxBorderClasses = [styles$3.CheckboxBorder];
|
|
67829
|
+
var labelClasses = [styles$3.CheckboxLabel];
|
|
67830
|
+
var tickClasses = [styles$3.CheckboxTick];
|
|
67828
67831
|
if (value) {
|
|
67829
|
-
checkboxBorderClasses.push(styles$
|
|
67830
|
-
tickClasses.push(styles$
|
|
67832
|
+
checkboxBorderClasses.push(styles$3.Checked);
|
|
67833
|
+
tickClasses.push(styles$3.Visible);
|
|
67831
67834
|
}
|
|
67832
67835
|
if (hasError)
|
|
67833
|
-
labelClasses.push(styles$
|
|
67836
|
+
labelClasses.push(styles$3.CheckboxLabelError);
|
|
67834
67837
|
return (React.createElement("div", { className: [
|
|
67835
|
-
styles$
|
|
67836
|
-
removePadding ? styles$
|
|
67838
|
+
styles$3.CheckboxWrapper,
|
|
67839
|
+
removePadding ? styles$3.WithoutPadding : "",
|
|
67837
67840
|
].join(" "), onClick: _onChange },
|
|
67838
|
-
React.createElement("div", { className: styles$
|
|
67841
|
+
React.createElement("div", { className: styles$3.CheckboxContainer },
|
|
67839
67842
|
React.createElement("div", { className: checkboxBorderClasses.join(" ") }),
|
|
67840
67843
|
React.createElement("div", { className: tickClasses.join(" ") },
|
|
67841
67844
|
React.createElement(SVGCheck, null))),
|
|
67842
67845
|
!!label && React.createElement("div", { className: labelClasses.join(" ") }, label)));
|
|
67843
67846
|
});
|
|
67844
67847
|
|
|
67845
|
-
var styles$
|
|
67848
|
+
var styles$4 = {"NotificationBox":"style-module_NotificationBox__1XbTC","Error":"style-module_Error__2muwO","Warning":"style-module_Warning__1BFJi","Success":"style-module_Success__3E9Q7","Left":"style-module_Left__2oQNx","Center":"style-module_Center__3DJ2K","Title":"style-module_Title__1Ae11","Right":"style-module_Right__Uf0Z6"};
|
|
67846
67849
|
|
|
67847
67850
|
var SVGWarning = function (_a) {
|
|
67848
67851
|
var className = _a.className;
|
|
@@ -67862,16 +67865,16 @@ var NotificationBox = function (_a) {
|
|
|
67862
67865
|
var type = _a.type, title = _a.title, content = _a.content, onClose = _a.onClose;
|
|
67863
67866
|
var containerRef = React.useRef(null);
|
|
67864
67867
|
var boxClasses = React.useMemo(function () {
|
|
67865
|
-
var classes = [styles$
|
|
67868
|
+
var classes = [styles$4.NotificationBox];
|
|
67866
67869
|
switch (type) {
|
|
67867
67870
|
case "error":
|
|
67868
|
-
classes.push(styles$
|
|
67871
|
+
classes.push(styles$4.Error);
|
|
67869
67872
|
break;
|
|
67870
67873
|
case "warning":
|
|
67871
|
-
classes.push(styles$
|
|
67874
|
+
classes.push(styles$4.Warning);
|
|
67872
67875
|
break;
|
|
67873
67876
|
case "success":
|
|
67874
|
-
classes.push(styles$
|
|
67877
|
+
classes.push(styles$4.Success);
|
|
67875
67878
|
break;
|
|
67876
67879
|
}
|
|
67877
67880
|
return classes.join(" ");
|
|
@@ -67883,12 +67886,12 @@ var NotificationBox = function (_a) {
|
|
|
67883
67886
|
}
|
|
67884
67887
|
}, [containerRef]);
|
|
67885
67888
|
return (React.createElement("div", { className: boxClasses, ref: containerRef },
|
|
67886
|
-
React.createElement("div", { className: styles$
|
|
67889
|
+
React.createElement("div", { className: styles$4.Left },
|
|
67887
67890
|
React.createElement(SVGWarning, null)),
|
|
67888
|
-
React.createElement("div", { className: styles$
|
|
67889
|
-
!!title && React.createElement("div", { className: styles$
|
|
67890
|
-
React.createElement("div", { className: styles$
|
|
67891
|
-
onClose && (React.createElement("div", { className: styles$
|
|
67891
|
+
React.createElement("div", { className: styles$4.Center },
|
|
67892
|
+
!!title && React.createElement("div", { className: styles$4.Title }, title),
|
|
67893
|
+
React.createElement("div", { className: styles$4.Content }, content)),
|
|
67894
|
+
onClose && (React.createElement("div", { className: styles$4.Right, onClick: onClose },
|
|
67892
67895
|
React.createElement(SVGCross, null)))));
|
|
67893
67896
|
};
|
|
67894
67897
|
var NotificationBox$1 = mobxReactLite.observer(NotificationBox);
|
|
@@ -67949,32 +67952,32 @@ var Errors$1 = mobxReactLite.observer(Errors);
|
|
|
67949
67952
|
|
|
67950
67953
|
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"};
|
|
67951
67954
|
|
|
67952
|
-
var styles$
|
|
67955
|
+
var styles$5 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","FooterBullet":"style-module_FooterBullet__1dD9S","AdressStepInfo":"style-module_AdressStepInfo__27aR0","Address":"style-module_Address__2tYiR","Text":"style-module_Text__FkGkR","WithMBottom":"style-module_WithMBottom__TQbZL","Gray":"style-module_Gray__3vyMM","EditBtn":"style-module_EditBtn__3aAlL","AddressStepInfoMobile":"style-module_AddressStepInfoMobile__uwl92","ErrorContainer":"style-module_ErrorContainer__3B5Gx","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","LoginText":"style-module_LoginText__3FSC9","LoginBtn":"style-module_LoginBtn__XVF05","CustomerInfo":"style-module_CustomerInfo__3aAq9","Name":"style-module_Name__11iSh","Email":"style-module_Email__1AITY","LoginCta":"style-module_LoginCta__2sZZF","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5","PoweredBy":"style-module_PoweredBy__2kV_J","LightText":"style-module_LightText__3dSVB","ReactTooltipWrap":"style-module_ReactTooltipWrap__2hp2P"};
|
|
67953
67956
|
|
|
67954
|
-
var styles$
|
|
67957
|
+
var styles$6 = {"SelectBoxContainer":"style-module_SelectBoxContainer__1T9C7","SelectBoxError":"style-module_SelectBoxError__2diiS","fadeInFromRight":"style-module_fadeInFromRight__9YMxj","SelectBox":"style-module_SelectBox__1xZZi","TopContent":"style-module_TopContent__oUtcc","Label":"style-module_Label__1I8Bm","RightContent":"style-module_RightContent__2Ob1u","BottomContent":"style-module_BottomContent__1AMWK","Selected":"style-module_Selected__Ipn0q","Error":"style-module_Error__2TFZc"};
|
|
67955
67958
|
|
|
67956
|
-
var styles$
|
|
67959
|
+
var styles$7 = {"CheckboxWrapper":"style-module_CheckboxWrapper__3CzTt","WithoutPadding":"style-module_WithoutPadding__2le2B","WithoutLabel":"style-module_WithoutLabel__1s1q8","CheckboxContainer":"style-module_CheckboxContainer__lWDtJ","CheckboxBorder":"style-module_CheckboxBorder__EYjFT","Checked":"style-module_Checked__2kb9S","CheckboxTick":"style-module_CheckboxTick__149cN","Visible":"style-module_Visible__gf4pv","CheckboxLabel":"style-module_CheckboxLabel__D36H4","CheckboxLabelError":"style-module_CheckboxLabelError__1x08H"};
|
|
67957
67960
|
|
|
67958
67961
|
var Toggle = mobxReactLite.observer(function (_a) {
|
|
67959
67962
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
67960
67963
|
var _onChange = function () {
|
|
67961
67964
|
onChange && onChange(!value);
|
|
67962
67965
|
};
|
|
67963
|
-
var checkboxBorderClasses = [styles$
|
|
67964
|
-
var labelClasses = [styles$
|
|
67965
|
-
var tickClasses = [styles$
|
|
67966
|
+
var checkboxBorderClasses = [styles$7.CheckboxBorder];
|
|
67967
|
+
var labelClasses = [styles$7.CheckboxLabel];
|
|
67968
|
+
var tickClasses = [styles$7.CheckboxTick];
|
|
67966
67969
|
if (value) {
|
|
67967
|
-
checkboxBorderClasses.push(styles$
|
|
67968
|
-
tickClasses.push(styles$
|
|
67970
|
+
checkboxBorderClasses.push(styles$7.Checked);
|
|
67971
|
+
tickClasses.push(styles$7.Visible);
|
|
67969
67972
|
}
|
|
67970
67973
|
if (hasError)
|
|
67971
|
-
labelClasses.push(styles$
|
|
67974
|
+
labelClasses.push(styles$7.CheckboxLabelError);
|
|
67972
67975
|
return (React.createElement("div", { className: [
|
|
67973
|
-
styles$
|
|
67974
|
-
removePadding ? styles$
|
|
67975
|
-
!label ? styles$
|
|
67976
|
+
styles$7.CheckboxWrapper,
|
|
67977
|
+
removePadding ? styles$7.WithoutPadding : "",
|
|
67978
|
+
!label ? styles$7.WithoutLabel : "",
|
|
67976
67979
|
].join(" "), onClick: _onChange },
|
|
67977
|
-
React.createElement("div", { className: styles$
|
|
67980
|
+
React.createElement("div", { className: styles$7.CheckboxContainer },
|
|
67978
67981
|
React.createElement("div", { className: checkboxBorderClasses.join(" ") }),
|
|
67979
67982
|
React.createElement("div", { className: tickClasses.join(" ") },
|
|
67980
67983
|
React.createElement(SVGCheck, null))),
|
|
@@ -67984,23 +67987,23 @@ var Toggle = mobxReactLite.observer(function (_a) {
|
|
|
67984
67987
|
var SelectBox = function (_a) {
|
|
67985
67988
|
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;
|
|
67986
67989
|
var selectBoxClasses = React.useMemo(function () {
|
|
67987
|
-
var classes = [styles$
|
|
67990
|
+
var classes = [styles$6.SelectBox];
|
|
67988
67991
|
if (isSelected)
|
|
67989
|
-
classes.push(styles$
|
|
67992
|
+
classes.push(styles$6.Selected);
|
|
67990
67993
|
if (isSelected && hasError)
|
|
67991
|
-
classes.push(styles$
|
|
67994
|
+
classes.push(styles$6.Error);
|
|
67992
67995
|
return classes.join(" ");
|
|
67993
67996
|
}, [isSelected]);
|
|
67994
|
-
var _bottomContent = React.useMemo(function () { return React.createElement("div", { className: styles$
|
|
67995
|
-
return (React.createElement("div", { className: styles$
|
|
67997
|
+
var _bottomContent = React.useMemo(function () { return React.createElement("div", { className: styles$6.BottomContent }, bottomContent); }, [bottomContent]);
|
|
67998
|
+
return (React.createElement("div", { className: styles$6.SelectBoxContainer },
|
|
67996
67999
|
React.createElement("div", { className: selectBoxClasses, onClick: onClick },
|
|
67997
|
-
React.createElement("div", { className: styles$
|
|
68000
|
+
React.createElement("div", { className: styles$6.TopContent },
|
|
67998
68001
|
React.createElement(Toggle, { value: isSelected, label: label, removePadding: true }),
|
|
67999
|
-
!!rightContent && (React.createElement("div", { className: styles$
|
|
68002
|
+
!!rightContent && (React.createElement("div", { className: styles$6.RightContent }, rightContent))),
|
|
68000
68003
|
!!bottomContent &&
|
|
68001
68004
|
(isSelected || bottomContentVisible) &&
|
|
68002
68005
|
_bottomContent),
|
|
68003
|
-
!!errorText && hasError && isSelected && (React.createElement("div", { className: styles$
|
|
68006
|
+
!!errorText && hasError && isSelected && (React.createElement("div", { className: styles$6.SelectBoxError }, errorText))));
|
|
68004
68007
|
};
|
|
68005
68008
|
var SelectBox$1 = mobxReactLite.observer(SelectBox);
|
|
68006
68009
|
|
|
@@ -68397,7 +68400,7 @@ var AddressForm$1 = mobxReactLite.observer(function (props) {
|
|
|
68397
68400
|
});
|
|
68398
68401
|
}, Object.values(props));
|
|
68399
68402
|
return (React.createElement("div", null,
|
|
68400
|
-
vm.allowTitleChange && (React.createElement("div", { className: styles$
|
|
68403
|
+
vm.allowTitleChange && (React.createElement("div", { className: styles$5.RowPB },
|
|
68401
68404
|
React.createElement(AddressTitle, __assign({}, props, { vm: vm })))),
|
|
68402
68405
|
React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
|
|
68403
68406
|
React.createElement(FirstName, __assign({}, props, { vm: vm })),
|
|
@@ -68406,9 +68409,9 @@ var AddressForm$1 = mobxReactLite.observer(function (props) {
|
|
|
68406
68409
|
" "),
|
|
68407
68410
|
!!vm.address.checkoutSettings &&
|
|
68408
68411
|
vm.address.checkoutSettings.identityNumberRequirement !==
|
|
68409
|
-
IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement("div", { className: styles$
|
|
68412
|
+
IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement("div", { className: styles$5.RowPB },
|
|
68410
68413
|
React.createElement(IdentityNumber, __assign({}, props, { vm: vm })))),
|
|
68411
|
-
React.createElement("div", { className: styles$
|
|
68414
|
+
React.createElement("div", { className: styles$5.RowPB },
|
|
68412
68415
|
React.createElement(AddressFirstLine, __assign({}, props, { vm: vm }))),
|
|
68413
68416
|
React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
|
|
68414
68417
|
React.createElement(AddressSecondLine, __assign({}, props, { vm: vm })),
|
|
@@ -68416,7 +68419,7 @@ var AddressForm$1 = mobxReactLite.observer(function (props) {
|
|
|
68416
68419
|
React.createElement("div", null),
|
|
68417
68420
|
" "),
|
|
68418
68421
|
React.createElement("div", { className: [
|
|
68419
|
-
styles$
|
|
68422
|
+
styles$5.RowPB,
|
|
68420
68423
|
commonStyles.Grid,
|
|
68421
68424
|
vm.hasState ? commonStyles.Grid2 : "",
|
|
68422
68425
|
].join(" ") },
|
|
@@ -68425,7 +68428,7 @@ var AddressForm$1 = mobxReactLite.observer(function (props) {
|
|
|
68425
68428
|
React.createElement("div", { className: [
|
|
68426
68429
|
commonStyles.Grid,
|
|
68427
68430
|
commonStyles.Grid2,
|
|
68428
|
-
styles$
|
|
68431
|
+
styles$5.RowPB,
|
|
68429
68432
|
].join(" ") },
|
|
68430
68433
|
React.createElement(City, __assign({}, props, { vm: vm })),
|
|
68431
68434
|
vm.districtOptions.length ? (React.createElement(DistrictSelect, __assign({}, props, { vm: vm }))) : (React.createElement(DistrictInput, __assign({}, props, { vm: vm })))),
|
|
@@ -68536,7 +68539,7 @@ var TaxNumber = mobxReactLite.observer(function (_a) {
|
|
|
68536
68539
|
return (React.createElement(FormItem, { type: FormItemType.TEXT, label: t("checkout-page:taxNumber"), value: ((_b = vm.address) === null || _b === void 0 ? void 0 : _b.taxNumber) || "", onChange: vm.onTaxNumberChange }));
|
|
68537
68540
|
});
|
|
68538
68541
|
|
|
68539
|
-
var styles$
|
|
68542
|
+
var styles$8 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
|
|
68540
68543
|
|
|
68541
68544
|
var CustomerAddressesViewModel = /** @class */ (function () {
|
|
68542
68545
|
function CustomerAddressesViewModel(vm, addressType) {
|
|
@@ -68683,9 +68686,9 @@ var CustomerAddresses = function (_a) {
|
|
|
68683
68686
|
: vm.addressType === "billing"
|
|
68684
68687
|
? t("checkout-page:billingAddress")
|
|
68685
68688
|
: t("checkout-page:shippingAddress")),
|
|
68686
|
-
!!vm.editingCustomerAddress && (React.createElement("div", { className: styles$
|
|
68687
|
-
!!vm.vm.store.customerStore.customer && !vm.editingCustomerAddress && (React.createElement("div", { className: styles$
|
|
68688
|
-
vm.vm.store.customerStore.customer.addresses.map(function (address) { return (React.createElement(SelectBox$1, { key: address.id, label: address.title || "", isSelected: address.id === vm.selectedAddressId, rightContent: React.createElement("div", { onClick: function () { return vm.onEditAddressClick(address); } }, t("checkout-page:actions.edit")), bottomContent: React.createElement("div", { className: styles$
|
|
68689
|
+
!!vm.editingCustomerAddress && (React.createElement("div", { className: styles$8.CancelEdit, onClick: vm.onCancelEditAddressClick }, t("checkout-page:actions.cancel")))),
|
|
68690
|
+
!!vm.vm.store.customerStore.customer && !vm.editingCustomerAddress && (React.createElement("div", { className: styles$5.RowPB },
|
|
68691
|
+
vm.vm.store.customerStore.customer.addresses.map(function (address) { return (React.createElement(SelectBox$1, { key: address.id, label: address.title || "", isSelected: address.id === vm.selectedAddressId, rightContent: React.createElement("div", { onClick: function () { return vm.onEditAddressClick(address); } }, t("checkout-page:actions.edit")), bottomContent: React.createElement("div", { className: styles$8.AddressText }, address.addressText), bottomContentVisible: true, hasError: !address.isValid, errorText: t("checkout-page:missingAddressFields"), onClick: function () {
|
|
68689
68692
|
return address.id !== vm.selectedAddressId &&
|
|
68690
68693
|
vm.onAddressSelect(address);
|
|
68691
68694
|
} })); }),
|
|
@@ -68694,7 +68697,7 @@ var CustomerAddresses = function (_a) {
|
|
|
68694
68697
|
} }))),
|
|
68695
68698
|
!vm.vm.store.customerStore.customer && addressForm,
|
|
68696
68699
|
!!vm.editingCustomerAddress && React.createElement(CustomerAddressForm, { vm: vm }),
|
|
68697
|
-
!!vm.editingCustomerAddress && (React.createElement("div", { className: styles$
|
|
68700
|
+
!!vm.editingCustomerAddress && (React.createElement("div", { className: styles$8.EditAddressActions },
|
|
68698
68701
|
React.createElement(Button, { style: {
|
|
68699
68702
|
width: "100%",
|
|
68700
68703
|
}, text: t("checkout-page:deleteAddress"), isLine: true, isLoading: vm.isDeleteAddressLoading, isDisabled: vm.isEditAddressLoading, onClick: vm.onDeleteAddressClick }),
|
|
@@ -68743,12 +68746,12 @@ var CheckoutStepInfo = function (_a) {
|
|
|
68743
68746
|
};
|
|
68744
68747
|
var CheckoutStepInfo$1 = mobxReactLite.observer(CheckoutStepInfo);
|
|
68745
68748
|
|
|
68746
|
-
var styles$
|
|
68749
|
+
var styles$9 = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","Dimmed":"style-module_Dimmed__3dkFw","GiftSection":"style-module_GiftSection__2phwh","ShippingPrice":"style-module_ShippingPrice__KaEps"};
|
|
68747
68750
|
|
|
68748
68751
|
var CheckoutStepShipping = mobxReactLite.observer(function (_a) {
|
|
68749
68752
|
var vm = _a.vm;
|
|
68750
68753
|
var t = useTranslation().t;
|
|
68751
|
-
return (React.createElement("div", { className: [styles$
|
|
68754
|
+
return (React.createElement("div", { className: [styles$9.StepShipping].join(" ") },
|
|
68752
68755
|
React.createElement(ShippingMethods, { vm: vm }),
|
|
68753
68756
|
React.createElement(GiftPackage, { vm: vm }),
|
|
68754
68757
|
React.createElement(Button, { style: { width: "100%", marginTop: "32px" }, text: t("checkout-page:actions.continueWithPayment"), isLoading: vm.isStepLoading, isDisabled: !vm.canProceedToPayment, onClick: vm.onProceedToPaymentClick })));
|
|
@@ -68757,12 +68760,12 @@ var ShippingMethods = mobxReactLite.observer(function (_a) {
|
|
|
68757
68760
|
var vm = _a.vm;
|
|
68758
68761
|
var t = useTranslation().t;
|
|
68759
68762
|
return (React.createElement("div", { className: [
|
|
68760
|
-
styles$
|
|
68761
|
-
vm.isChangingShippingMethod ? styles$
|
|
68763
|
+
styles$9.InfoBox,
|
|
68764
|
+
vm.isChangingShippingMethod ? styles$9.Dimmed : "",
|
|
68762
68765
|
].join(" ") },
|
|
68763
68766
|
React.createElement(Errors$1, { vm: vm }),
|
|
68764
68767
|
vm.checkout.availableShippingMethods.map(function (asm, index) { return (React.createElement(SelectBox$1, { key: asm.shippingSettingsId + asm.shippingZoneRateId, label: asm.rateName, isSelected: vm.checkout.shippingSettingsId === asm.shippingSettingsId &&
|
|
68765
|
-
vm.checkout.shippingZoneRateId === asm.shippingZoneRateId, rightContent: React.createElement("div", { className: styles$
|
|
68768
|
+
vm.checkout.shippingZoneRateId === asm.shippingZoneRateId, rightContent: React.createElement("div", { className: styles$9.ShippingPrice }, asm.price === 0
|
|
68766
68769
|
? t("checkout-page:free")
|
|
68767
68770
|
: formatMoney(asm.price, vm.checkout.cart.currencyCode)), onClick: function () { return vm.onShippingMethodChange(asm); } })); })));
|
|
68768
68771
|
});
|
|
@@ -68785,7 +68788,7 @@ var GiftPackage = mobxReactLite.observer(function (_a) {
|
|
|
68785
68788
|
: "");
|
|
68786
68789
|
if (!vm.checkoutSettings.isGiftPackageEnabled)
|
|
68787
68790
|
return null;
|
|
68788
|
-
return (React.createElement("div", { className: styles$
|
|
68791
|
+
return (React.createElement("div", { className: styles$9.GiftSection },
|
|
68789
68792
|
React.createElement(Checkbox, { value: vm.checkout.isGiftPackage, label: checkboxLabel, onChange: onIsGiftPackageChange, removePadding: true }),
|
|
68790
68793
|
vm.checkout.isGiftPackage && (React.createElement(FormItem, { type: FormItemType.TEXT_AREA, label: "", value: vm.checkout.giftPackageNote || "", onChange: onGiftPackageNoteChange, style: { marginTop: "16px" }, textAreaPlaceholder: t("checkout-page:giftPackageCtaPlaceholder") }))));
|
|
68791
68794
|
});
|
|
@@ -68827,7 +68830,7 @@ var SVGVisa = function (_a) {
|
|
|
68827
68830
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1646 8.50906L9.38648 13.0517L9.19726 12.1285L8.56074 9.06697C8.45083 8.6454 8.13222 8.51949 7.73778 8.50488H4.80909L4.78613 8.64332C5.49848 8.81584 6.135 9.06488 6.69361 9.37375L8.30822 15.1595L10.2296 15.1574L13.088 8.50836H11.1646V8.50906Z", fill: "#1A1876" })));
|
|
68828
68831
|
};
|
|
68829
68832
|
|
|
68830
|
-
var styles$
|
|
68833
|
+
var styles$a = {"CardLogo":"style-module_CardLogo__1jFyp"};
|
|
68831
68834
|
|
|
68832
68835
|
var CreditCardForm = mobxReactLite.observer(function (_a) {
|
|
68833
68836
|
var _b;
|
|
@@ -68851,34 +68854,34 @@ var CreditCardForm = mobxReactLite.observer(function (_a) {
|
|
|
68851
68854
|
}
|
|
68852
68855
|
};
|
|
68853
68856
|
return (React.createElement("div", null,
|
|
68854
|
-
React.createElement("div", { className: styles$
|
|
68855
|
-
React.createElement(FormItem, { name: "cardnumber", autocomplete: "cc-number", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardNumber"), value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: t("checkout-page:cardNumberError"), rightContent: ((_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.cardAssociation) ? (React.createElement("div", { className: styles$
|
|
68856
|
-
React.createElement("div", { className: styles$
|
|
68857
|
+
React.createElement("div", { className: styles$5.RowPB },
|
|
68858
|
+
React.createElement(FormItem, { name: "cardnumber", autocomplete: "cc-number", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardNumber"), value: cardData.cardNumber, onChange: vm.onCardNumberChange, errorText: t("checkout-page:cardNumberError"), rightContent: ((_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.cardAssociation) ? (React.createElement("div", { className: styles$a.CardLogo }, getCardLogo(vm.installmentInfo.cardAssociation))) : undefined, hasError: vm.isErrorsVisible && !cardData.validationResult.cardNumber })),
|
|
68859
|
+
React.createElement("div", { className: styles$5.RowPB },
|
|
68857
68860
|
React.createElement(FormItem, { name: "ccname", autocomplete: "cc-name", type: FormItemType.TEXT, label: t("checkout-page:cardHolderName"), value: cardData.cardHolderName, onChange: vm.onCardHolderNameChange, errorText: t("checkout-page:cardHolderError"), hasError: vm.isErrorsVisible && !cardData.validationResult.cardHolderName })),
|
|
68858
68861
|
React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" ") },
|
|
68859
68862
|
React.createElement(FormItem, { name: "cc-exp", autocomplete: "cc-exp", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardExpiry"), value: cardData.expirationDate, onChange: vm.onExpirationDateChange, errorText: t("checkout-page:cardExpiryError"), hasError: vm.isErrorsVisible && !cardData.validationResult.expirationDate }),
|
|
68860
68863
|
React.createElement(FormItem, { name: "cvc", autocomplete: "cc-csc", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardCVC"), value: cardData.cvv, onChange: vm.onCvcChange, errorText: t("checkout-page:cardCVCError"), tooltipText: t("checkout-page:cardCVCTooltip"), hasError: vm.isErrorsVisible && !cardData.validationResult.cvv }))));
|
|
68861
68864
|
});
|
|
68862
68865
|
|
|
68863
|
-
var styles$
|
|
68866
|
+
var styles$b = {"Installments":"style-module_Installments__aM2lS","Title":"style-module_Title__15N6L","Container":"style-module_Container__12sJp","Row":"style-module_Row__dxeKi","InstallmentInfo":"style-module_InstallmentInfo__G8QDB","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Price":"style-module_Price__3gzwQ"};
|
|
68864
68867
|
|
|
68865
68868
|
var Installments = mobxReactLite.observer(function (_a) {
|
|
68866
68869
|
var _b;
|
|
68867
68870
|
var vm = _a.vm;
|
|
68868
68871
|
var t = useTranslation().t;
|
|
68869
|
-
return (React.createElement("div", { className: styles$
|
|
68870
|
-
React.createElement("div", { className: styles$
|
|
68871
|
-
React.createElement("div", { className: styles$
|
|
68872
|
+
return (React.createElement("div", { className: styles$b.Installments },
|
|
68873
|
+
React.createElement("div", { className: styles$b.Title }, t("checkout-page:installmentOptions")),
|
|
68874
|
+
React.createElement("div", { className: styles$b.Container }, (_b = vm.installmentInfo) === null || _b === void 0 ? void 0 : _b.installmentPrices.map(function (ip, index) { return (React.createElement("div", { className: styles$b.Row, onClick: function () { return vm.setInstallmentCount(ip.installmentCount || 1); } },
|
|
68872
68875
|
React.createElement(Toggle, { value: vm.selectedInstallmentIndex === index }),
|
|
68873
|
-
React.createElement("div", { className: styles$
|
|
68874
|
-
React.createElement("div", { className: styles$
|
|
68876
|
+
React.createElement("div", { className: styles$b.InstallmentInfo },
|
|
68877
|
+
React.createElement("div", { className: styles$b.InstallmentCount }, ip.installmentCount === 1
|
|
68875
68878
|
? t("checkout-page:singleInstallment")
|
|
68876
68879
|
: ip.installmentCount + " " + t("checkout-page:installments")),
|
|
68877
|
-
ip.installmentCount !== 1 && (React.createElement("div", { className: styles$
|
|
68878
|
-
React.createElement("div", { className: styles$
|
|
68880
|
+
ip.installmentCount !== 1 && (React.createElement("div", { className: styles$b.InstallmentPrice }, formatMoney(ip.installmentPrice, vm.checkout.cart.currencyCode)))),
|
|
68881
|
+
React.createElement("div", { className: styles$b.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
|
|
68879
68882
|
});
|
|
68880
68883
|
|
|
68881
|
-
var styles$
|
|
68884
|
+
var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
|
|
68882
68885
|
|
|
68883
68886
|
var PaymentGateways = mobxReactLite.observer(function (_a) {
|
|
68884
68887
|
var vm = _a.vm;
|
|
@@ -68889,7 +68892,7 @@ var PaymentGateways = mobxReactLite.observer(function (_a) {
|
|
|
68889
68892
|
alignItems: "center",
|
|
68890
68893
|
flexWrap: "wrap",
|
|
68891
68894
|
} }, props.children)); };
|
|
68892
|
-
var PaymentMethodAdjustment = function (props) { return (React.createElement("div", { className: styles$
|
|
68895
|
+
var PaymentMethodAdjustment = function (props) { return (React.createElement("div", { className: styles$c.AdditionalPrice }, props.children)); };
|
|
68893
68896
|
var getAdditionalPriceText = function (ap) {
|
|
68894
68897
|
if (ap.amount === 0)
|
|
68895
68898
|
return "";
|
|
@@ -68904,8 +68907,8 @@ var PaymentGateways = mobxReactLite.observer(function (_a) {
|
|
|
68904
68907
|
return (React.createElement(SelectBox$1, { key: pg.id, label: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD
|
|
68905
68908
|
? t("checkout-page:creditCard")
|
|
68906
68909
|
: pg.name, isSelected: vm.selectedPaymentGatewayIndex === index, rightContent: ((_a = pg.additionalPrices) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(PaymentMethodAdjustment, null, getAdditionalPriceText(pg.additionalPrices[0]))) : (React.createElement(PaymentMethodLogos, null, pg.paymentMethods.map(function (pm, index) {
|
|
68907
|
-
return pm.logoUrl ? (React.createElement("div", { className: styles$
|
|
68908
|
-
React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$
|
|
68910
|
+
return pm.logoUrl ? (React.createElement("div", { className: styles$c.PaymentLogoContainer, key: index },
|
|
68911
|
+
React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$c.PaymentLogoContainer, key: index }));
|
|
68909
68912
|
}))), bottomContent: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD ? (React.createElement("div", null,
|
|
68910
68913
|
React.createElement(CreditCardForm, { vm: vm }),
|
|
68911
68914
|
vm.installmentInfo && React.createElement(Installments, { vm: vm }))) : pg.description ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: pg.description } })) : undefined, onClick: function () {
|
|
@@ -68930,7 +68933,7 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
|
|
|
68930
68933
|
vm.useDifferentAddress && (React.createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
|
|
68931
68934
|
});
|
|
68932
68935
|
|
|
68933
|
-
var styles$
|
|
68936
|
+
var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
|
|
68934
68937
|
|
|
68935
68938
|
var SVGLock = function (_a) {
|
|
68936
68939
|
var className = _a.className;
|
|
@@ -68954,13 +68957,13 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
|
|
|
68954
68957
|
var checkoutTranslations = IkasStorefrontConfig.translations["checkout-page"];
|
|
68955
68958
|
var policyInputData = createTranslationInputData(checkoutTranslations["ackPoliciesSentence"]);
|
|
68956
68959
|
var policyLabel = policyInputData.map(function (p) {
|
|
68957
|
-
return p.isVariable ? (React.createElement("span", { className: styles$
|
|
68960
|
+
return p.isVariable ? (React.createElement("span", { className: styles$d.TermsLabelSpan, onClick: p.value === "{{ ackPrivacyPolicy }}"
|
|
68958
68961
|
? onShowPrivacyPolicyClick
|
|
68959
68962
|
: onShowTermsOfServiceClick }, p.value === "{{ ackPrivacyPolicy }}"
|
|
68960
68963
|
? t("checkout-page:ackPrivacyPolicy")
|
|
68961
68964
|
: t("checkout-page:ackTermsOfService"))) : (p.value);
|
|
68962
68965
|
});
|
|
68963
|
-
return (React.createElement("div", { className: [styles$
|
|
68966
|
+
return (React.createElement("div", { className: [styles$d.StepPayment].join(" ") },
|
|
68964
68967
|
React.createElement(Errors$1, { vm: vm }),
|
|
68965
68968
|
React.createElement(PaymentGateways, { vm: vm }),
|
|
68966
68969
|
React.createElement(BillingAddress, { vm: vm }),
|
|
@@ -68970,13 +68973,13 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
|
|
|
68970
68973
|
width: "100%",
|
|
68971
68974
|
marginTop: "24px",
|
|
68972
68975
|
}, text: t("checkout-page:actions.completeOrder"), isLoading: vm.isStepLoading, isDisabled: !vm.canPerformPayment, onClick: vm.onCompletePaymentClick }),
|
|
68973
|
-
!!t("checkout-page:securePaymentTooltip") && (React.createElement("div", { className: styles$
|
|
68974
|
-
React.createElement("span", { className: styles$
|
|
68976
|
+
!!t("checkout-page:securePaymentTooltip") && (React.createElement("div", { className: styles$d.SecurePaymentContainer },
|
|
68977
|
+
React.createElement("span", { className: styles$d.Lock },
|
|
68975
68978
|
React.createElement(SVGLock, null)),
|
|
68976
68979
|
React.createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
|
|
68977
68980
|
});
|
|
68978
68981
|
|
|
68979
|
-
var styles$
|
|
68982
|
+
var styles$e = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
|
|
68980
68983
|
|
|
68981
68984
|
var InputWithButton = function (_a) {
|
|
68982
68985
|
var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
|
|
@@ -68988,38 +68991,38 @@ var InputWithButton = function (_a) {
|
|
|
68988
68991
|
onClick();
|
|
68989
68992
|
}
|
|
68990
68993
|
}, [onClick]);
|
|
68991
|
-
return (React.createElement("div", { className: styles$
|
|
68994
|
+
return (React.createElement("div", { className: styles$e.Container },
|
|
68992
68995
|
React.createElement("input", { value: value, onChange: _onChange, placeholder: placeholder, onKeyPress: _onKeyPress }),
|
|
68993
|
-
React.createElement("div", { className: styles$
|
|
68996
|
+
React.createElement("div", { className: styles$e.Button, onClick: onClick }, isLoading ? React.createElement("div", { className: styles$e.loader }) : buttonLabel)));
|
|
68994
68997
|
};
|
|
68995
68998
|
var InputWithButton$1 = mobxReactLite.observer(InputWithButton);
|
|
68996
68999
|
|
|
68997
|
-
var styles$
|
|
69000
|
+
var styles$f = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Right":"style-module_Right__2HN2l","Name":"style-module_Name__nPgw1","LightText":"style-module_LightText__2P69D","Price":"style-module_Price__1Vw31","GrayPrice":"style-module_GrayPrice__2wDyJ"};
|
|
68998
69001
|
|
|
68999
69002
|
var CartItem = mobxReactLite.observer(function (_a) {
|
|
69000
69003
|
var _b;
|
|
69001
69004
|
var currencyCode = _a.currencyCode, cartItem = _a.cartItem;
|
|
69002
69005
|
var t = useTranslation().t;
|
|
69003
|
-
return (React.createElement("div", { className: styles$
|
|
69004
|
-
React.createElement("div", { className: styles$
|
|
69005
|
-
React.createElement("img", { className: styles$
|
|
69006
|
-
React.createElement("div", { className: styles$
|
|
69007
|
-
React.createElement("div", { className: styles$
|
|
69008
|
-
React.createElement("div", { className: styles$
|
|
69009
|
-
React.createElement("div", { className: styles$
|
|
69006
|
+
return (React.createElement("div", { className: styles$f.CheckoutItem },
|
|
69007
|
+
React.createElement("div", { className: styles$f.ImageContainer },
|
|
69008
|
+
React.createElement("img", { className: styles$f.Image, src: (_b = cartItem.variant.mainImage) === null || _b === void 0 ? void 0 : _b.thumbnailSrc })),
|
|
69009
|
+
React.createElement("div", { className: styles$f.Right },
|
|
69010
|
+
React.createElement("div", { className: styles$f.Name }, cartItem.variant.name),
|
|
69011
|
+
React.createElement("div", { className: styles$f.LightText }, t("checkout-page:quantity") + ": " + cartItem.quantity),
|
|
69012
|
+
React.createElement("div", { className: styles$f.LightText }, cartItem.variant.variantValues
|
|
69010
69013
|
.map(function (vv) { return vv.variantValueName; })
|
|
69011
69014
|
.join(" / ")),
|
|
69012
|
-
React.createElement("div", { className: styles$
|
|
69013
|
-
!!cartItem.overridenPriceWithQuantity && (React.createElement("span", { className: styles$
|
|
69015
|
+
React.createElement("div", { className: styles$f.Price },
|
|
69016
|
+
!!cartItem.overridenPriceWithQuantity && (React.createElement("span", { className: styles$f.GrayPrice }, formatMoney(cartItem.overridenPriceWithQuantity, currencyCode))),
|
|
69014
69017
|
formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
|
|
69015
69018
|
});
|
|
69016
69019
|
|
|
69017
|
-
var styles$
|
|
69020
|
+
var styles$g = {"TooltipContainer":"style-module_TooltipContainer__1IW8v","Tooltip":"style-module_Tooltip__1Pxw6","TooltipArrow":"style-module_TooltipArrow__1l6q_","Top":"style-module_Top__1_7C6","Bottom":"style-module_Bottom__2qCpQ","Left":"style-module_Left__1T6gj","Right":"style-module_Right__uCMMF"};
|
|
69018
69021
|
|
|
69019
69022
|
var Tooltip = function (_a) {
|
|
69020
69023
|
var text = _a.text, className = _a.className, style = _a.style;
|
|
69021
69024
|
return (React.createElement("div", { className: className, style: style },
|
|
69022
|
-
React.createElement("div", { className: styles$
|
|
69025
|
+
React.createElement("div", { className: styles$g.TooltipContainer, "data-tip": text, "data-event": "touchstart focus mouseover", "data-event-off": "mouseout" }, "?")));
|
|
69023
69026
|
};
|
|
69024
69027
|
var Tooltip$1 = mobxReactLite.observer(Tooltip);
|
|
69025
69028
|
|
|
@@ -69042,7 +69045,7 @@ var SVGGift = function (_a) {
|
|
|
69042
69045
|
React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
|
|
69043
69046
|
};
|
|
69044
69047
|
|
|
69045
|
-
var styles$
|
|
69048
|
+
var styles$h = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Price":"style-module_Price__sosrJ","PriceText":"style-module_PriceText__1ePGb","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","ActionTextBtn":"style-module_ActionTextBtn__FXJQX","NoUnderline":"style-module_NoUnderline__34-1r","Light":"style-module_Light__WFzH8","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Label":"style-module_Label__3E7LF","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","TotalPrice":"style-module_TotalPrice__2s7DC","AppliedCoupon":"style-module_AppliedCoupon__37qv8","CouponCode":"style-module_CouponCode__3rgOu","ClearCoupon":"style-module_ClearCoupon__1Rx4A","NotificationContainer":"style-module_NotificationContainer__Zblek","CheckoutNoteContainer":"style-module_CheckoutNoteContainer__zQQjd","CheckoutNoteDisplay":"style-module_CheckoutNoteDisplay__kTFTx","Success":"style-module_Success__2vqWA","GiftLabel":"style-module_GiftLabel__2f-wC","PoweredBy":"style-module_PoweredBy__1hgWQ"};
|
|
69046
69049
|
|
|
69047
69050
|
var SVGIkas = function (_a) {
|
|
69048
69051
|
var className = _a.className;
|
|
@@ -69086,9 +69089,9 @@ var CartSummary = mobxReactLite.observer(function (_a) {
|
|
|
69086
69089
|
hasCouponError,
|
|
69087
69090
|
]);
|
|
69088
69091
|
var cartSummaryClasses = [
|
|
69089
|
-
styles$
|
|
69090
|
-
isExpanded ? styles$
|
|
69091
|
-
allowExpand ? styles$
|
|
69092
|
+
styles$h.CartSummary,
|
|
69093
|
+
isExpanded ? styles$h.Visible : "",
|
|
69094
|
+
allowExpand ? styles$h.AllowExpand : "",
|
|
69092
69095
|
].join(" ");
|
|
69093
69096
|
var detailsContainerStyle = allowExpand
|
|
69094
69097
|
? {
|
|
@@ -69096,25 +69099,25 @@ var CartSummary = mobxReactLite.observer(function (_a) {
|
|
|
69096
69099
|
}
|
|
69097
69100
|
: {};
|
|
69098
69101
|
var arrowDownClasses = [
|
|
69099
|
-
styles$
|
|
69100
|
-
isExpanded ? styles$
|
|
69102
|
+
styles$h.ArrowDown,
|
|
69103
|
+
isExpanded ? styles$h.Rotated : "",
|
|
69101
69104
|
].join(" ");
|
|
69102
69105
|
if (!cart)
|
|
69103
69106
|
return null;
|
|
69104
69107
|
return (React.createElement("div", { className: cartSummaryClasses },
|
|
69105
|
-
!!allowExpand && (React.createElement("div", { className: styles$
|
|
69106
|
-
React.createElement("div", { className: styles$
|
|
69107
|
-
React.createElement("div", { className: styles$
|
|
69108
|
-
React.createElement("span", { className: styles$
|
|
69108
|
+
!!allowExpand && (React.createElement("div", { className: styles$h.ExpandHeader, onClick: function () { return setExpanded(!isExpanded); } },
|
|
69109
|
+
React.createElement("div", { className: styles$h.Left }, "\u00D6zet"),
|
|
69110
|
+
React.createElement("div", { className: styles$h.Price },
|
|
69111
|
+
React.createElement("span", { className: styles$h.PriceText }, formatMoney(vm.finalPrice, cart.currencyCode) + " (" + ((_b = vm.cart) === null || _b === void 0 ? void 0 : _b.items.length) + " " + t("checkout-page:cartItemProduct") + ")"),
|
|
69109
69112
|
React.createElement("span", { className: arrowDownClasses },
|
|
69110
69113
|
React.createElement(SVGArrowDown, null))))),
|
|
69111
|
-
React.createElement("div", { className: styles$
|
|
69112
|
-
React.createElement("div", { className: styles$
|
|
69114
|
+
React.createElement("div", { className: styles$h.DetailsContainer, style: detailsContainerStyle },
|
|
69115
|
+
React.createElement("div", { className: styles$h.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
|
|
69113
69116
|
cart.items.map(function (item, index) { return (React.createElement("div", { key: index },
|
|
69114
69117
|
React.createElement(CartItem, { cartItem: item, currencyCode: cart.currencyCode }))); }),
|
|
69115
|
-
React.createElement("div", { className: styles$
|
|
69116
|
-
React.createElement("div", { className: styles$
|
|
69117
|
-
hasCouponError && (React.createElement("div", { className: styles$
|
|
69118
|
+
React.createElement("div", { className: styles$h.Divider }),
|
|
69119
|
+
React.createElement("div", { className: styles$h.SubTotalInfo },
|
|
69120
|
+
hasCouponError && (React.createElement("div", { className: styles$h.NotificationContainer },
|
|
69118
69121
|
React.createElement(NotificationBox$1, { type: "warning", title: t("checkout-page:giftCodeErrorTitle"), content: t("checkout-page:giftCodeErrorDescription"), onClose: function () { return setCouponError(false); } }))),
|
|
69119
69122
|
React.createElement(InfoRow, { label: t("checkout-page:subtotal"), value: formatMoney(cart.totalPrice, cart.currencyCode), tooltipText: t("checkout-page:subtotalTooltip") }),
|
|
69120
69123
|
!!((_c = checkout.shippingLines) === null || _c === void 0 ? void 0 : _c.length) && (React.createElement(InfoRow, { label: t("checkout-page:cartShippingTitle"), value: checkout.shippingTotal
|
|
@@ -69126,14 +69129,14 @@ var CartSummary = mobxReactLite.observer(function (_a) {
|
|
|
69126
69129
|
React.createElement(CalculatedAdditionalPrices, { vm: vm }),
|
|
69127
69130
|
((vm.step === CheckoutStep.SUCCESS &&
|
|
69128
69131
|
(!!vm.checkout.note || !!vm.checkout.appliedCouponCode)) ||
|
|
69129
|
-
vm.step !== CheckoutStep.SUCCESS) && (React.createElement("div", { className: styles$
|
|
69132
|
+
vm.step !== CheckoutStep.SUCCESS) && (React.createElement("div", { className: styles$h.Divider, style: { marginTop: "24px", marginBottom: "24px" } })),
|
|
69130
69133
|
React.createElement(Coupon, { vm: vm, isAddingCoupon: isAddingCoupon, setAddingCoupon: setAddingCoupon, setCouponError: setCouponError }),
|
|
69131
69134
|
React.createElement(Note, { vm: vm, isAddingNote: isAddingNote, setAddingNote: setAddingNote })),
|
|
69132
|
-
React.createElement("div", { className: styles$
|
|
69133
|
-
React.createElement("div", { className: styles$
|
|
69134
|
-
React.createElement("div", { className: styles$
|
|
69135
|
-
React.createElement("div", { className: styles$
|
|
69136
|
-
React.createElement("div", { className: styles$
|
|
69135
|
+
React.createElement("div", { className: styles$h.TotalContainer },
|
|
69136
|
+
React.createElement("div", { className: styles$h.TitleContainer },
|
|
69137
|
+
React.createElement("div", { className: styles$h.Title }, t("checkout-page:total"))),
|
|
69138
|
+
React.createElement("div", { className: styles$h.TotalPrice }, formatMoney(vm.finalPrice, cart.currencyCode))),
|
|
69139
|
+
React.createElement("div", { className: styles$h.PoweredBy },
|
|
69137
69140
|
React.createElement("span", null, "powered by"),
|
|
69138
69141
|
React.createElement("a", { href: "https://ikas.com" +
|
|
69139
69142
|
(IkasStorefrontConfig.getCurrentLocale() === "tr" ? "/tr" : ""), target: "_blank" },
|
|
@@ -69141,22 +69144,22 @@ var CartSummary = mobxReactLite.observer(function (_a) {
|
|
|
69141
69144
|
});
|
|
69142
69145
|
var InfoRow = mobxReactLite.observer(function (_a) {
|
|
69143
69146
|
var label = _a.label, value = _a.value, tooltipText = _a.tooltipText;
|
|
69144
|
-
return (React.createElement("div", { className: styles$
|
|
69145
|
-
React.createElement("div", { className: styles$
|
|
69147
|
+
return (React.createElement("div", { className: styles$h.InfoRow },
|
|
69148
|
+
React.createElement("div", { className: styles$h.Label },
|
|
69146
69149
|
React.createElement("span", null, label),
|
|
69147
69150
|
!!tooltipText && (React.createElement(Tooltip$1, { text: tooltipText, style: { marginLeft: "8px" } }))),
|
|
69148
|
-
React.createElement("div", { className: styles$
|
|
69151
|
+
React.createElement("div", { className: styles$h.Value }, value)));
|
|
69149
69152
|
});
|
|
69150
69153
|
var Adjustments = mobxReactLite.observer(function (_a) {
|
|
69151
69154
|
var vm = _a.vm;
|
|
69152
69155
|
var t = useTranslation().t;
|
|
69153
69156
|
if (!vm.cart)
|
|
69154
69157
|
return null;
|
|
69155
|
-
return (React.createElement(React.Fragment, null, sortBy_1(vm.checkout.nonCouponAdjustments || [], "order").map(function (adjustment, index) { return (React.createElement("div", { className: styles$
|
|
69156
|
-
React.createElement("div", { className: styles$
|
|
69158
|
+
return (React.createElement(React.Fragment, null, sortBy_1(vm.checkout.nonCouponAdjustments || [], "order").map(function (adjustment, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
|
|
69159
|
+
React.createElement("div", { className: styles$h.Label }, adjustment.name === INTEREST_ADJUSTMENT_NAME
|
|
69157
69160
|
? t("checkout-page:cartInterest")
|
|
69158
69161
|
: adjustment.name),
|
|
69159
|
-
React.createElement("div", { className: styles$
|
|
69162
|
+
React.createElement("div", { className: styles$h.Value },
|
|
69160
69163
|
React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
|
|
69161
69164
|
" ",
|
|
69162
69165
|
React.createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); })));
|
|
@@ -69171,18 +69174,18 @@ var CalculatedAdditionalPrices = mobxReactLite.observer(function (_a) {
|
|
|
69171
69174
|
vm.step !== CheckoutStep.SUCCESS &&
|
|
69172
69175
|
(((_b = vm.checkout.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || [])
|
|
69173
69176
|
.filter(function (adjustment) { return adjustment.amount !== 0; })
|
|
69174
|
-
.map(function (adjustment, index) { return (React.createElement("div", { className: styles$
|
|
69175
|
-
React.createElement("div", { className: styles$
|
|
69176
|
-
React.createElement("div", { className: styles$
|
|
69177
|
+
.map(function (adjustment, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
|
|
69178
|
+
React.createElement("div", { className: styles$h.Label }, adjustment.name),
|
|
69179
|
+
React.createElement("div", { className: styles$h.Value },
|
|
69177
69180
|
React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
|
|
69178
69181
|
" ",
|
|
69179
69182
|
React.createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); }), (_c = vm.checkout.giftPackageLines) === null || _c === void 0 ? void 0 :
|
|
69180
|
-
_c.map(function (gpl, index) { return (React.createElement("div", { className: styles$
|
|
69181
|
-
React.createElement("div", { className: styles$
|
|
69182
|
-
React.createElement("div", { className: styles$
|
|
69183
|
+
_c.map(function (gpl, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
|
|
69184
|
+
React.createElement("div", { className: styles$h.Label },
|
|
69185
|
+
React.createElement("div", { className: styles$h.GiftLabel },
|
|
69183
69186
|
React.createElement(SVGGift, { style: { position: "relative", top: "-1px" } }),
|
|
69184
69187
|
React.createElement("span", null, t("checkout-page:giftPackage")))),
|
|
69185
|
-
React.createElement("div", { className: styles$
|
|
69188
|
+
React.createElement("div", { className: styles$h.Value },
|
|
69186
69189
|
React.createElement("span", null, formatMoney(gpl.price, vm.cart.currencyCode))))); })));
|
|
69187
69190
|
});
|
|
69188
69191
|
var Coupon = mobxReactLite.observer(function (_a) {
|
|
@@ -69230,20 +69233,20 @@ var Coupon = mobxReactLite.observer(function (_a) {
|
|
|
69230
69233
|
if (isSuccess && !vm.checkout.appliedCouponCode)
|
|
69231
69234
|
return null;
|
|
69232
69235
|
var adjustment = vm.checkout.couponAdjustment;
|
|
69233
|
-
return (React.createElement("div", { className: styles$
|
|
69234
|
-
!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$
|
|
69236
|
+
return (React.createElement("div", { className: styles$h.InfoRow },
|
|
69237
|
+
!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$h.ActionTextBtn, onClick: function () { return setAddingCoupon(true); } }, t("checkout-page:addCouponCode"))),
|
|
69235
69238
|
isAddingCoupon && (React.createElement(InputWithButton$1, { value: couponCode, placeholder: t("checkout-page:couponCode"), buttonLabel: t("checkout-page:actions.apply"), onClick: onCouponApply, isLoading: isLoadingCoupon, onChange: setCouponCode })),
|
|
69236
69239
|
!!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: [
|
|
69237
|
-
styles$
|
|
69238
|
-
styles$
|
|
69239
|
-
styles$
|
|
69240
|
+
styles$h.ActionTextBtn,
|
|
69241
|
+
styles$h.NoUnderline,
|
|
69242
|
+
styles$h.Light,
|
|
69240
69243
|
].join(" ") },
|
|
69241
69244
|
t("checkout-page:couponCode"),
|
|
69242
|
-
React.createElement("span", { className: styles$
|
|
69243
|
-
React.createElement("span", { className: styles$
|
|
69244
|
-
vm.step !== CheckoutStep.SUCCESS && (React.createElement("span", { className: styles$
|
|
69245
|
+
React.createElement("span", { className: styles$h.AppliedCoupon },
|
|
69246
|
+
React.createElement("span", { className: styles$h.CouponCode }, vm.checkout.appliedCouponCode),
|
|
69247
|
+
vm.step !== CheckoutStep.SUCCESS && (React.createElement("span", { className: styles$h.ClearCoupon, onClick: onClearCouponCode },
|
|
69245
69248
|
React.createElement(SVGCross, null)))))),
|
|
69246
|
-
!!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$
|
|
69249
|
+
!!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$h.Value },
|
|
69247
69250
|
React.createElement("span", null, (adjustment === null || adjustment === void 0 ? void 0 : adjustment.type) === "DECREMENT" ? "- " : ""),
|
|
69248
69251
|
" ",
|
|
69249
69252
|
React.createElement("span", null, formatMoney((adjustment === null || adjustment === void 0 ? void 0 : adjustment.amount) || 0, vm.cart.currencyCode))))));
|
|
@@ -69265,17 +69268,17 @@ var Note = mobxReactLite.observer(function (_a) {
|
|
|
69265
69268
|
var isSuccessStep = vm.step === CheckoutStep.SUCCESS;
|
|
69266
69269
|
if (isSuccessStep && !vm.checkout.note)
|
|
69267
69270
|
return null;
|
|
69268
|
-
return (React.createElement("div", { className: styles$
|
|
69269
|
-
!isAddingNote && !isSuccessStep && (React.createElement("div", { className: styles$
|
|
69271
|
+
return (React.createElement("div", { className: styles$h.InfoRow },
|
|
69272
|
+
!isAddingNote && !isSuccessStep && (React.createElement("div", { className: styles$h.ActionTextBtn, onClick: onEditClick }, ctaText)),
|
|
69270
69273
|
(isAddingNote || isSuccessStep) && (React.createElement("div", { className: [
|
|
69271
|
-
styles$
|
|
69272
|
-
isSuccessStep ? styles$
|
|
69274
|
+
styles$h.CheckoutNoteContainer,
|
|
69275
|
+
isSuccessStep ? styles$h.Success : "",
|
|
69273
69276
|
].join(" ") },
|
|
69274
|
-
React.createElement("div", { className: styles$
|
|
69275
|
-
isSuccessStep ? (React.createElement("div", { className: styles$
|
|
69277
|
+
React.createElement("div", { className: styles$h.Title }, t("checkout-page:orderNote")),
|
|
69278
|
+
isSuccessStep ? (React.createElement("div", { className: styles$h.CheckoutNoteDisplay }, vm.checkout.note)) : (React.createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
|
|
69276
69279
|
});
|
|
69277
69280
|
|
|
69278
|
-
var styles$
|
|
69281
|
+
var styles$i = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
|
|
69279
69282
|
|
|
69280
69283
|
var SVGSuccessCircle = function (_a) {
|
|
69281
69284
|
var className = _a.className;
|
|
@@ -69284,19 +69287,19 @@ var SVGSuccessCircle = function (_a) {
|
|
|
69284
69287
|
React.createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
|
|
69285
69288
|
};
|
|
69286
69289
|
|
|
69287
|
-
var styles$
|
|
69290
|
+
var styles$j = {"ExpandableSection":"style-module_ExpandableSection__2JTCI","Top":"style-module_Top__3j_E0","Title":"style-module_Title__2w3G9","HideBtn":"style-module_HideBtn__xC3Ix","Content":"style-module_Content__3TXDF"};
|
|
69288
69291
|
|
|
69289
69292
|
var ExpandableSection = function (_a) {
|
|
69290
69293
|
var title = _a.title, children = _a.children;
|
|
69291
69294
|
var t = useTranslation().t;
|
|
69292
69295
|
var _b = React.useState(false), isExpanded = _b[0], setExpanded = _b[1];
|
|
69293
|
-
return (React.createElement("div", { className: styles$
|
|
69294
|
-
React.createElement("div", { className: styles$
|
|
69295
|
-
React.createElement("div", { className: styles$
|
|
69296
|
-
React.createElement("div", { className: styles$
|
|
69296
|
+
return (React.createElement("div", { className: styles$j.ExpandableSection },
|
|
69297
|
+
React.createElement("div", { className: styles$j.Top },
|
|
69298
|
+
React.createElement("div", { className: styles$j.Title }, title),
|
|
69299
|
+
React.createElement("div", { className: styles$j.HideBtn, onClick: function () { return setExpanded(!isExpanded); } }, isExpanded
|
|
69297
69300
|
? t("checkout-page:actions.hide")
|
|
69298
69301
|
: t("checkout-page:actions.show"))),
|
|
69299
|
-
isExpanded && !!children && (React.createElement("div", { className: styles$
|
|
69302
|
+
isExpanded && !!children && (React.createElement("div", { className: styles$j.Content }, children))));
|
|
69300
69303
|
};
|
|
69301
69304
|
var ExpandableSection$1 = mobxReactLite.observer(ExpandableSection);
|
|
69302
69305
|
|
|
@@ -69307,7 +69310,7 @@ var SVGCross$1 = function (_a) {
|
|
|
69307
69310
|
React.createElement("path", { fill: "currentColor", d: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" })));
|
|
69308
69311
|
};
|
|
69309
69312
|
|
|
69310
|
-
var styles$
|
|
69313
|
+
var styles$k = {"ModalContainer":"style-module_ModalContainer__3JCG6","Modal":"style-module_Modal__s3oha","ModalHeader":"style-module_ModalHeader__vEeDs","CloseButton":"style-module_CloseButton__3VdYY","ModalContent":"style-module_ModalContent__2jGi3"};
|
|
69311
69314
|
|
|
69312
69315
|
var Modal = mobxReactLite.observer(function (_a) {
|
|
69313
69316
|
var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
|
|
@@ -69322,13 +69325,13 @@ var Modal = mobxReactLite.observer(function (_a) {
|
|
|
69322
69325
|
document.removeEventListener("keydown", escFunction, false);
|
|
69323
69326
|
};
|
|
69324
69327
|
}, []);
|
|
69325
|
-
return (React.createElement("div", { className: styles$
|
|
69326
|
-
React.createElement("div", { className: styles$
|
|
69327
|
-
React.createElement("div", { className: styles$
|
|
69328
|
+
return (React.createElement("div", { className: styles$k.ModalContainer, onClick: onClose },
|
|
69329
|
+
React.createElement("div", { className: styles$k.Modal, onClick: function (e) { return e.stopPropagation(); } },
|
|
69330
|
+
React.createElement("div", { className: styles$k.ModalHeader },
|
|
69328
69331
|
React.createElement("div", null, title),
|
|
69329
|
-
React.createElement("div", { className: styles$
|
|
69332
|
+
React.createElement("div", { className: styles$k.CloseButton, onClick: onClose },
|
|
69330
69333
|
React.createElement(SVGCross$1, null))),
|
|
69331
|
-
typeof modalContent === "string" ? (React.createElement("div", { className: styles$
|
|
69334
|
+
typeof modalContent === "string" ? (React.createElement("div", { className: styles$k.ModalContent, dangerouslySetInnerHTML: { __html: modalContent } })) : (React.createElement("div", { className: styles$k.ModalContent }, modalContent)))));
|
|
69332
69335
|
});
|
|
69333
69336
|
|
|
69334
69337
|
var StepSuccess = mobxReactLite.observer(function (_a) {
|
|
@@ -69370,64 +69373,64 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
|
|
|
69370
69373
|
var paymentMethodDetail = (_d = vm.successTransaction) === null || _d === void 0 ? void 0 : _d.paymentMethodDetail;
|
|
69371
69374
|
var paymentInfoGrid = React.useMemo(function () {
|
|
69372
69375
|
var _a, _b, _c;
|
|
69373
|
-
return (React.createElement("div", { className: [styles$
|
|
69376
|
+
return (React.createElement("div", { className: [styles$i.InfoGrid].join(" ") },
|
|
69374
69377
|
React.createElement("div", null,
|
|
69375
|
-
React.createElement("div", { className: styles$
|
|
69378
|
+
React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:paymentMethod")),
|
|
69376
69379
|
paymentGateway && (React.createElement(React.Fragment, null,
|
|
69377
|
-
React.createElement("div", { className: styles$
|
|
69378
|
-
!!paymentGateway.description && (React.createElement("div", { className: styles$
|
|
69380
|
+
React.createElement("div", { className: styles$i.InfoText }, paymentGateway.name),
|
|
69381
|
+
!!paymentGateway.description && (React.createElement("div", { className: styles$i.InfoText },
|
|
69379
69382
|
React.createElement("div", { dangerouslySetInnerHTML: {
|
|
69380
69383
|
__html: paymentGateway.description,
|
|
69381
69384
|
} }))))),
|
|
69382
69385
|
((_a = vm.successTransaction) === null || _a === void 0 ? void 0 : _a.paymentMethod) === "CREDIT_CARD" && (React.createElement(React.Fragment, null,
|
|
69383
|
-
React.createElement("div", { className: styles$
|
|
69384
|
-
React.createElement("div", { className: styles$
|
|
69386
|
+
React.createElement("div", { className: styles$i.InfoText },
|
|
69387
|
+
React.createElement("div", { className: styles$i.CardLogoContainer }, getCardLogo()),
|
|
69385
69388
|
React.createElement("span", null, "**** " + ((paymentMethodDetail === null || paymentMethodDetail === void 0 ? void 0 : paymentMethodDetail.lastFourDigits) || ""))),
|
|
69386
69389
|
paymentMethodDetail &&
|
|
69387
69390
|
paymentMethodDetail.installment.installmentCount > 1 && (React.createElement(React.Fragment, null,
|
|
69388
|
-
React.createElement("div", { className: styles$
|
|
69389
|
-
React.createElement("div", { className: styles$
|
|
69391
|
+
React.createElement("div", { className: styles$i.InfoText }, paymentMethodDetail.installment.installmentCount + " " + t("checkout-page:installments")),
|
|
69392
|
+
React.createElement("div", { className: styles$i.InfoText }, paymentMethodDetail.installment.installmentCount + " x " + formatMoney(paymentMethodDetail.installment.installmentPrice, vm.checkout.cart.currencyCode))))))),
|
|
69390
69393
|
React.createElement("div", null,
|
|
69391
|
-
React.createElement("div", { className: styles$
|
|
69392
|
-
!!((_b = vm.checkout.billingAddress) === null || _b === void 0 ? void 0 : _b.company) && (React.createElement("div", { className: [styles$
|
|
69393
|
-
React.createElement("div", { className: styles$
|
|
69394
|
+
React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:billingAddress")),
|
|
69395
|
+
!!((_b = vm.checkout.billingAddress) === null || _b === void 0 ? void 0 : _b.company) && (React.createElement("div", { className: [styles$i.InfoText, styles$i.InfoTextBold].join(" ") }, vm.checkout.billingAddress.company)),
|
|
69396
|
+
React.createElement("div", { className: styles$i.InfoText }, (_c = vm.checkout.billingAddress) === null || _c === void 0 ? void 0 : _c.addressText))));
|
|
69394
69397
|
}, []);
|
|
69395
69398
|
var contactInfoGrid = React.useMemo(function () {
|
|
69396
69399
|
var _a, _b, _c, _d, _e;
|
|
69397
|
-
return (React.createElement("div", { className: [styles$
|
|
69400
|
+
return (React.createElement("div", { className: [styles$i.InfoGrid].join(" ") },
|
|
69398
69401
|
React.createElement("div", null,
|
|
69399
|
-
React.createElement("div", { className: styles$
|
|
69400
|
-
React.createElement("div", { className: styles$
|
|
69401
|
-
React.createElement("div", { className: styles$
|
|
69402
|
-
!!((_b = vm.checkout.shippingAddress) === null || _b === void 0 ? void 0 : _b.phone) && (React.createElement("div", { className: styles$
|
|
69402
|
+
React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:contactInfo")),
|
|
69403
|
+
React.createElement("div", { className: styles$i.InfoText }, (_a = vm.checkout.customer) === null || _a === void 0 ? void 0 : _a.email),
|
|
69404
|
+
React.createElement("div", { className: styles$i.InfoText }, customerName),
|
|
69405
|
+
!!((_b = vm.checkout.shippingAddress) === null || _b === void 0 ? void 0 : _b.phone) && (React.createElement("div", { className: styles$i.InfoText }, (_c = vm.checkout.shippingAddress) === null || _c === void 0 ? void 0 : _c.phone))),
|
|
69403
69406
|
React.createElement("div", null,
|
|
69404
|
-
React.createElement("div", { className: styles$
|
|
69405
|
-
!!((_d = vm.checkout.shippingAddress) === null || _d === void 0 ? void 0 : _d.company) && (React.createElement("div", { className: [styles$
|
|
69406
|
-
React.createElement("div", { className: styles$
|
|
69407
|
+
React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:shippingAddress")),
|
|
69408
|
+
!!((_d = vm.checkout.shippingAddress) === null || _d === void 0 ? void 0 : _d.company) && (React.createElement("div", { className: [styles$i.InfoText, styles$i.InfoTextBold].join(" ") }, vm.checkout.shippingAddress.company)),
|
|
69409
|
+
React.createElement("div", { className: styles$i.InfoText }, (_e = vm.checkout.shippingAddress) === null || _e === void 0 ? void 0 : _e.addressText))));
|
|
69407
69410
|
}, []);
|
|
69408
|
-
return (React.createElement("div", { className: styles$
|
|
69409
|
-
React.createElement("div", { className: styles$
|
|
69411
|
+
return (React.createElement("div", { className: styles$i.StepSuccess },
|
|
69412
|
+
React.createElement("div", { className: styles$i.SuccessTitleContainer },
|
|
69410
69413
|
React.createElement(SVGSuccessCircle, null),
|
|
69411
|
-
React.createElement("span", { className: styles$
|
|
69412
|
-
React.createElement("div", { className: styles$
|
|
69414
|
+
React.createElement("span", { className: styles$i.SuccessTitle }, t("checkout-page:orderSuccessTitle"))),
|
|
69415
|
+
React.createElement("div", { className: styles$i.SuccessSubTitle }, t("checkout-page:orderSuccessDescription", {
|
|
69413
69416
|
customerName: customerName,
|
|
69414
69417
|
})),
|
|
69415
|
-
React.createElement("div", { className: [styles$
|
|
69418
|
+
React.createElement("div", { className: [styles$i.InfoGrid, styles$i.WithBorder].join(" ") },
|
|
69416
69419
|
React.createElement("div", null,
|
|
69417
|
-
React.createElement("div", { className: styles$
|
|
69418
|
-
React.createElement("div", { className: [styles$
|
|
69419
|
-
React.createElement("div", { className: styles$
|
|
69420
|
+
React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:orderNoAndDate")),
|
|
69421
|
+
React.createElement("div", { className: [styles$i.InfoText, styles$i.InfoTextBold].join(" ") }, "#" + (vm.checkout.orderNumber || "")),
|
|
69422
|
+
React.createElement("div", { className: styles$i.InfoText }, vm.checkout.dateStr),
|
|
69420
69423
|
React.createElement(OrderStatus, { vm: vm })),
|
|
69421
69424
|
React.createElement("div", null,
|
|
69422
|
-
React.createElement("div", { className: styles$
|
|
69423
|
-
React.createElement("div", { className: styles$
|
|
69424
|
-
React.createElement("div", { className: styles$
|
|
69425
|
+
React.createElement("div", { className: styles$i.InfoTitle }, t("checkout-page:contactInfo")),
|
|
69426
|
+
React.createElement("div", { className: styles$i.InfoText }, (_e = vm.checkout.customer) === null || _e === void 0 ? void 0 : _e.email),
|
|
69427
|
+
React.createElement("div", { className: styles$i.InfoText }, customerName))),
|
|
69425
69428
|
React.createElement(ExpandableSection$1, { title: t("checkout-page:paymentSummary") }, paymentInfoGrid),
|
|
69426
69429
|
React.createElement(ExpandableSection$1, { title: t("checkout-page:shippingSummary") }, contactInfoGrid),
|
|
69427
|
-
React.createElement("div", { className: styles$
|
|
69428
|
-
React.createElement("div", { className: styles$
|
|
69430
|
+
React.createElement("div", { className: styles$i.Actions },
|
|
69431
|
+
React.createElement("div", { className: styles$i.HelpText },
|
|
69429
69432
|
React.createElement("span", null, t("checkout-page:helpCtaQuestion")),
|
|
69430
|
-
React.createElement("span", { className: styles$
|
|
69433
|
+
React.createElement("span", { className: styles$i.Cta, onClick: function () { return setContactModalVisible(true); } }, t("checkout-page:helpCta"))),
|
|
69431
69434
|
React.createElement(Button, { text: t("checkout-page:actions.backToShopping"), onClick: vm.onBackToShoppingClick, style: { flex: "0 0 auto" } })),
|
|
69432
69435
|
isContactModalVisible && (React.createElement(ContactUsModal, { vm: vm, setVisible: setContactModalVisible }))));
|
|
69433
69436
|
});
|
|
@@ -69483,7 +69486,7 @@ var OrderStatus = mobxReactLite.observer(function (_a) {
|
|
|
69483
69486
|
var _b, _c, _d;
|
|
69484
69487
|
var vm = _a.vm;
|
|
69485
69488
|
var t = useTranslation().t;
|
|
69486
|
-
var colorClass = styles$
|
|
69489
|
+
var colorClass = styles$i.Yellow;
|
|
69487
69490
|
var getOrderPackageStatusText = function () {
|
|
69488
69491
|
return [
|
|
69489
69492
|
{
|
|
@@ -69550,16 +69553,16 @@ var OrderStatus = mobxReactLite.observer(function (_a) {
|
|
|
69550
69553
|
case exports.IkasOrderPackageStatus.PARTIALLY_FULFILLED:
|
|
69551
69554
|
case exports.IkasOrderPackageStatus.DELIVERED:
|
|
69552
69555
|
case exports.IkasOrderPackageStatus.PARTIALLY_DELIVERED:
|
|
69553
|
-
colorClass = styles$
|
|
69556
|
+
colorClass = styles$i.Green;
|
|
69554
69557
|
break;
|
|
69555
69558
|
case exports.IkasOrderPackageStatus.CANCELLED:
|
|
69556
69559
|
case exports.IkasOrderPackageStatus.PARTIALLY_CANCELLED:
|
|
69557
69560
|
case exports.IkasOrderPackageStatus.CANCEL_REJECTED:
|
|
69558
69561
|
case exports.IkasOrderPackageStatus.CANCEL_REQUESTED:
|
|
69559
|
-
colorClass = styles$
|
|
69562
|
+
colorClass = styles$i.Red;
|
|
69560
69563
|
break;
|
|
69561
69564
|
}
|
|
69562
|
-
return (React.createElement("div", { className: [styles$
|
|
69565
|
+
return (React.createElement("div", { className: [styles$i.OrderStatus, colorClass].join(" ") }, ((_c = vm.order) === null || _c === void 0 ? void 0 : _c.orderPackageStatus) ? (_d = getOrderPackageStatusText().find(function (o) {
|
|
69563
69566
|
return o.types.includes(vm.order.orderPackageStatus);
|
|
69564
69567
|
})) === null || _d === void 0 ? void 0 : _d.text : ""));
|
|
69565
69568
|
});
|
|
@@ -69590,7 +69593,7 @@ var Image = function (_a) {
|
|
|
69590
69593
|
return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
|
|
69591
69594
|
};
|
|
69592
69595
|
|
|
69593
|
-
var styles$
|
|
69596
|
+
var styles$l = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
|
|
69594
69597
|
|
|
69595
69598
|
var StepContainer = mobxReactLite.observer(function (_a) {
|
|
69596
69599
|
var steps = _a.steps, stepContent = _a.stepContent;
|
|
@@ -69604,28 +69607,28 @@ var StepContainer = mobxReactLite.observer(function (_a) {
|
|
|
69604
69607
|
(_a = document.getElementById("step-" + selectedStepIndex)) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
|
|
69605
69608
|
}
|
|
69606
69609
|
}, []);
|
|
69607
|
-
return (React.createElement("div", { className: styles$
|
|
69610
|
+
return (React.createElement("div", { className: styles$l.StepContainer }, steps.map(function (step, index) { return (React.createElement("div", { className: styles$l.Step },
|
|
69608
69611
|
React.createElement("div", { id: "step-" + index, className: [
|
|
69609
|
-
styles$
|
|
69610
|
-
index === 0 ? styles$
|
|
69612
|
+
styles$l.StepTitleContainer,
|
|
69613
|
+
index === 0 ? styles$l.First : "",
|
|
69611
69614
|
].join(" ") },
|
|
69612
69615
|
React.createElement("div", { className: [
|
|
69613
|
-
styles$
|
|
69614
|
-
step.titleRightContent ? styles$
|
|
69616
|
+
styles$l.StepTitleTop,
|
|
69617
|
+
step.titleRightContent ? styles$l.WithRightContent : "",
|
|
69615
69618
|
].join(" ") },
|
|
69616
69619
|
React.createElement("div", { className: [
|
|
69617
|
-
styles$
|
|
69618
|
-
step.isSelected || step.isComplete ? styles$
|
|
69620
|
+
styles$l.StepCircle,
|
|
69621
|
+
step.isSelected || step.isComplete ? styles$l.Selected : "",
|
|
69619
69622
|
]
|
|
69620
69623
|
.join(" ")
|
|
69621
69624
|
.trim() }, !step.isComplete ? index + 1 : React.createElement(SVGCheck, null)),
|
|
69622
69625
|
React.createElement("div", { className: [
|
|
69623
|
-
styles$
|
|
69624
|
-
!step.isSelected && !step.isComplete ? styles$
|
|
69626
|
+
styles$l.StepTitle,
|
|
69627
|
+
!step.isSelected && !step.isComplete ? styles$l.Light : "",
|
|
69625
69628
|
].join(" ") }, step.label),
|
|
69626
|
-
!!step.titleRightContent && (React.createElement("div", { className: styles$
|
|
69627
|
-
!!step.titleBottomContent && (React.createElement("div", { className: styles$
|
|
69628
|
-
step.isSelected && (React.createElement("div", { className: styles$
|
|
69629
|
+
!!step.titleRightContent && (React.createElement("div", { className: styles$l.StepTitleRightContent }, step.titleRightContent))),
|
|
69630
|
+
!!step.titleBottomContent && (React.createElement("div", { className: styles$l.StepTitleBottom }, step.titleBottomContent))),
|
|
69631
|
+
step.isSelected && (React.createElement("div", { className: styles$l.StepContent }, stepContent)))); })));
|
|
69629
69632
|
});
|
|
69630
69633
|
var Step = /** @class */ (function () {
|
|
69631
69634
|
function Step(label, isSelected, isComplete, titleRightContent, titleBottomContent) {
|
|
@@ -69639,7 +69642,7 @@ var Step = /** @class */ (function () {
|
|
|
69639
69642
|
return Step;
|
|
69640
69643
|
}());
|
|
69641
69644
|
|
|
69642
|
-
var styles$
|
|
69645
|
+
var styles$m = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
|
|
69643
69646
|
|
|
69644
69647
|
var StockError = mobxReactLite.observer(function (_a) {
|
|
69645
69648
|
var vm = _a.vm, error = _a.error;
|
|
@@ -69664,13 +69667,13 @@ var StockError = mobxReactLite.observer(function (_a) {
|
|
|
69664
69667
|
});
|
|
69665
69668
|
}); }, [vm]);
|
|
69666
69669
|
return (React.createElement(NotificationBox$1, { type: "warning", title: t("checkout-page:errorStockTitle"), content: React.createElement("div", null,
|
|
69667
|
-
React.createElement("div", { className: styles$
|
|
69670
|
+
React.createElement("div", { className: styles$m.Description }, t("checkout-page:errorStockDescription")),
|
|
69668
69671
|
data.map(function (item, index) {
|
|
69669
69672
|
var _a;
|
|
69670
69673
|
return (React.createElement("div", { key: index },
|
|
69671
69674
|
React.createElement(CartItem, { cartItem: item, currencyCode: ((_a = vm.checkout.cart) === null || _a === void 0 ? void 0 : _a.currencyCode) || "" })));
|
|
69672
69675
|
}),
|
|
69673
|
-
React.createElement("div", { className: styles$
|
|
69676
|
+
React.createElement("div", { className: styles$m.Actions },
|
|
69674
69677
|
React.createElement(Button, { style: {
|
|
69675
69678
|
width: "100%",
|
|
69676
69679
|
}, text: t("checkout-page:actions.backToCart"), isLine: true, isDisabled: isLoading, onClick: vm.onGoToCartClick }),
|
|
@@ -69679,11 +69682,11 @@ var StockError = mobxReactLite.observer(function (_a) {
|
|
|
69679
69682
|
}, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
|
|
69680
69683
|
});
|
|
69681
69684
|
|
|
69682
|
-
var styles$
|
|
69685
|
+
var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
|
|
69683
69686
|
|
|
69684
69687
|
var FullscreenLoading = function () {
|
|
69685
|
-
return (React.createElement("div", { className: styles$
|
|
69686
|
-
React.createElement("div", { className: styles$
|
|
69688
|
+
return (React.createElement("div", { className: styles$n.Container },
|
|
69689
|
+
React.createElement("div", { className: styles$n.loader })));
|
|
69687
69690
|
};
|
|
69688
69691
|
|
|
69689
69692
|
var IkasCheckoutPage = function (_a) {
|
|
@@ -69733,24 +69736,24 @@ var IkasCheckoutPage = function (_a) {
|
|
|
69733
69736
|
React.createElement(IkasPageHead, { pageType: exports.IkasThemePageType.CHECKOUT, pageTitle: (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || "") +
|
|
69734
69737
|
" - " +
|
|
69735
69738
|
t("checkout-page:securePayment"), pageDescription: t("checkout-page:securePayment") }),
|
|
69736
|
-
React.createElement("div", { id: "Checkout", className: styles$
|
|
69737
|
-
React.createElement(ReactTooltip, { place: "top", type: "dark", effect: "solid", arrowColor: "transparent", multiline: true, className: styles$
|
|
69738
|
-
React.createElement("div", { className: styles$
|
|
69739
|
-
React.createElement("div", { className: styles$
|
|
69739
|
+
React.createElement("div", { id: "Checkout", className: styles$5.CheckoutPage },
|
|
69740
|
+
React.createElement(ReactTooltip, { place: "top", type: "dark", effect: "solid", arrowColor: "transparent", multiline: true, className: styles$5.ReactTooltipWrap, globalEventOff: "touchstart" }),
|
|
69741
|
+
React.createElement("div", { className: styles$5.Left },
|
|
69742
|
+
React.createElement("div", { className: styles$5.LeftContent },
|
|
69740
69743
|
React.createElement("div", null,
|
|
69741
69744
|
React.createElement(Header, { vm: vm }),
|
|
69742
|
-
vm.hasStockError && (React.createElement("div", { className: styles$
|
|
69745
|
+
vm.hasStockError && (React.createElement("div", { className: styles$5.ErrorContainer },
|
|
69743
69746
|
React.createElement(StockError, { vm: vm, error: vm.error }))),
|
|
69744
69747
|
!vm.hasStockError && (React.createElement(React.Fragment, null,
|
|
69745
|
-
React.createElement("div", { className: styles$
|
|
69748
|
+
React.createElement("div", { className: styles$5.MobileCartSummary },
|
|
69746
69749
|
React.createElement(CartSummary, { vm: vm, allowExpand: true })),
|
|
69747
69750
|
vm.step === CheckoutStep.SUCCESS ? (React.createElement(StepSuccess, { vm: vm })) : (React.createElement(Steps, { vm: vm })))),
|
|
69748
|
-
React.createElement("div", { className: styles$
|
|
69751
|
+
React.createElement("div", { className: styles$5.Space })),
|
|
69749
69752
|
React.createElement(Footer, { vm: vm }))),
|
|
69750
|
-
React.createElement("div", { className: styles$
|
|
69751
|
-
React.createElement("div", { className: styles$
|
|
69753
|
+
React.createElement("div", { className: styles$5.Right },
|
|
69754
|
+
React.createElement("div", { className: styles$5.RightContent },
|
|
69752
69755
|
React.createElement(CartSummary, { vm: vm }),
|
|
69753
|
-
React.createElement("div", { className: styles$
|
|
69756
|
+
React.createElement("div", { className: styles$5.PoweredBy },
|
|
69754
69757
|
React.createElement("span", null, "powered by"),
|
|
69755
69758
|
React.createElement("a", { href: "https://ikas.com" +
|
|
69756
69759
|
(IkasStorefrontConfig.getCurrentLocale() === "tr"
|
|
@@ -69763,17 +69766,17 @@ var Header = mobxReactLite.observer(function (_a) {
|
|
|
69763
69766
|
var _b, _c;
|
|
69764
69767
|
var vm = _a.vm;
|
|
69765
69768
|
var t = useTranslation().t;
|
|
69766
|
-
return (React.createElement("div", { className: styles$
|
|
69769
|
+
return (React.createElement("div", { className: styles$5.Header },
|
|
69767
69770
|
React.createElement(Link__default['default'], { href: "/", passHref: true },
|
|
69768
|
-
React.createElement("a", null, !!((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.logoId) ? (React.createElement("div", { className: styles$
|
|
69771
|
+
React.createElement("a", null, !!((_b = vm.merchantSettings) === null || _b === void 0 ? void 0 : _b.logoId) ? (React.createElement("div", { className: styles$5.Logo },
|
|
69769
69772
|
React.createElement(Image, { layout: "fill", image: vm.merchantSettings.logo, sizes: "360px" }))) : (((_c = vm.merchantSettings) === null || _c === void 0 ? void 0 : _c.merchantName) || ""))),
|
|
69770
|
-
!vm.checkout.hasCustomer && (React.createElement("div", { className: styles$
|
|
69771
|
-
React.createElement("span", { className: styles$
|
|
69773
|
+
!vm.checkout.hasCustomer && (React.createElement("div", { className: styles$5.LoginText },
|
|
69774
|
+
React.createElement("span", { className: styles$5.LoginCta }, t("checkout-page:alreadyHaveAnAccount")),
|
|
69772
69775
|
React.createElement(Link__default['default'], { href: "/account/login?redirect=" + encodeURIComponent(vm.checkoutUrl), passHref: true },
|
|
69773
|
-
React.createElement("a", { className: styles$
|
|
69774
|
-
vm.checkout.hasCustomer && (React.createElement("div", { className: styles$
|
|
69775
|
-
React.createElement("div", { className: styles$
|
|
69776
|
-
React.createElement("div", { className: styles$
|
|
69776
|
+
React.createElement("a", { className: styles$5.LoginBtn }, t("checkout-page:actions.login"))))),
|
|
69777
|
+
vm.checkout.hasCustomer && (React.createElement("div", { className: styles$5.CustomerInfo },
|
|
69778
|
+
React.createElement("div", { className: styles$5.Name }, vm.checkout.customerFullName),
|
|
69779
|
+
React.createElement("div", { className: styles$5.Email }, vm.checkout.customerEmail)))));
|
|
69777
69780
|
});
|
|
69778
69781
|
var Steps = mobxReactLite.observer(function (_a) {
|
|
69779
69782
|
var vm = _a.vm;
|
|
@@ -69791,13 +69794,13 @@ var Steps = mobxReactLite.observer(function (_a) {
|
|
|
69791
69794
|
}
|
|
69792
69795
|
}, [vm, vm.step]);
|
|
69793
69796
|
var steps = [
|
|
69794
|
-
new Step(t("checkout-page:address"), vm.step === CheckoutStep.INFO, vm.step !== CheckoutStep.INFO, vm.step !== CheckoutStep.INFO ? (React.createElement("div", { className: styles$
|
|
69797
|
+
new Step(t("checkout-page:address"), vm.step === CheckoutStep.INFO, vm.step !== CheckoutStep.INFO, vm.step !== CheckoutStep.INFO ? (React.createElement("div", { className: styles$5.AdressStepInfo },
|
|
69795
69798
|
React.createElement(StepSummaryAddress, { vm: vm }),
|
|
69796
|
-
React.createElement("div", { className: styles$
|
|
69799
|
+
React.createElement("div", { className: styles$5.EditBtn, onClick: vm.onBackToInfoClick }, t("checkout-page:actions.edit")))) : undefined, vm.step !== CheckoutStep.INFO ? (React.createElement("div", { className: styles$5.AddressStepInfoMobile },
|
|
69797
69800
|
React.createElement(StepSummaryAddress, { vm: vm }))) : undefined),
|
|
69798
|
-
new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$
|
|
69801
|
+
new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AdressStepInfo },
|
|
69799
69802
|
React.createElement(StepSummaryShipping, { vm: vm }),
|
|
69800
|
-
vm.checkout.availableShippingMethods.length > 1 && (React.createElement("div", { className: styles$
|
|
69803
|
+
vm.checkout.availableShippingMethods.length > 1 && (React.createElement("div", { className: styles$5.EditBtn, onClick: vm.onBackToShippingClick }, t("checkout-page:actions.edit"))))) : undefined, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AddressStepInfoMobile },
|
|
69801
69804
|
React.createElement(StepSummaryShipping, { vm: vm }))) : undefined),
|
|
69802
69805
|
new Step(t("checkout-page:payment"), vm.step === CheckoutStep.PAYMENT, false),
|
|
69803
69806
|
];
|
|
@@ -69806,20 +69809,20 @@ var Steps = mobxReactLite.observer(function (_a) {
|
|
|
69806
69809
|
var StepSummaryAddress = mobxReactLite.observer(function (_a) {
|
|
69807
69810
|
var _b, _c, _d, _e, _f;
|
|
69808
69811
|
var vm = _a.vm;
|
|
69809
|
-
return (React.createElement("div", { className: styles$
|
|
69810
|
-
React.createElement("div", { className: [styles$
|
|
69811
|
-
React.createElement("div", { className: styles$
|
|
69812
|
+
return (React.createElement("div", { className: styles$5.Address },
|
|
69813
|
+
React.createElement("div", { className: [styles$5.Text, styles$5.WithMBottom].join(" ") }, ((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.email) || ""),
|
|
69814
|
+
React.createElement("div", { className: styles$5.Text }, (((_c = vm.checkout.customer) === null || _c === void 0 ? void 0 : _c.firstName) || "") +
|
|
69812
69815
|
" " +
|
|
69813
69816
|
(((_d = vm.checkout.customer) === null || _d === void 0 ? void 0 : _d.lastName) || "")),
|
|
69814
|
-
React.createElement("div", { className: [styles$
|
|
69815
|
-
React.createElement("div", { className: [styles$
|
|
69817
|
+
React.createElement("div", { className: [styles$5.Text, styles$5.Gray].join(" ") }, (_e = vm.checkout.shippingAddress) === null || _e === void 0 ? void 0 : _e.phone),
|
|
69818
|
+
React.createElement("div", { className: [styles$5.Text, styles$5.Gray].join(" ") }, (_f = vm.checkout.shippingAddress) === null || _f === void 0 ? void 0 : _f.addressText)));
|
|
69816
69819
|
});
|
|
69817
69820
|
var StepSummaryShipping = mobxReactLite.observer(function (_a) {
|
|
69818
69821
|
var vm = _a.vm;
|
|
69819
69822
|
var t = useTranslation().t;
|
|
69820
|
-
return (React.createElement("div", { className: styles$
|
|
69823
|
+
return (React.createElement("div", { className: styles$5.Address }, vm.checkout.shippingLines && !!vm.checkout.shippingLines.length ? (React.createElement(React.Fragment, null,
|
|
69821
69824
|
React.createElement("span", null, vm.checkout.shippingLines[0].title),
|
|
69822
|
-
React.createElement("span", { className: styles$
|
|
69825
|
+
React.createElement("span", { className: styles$5.LightText }, " / " +
|
|
69823
69826
|
(vm.checkout.shippingLines[0].price === 0
|
|
69824
69827
|
? t("checkout-page:free")
|
|
69825
69828
|
: formatMoney(vm.checkout.shippingLines[0].price, vm.checkout.cart.currencyCode))))) : (t("checkout-page:standartShipping"))));
|
|
@@ -69842,12 +69845,12 @@ var Footer = mobxReactLite.observer(function (_a) {
|
|
|
69842
69845
|
vm.policyModalTitle = t("checkout-page:termsOfService");
|
|
69843
69846
|
vm.policyModalText = vm.termsOfService;
|
|
69844
69847
|
};
|
|
69845
|
-
return (React.createElement("div", { className: styles$
|
|
69846
|
-
React.createElement("div", { className: styles$
|
|
69847
|
-
React.createElement("div", { className: styles$
|
|
69848
|
-
React.createElement("div", { className: styles$
|
|
69849
|
-
React.createElement("div", { className: styles$
|
|
69850
|
-
React.createElement("div", { className: styles$
|
|
69848
|
+
return (React.createElement("div", { className: styles$5.Footer },
|
|
69849
|
+
React.createElement("div", { className: styles$5.FooterItem, onClick: onReturnPolicyClick }, t("checkout-page:returnPolicy")),
|
|
69850
|
+
React.createElement("div", { className: styles$5.FooterBullet }, "\u2022"),
|
|
69851
|
+
React.createElement("div", { className: styles$5.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
|
|
69852
|
+
React.createElement("div", { className: styles$5.FooterBullet }, "\u2022"),
|
|
69853
|
+
React.createElement("div", { className: styles$5.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService")),
|
|
69851
69854
|
!!vm.policyModalText && (React.createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose }))));
|
|
69852
69855
|
});
|
|
69853
69856
|
|
|
@@ -69891,7 +69894,6 @@ var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
|
|
|
69891
69894
|
}),
|
|
69892
69895
|
}),
|
|
69893
69896
|
checkoutSettings: new IkasCheckoutSettings(),
|
|
69894
|
-
merchantSettings: null,
|
|
69895
69897
|
customizationProps: __assign({}, propValues),
|
|
69896
69898
|
returnPolicy: "",
|
|
69897
69899
|
privacyPolicy: "",
|
|
@@ -70100,7 +70102,7 @@ var SettingsHelper = /** @class */ (function () {
|
|
|
70100
70102
|
SettingsHelper.getSettings = function (locale) {
|
|
70101
70103
|
var _this = this;
|
|
70102
70104
|
return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
|
|
70103
|
-
var isLocal, storefrontResponse, storefront, localTheme,
|
|
70105
|
+
var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, storefrontJSScripts_1, domain_1, themeLocalizationPath, routing_1;
|
|
70104
70106
|
return __generator(this, function (_a) {
|
|
70105
70107
|
switch (_a.label) {
|
|
70106
70108
|
case 0:
|
|
@@ -70119,7 +70121,6 @@ var SettingsHelper = /** @class */ (function () {
|
|
|
70119
70121
|
return [4 /*yield*/, SettingsHelper.readLocalTheme()];
|
|
70120
70122
|
case 2:
|
|
70121
70123
|
localTheme = _a.sent();
|
|
70122
|
-
colorScript = SettingsHelper.createColorScript(localTheme.settings);
|
|
70123
70124
|
resolve({
|
|
70124
70125
|
storefront: storefront,
|
|
70125
70126
|
themeLocalization: new IkasStorefrontThemeLocalization({
|
|
@@ -70134,7 +70135,7 @@ var SettingsHelper = /** @class */ (function () {
|
|
|
70134
70135
|
: new IkasStorefrontRouting({}),
|
|
70135
70136
|
favicon: localTheme.settings.favicon,
|
|
70136
70137
|
stockPreference: localTheme.settings.stockPreference,
|
|
70137
|
-
storefrontJSScripts:
|
|
70138
|
+
storefrontJSScripts: [],
|
|
70138
70139
|
domain: "",
|
|
70139
70140
|
});
|
|
70140
70141
|
return [3 /*break*/, 5];
|
|
@@ -70166,11 +70167,6 @@ var SettingsHelper = /** @class */ (function () {
|
|
|
70166
70167
|
var themeLocalization = new IkasStorefrontThemeLocalization(result);
|
|
70167
70168
|
var favicon = themeLocalization.themeJson.settings.favicon;
|
|
70168
70169
|
var stockPreference = themeLocalization.themeJson.settings.stockPreference;
|
|
70169
|
-
if (themeLocalization.themeJson.settings) {
|
|
70170
|
-
var colorScript = SettingsHelper.createColorScript(themeLocalization.themeJson.settings);
|
|
70171
|
-
if (colorScript)
|
|
70172
|
-
storefrontJSScripts_1.push(colorScript);
|
|
70173
|
-
}
|
|
70174
70170
|
resolve({
|
|
70175
70171
|
storefront: storefront_1,
|
|
70176
70172
|
themeLocalization: themeLocalization,
|
|
@@ -70331,15 +70327,6 @@ var SettingsHelper = /** @class */ (function () {
|
|
|
70331
70327
|
});
|
|
70332
70328
|
});
|
|
70333
70329
|
};
|
|
70334
|
-
SettingsHelper.createColorScript = function (settings) {
|
|
70335
|
-
if (!settings.colors)
|
|
70336
|
-
return;
|
|
70337
|
-
return "<script>" + settings.colors
|
|
70338
|
-
.map(function (sc) {
|
|
70339
|
-
return "document.documentElement.style.setProperty(\"" + sc.key + "\",\"" + sc.color + "\");";
|
|
70340
|
-
})
|
|
70341
|
-
.join("\r\n") + "</script> \n ";
|
|
70342
|
-
};
|
|
70343
70330
|
return SettingsHelper;
|
|
70344
70331
|
}());
|
|
70345
70332
|
|