@ikas/storefront 1.0.3 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.es.js +36 -32
- package/build/index.js +36 -32
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -70961,16 +70961,16 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
70961
70961
|
if (initialQuantity === void 0) { initialQuantity = 1; }
|
|
70962
70962
|
return __awaiter(_this, void 0, void 0, function () {
|
|
70963
70963
|
var existingItem, optionValues, cartId, input, cart, eventId, item, err_2;
|
|
70964
|
-
var _a, _b, _c, _d;
|
|
70965
|
-
return __generator(this, function (
|
|
70966
|
-
switch (
|
|
70964
|
+
var _a, _b, _c, _d, _e;
|
|
70965
|
+
return __generator(this, function (_f) {
|
|
70966
|
+
switch (_f.label) {
|
|
70967
70967
|
case 0:
|
|
70968
|
-
|
|
70968
|
+
_f.trys.push([0, 5, , 6]);
|
|
70969
70969
|
if (!product.canAddToCart)
|
|
70970
70970
|
return [2 /*return*/, false];
|
|
70971
70971
|
return [4 /*yield*/, this.beforeCartOperationCheck()];
|
|
70972
70972
|
case 1:
|
|
70973
|
-
|
|
70973
|
+
_f.sent();
|
|
70974
70974
|
if (this.cart) {
|
|
70975
70975
|
existingItem = this.findExistingItem(variant, product);
|
|
70976
70976
|
if (existingItem) {
|
|
@@ -71001,12 +71001,12 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
71001
71001
|
};
|
|
71002
71002
|
return [4 /*yield*/, IkasCartAPI.saveItemToCart(input)];
|
|
71003
71003
|
case 2:
|
|
71004
|
-
cart =
|
|
71004
|
+
cart = _f.sent();
|
|
71005
71005
|
if (!cart) return [3 /*break*/, 4];
|
|
71006
71006
|
return [4 /*yield*/, this.setCart(cart)];
|
|
71007
71007
|
case 3:
|
|
71008
|
-
|
|
71009
|
-
|
|
71008
|
+
_f.sent();
|
|
71009
|
+
_f.label = 4;
|
|
71010
71010
|
case 4:
|
|
71011
71011
|
if (this.cart) {
|
|
71012
71012
|
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
@@ -71015,9 +71015,10 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
71015
71015
|
Analytics.addToCart(item, initialQuantity, eventId, this.cart);
|
|
71016
71016
|
}
|
|
71017
71017
|
}
|
|
71018
|
+
(_e = product.productOptionSet) === null || _e === void 0 ? void 0 : _e.initOptionValues();
|
|
71018
71019
|
return [2 /*return*/, true];
|
|
71019
71020
|
case 5:
|
|
71020
|
-
err_2 =
|
|
71021
|
+
err_2 = _f.sent();
|
|
71021
71022
|
console.log(err_2);
|
|
71022
71023
|
return [2 /*return*/, false];
|
|
71023
71024
|
case 6: return [2 /*return*/];
|
|
@@ -71558,6 +71559,9 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71558
71559
|
var vm = useState(function () {
|
|
71559
71560
|
return new CheckoutViewModel(checkout, checkoutSettings, merchantSettings, router, returnPolicy, privacyPolicy, termsOfService, t);
|
|
71560
71561
|
})[0];
|
|
71562
|
+
var onPolicyModalClose = function () {
|
|
71563
|
+
vm.policyModalText = "";
|
|
71564
|
+
};
|
|
71561
71565
|
if (vm.step === CheckoutStep.PAYMENT) {
|
|
71562
71566
|
Analytics.disableHTML();
|
|
71563
71567
|
}
|
|
@@ -71569,22 +71573,7 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71569
71573
|
Analytics.pageView(IkasThemePageType.CHECKOUT);
|
|
71570
71574
|
}, []);
|
|
71571
71575
|
useEffect(function () {
|
|
71572
|
-
|
|
71573
|
-
document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
|
|
71574
|
-
document.documentElement.style.setProperty("--checkout-button-disabled-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledBgColor) || "#F7F7F9");
|
|
71575
|
-
document.documentElement.style.setProperty("--checkout-button-disabled-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledTextColor) || "#8A8B94");
|
|
71576
|
-
document.documentElement.style.setProperty("--checkout-primary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryTextColor) || "#272727");
|
|
71577
|
-
document.documentElement.style.setProperty("--checkout-secondary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryTextColor) || "#8A8B94");
|
|
71578
|
-
document.documentElement.style.setProperty("--checkout-primary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryBgColor) || "#FFFFFF");
|
|
71579
|
-
document.documentElement.style.setProperty("--checkout-secondary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryBgColor) || "#F7F7F9");
|
|
71580
|
-
document.documentElement.style.setProperty("--checkout-border-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.borderColor) || "#E5E4E9");
|
|
71581
|
-
document.documentElement.style.setProperty("--checkout-card-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.cardBgColor) || "#F7F7F9");
|
|
71582
|
-
document.documentElement.style.setProperty("--checkout-error-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorColor) || "#FB4E4E");
|
|
71583
|
-
document.documentElement.style.setProperty("--checkout-error-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorLightColor) || "#FCF3F4");
|
|
71584
|
-
document.documentElement.style.setProperty("--checkout-warning-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningColor) || "#FFBC1F");
|
|
71585
|
-
document.documentElement.style.setProperty("--checkout-warning-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningLightColor) || "#FFFAEE");
|
|
71586
|
-
document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
|
|
71587
|
-
document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
|
|
71576
|
+
setCheckoutCustomizationProps(customizationProps);
|
|
71588
71577
|
}, [customizationProps]);
|
|
71589
71578
|
if (!vm.isCheckoutLoaded || !vm.store.customerStore.initialized)
|
|
71590
71579
|
return createElement(FullscreenLoading, null);
|
|
@@ -71620,7 +71609,8 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71620
71609
|
(IkasStorefrontConfig.getCurrentLocale() === "tr"
|
|
71621
71610
|
? "/tr"
|
|
71622
71611
|
: ""), target: "_blank" },
|
|
71623
|
-
createElement(SVGIkas, null)))))
|
|
71612
|
+
createElement(SVGIkas, null))))),
|
|
71613
|
+
!!vm.policyModalText && (createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
|
|
71624
71614
|
};
|
|
71625
71615
|
var IkasCheckoutPage$1 = observer(IkasCheckoutPage);
|
|
71626
71616
|
var Header = observer(function (_a) {
|
|
@@ -71691,9 +71681,6 @@ var StepSummaryShipping = observer(function (_a) {
|
|
|
71691
71681
|
var Footer = observer(function (_a) {
|
|
71692
71682
|
var vm = _a.vm;
|
|
71693
71683
|
var t = useTranslation().t;
|
|
71694
|
-
var onPolicyModalClose = function () {
|
|
71695
|
-
vm.policyModalText = "";
|
|
71696
|
-
};
|
|
71697
71684
|
var onReturnPolicyClick = function () {
|
|
71698
71685
|
vm.policyModalTitle = t("checkout-page:returnPolicy");
|
|
71699
71686
|
vm.policyModalText = vm.returnPolicy;
|
|
@@ -71711,9 +71698,26 @@ var Footer = observer(function (_a) {
|
|
|
71711
71698
|
createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
71712
71699
|
createElement("div", { className: styles$4.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
|
|
71713
71700
|
createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
71714
|
-
createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService"))
|
|
71715
|
-
|
|
71716
|
-
|
|
71701
|
+
createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService"))));
|
|
71702
|
+
});
|
|
71703
|
+
function setCheckoutCustomizationProps(customizationProps) {
|
|
71704
|
+
document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
|
|
71705
|
+
document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
|
|
71706
|
+
document.documentElement.style.setProperty("--checkout-button-disabled-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledBgColor) || "#F7F7F9");
|
|
71707
|
+
document.documentElement.style.setProperty("--checkout-button-disabled-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledTextColor) || "#8A8B94");
|
|
71708
|
+
document.documentElement.style.setProperty("--checkout-primary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryTextColor) || "#272727");
|
|
71709
|
+
document.documentElement.style.setProperty("--checkout-secondary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryTextColor) || "#8A8B94");
|
|
71710
|
+
document.documentElement.style.setProperty("--checkout-primary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryBgColor) || "#FFFFFF");
|
|
71711
|
+
document.documentElement.style.setProperty("--checkout-secondary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryBgColor) || "#F7F7F9");
|
|
71712
|
+
document.documentElement.style.setProperty("--checkout-border-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.borderColor) || "#E5E4E9");
|
|
71713
|
+
document.documentElement.style.setProperty("--checkout-card-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.cardBgColor) || "#F7F7F9");
|
|
71714
|
+
document.documentElement.style.setProperty("--checkout-error-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorColor) || "#FB4E4E");
|
|
71715
|
+
document.documentElement.style.setProperty("--checkout-error-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorLightColor) || "#FCF3F4");
|
|
71716
|
+
document.documentElement.style.setProperty("--checkout-warning-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningColor) || "#FFBC1F");
|
|
71717
|
+
document.documentElement.style.setProperty("--checkout-warning-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningLightColor) || "#FFFAEE");
|
|
71718
|
+
document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
|
|
71719
|
+
document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
|
|
71720
|
+
}
|
|
71717
71721
|
|
|
71718
71722
|
var ThemeEditorComponent = observer(function (_a) {
|
|
71719
71723
|
var _b, _c, _d;
|
package/build/index.js
CHANGED
|
@@ -70938,16 +70938,16 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
70938
70938
|
if (initialQuantity === void 0) { initialQuantity = 1; }
|
|
70939
70939
|
return __awaiter(_this, void 0, void 0, function () {
|
|
70940
70940
|
var existingItem, optionValues, cartId, input, cart, eventId, item, err_2;
|
|
70941
|
-
var _a, _b, _c, _d;
|
|
70942
|
-
return __generator(this, function (
|
|
70943
|
-
switch (
|
|
70941
|
+
var _a, _b, _c, _d, _e;
|
|
70942
|
+
return __generator(this, function (_f) {
|
|
70943
|
+
switch (_f.label) {
|
|
70944
70944
|
case 0:
|
|
70945
|
-
|
|
70945
|
+
_f.trys.push([0, 5, , 6]);
|
|
70946
70946
|
if (!product.canAddToCart)
|
|
70947
70947
|
return [2 /*return*/, false];
|
|
70948
70948
|
return [4 /*yield*/, this.beforeCartOperationCheck()];
|
|
70949
70949
|
case 1:
|
|
70950
|
-
|
|
70950
|
+
_f.sent();
|
|
70951
70951
|
if (this.cart) {
|
|
70952
70952
|
existingItem = this.findExistingItem(variant, product);
|
|
70953
70953
|
if (existingItem) {
|
|
@@ -70978,12 +70978,12 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
70978
70978
|
};
|
|
70979
70979
|
return [4 /*yield*/, IkasCartAPI.saveItemToCart(input)];
|
|
70980
70980
|
case 2:
|
|
70981
|
-
cart =
|
|
70981
|
+
cart = _f.sent();
|
|
70982
70982
|
if (!cart) return [3 /*break*/, 4];
|
|
70983
70983
|
return [4 /*yield*/, this.setCart(cart)];
|
|
70984
70984
|
case 3:
|
|
70985
|
-
|
|
70986
|
-
|
|
70985
|
+
_f.sent();
|
|
70986
|
+
_f.label = 4;
|
|
70987
70987
|
case 4:
|
|
70988
70988
|
if (this.cart) {
|
|
70989
70989
|
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
@@ -70992,9 +70992,10 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
70992
70992
|
Analytics.addToCart(item, initialQuantity, eventId, this.cart);
|
|
70993
70993
|
}
|
|
70994
70994
|
}
|
|
70995
|
+
(_e = product.productOptionSet) === null || _e === void 0 ? void 0 : _e.initOptionValues();
|
|
70995
70996
|
return [2 /*return*/, true];
|
|
70996
70997
|
case 5:
|
|
70997
|
-
err_2 =
|
|
70998
|
+
err_2 = _f.sent();
|
|
70998
70999
|
console.log(err_2);
|
|
70999
71000
|
return [2 /*return*/, false];
|
|
71000
71001
|
case 6: return [2 /*return*/];
|
|
@@ -71535,6 +71536,9 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71535
71536
|
var vm = React.useState(function () {
|
|
71536
71537
|
return new CheckoutViewModel(checkout, checkoutSettings, merchantSettings, router$1, returnPolicy, privacyPolicy, termsOfService, t);
|
|
71537
71538
|
})[0];
|
|
71539
|
+
var onPolicyModalClose = function () {
|
|
71540
|
+
vm.policyModalText = "";
|
|
71541
|
+
};
|
|
71538
71542
|
if (vm.step === CheckoutStep.PAYMENT) {
|
|
71539
71543
|
Analytics.disableHTML();
|
|
71540
71544
|
}
|
|
@@ -71546,22 +71550,7 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71546
71550
|
Analytics.pageView(exports.IkasThemePageType.CHECKOUT);
|
|
71547
71551
|
}, []);
|
|
71548
71552
|
React.useEffect(function () {
|
|
71549
|
-
|
|
71550
|
-
document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
|
|
71551
|
-
document.documentElement.style.setProperty("--checkout-button-disabled-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledBgColor) || "#F7F7F9");
|
|
71552
|
-
document.documentElement.style.setProperty("--checkout-button-disabled-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledTextColor) || "#8A8B94");
|
|
71553
|
-
document.documentElement.style.setProperty("--checkout-primary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryTextColor) || "#272727");
|
|
71554
|
-
document.documentElement.style.setProperty("--checkout-secondary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryTextColor) || "#8A8B94");
|
|
71555
|
-
document.documentElement.style.setProperty("--checkout-primary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryBgColor) || "#FFFFFF");
|
|
71556
|
-
document.documentElement.style.setProperty("--checkout-secondary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryBgColor) || "#F7F7F9");
|
|
71557
|
-
document.documentElement.style.setProperty("--checkout-border-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.borderColor) || "#E5E4E9");
|
|
71558
|
-
document.documentElement.style.setProperty("--checkout-card-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.cardBgColor) || "#F7F7F9");
|
|
71559
|
-
document.documentElement.style.setProperty("--checkout-error-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorColor) || "#FB4E4E");
|
|
71560
|
-
document.documentElement.style.setProperty("--checkout-error-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorLightColor) || "#FCF3F4");
|
|
71561
|
-
document.documentElement.style.setProperty("--checkout-warning-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningColor) || "#FFBC1F");
|
|
71562
|
-
document.documentElement.style.setProperty("--checkout-warning-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningLightColor) || "#FFFAEE");
|
|
71563
|
-
document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
|
|
71564
|
-
document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
|
|
71553
|
+
setCheckoutCustomizationProps(customizationProps);
|
|
71565
71554
|
}, [customizationProps]);
|
|
71566
71555
|
if (!vm.isCheckoutLoaded || !vm.store.customerStore.initialized)
|
|
71567
71556
|
return React.createElement(FullscreenLoading, null);
|
|
@@ -71597,7 +71586,8 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71597
71586
|
(IkasStorefrontConfig.getCurrentLocale() === "tr"
|
|
71598
71587
|
? "/tr"
|
|
71599
71588
|
: ""), target: "_blank" },
|
|
71600
|
-
React.createElement(SVGIkas, null)))))
|
|
71589
|
+
React.createElement(SVGIkas, null))))),
|
|
71590
|
+
!!vm.policyModalText && (React.createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
|
|
71601
71591
|
};
|
|
71602
71592
|
var IkasCheckoutPage$1 = mobxReactLite.observer(IkasCheckoutPage);
|
|
71603
71593
|
var Header = mobxReactLite.observer(function (_a) {
|
|
@@ -71668,9 +71658,6 @@ var StepSummaryShipping = mobxReactLite.observer(function (_a) {
|
|
|
71668
71658
|
var Footer = mobxReactLite.observer(function (_a) {
|
|
71669
71659
|
var vm = _a.vm;
|
|
71670
71660
|
var t = useTranslation().t;
|
|
71671
|
-
var onPolicyModalClose = function () {
|
|
71672
|
-
vm.policyModalText = "";
|
|
71673
|
-
};
|
|
71674
71661
|
var onReturnPolicyClick = function () {
|
|
71675
71662
|
vm.policyModalTitle = t("checkout-page:returnPolicy");
|
|
71676
71663
|
vm.policyModalText = vm.returnPolicy;
|
|
@@ -71688,9 +71675,26 @@ var Footer = mobxReactLite.observer(function (_a) {
|
|
|
71688
71675
|
React.createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
71689
71676
|
React.createElement("div", { className: styles$4.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
|
|
71690
71677
|
React.createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
71691
|
-
React.createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService"))
|
|
71692
|
-
|
|
71693
|
-
|
|
71678
|
+
React.createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService"))));
|
|
71679
|
+
});
|
|
71680
|
+
function setCheckoutCustomizationProps(customizationProps) {
|
|
71681
|
+
document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
|
|
71682
|
+
document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
|
|
71683
|
+
document.documentElement.style.setProperty("--checkout-button-disabled-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledBgColor) || "#F7F7F9");
|
|
71684
|
+
document.documentElement.style.setProperty("--checkout-button-disabled-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledTextColor) || "#8A8B94");
|
|
71685
|
+
document.documentElement.style.setProperty("--checkout-primary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryTextColor) || "#272727");
|
|
71686
|
+
document.documentElement.style.setProperty("--checkout-secondary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryTextColor) || "#8A8B94");
|
|
71687
|
+
document.documentElement.style.setProperty("--checkout-primary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryBgColor) || "#FFFFFF");
|
|
71688
|
+
document.documentElement.style.setProperty("--checkout-secondary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryBgColor) || "#F7F7F9");
|
|
71689
|
+
document.documentElement.style.setProperty("--checkout-border-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.borderColor) || "#E5E4E9");
|
|
71690
|
+
document.documentElement.style.setProperty("--checkout-card-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.cardBgColor) || "#F7F7F9");
|
|
71691
|
+
document.documentElement.style.setProperty("--checkout-error-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorColor) || "#FB4E4E");
|
|
71692
|
+
document.documentElement.style.setProperty("--checkout-error-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorLightColor) || "#FCF3F4");
|
|
71693
|
+
document.documentElement.style.setProperty("--checkout-warning-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningColor) || "#FFBC1F");
|
|
71694
|
+
document.documentElement.style.setProperty("--checkout-warning-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningLightColor) || "#FFFAEE");
|
|
71695
|
+
document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
|
|
71696
|
+
document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
|
|
71697
|
+
}
|
|
71694
71698
|
|
|
71695
71699
|
var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
|
|
71696
71700
|
var _b, _c, _d;
|