@nocios/crudify-ui 1.0.61 → 1.0.63

package/dist/index.js

@@ -504,7 +504,7 @@ var LoginForm_default = LoginForm;
 var import_react4 = require("react");
 var import_material2 = require("@mui/material");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var ForgotPasswordForm = ({ config, onNavigate, onError, crudify: crudify3 }) => {
+var ForgotPasswordForm = ({ onNavigate, onError, crudify: crudify3 }) => {
   const [email, setEmail] = (0, import_react4.useState)("");
   const [loading, setLoading] = (0, import_react4.useState)(false);
   const [errors, setErrors] = (0, import_react4.useState)([]);
@@ -656,7 +656,7 @@ var ForgotPasswordForm_default = ForgotPasswordForm;
 var import_react5 = require("react");
 var import_material3 = require("@mui/material");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuccess, crudify: crudify3 }) => {
+var ResetPasswordForm = ({ onNavigate, onError, searchParams, onResetSuccess, crudify: crudify3 }) => {
   const [newPassword, setNewPassword] = (0, import_react5.useState)("");
   const [confirmPassword, setConfirmPassword] = (0, import_react5.useState)("");
   const [loading, setLoading] = (0, import_react5.useState)(false);
@@ -722,66 +722,78 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
       crudifyKeys: crudify3 ? Object.keys(crudify3) : null
     });
     if (crudify3 && pendingValidation) {
-      console.log("\u{1F680} Crudify ready! Executing pending validation:", pendingValidation);
-      console.log("\u{1F50D} Crudify object details:", {
-        hasTransaction: typeof crudify3.transaction === "function",
-        hasLogin: typeof crudify3.login === "function",
-        crudifyInstance: crudify3
-      });
-      const validateCode = async (emailToValidate, codeToValidate) => {
-        console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
-        console.log("\u{1F4CB} Pre-validation crudify check:", {
-          crudify: !!crudify3,
-          transaction: typeof crudify3?.transaction,
-          crudifyString: crudify3?.toString?.()
+      const timer = setTimeout(() => {
+        console.log("\u{1F680} Crudify ready! Executing pending validation after delay:", pendingValidation);
+        console.log("\u{1F50D} Crudify object details:", {
+          hasTransaction: typeof crudify3.transaction === "function",
+          hasLogin: typeof crudify3.login === "function",
+          crudifyInstance: crudify3
         });
         try {
-          const data = [
-            {
-              operation: "validatePasswordResetCode",
-              data: { email: emailToValidate, codePassword: codeToValidate }
-            }
-          ];
-          console.log("\u{1F4E4} Sending validation request:", data);
-          console.log("\u{1F3AF} About to call crudify.transaction...");
-          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")]);
+          if (!crudify3.transaction) {
+            console.log("\u274C Crudify transaction method not available, deferring validation");
+            return;
+          }
+        } catch (error) {
+          console.log("\u274C Error checking crudify state, deferring validation:", error);
+          return;
+        }
+        const validateCode = async (emailToValidate, codeToValidate) => {
+          console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
+          console.log("\u{1F4CB} Pre-validation crudify check:", {
+            crudify: !!crudify3,
+            transaction: typeof crudify3?.transaction,
+            crudifyString: crudify3?.toString?.()
+          });
+          try {
+            const data = [
+              {
+                operation: "validatePasswordResetCode",
+                data: { email: emailToValidate, codePassword: codeToValidate }
+              }
+            ];
+            console.log("\u{1F4E4} Sending validation request:", data);
+            console.log("\u{1F3AF} About to call crudify.transaction...");
+            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 {
-              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");
+              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]);
               }
-              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);
           }
-        } 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);
+        };
+        validateCode(pendingValidation.email, pendingValidation.code);
+      }, 100);
+      return () => clearTimeout(timer);
     }
   }, [crudify3, pendingValidation, t, onNavigate]);
   const validatePassword = (password) => {
@@ -971,7 +983,7 @@ var ResetPasswordForm_default = ResetPasswordForm;
 var import_react6 = require("react");
 var import_material4 = require("@mui/material");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var CheckCodeForm = ({ config, onNavigate, onError, searchParams, crudify: crudify3 }) => {
+var CheckCodeForm = ({ onNavigate, onError, searchParams, crudify: crudify3 }) => {
   const [code, setCode] = (0, import_react6.useState)("");
   const [loading, setLoading] = (0, import_react6.useState)(false);
   const [errors, setErrors] = (0, import_react6.useState)([]);

package/dist/index.mjs

@@ -460,7 +460,7 @@ var LoginForm_default = LoginForm;
 import { useState as useState3 } from "react";
 import { Typography as Typography2, TextField as TextField2, Button as Button2, Box as Box2, CircularProgress as CircularProgress2, Alert as Alert2, Link as Link2 } from "@mui/material";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var ForgotPasswordForm = ({ config, onNavigate, onError, crudify: crudify3 }) => {
+var ForgotPasswordForm = ({ onNavigate, onError, crudify: crudify3 }) => {
   const [email, setEmail] = useState3("");
   const [loading, setLoading] = useState3(false);
   const [errors, setErrors] = useState3([]);
@@ -612,7 +612,7 @@ var ForgotPasswordForm_default = ForgotPasswordForm;
 import { useState as useState4, useEffect as useEffect3 } from "react";
 import { Typography as Typography3, TextField as TextField3, Button as Button3, Box as Box3, CircularProgress as CircularProgress3, Alert as Alert3, Link as Link3 } from "@mui/material";
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuccess, crudify: crudify3 }) => {
+var ResetPasswordForm = ({ onNavigate, onError, searchParams, onResetSuccess, crudify: crudify3 }) => {
   const [newPassword, setNewPassword] = useState4("");
   const [confirmPassword, setConfirmPassword] = useState4("");
   const [loading, setLoading] = useState4(false);
@@ -678,66 +678,78 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuc
       crudifyKeys: crudify3 ? Object.keys(crudify3) : null
     });
     if (crudify3 && pendingValidation) {
-      console.log("\u{1F680} Crudify ready! Executing pending validation:", pendingValidation);
-      console.log("\u{1F50D} Crudify object details:", {
-        hasTransaction: typeof crudify3.transaction === "function",
-        hasLogin: typeof crudify3.login === "function",
-        crudifyInstance: crudify3
-      });
-      const validateCode = async (emailToValidate, codeToValidate) => {
-        console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
-        console.log("\u{1F4CB} Pre-validation crudify check:", {
-          crudify: !!crudify3,
-          transaction: typeof crudify3?.transaction,
-          crudifyString: crudify3?.toString?.()
+      const timer = setTimeout(() => {
+        console.log("\u{1F680} Crudify ready! Executing pending validation after delay:", pendingValidation);
+        console.log("\u{1F50D} Crudify object details:", {
+          hasTransaction: typeof crudify3.transaction === "function",
+          hasLogin: typeof crudify3.login === "function",
+          crudifyInstance: crudify3
         });
         try {
-          const data = [
-            {
-              operation: "validatePasswordResetCode",
-              data: { email: emailToValidate, codePassword: codeToValidate }
-            }
-          ];
-          console.log("\u{1F4E4} Sending validation request:", data);
-          console.log("\u{1F3AF} About to call crudify.transaction...");
-          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")]);
+          if (!crudify3.transaction) {
+            console.log("\u274C Crudify transaction method not available, deferring validation");
+            return;
+          }
+        } catch (error) {
+          console.log("\u274C Error checking crudify state, deferring validation:", error);
+          return;
+        }
+        const validateCode = async (emailToValidate, codeToValidate) => {
+          console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
+          console.log("\u{1F4CB} Pre-validation crudify check:", {
+            crudify: !!crudify3,
+            transaction: typeof crudify3?.transaction,
+            crudifyString: crudify3?.toString?.()
+          });
+          try {
+            const data = [
+              {
+                operation: "validatePasswordResetCode",
+                data: { email: emailToValidate, codePassword: codeToValidate }
+              }
+            ];
+            console.log("\u{1F4E4} Sending validation request:", data);
+            console.log("\u{1F3AF} About to call crudify.transaction...");
+            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 {
-              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");
+              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]);
               }
-              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);
           }
-        } 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);
+        };
+        validateCode(pendingValidation.email, pendingValidation.code);
+      }, 100);
+      return () => clearTimeout(timer);
     }
   }, [crudify3, pendingValidation, t, onNavigate]);
   const validatePassword = (password) => {
@@ -927,7 +939,7 @@ var ResetPasswordForm_default = ResetPasswordForm;
 import { useState as useState5, useEffect as useEffect4 } from "react";
 import { Typography as Typography4, TextField as TextField4, Button as Button4, Box as Box4, CircularProgress as CircularProgress4, Alert as Alert4, Link as Link4 } from "@mui/material";
 import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var CheckCodeForm = ({ config, onNavigate, onError, searchParams, crudify: crudify3 }) => {
+var CheckCodeForm = ({ onNavigate, onError, searchParams, crudify: crudify3 }) => {
   const [code, setCode] = useState5("");
   const [loading, setLoading] = useState5(false);
   const [errors, setErrors] = useState5([]);

package/package.json

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