@ikas/storefront 1.0.4 → 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.
Files changed (3) hide show
  1. package/build/index.es.js +26 -23
  2. package/build/index.js +26 -23
  3. package/package.json +1 -1
package/build/index.es.js CHANGED
@@ -71559,6 +71559,9 @@ var IkasCheckoutPage = function (_a) {
71559
71559
  var vm = useState(function () {
71560
71560
  return new CheckoutViewModel(checkout, checkoutSettings, merchantSettings, router, returnPolicy, privacyPolicy, termsOfService, t);
71561
71561
  })[0];
71562
+ var onPolicyModalClose = function () {
71563
+ vm.policyModalText = "";
71564
+ };
71562
71565
  if (vm.step === CheckoutStep.PAYMENT) {
71563
71566
  Analytics.disableHTML();
71564
71567
  }
@@ -71570,22 +71573,7 @@ var IkasCheckoutPage = function (_a) {
71570
71573
  Analytics.pageView(IkasThemePageType.CHECKOUT);
71571
71574
  }, []);
71572
71575
  useEffect(function () {
71573
- document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
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");
71576
+ setCheckoutCustomizationProps(customizationProps);
71589
71577
  }, [customizationProps]);
71590
71578
  if (!vm.isCheckoutLoaded || !vm.store.customerStore.initialized)
71591
71579
  return createElement(FullscreenLoading, null);
@@ -71621,7 +71609,8 @@ var IkasCheckoutPage = function (_a) {
71621
71609
  (IkasStorefrontConfig.getCurrentLocale() === "tr"
71622
71610
  ? "/tr"
71623
71611
  : ""), target: "_blank" },
71624
- createElement(SVGIkas, null))))))));
71612
+ createElement(SVGIkas, null))))),
71613
+ !!vm.policyModalText && (createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
71625
71614
  };
71626
71615
  var IkasCheckoutPage$1 = observer(IkasCheckoutPage);
71627
71616
  var Header = observer(function (_a) {
@@ -71692,9 +71681,6 @@ var StepSummaryShipping = observer(function (_a) {
71692
71681
  var Footer = observer(function (_a) {
71693
71682
  var vm = _a.vm;
71694
71683
  var t = useTranslation().t;
71695
- var onPolicyModalClose = function () {
71696
- vm.policyModalText = "";
71697
- };
71698
71684
  var onReturnPolicyClick = function () {
71699
71685
  vm.policyModalTitle = t("checkout-page:returnPolicy");
71700
71686
  vm.policyModalText = vm.returnPolicy;
@@ -71712,9 +71698,26 @@ var Footer = observer(function (_a) {
71712
71698
  createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
71713
71699
  createElement("div", { className: styles$4.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
71714
71700
  createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
71715
- createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService")),
71716
- !!vm.policyModalText && (createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose }))));
71717
- });
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
+ }
71718
71721
 
71719
71722
  var ThemeEditorComponent = observer(function (_a) {
71720
71723
  var _b, _c, _d;
package/build/index.js CHANGED
@@ -71536,6 +71536,9 @@ var IkasCheckoutPage = function (_a) {
71536
71536
  var vm = React.useState(function () {
71537
71537
  return new CheckoutViewModel(checkout, checkoutSettings, merchantSettings, router$1, returnPolicy, privacyPolicy, termsOfService, t);
71538
71538
  })[0];
71539
+ var onPolicyModalClose = function () {
71540
+ vm.policyModalText = "";
71541
+ };
71539
71542
  if (vm.step === CheckoutStep.PAYMENT) {
71540
71543
  Analytics.disableHTML();
71541
71544
  }
@@ -71547,22 +71550,7 @@ var IkasCheckoutPage = function (_a) {
71547
71550
  Analytics.pageView(exports.IkasThemePageType.CHECKOUT);
71548
71551
  }, []);
71549
71552
  React.useEffect(function () {
71550
- document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
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");
71553
+ setCheckoutCustomizationProps(customizationProps);
71566
71554
  }, [customizationProps]);
71567
71555
  if (!vm.isCheckoutLoaded || !vm.store.customerStore.initialized)
71568
71556
  return React.createElement(FullscreenLoading, null);
@@ -71598,7 +71586,8 @@ var IkasCheckoutPage = function (_a) {
71598
71586
  (IkasStorefrontConfig.getCurrentLocale() === "tr"
71599
71587
  ? "/tr"
71600
71588
  : ""), target: "_blank" },
71601
- React.createElement(SVGIkas, null))))))));
71589
+ React.createElement(SVGIkas, null))))),
71590
+ !!vm.policyModalText && (React.createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose })))));
71602
71591
  };
71603
71592
  var IkasCheckoutPage$1 = mobxReactLite.observer(IkasCheckoutPage);
71604
71593
  var Header = mobxReactLite.observer(function (_a) {
@@ -71669,9 +71658,6 @@ var StepSummaryShipping = mobxReactLite.observer(function (_a) {
71669
71658
  var Footer = mobxReactLite.observer(function (_a) {
71670
71659
  var vm = _a.vm;
71671
71660
  var t = useTranslation().t;
71672
- var onPolicyModalClose = function () {
71673
- vm.policyModalText = "";
71674
- };
71675
71661
  var onReturnPolicyClick = function () {
71676
71662
  vm.policyModalTitle = t("checkout-page:returnPolicy");
71677
71663
  vm.policyModalText = vm.returnPolicy;
@@ -71689,9 +71675,26 @@ var Footer = mobxReactLite.observer(function (_a) {
71689
71675
  React.createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
71690
71676
  React.createElement("div", { className: styles$4.FooterItem, onClick: onPrivacyPolicyClick }, t("checkout-page:privacyPolicy")),
71691
71677
  React.createElement("div", { className: styles$4.FooterBullet }, "\u2022"),
71692
- React.createElement("div", { className: styles$4.FooterItem, onClick: onTermsOfServiceClick }, t("checkout-page:termsOfService")),
71693
- !!vm.policyModalText && (React.createElement(Modal, { title: vm.policyModalTitle, modalContent: vm.policyModalText, onClose: onPolicyModalClose }))));
71694
- });
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
+ }
71695
71698
 
71696
71699
  var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
71697
71700
  var _b, _c, _d;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikas/storefront",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "main": "./build/index.js",
5
5
  "module": "./build/index.es.js",
6
6
  "author": "Umut Ozan Yıldırım",