@nocios/crudify-ui 1.0.55 → 1.0.56

package/dist/index.js

@@ -47,7 +47,7 @@ var import_crudify_browser3 = __toESM(require("@nocios/crudify-browser"));
 __reExport(index_exports, require("@nocios/crudify-browser"), module.exports);
 
 // src/components/CrudifyLogin/index.tsx
-var import_react8 = require("react");
+var import_react8 = __toESM(require("react"));
 var import_material5 = require("@mui/material");
 
 // src/components/CrudifyLogin/context/I18nProvider.tsx
@@ -632,21 +632,27 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
     onNavigate?.("/login");
   };
   const handleGoToCheckCode = () => {
+    console.log("\u{1F680} handleGoToCheckCode called:", { email, emailSent, codeAlreadyExists });
     if (emailSent || codeAlreadyExists) {
+      console.log("\u2705 Navigating from success state");
       onNavigate?.(`/login/checkCode?email=${encodeURIComponent(email)}`);
       return;
     }
     if (!email) {
+      console.log("\u274C Email required");
       setHelperTextEmail(t("forgotPassword.emailRequired"));
       return;
     }
     if (!validateEmail(email)) {
+      console.log("\u274C Invalid email");
       setHelperTextEmail(t("forgotPassword.invalidEmail"));
       return;
     }
+    console.log("\u2705 Navigating with valid email");
     onNavigate?.(`/login/checkCode?email=${encodeURIComponent(email)}`);
   };
   if (emailSent || codeAlreadyExists) {
+    console.log("\u{1F4E7} Rendering SUCCESS state:", { emailSent, codeAlreadyExists });
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Box, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Box, { sx: { mb: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Typography, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
@@ -656,6 +662,7 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Link, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }) });
   }
