@pelcro/react-pelcro-js 3.27.0 → 3.29.0

package/dist/index.cjs.js

@@ -3452,7 +3452,7 @@ var labels$11 = {
 	code: "Coupon code",
 	"for": "for",
 	interval: "{{count}} {{interval}}",
-	interval_plural: "{{count}} {{interval}}s",
+	interval_plural: "{{count}} {{interval}}",
 	tax: "Tax",
 	removeCoupon: "REMOVE",
 	firstName: "First name",
@@ -4323,7 +4323,7 @@ var labels$M = {
 	code: "Code promo",
 	"for": "pour",
 	interval: "{{count}} {{interval}}",
-	interval_plural: "{{count}} {{interval}}s",
+	interval_plural: "{{count}} {{interval}}",
 	tax: "Taxe",
 	removeCoupon: "RETIRER",
 	firstName: "Prénom",
@@ -6169,7 +6169,7 @@ var labels$e = {
 	code: "Código de cupón",
 	"for": "por",
 	interval: "{{count}} {{interval}}",
-	interval_plural: "{{count}} {{interval}}s",
+	interval_plural: "{{count}} {{interval}}",
 	tax: "Impuesto",
 	removeCoupon: "ELIMINAR",
 	firstName: "Nombre",
@@ -11561,21 +11561,33 @@ const initPaywalls = () => {
       return;
     }
     const {
-      switchView
+      switchView,
+      isAuthenticated
     } = usePelcro.getStore();
-    if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayMeterPaywall()) {
-      /* 
-        showing both the meter and the entitlements notification doesn't make sense from
-        a product prespective + they would take half the screen on mobile devies, so we're
-        not showing the meter, and only showing the entitlements notification.
-        */
-      if (!didBlurContent) {
-        switchView("meter");
+
+    // eslint-disable-next-line no-inner-declarations
+    function displayPaywalls() {
+      if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayMeterPaywall()) {
+        /* 
+          showing both the meter and the entitlements notification doesn't make sense from
+          a product prespective + they would take half the screen on mobile devies, so we're
+          not showing the meter, and only showing the entitlements notification.
+          */
+        if (!didBlurContent) {
+          switchView("meter");
+        }
+      } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayNewsletterPaywall()) {
+        switchView("newsletter");
+      } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayPaywall()) {
+        switchView("plan-select");
       }
-    } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayNewsletterPaywall()) {
-      switchView("newsletter");
-    } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayPaywall()) {
-      switchView("plan-select");
+    }
+    if ("id" in Pelcro.user.read() || !isAuthenticated()) {
+      displayPaywalls();
+    } else {
+      addEventListener("PelcroUserLoaded", function () {
+        displayPaywalls();
+      }, true);
     }
   }
 };
@@ -14802,7 +14814,7 @@ class SelectModal extends React.Component {
           startingPlan = plan;
         }
       }
-      return `${startingPlan.amount_formatted}/${startingPlan.interval_count > 1 ? `${startingPlan.interval_count} ${startingPlan.interval}s` : `${startingPlan.interval}`}`;
+      return `${startingPlan.amount_formatted}/${startingPlan.interval_count > 1 ? `${startingPlan.interval_count} ${startingPlan.interval_translated}` : `${startingPlan.interval_translated}`}`;
     });
     _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
       const isPlanMode = Boolean(this.state.mode === "plan");
