@pelcro/react-pelcro-js 3.10.1-beta.2 → 3.10.1-beta.4

package/dist/index.cjs.js

@@ -10531,35 +10531,38 @@ const showInvoiceDetailsFromUrl = () => {
     isAuthenticated,
     setInvoice,
     whenUserReady,
+    whenSiteReady,
     switchView
   } = usePelcro.getStore();
-  whenUserReady(() => {
-    const invoiceId = window.Pelcro.helpers.getURLParameter("id");
-    const wasSetSuccessfully = setInvoice(invoiceId);
-
-    if (!wasSetSuccessfully) {
-      const errorMessage = i18next.t("messages:invalidInvoice", {
-        returnObjects: true
-      });
-      return notify.error(errorMessage);
-    }
-
+  whenSiteReady(() => {
     if (!isAuthenticated()) {
       return switchView("login");
     }
 
-    const {
-      invoice
-    } = usePelcro.getStore();
+    whenUserReady(() => {
+      const invoiceId = window.Pelcro.helpers.getURLParameter("id");
+      const wasSetSuccessfully = setInvoice(invoiceId);
 
-    if (invoice.total === 0) {
-      const errorMessage = i18next.t("messages:zeroTotalInvoice", {
-        returnObjects: true
-      });
-      return notify.error(errorMessage);
-    }
+      if (!wasSetSuccessfully) {
+        const errorMessage = i18next.t("messages:invalidInvoice", {
+          returnObjects: true
+        });
+        return notify.error(errorMessage);
+      }
 
-    return switchView("invoice-details");
+      const {
+        invoice
+      } = usePelcro.getStore();
+
+      if (invoice.total === 0) {
+        const errorMessage = i18next.t("messages:zeroTotalInvoice", {
+          returnObjects: true
+        });
+        return notify.error(errorMessage);
+      }
+
+      return switchView("invoice-details");
+    });
   });
 };
 
@@ -12239,17 +12242,18 @@ function LoginModal({
   const onSuccess = res => {
     var _props$onSuccess;
 
-    (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res); // If this is an invoice
-
-    if (invoice) {
-      switchView("invoice-details");
-    }
+    (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
 
     if (window.Pelcro.paywall.isArticleRestricted()) {
       initPaywalls();
     }
 
     resetView();
+    const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
+
+    if (viewFromURL === "invoice-details") {
+      initViewFromURL();
+    }
   };
 
   const onCreateAccountClick = () => {
@@ -16079,7 +16083,6 @@ const PaymentMethodContainerWithoutStripe = ({
 
       if (err) {
         onFailure(err);
-        console.error(err);
         dispatch({
           type: SET_COUPON_ERROR,
           payload: getErrorMessages(err)
@@ -17081,12 +17084,17 @@ const UnwrappedForm = es_12(PaymentMethodContainerWithoutStripe);
 
 const PaymentMethodContainer = props => {
   const [isStripeLoaded, setIsStripeLoaded] = React.useState(Boolean(window.Stripe));
+  const {
+    whenUserReady
+  } = usePelcro.getStore();
   React.useEffect(() => {
-    if (!window.Stripe) {
-      document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
-        setIsStripeLoaded(true);
-      });
-    }
+    whenUserReady(() => {
+      if (!window.Stripe) {
+        document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
+          setIsStripeLoaded(true);
+        });
+      }
+    });
   }, []);
 
   if (isStripeLoaded) {

package/dist/index.esm.js

@@ -10501,35 +10501,38 @@ const showInvoiceDetailsFromUrl = () => {
     isAuthenticated,
     setInvoice,
     whenUserReady,
+    whenSiteReady,
     switchView
   } = usePelcro.getStore();
-  whenUserReady(() => {
-    const invoiceId = window.Pelcro.helpers.getURLParameter("id");
-    const wasSetSuccessfully = setInvoice(invoiceId);
-
-    if (!wasSetSuccessfully) {
-      const errorMessage = i18next.t("messages:invalidInvoice", {
-        returnObjects: true
-      });
-      return notify.error(errorMessage);
-    }
-
+  whenSiteReady(() => {
     if (!isAuthenticated()) {
       return switchView("login");
     }
 
-    const {
-      invoice
-    } = usePelcro.getStore();
+    whenUserReady(() => {
+      const invoiceId = window.Pelcro.helpers.getURLParameter("id");
+      const wasSetSuccessfully = setInvoice(invoiceId);
 
-    if (invoice.total === 0) {
-      const errorMessage = i18next.t("messages:zeroTotalInvoice", {
-        returnObjects: true
-      });
-      return notify.error(errorMessage);
-    }
+      if (!wasSetSuccessfully) {
+        const errorMessage = i18next.t("messages:invalidInvoice", {
+          returnObjects: true
+        });
+        return notify.error(errorMessage);
+      }
 
-    return switchView("invoice-details");
+      const {
+        invoice
+      } = usePelcro.getStore();
+
+      if (invoice.total === 0) {
+        const errorMessage = i18next.t("messages:zeroTotalInvoice", {
+          returnObjects: true
+        });
+        return notify.error(errorMessage);
+      }
+
+      return switchView("invoice-details");
+    });
   });
 };
 
@@ -12209,17 +12212,18 @@ function LoginModal({
   const onSuccess = res => {
     var _props$onSuccess;
 
-    (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res); // If this is an invoice
-
-    if (invoice) {
-      switchView("invoice-details");
-    }
+    (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
 
     if (window.Pelcro.paywall.isArticleRestricted()) {
       initPaywalls();
     }
 
     resetView();
+    const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
+
+    if (viewFromURL === "invoice-details") {
+      initViewFromURL();
+    }
   };
 
   const onCreateAccountClick = () => {
@@ -16049,7 +16053,6 @@ const PaymentMethodContainerWithoutStripe = ({
 
       if (err) {
         onFailure(err);
-        console.error(err);
         dispatch({
           type: SET_COUPON_ERROR,
           payload: getErrorMessages(err)
@@ -17051,12 +17054,17 @@ const UnwrappedForm = es_12(PaymentMethodContainerWithoutStripe);
 
 const PaymentMethodContainer = props => {
   const [isStripeLoaded, setIsStripeLoaded] = useState(Boolean(window.Stripe));
+  const {
+    whenUserReady
+  } = usePelcro.getStore();
   useEffect(() => {
-    if (!window.Stripe) {
-      document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
-        setIsStripeLoaded(true);
-      });
-    }
+    whenUserReady(() => {
+      if (!window.Stripe) {
+        document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
+          setIsStripeLoaded(true);
+        });
+      }
+    });
   }, []);
 
   if (isStripeLoaded) {

package/package.json

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