@nocios/crudify-ui 1.0.72 → 1.0.73

package/dist/index.js

@@ -238,15 +238,27 @@ var initialState = {
   config: {}
 };
 function loginStateReducer(state, action) {
+  console.log("\u{1F504} LoginStateReducer - Action dispatched:", {
+    type: action.type,
+    currentScreen: state.currentScreen,
+    payload: action.payload
+  });
   switch (action.type) {
     case "SET_SCREEN":
-      return {
+      const newState = {
         ...state,
         currentScreen: action.payload.screen,
         searchParams: action.payload.params || state.searchParams,
         // Clear form errors when changing screens
         errors: { global: [] }
       };
+      console.log("\u{1F504} LoginStateReducer - SET_SCREEN result:", {
+        oldScreen: state.currentScreen,
+        newScreen: newState.currentScreen,
+        oldParams: state.searchParams,
+        newParams: newState.searchParams
+      });
+      return newState;
     case "SET_SEARCH_PARAMS":
       return {
         ...state,
@@ -333,6 +345,11 @@ var LoginStateProvider = ({
   config: providedConfig,
   autoReadFromCookies = true
 }) => {
+  console.log("\u{1F3D7}\uFE0F LoginStateProvider - Component initialized with:", {
+    initialScreen,
+    providedConfig,
+    autoReadFromCookies
+  });
   const [state, dispatch] = (0, import_react4.useReducer)(loginStateReducer, {
     ...initialState,
     currentScreen: initialScreen
@@ -393,6 +410,11 @@ var LoginStateProvider = ({
     }
   }, [initialScreen]);
   const setScreen = (screen2, params) => {
+    console.log("\u{1F504} LoginStateProvider - setScreen called:", {
+      currentScreen: state.currentScreen,
+      targetScreen: screen2,
+      params
+    });
     dispatch({ type: "SET_SCREEN", payload: { screen: screen2, params } });
   };
   const updateFormData = (data) => {
@@ -1093,7 +1115,14 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     onScreenChange?.("login");
   };
   const handleGoToCheckCode = () => {
+    console.log("\u{1F4E7} ForgotPasswordForm - handleGoToCheckCode called:", {
+      emailSent,
+      codeAlreadyExists,
+      email,
+      onScreenChange: !!onScreenChange
+    });
     if (emailSent || codeAlreadyExists) {
+      console.log("\u{1F4E7} ForgotPasswordForm - Navigating to checkCode with email:", email);
       onScreenChange?.("checkCode", { email });
       return;
     }
@@ -1105,6 +1134,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
       setHelperTextEmail(t("forgotPassword.invalidEmail"));
       return;
     }
+    console.log("\u{1F4E7} ForgotPasswordForm - Navigating to checkCode with validated email:", email);
     onScreenChange?.("checkCode", { email });
   };
   if (emailSent || codeAlreadyExists) {
@@ -1200,14 +1230,21 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     }
     return parsedError.message || t("error.unknown");
   };
+  const getParam = (key) => {
+    if (!searchParams) return null;
+    if (searchParams instanceof URLSearchParams) {
+      return searchParams.get(key);
+    }
+    return searchParams[key] || null;
+  };
   (0, import_react7.useEffect)(() => {
     if (!searchParams) {
       return;
     }
     if (searchParams) {
-      const fromCodeVerificationParam = searchParams.get("fromCodeVerification");
-      const emailParam = searchParams.get("email");
-      const codeParam = searchParams.get("code");
+      const fromCodeVerificationParam = getParam("fromCodeVerification");
+      const emailParam = getParam("email");
+      const codeParam = getParam("code");
       if (fromCodeVerificationParam === "true" && emailParam && codeParam) {
         setEmail(emailParam);
         setCode(codeParam);
@@ -1216,7 +1253,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
         setValidatingCode(false);
         return;
       }
-      const linkParam = searchParams.get("link");
+      const linkParam = getParam("link");
       if (linkParam) {
         try {
           const decodedLink = decodeURIComponent(linkParam);
@@ -1433,6 +1470,11 @@ var import_react8 = require("react");
 var import_material4 = require("@mui/material");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
+  console.log("\u{1F522} CheckCodeForm - Component initialized with props:", {
+    onScreenChange: !!onScreenChange,
+    onError: !!onError,
+    searchParams
+  });
   const { crudify: crudify3 } = useCrudify();
   const [code, setCode] = (0, import_react8.useState)("");
   const [loading, setLoading] = (0, import_react8.useState)(false);
@@ -1440,6 +1482,13 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
   const [helperTextCode, setHelperTextCode] = (0, import_react8.useState)(null);
   const [email, setEmail] = (0, import_react8.useState)("");
   const { t } = useTranslation();
+  const getParam = (key) => {
+    if (!searchParams) return null;
+    if (searchParams instanceof URLSearchParams) {
+      return searchParams.get(key);
+    }
+    return searchParams[key] || null;
+  };
   const translateError = (parsedError) => {
     const possibleKeys = [
       `errors.auth.${parsedError.code}`,
@@ -1457,10 +1506,17 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     return parsedError.message || t("error.unknown");
   };
   (0, import_react8.useEffect)(() => {
-    const emailParam = searchParams?.get("email");
+    console.log("\u{1F522} CheckCodeForm - useEffect triggered:", {
+      searchParams,
+      onScreenChange: !!onScreenChange
+    });
+    const emailParam = getParam("email");
+    console.log("\u{1F522} CheckCodeForm - emailParam extracted:", emailParam);
     if (emailParam) {
+      console.log("\u{1F522} CheckCodeForm - Setting email:", emailParam);
       setEmail(emailParam);
     } else {
+      console.log("\u{1F522} CheckCodeForm - No email found, redirecting to forgotPassword");
       onScreenChange?.("forgotPassword");
     }
   }, [searchParams, onScreenChange]);
@@ -1504,6 +1560,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
   };
   const handleBack = () => {
+    console.log("\u{1F522} CheckCodeForm - handleBack called");
     onScreenChange?.("forgotPassword");
   };
   const handleCodeChange = (event) => {
@@ -1645,10 +1702,22 @@ var CrudifyLoginInternal = ({
   const { t } = useTranslation();
   const { state, setScreen } = useLoginState();
   const handleScreenChange = (screen2, params) => {
+    console.log("\u{1F504} CrudifyLoginInternal - handleScreenChange called:", {
+      currentScreen: state.currentScreen,
+      newScreen: screen2,
+      params,
+      stateSearchParams: state.searchParams
+    });
     setScreen(screen2, params);
     onScreenChange?.(screen2, params);
+    console.log("\u2705 CrudifyLoginInternal - screen change completed");
   };
   const renderCurrentForm = () => {
+    console.log("\u{1F3A8} CrudifyLoginInternal - renderCurrentForm called:", {
+      currentScreen: state.currentScreen,
+      searchParams: state.searchParams,
+      config: state.config
+    });
     const commonProps = {
       onScreenChange: handleScreenChange,
       onExternalNavigate,
@@ -1657,20 +1726,26 @@ var CrudifyLoginInternal = ({
     };
     switch (state.currentScreen) {
       case "forgotPassword":
+        console.log("\u{1F4E7} Rendering ForgotPasswordForm");
         return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ForgotPasswordForm_default, { ...commonProps });
       case "checkCode":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckCodeForm_default, { ...commonProps });
+        console.log("\u{1F522} Rendering CheckCodeForm with params:", state.searchParams);
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
       case "resetPassword":
+        console.log("\u{1F510} Rendering ResetPasswordForm with params:", state.searchParams);
         return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           ResetPasswordForm_default,
           {
             ...commonProps,
+            searchParams: state.searchParams,
             onResetSuccess: () => {
+              console.log("\u2705 ResetPasswordForm - onResetSuccess called");
               handleScreenChange("login");
             }
           }
         );
       default:
+        console.log("\u{1F3E0} Rendering LoginForm (default)");
         return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoginForm_default, { ...commonProps, onLoginSuccess });
     }
   };

package/dist/index.mjs

@@ -187,15 +187,27 @@ var initialState = {
   config: {}
 };
 function loginStateReducer(state, action) {
+  console.log("\u{1F504} LoginStateReducer - Action dispatched:", {
+    type: action.type,
+    currentScreen: state.currentScreen,
+    payload: action.payload
+  });
   switch (action.type) {
     case "SET_SCREEN":
-      return {
+      const newState = {
         ...state,
         currentScreen: action.payload.screen,
         searchParams: action.payload.params || state.searchParams,
         // Clear form errors when changing screens
         errors: { global: [] }
       };
+      console.log("\u{1F504} LoginStateReducer - SET_SCREEN result:", {
+        oldScreen: state.currentScreen,
+        newScreen: newState.currentScreen,
+        oldParams: state.searchParams,
+        newParams: newState.searchParams
+      });
+      return newState;
     case "SET_SEARCH_PARAMS":
       return {
         ...state,
@@ -282,6 +294,11 @@ var LoginStateProvider = ({
   config: providedConfig,
   autoReadFromCookies = true
 }) => {
+  console.log("\u{1F3D7}\uFE0F LoginStateProvider - Component initialized with:", {
+    initialScreen,
+    providedConfig,
+    autoReadFromCookies
+  });
   const [state, dispatch] = useReducer(loginStateReducer, {
     ...initialState,
     currentScreen: initialScreen
@@ -342,6 +359,11 @@ var LoginStateProvider = ({
     }
   }, [initialScreen]);
   const setScreen = (screen2, params) => {
+    console.log("\u{1F504} LoginStateProvider - setScreen called:", {
+      currentScreen: state.currentScreen,
+      targetScreen: screen2,
+      params
+    });
     dispatch({ type: "SET_SCREEN", payload: { screen: screen2, params } });
   };
   const updateFormData = (data) => {
@@ -1042,7 +1064,14 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
     onScreenChange?.("login");
   };
   const handleGoToCheckCode = () => {
+    console.log("\u{1F4E7} ForgotPasswordForm - handleGoToCheckCode called:", {
+      emailSent,
+      codeAlreadyExists,
+      email,
+      onScreenChange: !!onScreenChange
+    });
     if (emailSent || codeAlreadyExists) {
+      console.log("\u{1F4E7} ForgotPasswordForm - Navigating to checkCode with email:", email);
       onScreenChange?.("checkCode", { email });
       return;
     }
@@ -1054,6 +1083,7 @@ var ForgotPasswordForm = ({ onScreenChange, onError }) => {
       setHelperTextEmail(t("forgotPassword.invalidEmail"));
       return;
     }
+    console.log("\u{1F4E7} ForgotPasswordForm - Navigating to checkCode with validated email:", email);
     onScreenChange?.("checkCode", { email });
   };
   if (emailSent || codeAlreadyExists) {
@@ -1149,14 +1179,21 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
     }
     return parsedError.message || t("error.unknown");
   };
+  const getParam = (key) => {
+    if (!searchParams) return null;
+    if (searchParams instanceof URLSearchParams) {
+      return searchParams.get(key);
+    }
+    return searchParams[key] || null;
+  };
   useEffect5(() => {
     if (!searchParams) {
       return;
     }
     if (searchParams) {
-      const fromCodeVerificationParam = searchParams.get("fromCodeVerification");
-      const emailParam = searchParams.get("email");
-      const codeParam = searchParams.get("code");
+      const fromCodeVerificationParam = getParam("fromCodeVerification");
+      const emailParam = getParam("email");
+      const codeParam = getParam("code");
       if (fromCodeVerificationParam === "true" && emailParam && codeParam) {
         setEmail(emailParam);
         setCode(codeParam);
@@ -1165,7 +1202,7 @@ var ResetPasswordForm = ({ onScreenChange, onError, searchParams, onResetSuccess
         setValidatingCode(false);
         return;
       }
-      const linkParam = searchParams.get("link");
+      const linkParam = getParam("link");
       if (linkParam) {
         try {
           const decodedLink = decodeURIComponent(linkParam);
@@ -1382,6 +1419,11 @@ import { useState as useState5, useEffect as useEffect6 } 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 jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
+  console.log("\u{1F522} CheckCodeForm - Component initialized with props:", {
+    onScreenChange: !!onScreenChange,
+    onError: !!onError,
+    searchParams
+  });
   const { crudify: crudify3 } = useCrudify();
   const [code, setCode] = useState5("");
   const [loading, setLoading] = useState5(false);
@@ -1389,6 +1431,13 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
   const [helperTextCode, setHelperTextCode] = useState5(null);
   const [email, setEmail] = useState5("");
   const { t } = useTranslation();
+  const getParam = (key) => {
+    if (!searchParams) return null;
+    if (searchParams instanceof URLSearchParams) {
+      return searchParams.get(key);
+    }
+    return searchParams[key] || null;
+  };
   const translateError = (parsedError) => {
     const possibleKeys = [
       `errors.auth.${parsedError.code}`,
@@ -1406,10 +1455,17 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     return parsedError.message || t("error.unknown");
   };
   useEffect6(() => {
-    const emailParam = searchParams?.get("email");
+    console.log("\u{1F522} CheckCodeForm - useEffect triggered:", {
+      searchParams,
+      onScreenChange: !!onScreenChange
+    });
+    const emailParam = getParam("email");
+    console.log("\u{1F522} CheckCodeForm - emailParam extracted:", emailParam);
     if (emailParam) {
+      console.log("\u{1F522} CheckCodeForm - Setting email:", emailParam);
       setEmail(emailParam);
     } else {
+      console.log("\u{1F522} CheckCodeForm - No email found, redirecting to forgotPassword");
       onScreenChange?.("forgotPassword");
     }
   }, [searchParams, onScreenChange]);
@@ -1453,6 +1509,7 @@ var CheckCodeForm = ({ onScreenChange, onError, searchParams }) => {
     }
   };
   const handleBack = () => {
+    console.log("\u{1F522} CheckCodeForm - handleBack called");
     onScreenChange?.("forgotPassword");
   };
   const handleCodeChange = (event) => {
@@ -1594,10 +1651,22 @@ var CrudifyLoginInternal = ({
   const { t } = useTranslation();
   const { state, setScreen } = useLoginState();
   const handleScreenChange = (screen2, params) => {
+    console.log("\u{1F504} CrudifyLoginInternal - handleScreenChange called:", {
+      currentScreen: state.currentScreen,
+      newScreen: screen2,
+      params,
+      stateSearchParams: state.searchParams
+    });
     setScreen(screen2, params);
     onScreenChange?.(screen2, params);
+    console.log("\u2705 CrudifyLoginInternal - screen change completed");
   };
   const renderCurrentForm = () => {
+    console.log("\u{1F3A8} CrudifyLoginInternal - renderCurrentForm called:", {
+      currentScreen: state.currentScreen,
+      searchParams: state.searchParams,
+      config: state.config
+    });
     const commonProps = {
       onScreenChange: handleScreenChange,
       onExternalNavigate,
@@ -1606,20 +1675,26 @@ var CrudifyLoginInternal = ({
     };
     switch (state.currentScreen) {
       case "forgotPassword":
+        console.log("\u{1F4E7} Rendering ForgotPasswordForm");
         return /* @__PURE__ */ jsx9(ForgotPasswordForm_default, { ...commonProps });
       case "checkCode":
-        return /* @__PURE__ */ jsx9(CheckCodeForm_default, { ...commonProps });
+        console.log("\u{1F522} Rendering CheckCodeForm with params:", state.searchParams);
+        return /* @__PURE__ */ jsx9(CheckCodeForm_default, { ...commonProps, searchParams: state.searchParams });
       case "resetPassword":
+        console.log("\u{1F510} Rendering ResetPasswordForm with params:", state.searchParams);
         return /* @__PURE__ */ jsx9(
           ResetPasswordForm_default,
           {
             ...commonProps,
+            searchParams: state.searchParams,
             onResetSuccess: () => {
+              console.log("\u2705 ResetPasswordForm - onResetSuccess called");
               handleScreenChange("login");
             }
           }
         );
       default:
+        console.log("\u{1F3E0} Rendering LoginForm (default)");
         return /* @__PURE__ */ jsx9(LoginForm_default, { ...commonProps, onLoginSuccess });
     }
   };

package/package.json

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