@pelcro/react-pelcro-js 3.0.0-beta.1 → 3.0.0-beta.2

package/dist/index.cjs.js

@@ -10288,15 +10288,30 @@ const Auth0LoginButton = ({
   iconClassName = ""
 }) => {
   const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url);
+  const auth0Script = document.querySelector("#auth0-sdk");
+  const [auth0Loaded, setAuth0Loaded] = React.useState(Boolean(window.auth0));
+  React__default['default'].useEffect(() => {
+    function handleScriptLoaded() {
+      setAuth0Loaded(true);
+    }
+
+    if (auth0Enabled && !auth0Loaded) {
+      auth0Script.addEventListener("load", handleScriptLoaded);
+    }
+
+    return () => {
+      auth0Script.removeEventListener("load", handleScriptLoaded);
+    };
+  }, [auth0Script, auth0Enabled, auth0Loaded]);
   const auth0InstanceRef = React__default['default'].useRef(null);
   React__default['default'].useEffect(() => {
-    if (auth0Enabled && window.auth0 && auth0InstanceRef.current === null) {
+    if (auth0Enabled && auth0Loaded && auth0InstanceRef.current === null) {
       auth0InstanceRef.current = new window.auth0.WebAuth({
         domain: window.Pelcro.site.read().auth0_base_url,
         clientID: window.Pelcro.site.read().auth0_client_id
       });
     }
-  }, [auth0Enabled, window.auth0]);
+  }, [auth0Enabled, auth0Loaded]);
   const {
     dispatch: loginDispatch
   } = React.useContext(store$g);
@@ -10307,7 +10322,7 @@ const Auth0LoginButton = ({
   function handleClick() {
     var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
 
-    if (!window.auth0) {
+    if (!auth0Loaded) {
       return console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
     }
 
@@ -19759,6 +19774,11 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
 
   const defaultPaymentMethod = (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.source;
   const paymentMethodsWithoutDefault = paymentMethods.filter(paymentMethod => paymentMethod.id !== defaultPaymentMethod.id);
+
+  if (defaultPaymentMethod.status !== "chargeable") {
+    return paymentMethodsWithoutDefault;
+  }
+
   return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
 };
 

package/dist/index.esm.js

@@ -10258,15 +10258,30 @@ const Auth0LoginButton = ({
   iconClassName = ""
 }) => {
   const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url);
+  const auth0Script = document.querySelector("#auth0-sdk");
+  const [auth0Loaded, setAuth0Loaded] = useState(Boolean(window.auth0));
+  React__default.useEffect(() => {
+    function handleScriptLoaded() {
+      setAuth0Loaded(true);
+    }
+
+    if (auth0Enabled && !auth0Loaded) {
+      auth0Script.addEventListener("load", handleScriptLoaded);
+    }
+
+    return () => {
+      auth0Script.removeEventListener("load", handleScriptLoaded);
+    };
+  }, [auth0Script, auth0Enabled, auth0Loaded]);
   const auth0InstanceRef = React__default.useRef(null);
   React__default.useEffect(() => {
-    if (auth0Enabled && window.auth0 && auth0InstanceRef.current === null) {
+    if (auth0Enabled && auth0Loaded && auth0InstanceRef.current === null) {
       auth0InstanceRef.current = new window.auth0.WebAuth({
         domain: window.Pelcro.site.read().auth0_base_url,
         clientID: window.Pelcro.site.read().auth0_client_id
       });
     }
-  }, [auth0Enabled, window.auth0]);
+  }, [auth0Enabled, auth0Loaded]);
   const {
     dispatch: loginDispatch
   } = useContext(store$g);
@@ -10277,7 +10292,7 @@ const Auth0LoginButton = ({
   function handleClick() {
     var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
 
-    if (!window.auth0) {
+    if (!auth0Loaded) {
       return console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
     }
 
@@ -19729,6 +19744,11 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
 
   const defaultPaymentMethod = (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.source;
   const paymentMethodsWithoutDefault = paymentMethods.filter(paymentMethod => paymentMethod.id !== defaultPaymentMethod.id);
+
+  if (defaultPaymentMethod.status !== "chargeable") {
+    return paymentMethodsWithoutDefault;
+  }
+
   return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
 };
 

package/package.json

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