@nocios/crudify-ui 1.0.56 → 1.0.58

package/dist/index.js

@@ -726,56 +726,10 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
   const [fromCodeVerification, setFromCodeVerification] = (0, import_react6.useState)(false);
   const [validatingCode, setValidatingCode] = (0, import_react6.useState)(true);
   const [codeValidated, setCodeValidated] = (0, import_react6.useState)(false);
+  const [pendingValidation, setPendingValidation] = (0, import_react6.useState)(null);
   const { t } = useTranslation();
   const { crudify: crudify3 } = useCrudifyLogin(config);
   (0, import_react6.useEffect)(() => {
-    const validateCode = async (emailToValidate, codeToValidate) => {
-      if (!crudify3) return;
-      console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
-      try {
-        const data = [
-          {
-            operation: "validatePasswordResetCode",
-            data: { email: emailToValidate, codePassword: codeToValidate }
-          }
-        ];
-        console.log("\u{1F4E4} Sending validation request:", data);
-        const response = await crudify3.transaction(data);
-        console.log("\u{1F4E5} Validation response:", response);
-        if (response.success) {
-          console.log("\u2705 Code validation successful");
-          setCodeValidated(true);
-        } else {
-          console.log("\u274C Code validation failed:", response);
-          if (response.data?.response?.status === "TOO_MANY_REQUESTS") {
-            setErrors([t("errors.auth.TOO_MANY_REQUESTS")]);
-          } else {
-            let errorMessage = t("resetPassword.invalidCode");
-            if (response.errors?._error) {
-              const error = response.errors._error[0];
-              if (error === "TOO_MANY_REQUESTS") {
-                errorMessage = t("errors.auth.TOO_MANY_REQUESTS");
-              } else {
-                const errorMsg = error?.toLowerCase() || "";
-                if (errorMsg.includes("expired")) {
-                  errorMessage = t("resetPassword.codeExpiredOrInvalid");
-                } else if (errorMsg.includes("invalid")) {
-                  errorMessage = t("resetPassword.invalidCode");
-                }
-              }
-            }
-            setErrors([errorMessage]);
-          }
-          setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
-        }
-      } catch (error) {
-        console.error("Code validation error:", error);
-        setErrors([t("resetPassword.invalidCode")]);
-        setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
-      } finally {
-        setValidatingCode(false);
-      }
-    };
     if (searchParams) {
       const fromCodeVerificationParam = searchParams.get("fromCodeVerification");
       const emailParam = searchParams.get("email");
@@ -798,7 +752,8 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
             setCode(linkCode);
             setEmail(linkEmail);
             setFromCodeVerification(false);
-            validateCode(linkEmail, linkCode);
+            console.log("\u23F3 Setting pending validation for reset link");
+            setPendingValidation({ email: linkEmail, code: linkCode });
             return;
           }
         } catch (error) {
@@ -809,7 +764,8 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
         setEmail(emailParam);
         setCode(codeParam);
         setFromCodeVerification(false);
-        validateCode(emailParam, codeParam);
+        console.log("\u23F3 Setting pending validation for direct params");
+        setPendingValidation({ email: emailParam, code: codeParam });
         return;
       }
     }
@@ -817,6 +773,59 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
     setValidatingCode(false);
     setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
   }, [searchParams, crudify3, t, onNavigate]);
