@ikas/storefront 1.0.4 → 1.0.6-alpha.1
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 -25
- package/build/index.js +36 -25
- package/build/providers/page-data-get.d.ts +1 -1
- package/package.json +2 -1
package/build/index.es.js
CHANGED
|
@@ -45130,6 +45130,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
|
|
|
45130
45130
|
return IkasCustomPropValueProvider;
|
|
45131
45131
|
}());
|
|
45132
45132
|
|
|
45133
|
+
var LZUTF8 = require("lzutf8");
|
|
45133
45134
|
var IkasPageDataProvider = /** @class */ (function () {
|
|
45134
45135
|
function IkasPageDataProvider(theme, pageParams, pageType) {
|
|
45135
45136
|
this.pageType = null;
|
|
@@ -45158,9 +45159,12 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
45158
45159
|
Object.defineProperty(IkasPageDataProvider.prototype, "nextPageData", {
|
|
45159
45160
|
get: function () {
|
|
45160
45161
|
var _a, _b, _c;
|
|
45162
|
+
var compressed = LZUTF8.compress(JSON.stringify(this.pageComponentPropValues), {
|
|
45163
|
+
outputEncoding: "Base64",
|
|
45164
|
+
});
|
|
45161
45165
|
return {
|
|
45162
45166
|
props: {
|
|
45163
|
-
propValuesStr:
|
|
45167
|
+
propValuesStr: compressed,
|
|
45164
45168
|
pageSpecificDataStr: this.pageSpecificData
|
|
45165
45169
|
? JSON.stringify(this.pageSpecificData || {})
|
|
45166
45170
|
: "",
|
|
@@ -45602,6 +45606,7 @@ var IkasPageComponentPropValue = /** @class */ (function () {
|
|
|
45602
45606
|
return IkasPageComponentPropValue;
|
|
45603
45607
|
}());
|
|
45604
45608
|
|
|
45609
|
+
var LZUTF8$1 = require("lzutf8");
|
|
45605
45610
|
var IkasPageDataInit = /** @class */ (function () {
|
|
45606
45611
|
function IkasPageDataInit() {
|
|
45607
45612
|
}
|
|
@@ -45641,7 +45646,10 @@ var IkasPageDataInit = /** @class */ (function () {
|
|
|
45641
45646
|
};
|
|
45642
45647
|
IkasPageDataInit.initPropValues = function (propValuesStr, router, settingsStr, isBrowser) {
|
|
45643
45648
|
var settings = new IkasThemeSettings(JSON.parse(settingsStr));
|
|
45644
|
-
var
|
|
45649
|
+
var decompressed = LZUTF8$1.decompress(propValuesStr, {
|
|
45650
|
+
inputEncoding: "Base64",
|
|
45651
|
+
});
|
|
45652
|
+
var pageComponentPropValues = JSON.parse(decompressed).map(function (v) { return ({
|
|
45645
45653
|
pageComponent: new IkasThemePageComponent(v.pageComponent),
|
|
45646
45654
|
component: new IkasThemeComponent(v.component),
|
|
45647
45655
|
propValues: v.propValues,
|
|
@@ -71559,6 +71567,9 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71559
71567
|
var vm = useState(function () {
|
|
71560
71568
|
return new CheckoutViewModel(checkout, checkoutSettings, merchantSettings, router, returnPolicy, privacyPolicy, termsOfService, t);
|
|
71561
71569
|
})[0];
|
|
71570
|
+
var onPolicyModalClose = function () {
|
|
71571
|
+
vm.policyModalText = "";
|
|
71572
|
+
};
|
|
71562
71573
|
if (vm.step === CheckoutStep.PAYMENT) {
|
|
71563
71574
|
Analytics.disableHTML();
|
|
71564
71575
|
}
|
|
@@ -71570,22 +71581,7 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71570
71581
|
Analytics.pageView(IkasThemePageType.CHECKOUT);
|
|
71571
71582
|
}, []);
|
|
71572
71583
|
useEffect(function () {
|
|
71573
|
-
|
|
71574
|
-
document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
|
|
71575
|
-
document.documentElement.style.setProperty("--checkout-button-disabled-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledBgColor) || "#F7F7F9");
|
|
71576
|
-
document.documentElement.style.setProperty("--checkout-button-disabled-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledTextColor) || "#8A8B94");
|
|
71577
|
-
document.documentElement.style.setProperty("--checkout-primary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryTextColor) || "#272727");
|
|
71578
|
-
document.documentElement.style.setProperty("--checkout-secondary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryTextColor) || "#8A8B94");
|
|
71579
|
-
document.documentElement.style.setProperty("--checkout-primary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryBgColor) || "#FFFFFF");
|
|
71580
|
-
document.documentElement.style.setProperty("--checkout-secondary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryBgColor) || "#F7F7F9");
|
|
71581
|
-
document.documentElement.style.setProperty("--checkout-border-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.borderColor) || "#E5E4E9");
|
|
71582
|
-
document.documentElement.style.setProperty("--checkout-card-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.cardBgColor) || "#F7F7F9");
|
|
71583
|
-
document.documentElement.style.setProperty("--checkout-error-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorColor) || "#FB4E4E");
|
|
71584
|
-
document.documentElement.style.setProperty("--checkout-error-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorLightColor) || "#FCF3F4");
|
|
71585
|
-
document.documentElement.style.setProperty("--checkout-warning-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningColor) || "#FFBC1F");
|
|
71586
|
-
document.documentElement.style.setProperty("--checkout-warning-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningLightColor) || "#FFFAEE");
|
|
71587
|
-
document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
|
|
71588
|
-
document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
|
|
71584
|
+
setCheckoutCustomizationProps(customizationProps);
|
|
71589
71585
|
}, [customizationProps]);
|
|
71590
71586
|
if (!vm.isCheckoutLoaded || !vm.store.customerStore.initialized)
|
|
71591
71587
|
return createElement(FullscreenLoading, null);
|
|
@@ -71621,7 +71617,8 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71621
71617
|
(IkasStorefrontConfig.getCurrentLocale() === "tr"
|
|
71622
71618
|
? "/tr"
|
|
71623
71619
|
: ""), target: "_blank" },
|
|
71624
|
-
createElement(SVGIkas, null)))))
|
|
71620
|
+
createElement(SVGIkas, null))))),
|
|
71621
|
+
!!vm.policyModalText && (createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
|
|
71625
71622
|
};
|
|
71626
71623
|
var IkasCheckoutPage$1 = observer(IkasCheckoutPage);
|
|
71627
71624
|
var Header = observer(function (_a) {
|
|
@@ -71692,9 +71689,6 @@ var StepSummaryShipping = observer(function (_a) {
|
|
|
71692
71689
|
var Footer = observer(function (_a) {
|
|
71693
71690
|
var vm = _a.vm;
|
|
71694
71691
|
var t = useTranslation().t;
|
|
71695
|
-
var onPolicyModalClose = function () {
|
|
71696
|
-
vm.policyModalText = "";
|
|
71697
|
-
};
|
|
71698
71692
|
var onReturnPolicyClick = function () {
|
|
71699
71693
|
vm.policyModalTitle = t("checkout-page:returnPolicy");
|
|
71700
71694
|
vm.policyModalText = vm.returnPolicy;
|
|
@@ -71712,9 +71706,26 @@ var Footer = observer(function (_a) {
|
|
|
71712
71706
|
createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
71713
71707
|
createElement("div", { className: styles$4.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
|
|
71714
71708
|
createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
71715
|
-
createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService"))
|
|
71716
|
-
|
|
71717
|
-
|
|
71709
|
+
createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService"))));
|
|
71710
|
+
});
|
|
71711
|
+
function setCheckoutCustomizationProps(customizationProps) {
|
|
71712
|
+
document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
|
|
71713
|
+
document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
|
|
71714
|
+
document.documentElement.style.setProperty("--checkout-button-disabled-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledBgColor) || "#F7F7F9");
|
|
71715
|
+
document.documentElement.style.setProperty("--checkout-button-disabled-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledTextColor) || "#8A8B94");
|
|
71716
|
+
document.documentElement.style.setProperty("--checkout-primary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryTextColor) || "#272727");
|
|
71717
|
+
document.documentElement.style.setProperty("--checkout-secondary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryTextColor) || "#8A8B94");
|
|
71718
|
+
document.documentElement.style.setProperty("--checkout-primary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryBgColor) || "#FFFFFF");
|
|
71719
|
+
document.documentElement.style.setProperty("--checkout-secondary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryBgColor) || "#F7F7F9");
|
|
71720
|
+
document.documentElement.style.setProperty("--checkout-border-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.borderColor) || "#E5E4E9");
|
|
71721
|
+
document.documentElement.style.setProperty("--checkout-card-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.cardBgColor) || "#F7F7F9");
|
|
71722
|
+
document.documentElement.style.setProperty("--checkout-error-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorColor) || "#FB4E4E");
|
|
71723
|
+
document.documentElement.style.setProperty("--checkout-error-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorLightColor) || "#FCF3F4");
|
|
71724
|
+
document.documentElement.style.setProperty("--checkout-warning-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningColor) || "#FFBC1F");
|
|
71725
|
+
document.documentElement.style.setProperty("--checkout-warning-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningLightColor) || "#FFFAEE");
|
|
71726
|
+
document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
|
|
71727
|
+
document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
|
|
71728
|
+
}
|
|
71718
71729
|
|
|
71719
71730
|
var ThemeEditorComponent = observer(function (_a) {
|
|
71720
71731
|
var _b, _c, _d;
|
package/build/index.js
CHANGED
|
@@ -45107,6 +45107,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
|
|
|
45107
45107
|
return IkasCustomPropValueProvider;
|
|
45108
45108
|
}());
|
|
45109
45109
|
|
|
45110
|
+
var LZUTF8 = require("lzutf8");
|
|
45110
45111
|
var IkasPageDataProvider = /** @class */ (function () {
|
|
45111
45112
|
function IkasPageDataProvider(theme, pageParams, pageType) {
|
|
45112
45113
|
this.pageType = null;
|
|
@@ -45135,9 +45136,12 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
45135
45136
|
Object.defineProperty(IkasPageDataProvider.prototype, "nextPageData", {
|
|
45136
45137
|
get: function () {
|
|
45137
45138
|
var _a, _b, _c;
|
|
45139
|
+
var compressed = LZUTF8.compress(JSON.stringify(this.pageComponentPropValues), {
|
|
45140
|
+
outputEncoding: "Base64",
|
|
45141
|
+
});
|
|
45138
45142
|
return {
|
|
45139
45143
|
props: {
|
|
45140
|
-
propValuesStr:
|
|
45144
|
+
propValuesStr: compressed,
|
|
45141
45145
|
pageSpecificDataStr: this.pageSpecificData
|
|
45142
45146
|
? JSON.stringify(this.pageSpecificData || {})
|
|
45143
45147
|
: "",
|
|
@@ -45579,6 +45583,7 @@ var IkasPageComponentPropValue = /** @class */ (function () {
|
|
|
45579
45583
|
return IkasPageComponentPropValue;
|
|
45580
45584
|
}());
|
|
45581
45585
|
|
|
45586
|
+
var LZUTF8$1 = require("lzutf8");
|
|
45582
45587
|
var IkasPageDataInit = /** @class */ (function () {
|
|
45583
45588
|
function IkasPageDataInit() {
|
|
45584
45589
|
}
|
|
@@ -45618,7 +45623,10 @@ var IkasPageDataInit = /** @class */ (function () {
|
|
|
45618
45623
|
};
|
|
45619
45624
|
IkasPageDataInit.initPropValues = function (propValuesStr, router, settingsStr, isBrowser) {
|
|
45620
45625
|
var settings = new IkasThemeSettings(JSON.parse(settingsStr));
|
|
45621
|
-
var
|
|
45626
|
+
var decompressed = LZUTF8$1.decompress(propValuesStr, {
|
|
45627
|
+
inputEncoding: "Base64",
|
|
45628
|
+
});
|
|
45629
|
+
var pageComponentPropValues = JSON.parse(decompressed).map(function (v) { return ({
|
|
45622
45630
|
pageComponent: new IkasThemePageComponent(v.pageComponent),
|
|
45623
45631
|
component: new IkasThemeComponent(v.component),
|
|
45624
45632
|
propValues: v.propValues,
|
|
@@ -71536,6 +71544,9 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71536
71544
|
var vm = React.useState(function () {
|
|
71537
71545
|
return new CheckoutViewModel(checkout, checkoutSettings, merchantSettings, router$1, returnPolicy, privacyPolicy, termsOfService, t);
|
|
71538
71546
|
})[0];
|
|
71547
|
+
var onPolicyModalClose = function () {
|
|
71548
|
+
vm.policyModalText = "";
|
|
71549
|
+
};
|
|
71539
71550
|
if (vm.step === CheckoutStep.PAYMENT) {
|
|
71540
71551
|
Analytics.disableHTML();
|
|
71541
71552
|
}
|
|
@@ -71547,22 +71558,7 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71547
71558
|
Analytics.pageView(exports.IkasThemePageType.CHECKOUT);
|
|
71548
71559
|
}, []);
|
|
71549
71560
|
React.useEffect(function () {
|
|
71550
|
-
|
|
71551
|
-
document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
|
|
71552
|
-
document.documentElement.style.setProperty("--checkout-button-disabled-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledBgColor) || "#F7F7F9");
|
|
71553
|
-
document.documentElement.style.setProperty("--checkout-button-disabled-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledTextColor) || "#8A8B94");
|
|
71554
|
-
document.documentElement.style.setProperty("--checkout-primary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryTextColor) || "#272727");
|
|
71555
|
-
document.documentElement.style.setProperty("--checkout-secondary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryTextColor) || "#8A8B94");
|
|
71556
|
-
document.documentElement.style.setProperty("--checkout-primary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryBgColor) || "#FFFFFF");
|
|
71557
|
-
document.documentElement.style.setProperty("--checkout-secondary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryBgColor) || "#F7F7F9");
|
|
71558
|
-
document.documentElement.style.setProperty("--checkout-border-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.borderColor) || "#E5E4E9");
|
|
71559
|
-
document.documentElement.style.setProperty("--checkout-card-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.cardBgColor) || "#F7F7F9");
|
|
71560
|
-
document.documentElement.style.setProperty("--checkout-error-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorColor) || "#FB4E4E");
|
|
71561
|
-
document.documentElement.style.setProperty("--checkout-error-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorLightColor) || "#FCF3F4");
|
|
71562
|
-
document.documentElement.style.setProperty("--checkout-warning-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningColor) || "#FFBC1F");
|
|
71563
|
-
document.documentElement.style.setProperty("--checkout-warning-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningLightColor) || "#FFFAEE");
|
|
71564
|
-
document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
|
|
71565
|
-
document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
|
|
71561
|
+
setCheckoutCustomizationProps(customizationProps);
|
|
71566
71562
|
}, [customizationProps]);
|
|
71567
71563
|
if (!vm.isCheckoutLoaded || !vm.store.customerStore.initialized)
|
|
71568
71564
|
return React.createElement(FullscreenLoading, null);
|
|
@@ -71598,7 +71594,8 @@ var IkasCheckoutPage = function (_a) {
|
|
|
71598
71594
|
(IkasStorefrontConfig.getCurrentLocale() === "tr"
|
|
71599
71595
|
? "/tr"
|
|
71600
71596
|
: ""), target: "_blank" },
|
|
71601
|
-
React.createElement(SVGIkas, null)))))
|
|
71597
|
+
React.createElement(SVGIkas, null))))),
|
|
71598
|
+
!!vm.policyModalText && (React.createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
|
|
71602
71599
|
};
|
|
71603
71600
|
var IkasCheckoutPage$1 = mobxReactLite.observer(IkasCheckoutPage);
|
|
71604
71601
|
var Header = mobxReactLite.observer(function (_a) {
|
|
@@ -71669,9 +71666,6 @@ var StepSummaryShipping = mobxReactLite.observer(function (_a) {
|
|
|
71669
71666
|
var Footer = mobxReactLite.observer(function (_a) {
|
|
71670
71667
|
var vm = _a.vm;
|
|
71671
71668
|
var t = useTranslation().t;
|
|
71672
|
-
var onPolicyModalClose = function () {
|
|
71673
|
-
vm.policyModalText = "";
|
|
71674
|
-
};
|
|
71675
71669
|
var onReturnPolicyClick = function () {
|
|
71676
71670
|
vm.policyModalTitle = t("checkout-page:returnPolicy");
|
|
71677
71671
|
vm.policyModalText = vm.returnPolicy;
|
|
@@ -71689,9 +71683,26 @@ var Footer = mobxReactLite.observer(function (_a) {
|
|
|
71689
71683
|
React.createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
71690
71684
|
React.createElement("div", { className: styles$4.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
|
|
71691
71685
|
React.createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
|
|
71692
|
-
React.createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService"))
|
|
71693
|
-
|
|
71694
|
-
|
|
71686
|
+
React.createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService"))));
|
|
71687
|
+
});
|
|
71688
|
+
function setCheckoutCustomizationProps(customizationProps) {
|
|
71689
|
+
document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
|
|
71690
|
+
document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
|
|
71691
|
+
document.documentElement.style.setProperty("--checkout-button-disabled-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledBgColor) || "#F7F7F9");
|
|
71692
|
+
document.documentElement.style.setProperty("--checkout-button-disabled-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonDisabledTextColor) || "#8A8B94");
|
|
71693
|
+
document.documentElement.style.setProperty("--checkout-primary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryTextColor) || "#272727");
|
|
71694
|
+
document.documentElement.style.setProperty("--checkout-secondary-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryTextColor) || "#8A8B94");
|
|
71695
|
+
document.documentElement.style.setProperty("--checkout-primary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.primaryBgColor) || "#FFFFFF");
|
|
71696
|
+
document.documentElement.style.setProperty("--checkout-secondary-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.secondaryBgColor) || "#F7F7F9");
|
|
71697
|
+
document.documentElement.style.setProperty("--checkout-border-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.borderColor) || "#E5E4E9");
|
|
71698
|
+
document.documentElement.style.setProperty("--checkout-card-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.cardBgColor) || "#F7F7F9");
|
|
71699
|
+
document.documentElement.style.setProperty("--checkout-error-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorColor) || "#FB4E4E");
|
|
71700
|
+
document.documentElement.style.setProperty("--checkout-error-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.errorLightColor) || "#FCF3F4");
|
|
71701
|
+
document.documentElement.style.setProperty("--checkout-warning-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningColor) || "#FFBC1F");
|
|
71702
|
+
document.documentElement.style.setProperty("--checkout-warning-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.warningLightColor) || "#FFFAEE");
|
|
71703
|
+
document.documentElement.style.setProperty("--checkout-success-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successColor) || "#2DCA73");
|
|
71704
|
+
document.documentElement.style.setProperty("--checkout-success-light-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.successLightColor) || "#F6FFED");
|
|
71705
|
+
}
|
|
71695
71706
|
|
|
71696
71707
|
var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
|
|
71697
71708
|
var _b, _c, _d;
|
|
@@ -12,7 +12,7 @@ export declare class IkasPageDataProvider {
|
|
|
12
12
|
get page(): IkasThemePage | undefined;
|
|
13
13
|
get nextPageData(): {
|
|
14
14
|
props: {
|
|
15
|
-
propValuesStr:
|
|
15
|
+
propValuesStr: any;
|
|
16
16
|
pageSpecificDataStr: string;
|
|
17
17
|
pageType: IkasThemePageType;
|
|
18
18
|
pageTitle: string | null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ikas/storefront",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6-alpha.1",
|
|
4
4
|
"main": "./build/index.js",
|
|
5
5
|
"module": "./build/index.es.js",
|
|
6
6
|
"author": "Umut Ozan Yıldırım",
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
"graphql-tag": "^2.10.3",
|
|
30
30
|
"html-react-parser": "^1.4.0",
|
|
31
31
|
"lodash": "^4.17.20",
|
|
32
|
+
"lzutf8": "^0.6.0",
|
|
32
33
|
"moment": "^2.29.1",
|
|
33
34
|
"node-fetch": "^2.6.1",
|
|
34
35
|
"query-string": "^6.13.8",
|