+  console.log("\u{1F4DD} Rendering FORM state");
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Box, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Box, { sx: { mb: 2 }, children: [
@@ -707,7 +714,7 @@ var ForgotPasswordForm_default = ForgotPasswordForm;
 var import_react6 = require("react");
 var import_material3 = require("@mui/material");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
+var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuccess }) => {
   const [newPassword, setNewPassword] = (0, import_react6.useState)("");
   const [confirmPassword, setConfirmPassword] = (0, import_react6.useState)("");
   const [loading, setLoading] = (0, import_react6.useState)(false);
@@ -724,6 +731,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
   (0, import_react6.useEffect)(() => {
     const validateCode = async (emailToValidate, codeToValidate) => {
       if (!crudify3) return;
+      console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
       try {
         const data = [
           {
@@ -731,10 +739,14 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
             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 {
@@ -782,6 +794,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
           const decodedLink = decodeURIComponent(linkParam);
           const [linkCode, linkEmail] = decodedLink.split("/");
           if (linkCode && linkEmail && linkCode.length === 6) {
+            console.log("\u{1F517} Reset link detected:", { linkCode, linkEmail });
             setCode(linkCode);
             setEmail(linkEmail);
             setFromCodeVerification(false);
@@ -789,6 +802,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
             return;
           }
         } catch (error) {
+          console.error("Failed to parse reset link:", error);
         }
       }
       if (emailParam && codeParam) {
@@ -845,9 +859,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
       if (response.success) {
         setErrors([]);
         setTimeout(() => {
-          const redirectParam = searchParams?.get("redirect");
-          const loginPath = redirectParam ? `/login?redirect=${redirectParam}` : "/login";
-          onNavigate?.(loginPath + "?resetSuccess=true");
+          onResetSuccess?.();
         }, 1e3);
       } else {
         const errorMessages = [];
@@ -1142,6 +1154,25 @@ var CrudifyLoginInternal = ({
   const { t } = useTranslation();
   const [currentScreen, setCurrentScreen] = (0, import_react8.useState)(initialScreen);
   const [searchParams, setSearchParams] = (0, import_react8.useState)();
+  console.log("\u{1F504} CrudifyLoginInternal RENDER:", { currentScreen, initialScreen });
+  import_react8.default.useEffect(() => {
+    const urlParams = new URLSearchParams(window.location.search);
+    if (initialScreen === "checkCode") {
+      const email = urlParams.get("email");
+      const code = urlParams.get("code");
+      console.log("\u{1F517} CheckCode link detected:", { email, code });
+      if (email) {
+        setSearchParams(urlParams);
+      }
+    }
+    if (initialScreen === "resetPassword") {
+      const link = urlParams.get("link");
+      console.log("\u{1F517} ResetPassword link detected:", { link });
+      if (link) {
+        setSearchParams(urlParams);
+      }
+    }
+  }, [initialScreen]);
   const finalConfig = (0, import_react8.useMemo)(() => {
     let cookieConfig = {};
     if (autoReadFromCookies) {
@@ -1185,39 +1216,73 @@ var CrudifyLoginInternal = ({
     };
   }, [providedConfig, autoReadFromCookies]);
   const handleNavigate = (path) => {
+    console.log("\u{1F680} INTERNAL handleNavigate called with:", path);
     const [basePath, queryString] = path.split("?");
     if (queryString) {
       setSearchParams(new URLSearchParams(queryString));
     } else {
       setSearchParams(void 0);
     }
+    let newScreen = "login";
     if (basePath.includes("/forgotPassword")) {
-      setCurrentScreen("forgotPassword");
+      newScreen = "forgotPassword";
     } else if (basePath.includes("/checkCode")) {
-      setCurrentScreen("checkCode");
+      newScreen = "checkCode";
     } else if (basePath.includes("/resetPassword")) {
-      setCurrentScreen("resetPassword");
+      newScreen = "resetPassword";
     } else {
-      setCurrentScreen("login");
+      newScreen = "login";
     }
+    console.log("\u{1F3AF} INTERNAL Setting currentScreen from", currentScreen, "to", newScreen);
+    setCurrentScreen(newScreen);
+    console.log("\u{1F512} All navigation handled internally - no external calls");
+  };
+  const notifyExternal = (path, reason) => {
+    console.log(`\u{1F4E2} Notifying external: ${reason} - ${path}`);
     onNavigate?.(path);
   };
   const renderCurrentForm = () => {
+    console.log("\u{1F3A8} renderCurrentForm for screen:", currentScreen);
     const commonProps = {
       config: finalConfig,
       onNavigate: handleNavigate,
+      // Navegación interna
       onError,
       redirectUrl
     };
     switch (currentScreen) {
       case "forgotPassword":
+        console.log("\u{1F4CB} Rendering ForgotPasswordForm");
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ForgotPasswordForm_default, { ...commonProps });
       case "checkCode":
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckCodeForm_default, { ...commonProps });
+        console.log("\u{1F522} Rendering CheckCodeForm");
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckCodeForm_default, { ...commonProps, searchParams });
       case "resetPassword":
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResetPasswordForm_default, { ...commonProps, searchParams });
+        console.log("\u{1F510} Rendering ResetPasswordForm");
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          ResetPasswordForm_default,
+          {
+            ...commonProps,
+            searchParams,
+            onResetSuccess: () => {
+              notifyExternal(redirectUrl, "Password reset successful");
+            }
+          }
+        );
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LoginForm_default, { ...commonProps, onLoginSuccess });
+        console.log("\u{1F511} Rendering LoginForm");
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          LoginForm_default,
+          {
+            ...commonProps,
+            onLoginSuccess: (result) => {
+              if (onLoginSuccess) {
+                onLoginSuccess(result);
+              }
+              notifyExternal(redirectUrl, "Login successful");
+            }
+          }
+        );
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { default as default2 } from "@nocios/crudify-browser";
 export * from "@nocios/crudify-browser";
 
 // src/components/CrudifyLogin/index.tsx
-import { useState as useState6, useMemo as useMemo3 } from "react";
+import React2, { useState as useState6, useMemo as useMemo3 } from "react";
 import { Box as Box5, Typography as Typography5 } from "@mui/material";
 
 // src/components/CrudifyLogin/context/I18nProvider.tsx
@@ -588,21 +588,27 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
     onNavigate?.("/login");
   };
   const handleGoToCheckCode = () => {
+    console.log("\u{1F680} handleGoToCheckCode called:", { email, emailSent, codeAlreadyExists });
     if (emailSent || codeAlreadyExists) {
+      console.log("\u2705 Navigating from success state");
       onNavigate?.(`/login/checkCode?email=${encodeURIComponent(email)}`);
       return;
     }
     if (!email) {
+      console.log("\u274C Email required");
       setHelperTextEmail(t("forgotPassword.emailRequired"));
       return;
     }
     if (!validateEmail(email)) {
+      console.log("\u274C Invalid email");
       setHelperTextEmail(t("forgotPassword.invalidEmail"));
       return;
     }
+    console.log("\u2705 Navigating with valid email");
     onNavigate?.(`/login/checkCode?email=${encodeURIComponent(email)}`);
   };
   if (emailSent || codeAlreadyExists) {
+    console.log("\u{1F4E7} Rendering SUCCESS state:", { emailSent, codeAlreadyExists });
     return /* @__PURE__ */ jsx3(Fragment2, { children: /* @__PURE__ */ jsxs2(Box2, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2, textAlign: "center" }, children: [
       /* @__PURE__ */ jsxs2(Box2, { sx: { mb: 2 }, children: [
         /* @__PURE__ */ jsx3(Typography2, { variant: "h5", component: "h1", sx: { mb: 1, fontWeight: 600 }, children: codeAlreadyExists ? t("forgotPassword.codeAlreadyExistsMessage") : t("forgotPassword.emailSentMessage") }),
@@ -612,6 +618,7 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
       /* @__PURE__ */ jsx3(Box2, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx3(Link2, { sx: { cursor: "pointer" }, onClick: handleBack, variant: "body2", color: "secondary", children: t("common.back") }) })
     ] }) });
   }
+  console.log("\u{1F4DD} Rendering FORM state");
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
     /* @__PURE__ */ jsxs2(Box2, { component: "form", noValidate: true, sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 }, children: [
       /* @__PURE__ */ jsxs2(Box2, { sx: { mb: 2 }, children: [
@@ -660,10 +667,10 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
 var ForgotPasswordForm_default = ForgotPasswordForm;
 
 // src/components/CrudifyLogin/Forms/ResetPasswordForm.tsx
-import { useState as useState4, useEffect as useEffect5 } from "react";
+import { useState as useState4, useEffect as useEffect4 } 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 }) => {
+var ResetPasswordForm = ({ config, onNavigate, onError, searchParams, onResetSuccess }) => {
   const [newPassword, setNewPassword] = useState4("");
   const [confirmPassword, setConfirmPassword] = useState4("");
   const [loading, setLoading] = useState4(false);
@@ -677,9 +684,10 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
   const [codeValidated, setCodeValidated] = useState4(false);
   const { t } = useTranslation();
   const { crudify: crudify3 } = useCrudifyLogin(config);
-  useEffect5(() => {
+  useEffect4(() => {
     const validateCode = async (emailToValidate, codeToValidate) => {
       if (!crudify3) return;
+      console.log("\u{1F50D} Validating reset code:", { emailToValidate, codeToValidate });
       try {
         const data = [
           {
@@ -687,10 +695,14 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
             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 {
@@ -738,6 +750,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
           const decodedLink = decodeURIComponent(linkParam);
           const [linkCode, linkEmail] = decodedLink.split("/");
           if (linkCode && linkEmail && linkCode.length === 6) {
+            console.log("\u{1F517} Reset link detected:", { linkCode, linkEmail });
             setCode(linkCode);
             setEmail(linkEmail);
             setFromCodeVerification(false);
@@ -745,6 +758,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
             return;
           }
         } catch (error) {
+          console.error("Failed to parse reset link:", error);
         }
       }
       if (emailParam && codeParam) {
@@ -801,9 +815,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
       if (response.success) {
         setErrors([]);
         setTimeout(() => {
-          const redirectParam = searchParams?.get("redirect");
-          const loginPath = redirectParam ? `/login?redirect=${redirectParam}` : "/login";
-          onNavigate?.(loginPath + "?resetSuccess=true");
+          onResetSuccess?.();
         }, 1e3);
       } else {
         const errorMessages = [];
@@ -945,7 +957,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
 var ResetPasswordForm_default = ResetPasswordForm;
 
 // src/components/CrudifyLogin/Forms/CheckCodeForm.tsx
-import { useState as useState5, useEffect as useEffect6 } from "react";
+import { useState as useState5, useEffect as useEffect5 } 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 }) => {
@@ -956,7 +968,7 @@ var CheckCodeForm = ({ config, onNavigate, onError, searchParams }) => {
   const [email, setEmail] = useState5("");
   const { t } = useTranslation();
   const { crudify: crudify3 } = useCrudifyLogin(config);
-  useEffect6(() => {
+  useEffect5(() => {
     const emailParam = searchParams?.get("email");
     if (emailParam) {
       setEmail(emailParam);
@@ -1098,6 +1110,25 @@ var CrudifyLoginInternal = ({
   const { t } = useTranslation();
   const [currentScreen, setCurrentScreen] = useState6(initialScreen);
   const [searchParams, setSearchParams] = useState6();
+  console.log("\u{1F504} CrudifyLoginInternal RENDER:", { currentScreen, initialScreen });
+  React2.useEffect(() => {
+    const urlParams = new URLSearchParams(window.location.search);
+    if (initialScreen === "checkCode") {
+      const email = urlParams.get("email");
+      const code = urlParams.get("code");
+      console.log("\u{1F517} CheckCode link detected:", { email, code });
+      if (email) {
+        setSearchParams(urlParams);
+      }
+    }
+    if (initialScreen === "resetPassword") {
+      const link = urlParams.get("link");
+      console.log("\u{1F517} ResetPassword link detected:", { link });
+      if (link) {
+        setSearchParams(urlParams);
+      }
+    }
+  }, [initialScreen]);
   const finalConfig = useMemo3(() => {
     let cookieConfig = {};
     if (autoReadFromCookies) {
@@ -1141,39 +1172,73 @@ var CrudifyLoginInternal = ({
     };
   }, [providedConfig, autoReadFromCookies]);
   const handleNavigate = (path) => {
+    console.log("\u{1F680} INTERNAL handleNavigate called with:", path);
     const [basePath, queryString] = path.split("?");
     if (queryString) {
       setSearchParams(new URLSearchParams(queryString));
     } else {
       setSearchParams(void 0);
     }
+    let newScreen = "login";
     if (basePath.includes("/forgotPassword")) {
-      setCurrentScreen("forgotPassword");
+      newScreen = "forgotPassword";
     } else if (basePath.includes("/checkCode")) {
-      setCurrentScreen("checkCode");
+      newScreen = "checkCode";
     } else if (basePath.includes("/resetPassword")) {
-      setCurrentScreen("resetPassword");
+      newScreen = "resetPassword";
     } else {
-      setCurrentScreen("login");
+      newScreen = "login";
     }
+    console.log("\u{1F3AF} INTERNAL Setting currentScreen from", currentScreen, "to", newScreen);
+    setCurrentScreen(newScreen);
+    console.log("\u{1F512} All navigation handled internally - no external calls");
+  };
+  const notifyExternal = (path, reason) => {
+    console.log(`\u{1F4E2} Notifying external: ${reason} - ${path}`);
     onNavigate?.(path);
   };
   const renderCurrentForm = () => {
+    console.log("\u{1F3A8} renderCurrentForm for screen:", currentScreen);
     const commonProps = {
       config: finalConfig,
       onNavigate: handleNavigate,
+      // Navegación interna
       onError,
       redirectUrl
     };
     switch (currentScreen) {
       case "forgotPassword":
+        console.log("\u{1F4CB} Rendering ForgotPasswordForm");
         return /* @__PURE__ */ jsx6(ForgotPasswordForm_default, { ...commonProps });
       case "checkCode":
-        return /* @__PURE__ */ jsx6(CheckCodeForm_default, { ...commonProps });
+        console.log("\u{1F522} Rendering CheckCodeForm");
+        return /* @__PURE__ */ jsx6(CheckCodeForm_default, { ...commonProps, searchParams });
       case "resetPassword":
-        return /* @__PURE__ */ jsx6(ResetPasswordForm_default, { ...commonProps, searchParams });
+        console.log("\u{1F510} Rendering ResetPasswordForm");
+        return /* @__PURE__ */ jsx6(
+          ResetPasswordForm_default,
+          {
+            ...commonProps,
+            searchParams,
+            onResetSuccess: () => {
+              notifyExternal(redirectUrl, "Password reset successful");
+            }
+          }
+        );
       default:
-        return /* @__PURE__ */ jsx6(LoginForm_default, { ...commonProps, onLoginSuccess });
+        console.log("\u{1F511} Rendering LoginForm");
+        return /* @__PURE__ */ jsx6(
+          LoginForm_default,
+          {
+            ...commonProps,
+            onLoginSuccess: (result) => {
+              if (onLoginSuccess) {
+                onLoginSuccess(result);
+              }
+              notifyExternal(redirectUrl, "Login successful");
+            }
+          }
+        );
     }
   };
   return /* @__PURE__ */ jsxs5(Fragment5, { children: [
@@ -1229,7 +1294,7 @@ var CrudifyLogin = ({
 var CrudifyLogin_default = CrudifyLogin;
 
 // src/hooks/useUserProfile.ts
-import { useState as useState7, useEffect as useEffect7, useCallback, useRef as useRef2 } from "react";
+import { useState as useState7, useEffect as useEffect6, useCallback, useRef as useRef2 } from "react";
 import crudify2 from "@nocios/crudify-browser";
 
 // src/utils/jwtUtils.ts
@@ -1349,12 +1414,12 @@ var useUserProfile = (options = {}) => {
       }
     }
   }, [retryOnError, maxRetries]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (autoFetch) {
       refreshProfile();
     }
   }, [autoFetch, refreshProfile]);
-  useEffect7(() => {
+  useEffect6(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;

package/package.json

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