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