@nocios/crudify-ui 3.0.60 → 3.0.64

package/dist/index.d.mts

@@ -163,15 +163,24 @@ type TokenData = {
     expiresAt: number;
     refreshExpiresAt: number;
 };
-type StorageType = 'localStorage' | 'sessionStorage' | 'none';
+type StorageType = "localStorage" | "sessionStorage" | "none";
 declare class TokenStorage {
     private static readonly TOKEN_KEY;
-    private static readonly ENCRYPTION_KEY;
+    private static readonly ENCRYPTION_KEY_STORAGE;
+    private static encryptionKey;
     private static storageType;
     /**
      * Configurar tipo de almacenamiento
      */
     static setStorageType(type: StorageType): void;
+    /**
+     * Generar clave de encriptación única y persistente
+     */
+    private static generateEncryptionKey;
+    /**
+     * Obtener o generar clave de encriptación
+     */
+    private static getEncryptionKey;
     /**
      * Verificar si el storage está disponible
      */
@@ -200,6 +209,10 @@ declare class TokenStorage {
      * Limpiar tokens almacenados
      */
     static clearTokens(): void;
+    /**
+     * Rotar clave de encriptación (limpia tokens existentes por seguridad)
+     */
+    static rotateEncryptionKey(): void;
     /**
      * Verificar si hay tokens válidos guardados
      */
@@ -399,6 +412,7 @@ type NotificationOptions = {
         vertical: "top" | "bottom";
         horizontal: "left" | "center" | "right";
     };
+    allowHtml?: boolean;
 };
 type SessionProviderProps = {
     children: ReactNode;
@@ -771,6 +785,7 @@ interface GlobalNotificationProviderProps {
         horizontal: "left" | "center" | "right";
     };
     enabled?: boolean;
+    allowHtml?: boolean;
 }
 declare const GlobalNotificationProvider: React.FC<GlobalNotificationProviderProps>;
 declare const useGlobalNotification: () => GlobalNotificationContextValue;

package/dist/index.d.ts

@@ -163,15 +163,24 @@ type TokenData = {
     expiresAt: number;
     refreshExpiresAt: number;
 };
-type StorageType = 'localStorage' | 'sessionStorage' | 'none';
+type StorageType = "localStorage" | "sessionStorage" | "none";
 declare class TokenStorage {
     private static readonly TOKEN_KEY;
-    private static readonly ENCRYPTION_KEY;
+    private static readonly ENCRYPTION_KEY_STORAGE;
+    private static encryptionKey;
     private static storageType;
     /**
      * Configurar tipo de almacenamiento
      */
     static setStorageType(type: StorageType): void;
+    /**
+     * Generar clave de encriptación única y persistente
+     */
+    private static generateEncryptionKey;
+    /**
+     * Obtener o generar clave de encriptación
+     */
+    private static getEncryptionKey;
     /**
      * Verificar si el storage está disponible
      */
@@ -200,6 +209,10 @@ declare class TokenStorage {
      * Limpiar tokens almacenados
      */
     static clearTokens(): void;
+    /**
+     * Rotar clave de encriptación (limpia tokens existentes por seguridad)
+     */
+    static rotateEncryptionKey(): void;
     /**
      * Verificar si hay tokens válidos guardados
      */
@@ -399,6 +412,7 @@ type NotificationOptions = {
         vertical: "top" | "bottom";
         horizontal: "left" | "center" | "right";
     };
+    allowHtml?: boolean;
 };
 type SessionProviderProps = {
     children: ReactNode;
@@ -771,6 +785,7 @@ interface GlobalNotificationProviderProps {
         horizontal: "left" | "center" | "right";
     };
     enabled?: boolean;
+    allowHtml?: boolean;
 }
 declare const GlobalNotificationProvider: React.FC<GlobalNotificationProviderProps>;
 declare const useGlobalNotification: () => GlobalNotificationContextValue;

package/dist/index.js

@@ -504,6 +504,47 @@ var _TokenStorage = class _TokenStorage {
   static setStorageType(type) {
     _TokenStorage.storageType = type;
   }
+  /**
+   * Generar clave de encriptación única y persistente
+   */
+  static generateEncryptionKey() {
+    const browserInfo = [
+      navigator.userAgent,
+      navigator.language,
+      navigator.platform,
+      screen.width,
+      screen.height,
+      Date.now().toString(),
+      Math.random().toString(36)
+    ].join("|");
+    return import_crypto_js.default.SHA256(browserInfo).toString();
+  }
+  /**
+   * Obtener o generar clave de encriptación
+   */
+  static getEncryptionKey() {
+    if (_TokenStorage.encryptionKey) {
+      return _TokenStorage.encryptionKey;
+    }
+    const storage = window.localStorage;
+    if (!storage) {
+      _TokenStorage.encryptionKey = _TokenStorage.generateEncryptionKey();
+      return _TokenStorage.encryptionKey;
+    }
+    try {
+      let existingKey = storage.getItem(_TokenStorage.ENCRYPTION_KEY_STORAGE);
+      if (!existingKey || existingKey.length < 32) {
+        existingKey = _TokenStorage.generateEncryptionKey();
+        storage.setItem(_TokenStorage.ENCRYPTION_KEY_STORAGE, existingKey);
+      }
+      _TokenStorage.encryptionKey = existingKey;
+      return existingKey;
+    } catch (error) {
+      console.warn("Crudify: Cannot persist encryption key, using temporary key");
+      _TokenStorage.encryptionKey = _TokenStorage.generateEncryptionKey();
+      return _TokenStorage.encryptionKey;
+    }
+  }
   /**
    * Verificar si el storage está disponible
    */
@@ -534,7 +575,8 @@ var _TokenStorage = class _TokenStorage {
    */
   static encrypt(data) {
     try {
-      return import_crypto_js.default.AES.encrypt(data, _TokenStorage.ENCRYPTION_KEY).toString();
+      const encryptionKey = _TokenStorage.getEncryptionKey();
+      return import_crypto_js.default.AES.encrypt(data, encryptionKey).toString();
     } catch (error) {
       console.error("Crudify: Encryption failed", error);
       return data;
@@ -545,7 +587,8 @@ var _TokenStorage = class _TokenStorage {
    */
   static decrypt(encryptedData) {
     try {
-      const bytes = import_crypto_js.default.AES.decrypt(encryptedData, _TokenStorage.ENCRYPTION_KEY);
+      const encryptionKey = _TokenStorage.getEncryptionKey();
+      const bytes = import_crypto_js.default.AES.decrypt(encryptedData, encryptionKey);
       const decrypted = bytes.toString(import_crypto_js.default.enc.Utf8);
       return decrypted || encryptedData;
     } catch (error) {
@@ -620,6 +663,22 @@ var _TokenStorage = class _TokenStorage {
       console.error("Crudify: Failed to clear tokens", error);
     }
   }
+  /**
+   * Rotar clave de encriptación (limpia tokens existentes por seguridad)
+   */
+  static rotateEncryptionKey() {
+    try {
+      _TokenStorage.clearTokens();
+      _TokenStorage.encryptionKey = null;
+      const storage = window.localStorage;
+      if (storage) {
+        storage.removeItem(_TokenStorage.ENCRYPTION_KEY_STORAGE);
+      }
+      console.info("Crudify: Encryption key rotated successfully");
+    } catch (error) {
+      console.error("Crudify: Failed to rotate encryption key", error);
+    }
+  }
   /**
    * Verificar si hay tokens válidos guardados
    */
@@ -658,7 +717,8 @@ var _TokenStorage = class _TokenStorage {
   }
 };
 _TokenStorage.TOKEN_KEY = "crudify_tokens";
-_TokenStorage.ENCRYPTION_KEY = "crudify_secure_key_v1";
+_TokenStorage.ENCRYPTION_KEY_STORAGE = "crudify_enc_key";
+_TokenStorage.encryptionKey = null;
 _TokenStorage.storageType = "localStorage";
 var TokenStorage = _TokenStorage;
 
@@ -1424,8 +1484,10 @@ var GlobalNotificationProvider = ({
   maxNotifications = 5,
   defaultAutoHideDuration = 6e3,
   position = { vertical: "top", horizontal: "right" },
-  enabled = false
+  enabled = false,
   // ✅ Por defecto DESACTIVADO
+  allowHtml = false
+  // Por defecto no permitir HTML
 }) => {
   const [notifications, setNotifications] = (0, import_react6.useState)([]);
   const showNotification = (0, import_react6.useCallback)(
@@ -1448,8 +1510,8 @@ var GlobalNotificationProvider = ({
         severity,
         autoHideDuration: options?.autoHideDuration ?? defaultAutoHideDuration,
         persistent: options?.persistent ?? false,
-        allowHtml: options?.allowHtml ?? false
-        // Por defecto NO permitir HTML
+        allowHtml: options?.allowHtml ?? allowHtml
+        // Usar valor del provider por defecto
       };
       setNotifications((prev) => {
         const updatedNotifications = prev.length >= maxNotifications ? prev.slice(-(maxNotifications - 1)) : prev;
@@ -1457,7 +1519,7 @@ var GlobalNotificationProvider = ({
       });
       return id;
     },
-    [maxNotifications, defaultAutoHideDuration, enabled]
+    [maxNotifications, defaultAutoHideDuration, enabled, allowHtml]
   );
   const hideNotification = (0, import_react6.useCallback)((id) => {
     setNotifications((prev) => prev.filter((notification) => notification.id !== id));
@@ -1569,15 +1631,17 @@ function InnerSessionProvider({
     showNotificationFn = showNotification;
   } catch {
   }
-  const enhancedOptions = import_react7.default.useMemo(() => ({
-    ...options,
-    showNotification: showNotificationFn,
-    // TODO: Agregar translateFn cuando esté disponible
-    onSessionExpired: () => {
-      console.log("\u{1F6A8} SessionProvider - Session expired callback triggered");
-      options.onSessionExpired?.();
-    }
-  }), [options, showNotificationFn]);
+  const enhancedOptions = import_react7.default.useMemo(
+    () => ({
+      ...options,
+      showNotification: showNotificationFn,
+      // TODO: Agregar translateFn cuando esté disponible
+      onSessionExpired: () => {
+        options.onSessionExpired?.();
+      }
+    }),
+    [options, showNotificationFn]
+  );
   const sessionHook = useSession(enhancedOptions);
   const resolvedConfig = (0, import_react7.useMemo)(() => {
     let publicApiKey;
@@ -1626,12 +1690,6 @@ function InnerSessionProvider({
         loginActions = decodedActions.split(",").map((s) => s.trim()).filter(Boolean);
       }
     }
-    console.log("\u{1F50D} SessionProvider - Configuration Detection:");
-    console.log("   - Config source:", configSource);
-    console.log("   - PublicApiKey:", publicApiKey ? publicApiKey.substring(0, 15) + "..." : "undefined");
-    console.log("   - Environment:", env);
-    console.log("   - App name:", appName);
-    console.log("   - Login actions:", loginActions);
     return {
       publicApiKey,
       env,
@@ -1683,7 +1741,9 @@ function SessionProvider(props) {
     enabled: props.showNotifications,
     maxNotifications: props.notificationOptions?.maxNotifications || 5,
     defaultAutoHideDuration: props.notificationOptions?.defaultAutoHideDuration || 6e3,
-    position: props.notificationOptions?.position || { vertical: "top", horizontal: "right" }
+    position: props.notificationOptions?.position || { vertical: "top", horizontal: "right" },
+    allowHtml: props.notificationOptions?.allowHtml || false
+    // Pasar allowHtml desde notificationOptions
   };
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GlobalNotificationProvider, { ...notificationConfig, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InnerSessionProvider, { ...props }) });
 }
@@ -2057,11 +2117,13 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
   const { crudify: crudify7 } = useCrudify();
   const { state, updateFormData, setFieldError, clearErrors, setLoading } = useLoginState();
   const { login: sessionLogin } = useSessionContext();
-  const { t, i18n } = useTranslation();
+  const translationContext = useTranslation();
+  const { t } = translationContext;
+  const i18n = translationContext.i18n;
   const usernameInputRef = (0, import_react8.useRef)(null);
   const errorTranslator = createErrorTranslator(t, {
     currentLanguage: i18n?.language,
-    enableDebug: process.env.NODE_ENV === "development"
+    enableDebug: false
   });
   const getRedirectUrl = () => {
     if (state.searchParams.redirect) {
@@ -4035,7 +4097,6 @@ var useUserData = (options = {}) => {
   }, []);
   const refreshProfile = (0, import_react18.useCallback)(async () => {
     const userEmail = getUserEmail();
-    console.log("\u{1F464} useUserData - Refreshing profile for:", userEmail);
     if (!userEmail) {
       if (mountedRef.current) {
         setError("No user email available from session data");
@@ -4061,91 +4122,59 @@ var useUserData = (options = {}) => {
         setLoading(true);
         setError(null);
       }
-      console.log("\u{1F464} useUserData - Fetching profile data from database");
       const response = await import_crudify_browser4.default.readItems("users", {
         filter: { email: userEmail },
         pagination: { limit: 1 }
       });
-      console.log("\u{1F464} useUserData - Database response:", response);
-      console.log("\u{1F464} useUserData - response.data:", response.data);
-      console.log("\u{1F464} useUserData - response.data type:", typeof response.data);
       if (currentRequestId === requestIdRef.current && mountedRef.current && !abortController.signal.aborted) {
         let userData2 = null;
         if (response.success) {
-          console.log("\u{1F464} useUserData - Processing successful response:", {
-            dataType: typeof response.data,
-            isArray: Array.isArray(response.data),
-            hasResponse: !!response.data?.response,
-            hasResponseData: !!response.data?.response?.data,
-            responseDataType: typeof response.data?.response?.data
-          });
           if (Array.isArray(response.data) && response.data.length > 0) {
-            console.log("\u{1F464} useUserData - Found direct array format");
             userData2 = response.data[0];
           } else if (response.data?.response?.data) {
-            console.log("\u{1F464} useUserData - Found nested response.data format");
             try {
               const rawData = response.data.response.data;
-              console.log("\u{1F464} useUserData - Raw nested data:", rawData);
-              console.log("\u{1F464} useUserData - Raw data type:", typeof rawData);
               const parsedData = typeof rawData === "string" ? JSON.parse(rawData) : rawData;
-              console.log("\u{1F464} useUserData - Parsed nested data:", parsedData);
               if (parsedData && parsedData.items && Array.isArray(parsedData.items) && parsedData.items.length > 0) {
                 userData2 = parsedData.items[0];
-                console.log("\u{1F464} useUserData - Extracted user from nested items:", userData2);
               } else {
-                console.log("\u{1F464} useUserData - No items found in parsed data or items array is empty");
               }
             } catch (parseError) {
-              console.error("\u{1F464} useUserData - Error parsing nested response data:", parseError);
             }
           } else if (response.data && typeof response.data === "object") {
-            console.log("\u{1F464} useUserData - Found object format, checking for items");
             if (response.data.items && Array.isArray(response.data.items) && response.data.items.length > 0) {
-              console.log("\u{1F464} useUserData - Found items in object format");
               userData2 = response.data.items[0];
             } else {
-              console.log("\u{1F464} useUserData - No items found in object format");
             }
           } else if (response.data?.data?.response?.data) {
-            console.log("\u{1F464} useUserData - Found double-nested data.data.response.data format");
             try {
               const rawData = response.data.data.response.data;
-              console.log("\u{1F464} useUserData - Raw double-nested data:", rawData);
               const parsedData = typeof rawData === "string" ? JSON.parse(rawData) : rawData;
-              console.log("\u{1F464} useUserData - Parsed double-nested data:", parsedData);
               if (parsedData && parsedData.items && Array.isArray(parsedData.items) && parsedData.items.length > 0) {
                 userData2 = parsedData.items[0];
-                console.log("\u{1F464} useUserData - Extracted user from double-nested items:", userData2);
               }
             } catch (parseError) {
-              console.error("\u{1F464} useUserData - Error parsing double-nested response data:", parseError);
             }
           }
         }
         if (userData2) {
-          console.log("\u{1F464} useUserData - User data found:", userData2);
           setUserData(userData2);
           setError(null);
           retryCountRef.current = 0;
-          console.log("\u{1F464} useUserData - Profile loaded successfully:", userData2);
         } else {
           setError("User profile not found in database");
           setUserData(null);
-          console.warn("\u{1F464} useUserData - User not found for email:", userEmail);
         }
       }
     } catch (err) {
       if (currentRequestId === requestIdRef.current && mountedRef.current) {
         const error2 = err;
-        console.error("\u{1F464} useUserData - Error fetching profile:", error2);
         if (error2.name === "AbortError") {
           return;
         }
         const shouldRetry = retryOnError && retryCountRef.current < maxRetries && (error2.message?.includes("Network Error") || error2.message?.includes("Failed to fetch"));
         if (shouldRetry) {
           retryCountRef.current++;
-          console.log(`\u{1F464} useUserData - Retrying profile fetch (${retryCountRef.current}/${maxRetries})`);
           setTimeout(() => {
             if (mountedRef.current) {
               refreshProfile();

package/dist/index.mjs

@@ -431,6 +431,47 @@ var _TokenStorage = class _TokenStorage {
   static setStorageType(type) {
     _TokenStorage.storageType = type;
   }
+  /**
+   * Generar clave de encriptación única y persistente
+   */
+  static generateEncryptionKey() {
+    const browserInfo = [
+      navigator.userAgent,
+      navigator.language,
+      navigator.platform,
+      screen.width,
+      screen.height,
+      Date.now().toString(),
+      Math.random().toString(36)
+    ].join("|");
+    return CryptoJS.SHA256(browserInfo).toString();
+  }
+  /**
+   * Obtener o generar clave de encriptación
+   */
+  static getEncryptionKey() {
+    if (_TokenStorage.encryptionKey) {
+      return _TokenStorage.encryptionKey;
+    }
+    const storage = window.localStorage;
+    if (!storage) {
+      _TokenStorage.encryptionKey = _TokenStorage.generateEncryptionKey();
+      return _TokenStorage.encryptionKey;
+    }
+    try {
+      let existingKey = storage.getItem(_TokenStorage.ENCRYPTION_KEY_STORAGE);
+      if (!existingKey || existingKey.length < 32) {
+        existingKey = _TokenStorage.generateEncryptionKey();
+        storage.setItem(_TokenStorage.ENCRYPTION_KEY_STORAGE, existingKey);
+      }
+      _TokenStorage.encryptionKey = existingKey;
+      return existingKey;
+    } catch (error) {
+      console.warn("Crudify: Cannot persist encryption key, using temporary key");
+      _TokenStorage.encryptionKey = _TokenStorage.generateEncryptionKey();
+      return _TokenStorage.encryptionKey;
+    }
+  }
   /**
    * Verificar si el storage está disponible
    */
@@ -461,7 +502,8 @@ var _TokenStorage = class _TokenStorage {
    */
   static encrypt(data) {
     try {
-      return CryptoJS.AES.encrypt(data, _TokenStorage.ENCRYPTION_KEY).toString();
+      const encryptionKey = _TokenStorage.getEncryptionKey();
+      return CryptoJS.AES.encrypt(data, encryptionKey).toString();
     } catch (error) {
       console.error("Crudify: Encryption failed", error);
       return data;
@@ -472,7 +514,8 @@ var _TokenStorage = class _TokenStorage {
    */
   static decrypt(encryptedData) {
     try {
-      const bytes = CryptoJS.AES.decrypt(encryptedData, _TokenStorage.ENCRYPTION_KEY);
+      const encryptionKey = _TokenStorage.getEncryptionKey();
+      const bytes = CryptoJS.AES.decrypt(encryptedData, encryptionKey);
       const decrypted = bytes.toString(CryptoJS.enc.Utf8);
       return decrypted || encryptedData;
     } catch (error) {
@@ -547,6 +590,22 @@ var _TokenStorage = class _TokenStorage {
       console.error("Crudify: Failed to clear tokens", error);
     }
   }
+  /**
+   * Rotar clave de encriptación (limpia tokens existentes por seguridad)
+   */
+  static rotateEncryptionKey() {
+    try {
+      _TokenStorage.clearTokens();
+      _TokenStorage.encryptionKey = null;
+      const storage = window.localStorage;
+      if (storage) {
+        storage.removeItem(_TokenStorage.ENCRYPTION_KEY_STORAGE);
+      }
+      console.info("Crudify: Encryption key rotated successfully");
+    } catch (error) {
+      console.error("Crudify: Failed to rotate encryption key", error);
+    }
+  }
   /**
    * Verificar si hay tokens válidos guardados
    */
@@ -585,7 +644,8 @@ var _TokenStorage = class _TokenStorage {
   }
 };
 _TokenStorage.TOKEN_KEY = "crudify_tokens";
-_TokenStorage.ENCRYPTION_KEY = "crudify_secure_key_v1";
+_TokenStorage.ENCRYPTION_KEY_STORAGE = "crudify_enc_key";
+_TokenStorage.encryptionKey = null;
 _TokenStorage.storageType = "localStorage";
 var TokenStorage = _TokenStorage;
 
@@ -1351,8 +1411,10 @@ var GlobalNotificationProvider = ({
   maxNotifications = 5,
   defaultAutoHideDuration = 6e3,
   position = { vertical: "top", horizontal: "right" },
-  enabled = false
+  enabled = false,
   // ✅ Por defecto DESACTIVADO
+  allowHtml = false
+  // Por defecto no permitir HTML
 }) => {
   const [notifications, setNotifications] = useState4([]);
   const showNotification = useCallback2(
@@ -1375,8 +1437,8 @@ var GlobalNotificationProvider = ({
         severity,
         autoHideDuration: options?.autoHideDuration ?? defaultAutoHideDuration,
         persistent: options?.persistent ?? false,
-        allowHtml: options?.allowHtml ?? false
-        // Por defecto NO permitir HTML
+        allowHtml: options?.allowHtml ?? allowHtml
+        // Usar valor del provider por defecto
       };
       setNotifications((prev) => {
         const updatedNotifications = prev.length >= maxNotifications ? prev.slice(-(maxNotifications - 1)) : prev;
@@ -1384,7 +1446,7 @@ var GlobalNotificationProvider = ({
       });
       return id;
     },
-    [maxNotifications, defaultAutoHideDuration, enabled]
+    [maxNotifications, defaultAutoHideDuration, enabled, allowHtml]
   );
   const hideNotification = useCallback2((id) => {
     setNotifications((prev) => prev.filter((notification) => notification.id !== id));
@@ -1496,15 +1558,17 @@ function InnerSessionProvider({
     showNotificationFn = showNotification;
   } catch {
   }
-  const enhancedOptions = React5.useMemo(() => ({
-    ...options,
-    showNotification: showNotificationFn,
-    // TODO: Agregar translateFn cuando esté disponible
-    onSessionExpired: () => {
-      console.log("\u{1F6A8} SessionProvider - Session expired callback triggered");
-      options.onSessionExpired?.();
-    }
-  }), [options, showNotificationFn]);
+  const enhancedOptions = React5.useMemo(
+    () => ({
+      ...options,
+      showNotification: showNotificationFn,
+      // TODO: Agregar translateFn cuando esté disponible
+      onSessionExpired: () => {
+        options.onSessionExpired?.();
+      }
+    }),
+    [options, showNotificationFn]
+  );
   const sessionHook = useSession(enhancedOptions);
   const resolvedConfig = useMemo2(() => {
     let publicApiKey;
@@ -1553,12 +1617,6 @@ function InnerSessionProvider({
         loginActions = decodedActions.split(",").map((s) => s.trim()).filter(Boolean);
       }
     }
-    console.log("\u{1F50D} SessionProvider - Configuration Detection:");
-    console.log("   - Config source:", configSource);
-    console.log("   - PublicApiKey:", publicApiKey ? publicApiKey.substring(0, 15) + "..." : "undefined");
-    console.log("   - Environment:", env);
-    console.log("   - App name:", appName);
-    console.log("   - Login actions:", loginActions);
     return {
       publicApiKey,
       env,
@@ -1610,7 +1668,9 @@ function SessionProvider(props) {
     enabled: props.showNotifications,
     maxNotifications: props.notificationOptions?.maxNotifications || 5,
     defaultAutoHideDuration: props.notificationOptions?.defaultAutoHideDuration || 6e3,
-    position: props.notificationOptions?.position || { vertical: "top", horizontal: "right" }
+    position: props.notificationOptions?.position || { vertical: "top", horizontal: "right" },
+    allowHtml: props.notificationOptions?.allowHtml || false
+    // Pasar allowHtml desde notificationOptions
   };
   return /* @__PURE__ */ jsx5(GlobalNotificationProvider, { ...notificationConfig, children: /* @__PURE__ */ jsx5(InnerSessionProvider, { ...props }) });
 }
@@ -1984,11 +2044,13 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
   const { crudify: crudify7 } = useCrudify();
   const { state, updateFormData, setFieldError, clearErrors, setLoading } = useLoginState();
   const { login: sessionLogin } = useSessionContext();
-  const { t, i18n } = useTranslation();
+  const translationContext = useTranslation();
+  const { t } = translationContext;
+  const i18n = translationContext.i18n;
   const usernameInputRef = useRef(null);
   const errorTranslator = createErrorTranslator(t, {
     currentLanguage: i18n?.language,
-    enableDebug: process.env.NODE_ENV === "development"
+    enableDebug: false
   });
   const getRedirectUrl = () => {
     if (state.searchParams.redirect) {
@@ -4021,7 +4083,6 @@ var useUserData = (options = {}) => {
   }, []);
   const refreshProfile = useCallback4(async () => {
     const userEmail = getUserEmail();
-    console.log("\u{1F464} useUserData - Refreshing profile for:", userEmail);
     if (!userEmail) {
       if (mountedRef.current) {
         setError("No user email available from session data");
@@ -4047,91 +4108,59 @@ var useUserData = (options = {}) => {
         setLoading(true);
         setError(null);
       }
-      console.log("\u{1F464} useUserData - Fetching profile data from database");
       const response = await crudify4.readItems("users", {
         filter: { email: userEmail },
         pagination: { limit: 1 }
       });
-      console.log("\u{1F464} useUserData - Database response:", response);
-      console.log("\u{1F464} useUserData - response.data:", response.data);
-      console.log("\u{1F464} useUserData - response.data type:", typeof response.data);
       if (currentRequestId === requestIdRef.current && mountedRef.current && !abortController.signal.aborted) {
         let userData2 = null;
         if (response.success) {
-          console.log("\u{1F464} useUserData - Processing successful response:", {
-            dataType: typeof response.data,
-            isArray: Array.isArray(response.data),
-            hasResponse: !!response.data?.response,
-            hasResponseData: !!response.data?.response?.data,
-            responseDataType: typeof response.data?.response?.data
-          });
           if (Array.isArray(response.data) && response.data.length > 0) {
-            console.log("\u{1F464} useUserData - Found direct array format");
             userData2 = response.data[0];
           } else if (response.data?.response?.data) {
-            console.log("\u{1F464} useUserData - Found nested response.data format");
             try {
               const rawData = response.data.response.data;
-              console.log("\u{1F464} useUserData - Raw nested data:", rawData);
-              console.log("\u{1F464} useUserData - Raw data type:", typeof rawData);
               const parsedData = typeof rawData === "string" ? JSON.parse(rawData) : rawData;
-              console.log("\u{1F464} useUserData - Parsed nested data:", parsedData);
               if (parsedData && parsedData.items && Array.isArray(parsedData.items) && parsedData.items.length > 0) {
                 userData2 = parsedData.items[0];
-                console.log("\u{1F464} useUserData - Extracted user from nested items:", userData2);
               } else {
-                console.log("\u{1F464} useUserData - No items found in parsed data or items array is empty");
               }
             } catch (parseError) {
-              console.error("\u{1F464} useUserData - Error parsing nested response data:", parseError);
             }
           } else if (response.data && typeof response.data === "object") {
-            console.log("\u{1F464} useUserData - Found object format, checking for items");
             if (response.data.items && Array.isArray(response.data.items) && response.data.items.length > 0) {
-              console.log("\u{1F464} useUserData - Found items in object format");
               userData2 = response.data.items[0];
             } else {
-              console.log("\u{1F464} useUserData - No items found in object format");
             }
           } else if (response.data?.data?.response?.data) {
-            console.log("\u{1F464} useUserData - Found double-nested data.data.response.data format");
             try {
               const rawData = response.data.data.response.data;
-              console.log("\u{1F464} useUserData - Raw double-nested data:", rawData);
               const parsedData = typeof rawData === "string" ? JSON.parse(rawData) : rawData;
-              console.log("\u{1F464} useUserData - Parsed double-nested data:", parsedData);
               if (parsedData && parsedData.items && Array.isArray(parsedData.items) && parsedData.items.length > 0) {
                 userData2 = parsedData.items[0];
-                console.log("\u{1F464} useUserData - Extracted user from double-nested items:", userData2);
               }
             } catch (parseError) {
-              console.error("\u{1F464} useUserData - Error parsing double-nested response data:", parseError);
             }
           }
         }
         if (userData2) {
-          console.log("\u{1F464} useUserData - User data found:", userData2);
           setUserData(userData2);
           setError(null);
           retryCountRef.current = 0;
-          console.log("\u{1F464} useUserData - Profile loaded successfully:", userData2);
         } else {
           setError("User profile not found in database");
           setUserData(null);
-          console.warn("\u{1F464} useUserData - User not found for email:", userEmail);
         }
       }
     } catch (err) {
       if (currentRequestId === requestIdRef.current && mountedRef.current) {
         const error2 = err;
-        console.error("\u{1F464} useUserData - Error fetching profile:", error2);
         if (error2.name === "AbortError") {
           return;
         }
         const shouldRetry = retryOnError && retryCountRef.current < maxRetries && (error2.message?.includes("Network Error") || error2.message?.includes("Failed to fetch"));
         if (shouldRetry) {
           retryCountRef.current++;
-          console.log(`\u{1F464} useUserData - Retrying profile fetch (${retryCountRef.current}/${maxRetries})`);
           setTimeout(() => {
             if (mountedRef.current) {
               refreshProfile();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocios/crudify-ui",
-  "version": "3.0.60",
+  "version": "3.0.64",
   "description": "Biblioteca de componentes UI para Crudify",
   "author": "Nocios",
   "license": "MIT",
@@ -25,7 +25,7 @@
     "@mui/icons-material": "^7.1.0",
     "@mui/material": "^7.1.0",
     "@mui/x-data-grid": "^8.5.1",
-    "@nocios/crudify-browser": "^2.0.6",
+    "@nocios/crudify-browser": "^2.0.62",
     "@types/dompurify": "^3.0.5",
     "@types/uuid": "^10.0.0",
     "crypto-js": "^4.2.0",