@@ -20303,11 +20315,11 @@ const SubscriptionRenewView = _ref => {
   const getPricingText = plan => {
     const autoRenewed = plan.auto_renew;
     const {
-      interval,
+      interval_translated,
       interval_count
     } = plan;
     const intervalText = t("labels.interval", {
-      interval,
+      interval: interval_translated,
       count: interval_count
     });
     return /*#__PURE__*/React__default['default'].createElement("p", {
@@ -21674,11 +21686,11 @@ const SubscriptionCreateView = _ref => {
     var _plan$quantity;
     const autoRenewed = plan.auto_renew;
     const {
-      interval,
+      interval_translated,
       interval_count
     } = plan;
     const intervalText = t("labels.interval", {
-      interval,
+      interval: interval_translated,
       count: interval_count
     });
     const priceFormatted = getFormattedPriceByLocal((plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());

package/dist/index.esm.js

@@ -3422,7 +3422,7 @@ var labels$11 = {
 	code: "Coupon code",
 	"for": "for",
 	interval: "{{count}} {{interval}}",
-	interval_plural: "{{count}} {{interval}}s",
+	interval_plural: "{{count}} {{interval}}",
 	tax: "Tax",
 	removeCoupon: "REMOVE",
 	firstName: "First name",
@@ -4293,7 +4293,7 @@ var labels$M = {
 	code: "Code promo",
 	"for": "pour",
 	interval: "{{count}} {{interval}}",
-	interval_plural: "{{count}} {{interval}}s",
+	interval_plural: "{{count}} {{interval}}",
 	tax: "Taxe",
 	removeCoupon: "RETIRER",
 	firstName: "Prénom",
@@ -6139,7 +6139,7 @@ var labels$e = {
 	code: "Código de cupón",
 	"for": "por",
 	interval: "{{count}} {{interval}}",
-	interval_plural: "{{count}} {{interval}}s",
+	interval_plural: "{{count}} {{interval}}",
 	tax: "Impuesto",
 	removeCoupon: "ELIMINAR",
 	firstName: "Nombre",
@@ -11531,21 +11531,33 @@ const initPaywalls = () => {
       return;
     }
     const {
-      switchView
+      switchView,
+      isAuthenticated
     } = usePelcro.getStore();
-    if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayMeterPaywall()) {
-      /* 
-        showing both the meter and the entitlements notification doesn't make sense from
-        a product prespective + they would take half the screen on mobile devies, so we're
-        not showing the meter, and only showing the entitlements notification.
-        */
-      if (!didBlurContent) {
-        switchView("meter");
+
+    // eslint-disable-next-line no-inner-declarations
+    function displayPaywalls() {
+      if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayMeterPaywall()) {
+        /* 
+          showing both the meter and the entitlements notification doesn't make sense from
+          a product prespective + they would take half the screen on mobile devies, so we're
+          not showing the meter, and only showing the entitlements notification.
+          */
+        if (!didBlurContent) {
+          switchView("meter");
+        }
+      } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayNewsletterPaywall()) {
+        switchView("newsletter");
+      } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayPaywall()) {
+        switchView("plan-select");
       }
-    } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayNewsletterPaywall()) {
-      switchView("newsletter");
-    } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayPaywall()) {
-      switchView("plan-select");
+    }
+    if ("id" in Pelcro.user.read() || !isAuthenticated()) {
+      displayPaywalls();
+    } else {
+      addEventListener("PelcroUserLoaded", function () {
+        displayPaywalls();
+      }, true);
     }
   }
 };
@@ -14772,7 +14784,7 @@ class SelectModal extends Component {
           startingPlan = plan;
         }
       }
-      return `${startingPlan.amount_formatted}/${startingPlan.interval_count > 1 ? `${startingPlan.interval_count} ${startingPlan.interval}s` : `${startingPlan.interval}`}`;
+      return `${startingPlan.amount_formatted}/${startingPlan.interval_count > 1 ? `${startingPlan.interval_count} ${startingPlan.interval_translated}` : `${startingPlan.interval_translated}`}`;
     });
     _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
       const isPlanMode = Boolean(this.state.mode === "plan");
@@ -20273,11 +20285,11 @@ const SubscriptionRenewView = _ref => {
   const getPricingText = plan => {
     const autoRenewed = plan.auto_renew;
     const {
-      interval,
+      interval_translated,
       interval_count
     } = plan;
     const intervalText = t("labels.interval", {
-      interval,
+      interval: interval_translated,
       count: interval_count
     });
     return /*#__PURE__*/React__default.createElement("p", {
@@ -21644,11 +21656,11 @@ const SubscriptionCreateView = _ref => {
     var _plan$quantity;
     const autoRenewed = plan.auto_renew;
     const {
-      interval,
+      interval_translated,
       interval_count
     } = plan;
     const intervalText = t("labels.interval", {
-      interval,
+      interval: interval_translated,
       count: interval_count
     });
     const priceFormatted = getFormattedPriceByLocal((plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.27.0",
+  "version": "3.29.0",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",