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

package/dist/index.cjs.js

@@ -10288,15 +10288,32 @@ 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 () => {
+      var _auth0Script$removeEv;
+
+      auth0Script === null || auth0Script === void 0 ? void 0 : (_auth0Script$removeEv = auth0Script.removeEventListener) === null || _auth0Script$removeEv === void 0 ? void 0 : _auth0Script$removeEv.call(auth0Script, "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 +10324,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 +19776,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,32 @@ 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 () => {
+      var _auth0Script$removeEv;
+
+      auth0Script === null || auth0Script === void 0 ? void 0 : (_auth0Script$removeEv = auth0Script.removeEventListener) === null || _auth0Script$removeEv === void 0 ? void 0 : _auth0Script$removeEv.call(auth0Script, "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 +10294,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 +19746,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",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",