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