+  (0, import_react6.useEffect)(() => {
+    if (crudify3 && pendingValidation) {
+      console.log("\u{1F680} Crudify ready! Executing pending validation:", pendingValidation);
+      const validateCode = async (emailToValidate, codeToValidate) => {
+        console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
+        try {
+          const data = [
+            {
+              operation: "validatePasswordResetCode",
+              data: { email: emailToValidate, codePassword: codeToValidate }
+            }
+          ];
+          console.log("\u{1F4E4} Sending validation request:", data);
+          const response = await crudify3.transaction(data);
+          console.log("\u{1F4E5} Validation response:", response);
+          if (response.success) {
+            console.log("\u2705 Code validation successful");
+            setCodeValidated(true);
+          } else {
+            console.log("\u274C Code validation failed:", response);
+            if (response.data?.response?.status === "TOO_MANY_REQUESTS") {
+              setErrors([t("errors.auth.TOO_MANY_REQUESTS")]);
+            } else {
+              let errorMessage = t("resetPassword.invalidCode");
+              if (response.errors?._error) {
+                const error = response.errors._error[0];
+                if (error === "TOO_MANY_REQUESTS") {
+                  errorMessage = t("errors.auth.TOO_MANY_REQUESTS");
+                } else {
+                  const errorMsg = error?.toLowerCase() || "";
+                  if (errorMsg.includes("expired")) {
+                    errorMessage = t("resetPassword.codeExpiredOrInvalid");
+                  } else if (errorMsg.includes("invalid")) {
+                    errorMessage = t("resetPassword.invalidCode");
+                  }
+                }
+              }
+              setErrors([errorMessage]);
+            }
+            setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
+          }
+        } catch (error) {
+          console.error("Code validation error:", error);
+          setErrors([t("resetPassword.invalidCode")]);
+          setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
+        } finally {
+          setValidatingCode(false);
+          setPendingValidation(null);
+        }
+      };
+      validateCode(pendingValidation.email, pendingValidation.code);
+    }
+  }, [crudify3, pendingValidation, t, onNavigate]);
   const validatePassword = (password) => {
     if (password.length < 8) {
       return t("resetPassword.passwordTooShort");

package/dist/index.mjs

@@ -682,56 +682,10 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
   const [fromCodeVerification, setFromCodeVerification] = useState4(false);
   const [validatingCode, setValidatingCode] = useState4(true);
   const [codeValidated, setCodeValidated] = useState4(false);
+  const [pendingValidation, setPendingValidation] = useState4(null);
   const { t } = useTranslation();
   const { crudify: crudify3 } = useCrudifyLogin(config);
   useEffect4(() => {
-    const validateCode = async (emailToValidate, codeToValidate) => {
-      if (!crudify3) return;
-      console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
-      try {
-        const data = [
-          {
-            operation: "validatePasswordResetCode",
-            data: { email: emailToValidate, codePassword: codeToValidate }
-          }
-        ];
-        console.log("\u{1F4E4} Sending validation request:", data);
-        const response = await crudify3.transaction(data);
-        console.log("\u{1F4E5} Validation response:", response);
-        if (response.success) {
-          console.log("\u2705 Code validation successful");
-          setCodeValidated(true);
-        } else {
-          console.log("\u274C Code validation failed:", response);
-          if (response.data?.response?.status === "TOO_MANY_REQUESTS") {
-            setErrors([t("errors.auth.TOO_MANY_REQUESTS")]);
-          } else {
-            let errorMessage = t("resetPassword.invalidCode");
-            if (response.errors?._error) {
-              const error = response.errors._error[0];
-              if (error === "TOO_MANY_REQUESTS") {
-                errorMessage = t("errors.auth.TOO_MANY_REQUESTS");
-              } else {
-                const errorMsg = error?.toLowerCase() || "";
-                if (errorMsg.includes("expired")) {
-                  errorMessage = t("resetPassword.codeExpiredOrInvalid");
-                } else if (errorMsg.includes("invalid")) {
-                  errorMessage = t("resetPassword.invalidCode");
-                }
-              }
-            }
-            setErrors([errorMessage]);
-          }
-          setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
-        }
-      } catch (error) {
-        console.error("Code validation error:", error);
-        setErrors([t("resetPassword.invalidCode")]);
-        setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
-      } finally {
-        setValidatingCode(false);
-      }
-    };
     if (searchParams) {
       const fromCodeVerificationParam = searchParams.get("fromCodeVerification");
       const emailParam = searchParams.get("email");
@@ -754,7 +708,8 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
             setCode(linkCode);
             setEmail(linkEmail);
             setFromCodeVerification(false);
-            validateCode(linkEmail, linkCode);
+            console.log("\u23F3 Setting pending validation for reset link");
+            setPendingValidation({ email: linkEmail, code: linkCode });
             return;
           }
         } catch (error) {
@@ -765,7 +720,8 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
         setEmail(emailParam);
         setCode(codeParam);
         setFromCodeVerification(false);
-        validateCode(emailParam, codeParam);
+        console.log("\u23F3 Setting pending validation for direct params");
+        setPendingValidation({ email: emailParam, code: codeParam });
         return;
       }
     }
@@ -773,6 +729,59 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
     setValidatingCode(false);
     setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
   }, [searchParams, crudify3, t, onNavigate]);
+  useEffect4(() => {
+    if (crudify3 && pendingValidation) {
+      console.log("\u{1F680} Crudify ready! Executing pending validation:", pendingValidation);
+      const validateCode = async (emailToValidate, codeToValidate) => {
+        console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
+        try {
+          const data = [
+            {
+              operation: "validatePasswordResetCode",
+              data: { email: emailToValidate, codePassword: codeToValidate }
+            }
+          ];
+          console.log("\u{1F4E4} Sending validation request:", data);
+          const response = await crudify3.transaction(data);
+          console.log("\u{1F4E5} Validation response:", response);
+          if (response.success) {
+            console.log("\u2705 Code validation successful");
+            setCodeValidated(true);
+          } else {
+            console.log("\u274C Code validation failed:", response);
+            if (response.data?.response?.status === "TOO_MANY_REQUESTS") {
+              setErrors([t("errors.auth.TOO_MANY_REQUESTS")]);
+            } else {
+              let errorMessage = t("resetPassword.invalidCode");
+              if (response.errors?._error) {
+                const error = response.errors._error[0];
+                if (error === "TOO_MANY_REQUESTS") {
+                  errorMessage = t("errors.auth.TOO_MANY_REQUESTS");
+                } else {
+                  const errorMsg = error?.toLowerCase() || "";
+                  if (errorMsg.includes("expired")) {
+                    errorMessage = t("resetPassword.codeExpiredOrInvalid");
+                  } else if (errorMsg.includes("invalid")) {
+                    errorMessage = t("resetPassword.invalidCode");
+                  }
+                }
+              }
+              setErrors([errorMessage]);
+            }
+            setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
+          }
+        } catch (error) {
+          console.error("Code validation error:", error);
+          setErrors([t("resetPassword.invalidCode")]);
+          setTimeout(() => onNavigate?.("/login/forgotPassword"), 3e3);
+        } finally {
+          setValidatingCode(false);
+          setPendingValidation(null);
+        }
+      };
+      validateCode(pendingValidation.email, pendingValidation.code);
+    }
+  }, [crudify3, pendingValidation, t, onNavigate]);
   const validatePassword = (password) => {
     if (password.length < 8) {
       return t("resetPassword.passwordTooShort");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocios/crudify-ui",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "description": "Biblioteca de componentes UI para Crudify",
   "author": "Nocios",
   "license": "MIT",