@nocios/crudify-ui 3.0.42 → 3.0.46

package/dist/index.d.mts

@@ -290,6 +290,10 @@ declare class SessionManager {
      * Configurar interceptor de respuesta para manejo automático de errores
      */
     setupResponseInterceptor(): void;
+    /**
+     * Detectar errores de autorización en todos los formatos posibles
+     */
+    private detectAuthorizationError;
     /**
      * Limpiar sesión completamente
      */

package/dist/index.d.ts

@@ -290,6 +290,10 @@ declare class SessionManager {
      * Configurar interceptor de respuesta para manejo automático de errores
      */
     setupResponseInterceptor(): void;
+    /**
+     * Detectar errores de autorización en todos los formatos posibles
+     */
+    private detectAuthorizationError;
     /**
      * Limpiar sesión completamente
      */

package/dist/index.js

@@ -487,7 +487,7 @@ var useLoginState = () => {
 };
 
 // src/providers/SessionProvider.tsx
-var import_react7 = require("react");
+var import_react7 = __toESM(require("react"));
 
 // src/hooks/useSession.ts
 var import_react5 = require("react");
@@ -842,53 +842,103 @@ var SessionManager = class _SessionManager {
    */
   setupResponseInterceptor() {
     import_crudify_browser2.default.setResponseInterceptor(async (response) => {
-      if (response.errors) {
-        this.log("Response interceptor - received response with errors:", response);
-      }
-      if (response.errors) {
-        let hasAuthError = false;
-        if (Array.isArray(response.errors)) {
-          hasAuthError = response.errors.some(
-            (error) => error.message?.includes("Unauthorized") || error.message?.includes("Token") || error.extensions?.code === "UNAUTHENTICATED" || error.message?.includes("NOT_AUTHORIZED")
-          );
-        } else if (typeof response.errors === "object") {
-          const errorMessages = Object.values(response.errors).flat();
-          hasAuthError = errorMessages.some(
-            (message) => typeof message === "string" && (message.includes("NOT_AUTHORIZED") || message.includes("TOKEN_REFRESH_FAILED") || message.includes("PLEASE_LOGIN") || message.includes("Unauthorized") || message.includes("UNAUTHENTICATED") || message.includes("Token"))
-          );
-        }
-        if (!hasAuthError && response.errorCode) {
-          const errorCode = response.errorCode;
-          hasAuthError = errorCode === "UNAUTHORIZED" || errorCode === "UNAUTHENTICATED" || errorCode === "TOKEN_EXPIRED";
+      const authError = this.detectAuthorizationError(response);
+      if (authError.isAuthError) {
+        console.warn("\u{1F6A8} SessionManager - Authorization error detected:", {
+          errorType: authError.errorType,
+          errorDetails: authError.errorDetails,
+          fullResponse: response
+        });
+        if (authError.isRefreshTokenInvalid || authError.isTokenRefreshFailed) {
+          this.log("Refresh token invalid or refresh already failed, clearing session");
+          TokenStorage.clearTokens();
+          this.config.onSessionExpired?.();
+          return response;
         }
-        if (hasAuthError) {
-          this.log("Auth error detected in response interceptor");
-          const isRefreshTokenFailed = response.errors && typeof response.errors === "object" && Object.values(response.errors).flat().some(
-            (message) => typeof message === "string" && message.includes("TOKEN_REFRESH_FAILED")
-          );
-          if (isRefreshTokenFailed) {
-            this.log("Refresh token failed, clearing tokens and triggering session expired");
-            TokenStorage.clearTokens();
-            this.config.onSessionExpired?.();
-          } else if (TokenStorage.hasValidTokens()) {
-            this.log("Auth error detected, attempting token refresh...");
-            const refreshSuccess = await this.refreshTokens();
-            if (!refreshSuccess) {
-              this.log("Session expired, triggering callback");
-              this.config.onSessionExpired?.();
-            }
-          } else {
-            this.log("Auth error but no valid tokens, triggering session expired");
+        if (TokenStorage.hasValidTokens() && !authError.isIrrecoverable) {
+          this.log("Auth error detected, attempting token refresh...");
+          const refreshSuccess = await this.refreshTokens();
+          if (!refreshSuccess) {
+            this.log("Token refresh failed, triggering session expired");
             this.config.onSessionExpired?.();
           }
         } else {
-          this.log("No auth error detected in response");
+          this.log("Auth error with no valid tokens or irrecoverable error, triggering session expired");
+          TokenStorage.clearTokens();
+          this.config.onSessionExpired?.();
         }
       }
       return response;
     });
     this.log("Response interceptor configured");
   }
+  /**
+   * Detectar errores de autorización en todos los formatos posibles
+   */
+  detectAuthorizationError(response) {
+    const result = {
+      isAuthError: false,
+      isRefreshTokenInvalid: false,
+      isTokenRefreshFailed: false,
+      isIrrecoverable: false,
+      errorType: "",
+      errorDetails: null
+    };
+    if (response.errors) {
+      if (Array.isArray(response.errors)) {
+        const hasAuthError = response.errors.some(
+          (error) => error.message?.includes("Unauthorized") || error.message?.includes("Token") || error.extensions?.code === "UNAUTHENTICATED" || error.message?.includes("NOT_AUTHORIZED")
+        );
+        if (hasAuthError) {
+          result.isAuthError = true;
+          result.errorType = "GraphQL Array Format";
+          result.errorDetails = response.errors;
+        }
+      } else if (typeof response.errors === "object") {
+        const errorMessages = Object.values(response.errors).flat();
+        const hasAuthError = errorMessages.some(
+          (message) => typeof message === "string" && (message.includes("NOT_AUTHORIZED") || message.includes("TOKEN_REFRESH_FAILED") || message.includes("PLEASE_LOGIN") || message.includes("Unauthorized") || message.includes("UNAUTHENTICATED") || message.includes("Token"))
+        );
+        if (hasAuthError) {
+          result.isAuthError = true;
+          result.errorType = "GraphQL Object Format";
+          result.errorDetails = response.errors;
+          result.isTokenRefreshFailed = errorMessages.some(
+            (message) => typeof message === "string" && message.includes("TOKEN_REFRESH_FAILED")
+          );
+        }
+      }
+    }
+    if (!result.isAuthError && response.data?.response?.status === "UNAUTHORIZED") {
+      result.isAuthError = true;
+      result.errorType = "Status UNAUTHORIZED";
+      result.errorDetails = response.data.response;
+      result.isIrrecoverable = true;
+    }
+    if (!result.isAuthError && response.data?.response?.data) {
+      try {
+        const parsedData = JSON.parse(response.data.response.data);
+        if (parsedData.error === "REFRESH_TOKEN_INVALID" || parsedData.error === "TOKEN_EXPIRED") {
+          result.isAuthError = true;
+          result.errorType = "Parsed Data Format";
+          result.errorDetails = parsedData;
+          result.isRefreshTokenInvalid = true;
+          result.isIrrecoverable = true;
+        }
+      } catch {
+      }
+    }
+    if (!result.isAuthError && response.errorCode) {
+      const errorCode = response.errorCode;
+      const isAuthErrorCode = errorCode === "UNAUTHORIZED" || errorCode === "UNAUTHENTICATED" || errorCode === "TOKEN_EXPIRED";
+      if (isAuthErrorCode) {
+        result.isAuthError = true;
+        result.errorType = "Error Code Format";
+        result.errorDetails = { errorCode };
+      }
+    }
+    return result;
+  }
   /**
    * Limpiar sesión completamente
    */
@@ -1314,7 +1364,14 @@ function SessionProvider({
   // ✅ Por defecto DESACTIVADO
   notificationOptions = {}
 }) {
-  const sessionHook = useSession(options);
+  const enhancedOptions = import_react7.default.useMemo(() => ({
+    ...options,
+    onSessionExpired: () => {
+      console.log("\u{1F6A8} SessionProvider - Session expired callback triggered");
+      options.onSessionExpired?.();
+    }
+  }), [options]);
+  const sessionHook = useSession(enhancedOptions);
   const resolvedConfig = (0, import_react7.useMemo)(() => {
     let publicApiKey;
     let env;
@@ -1852,6 +1909,9 @@ function translateErrorCode(errorCode, config) {
   }
   for (const key of translationKeys) {
     const translated = translateFn(key);
+    if (enableDebug) {
+      console.log(`\u{1F50D} [ErrorTranslation] Checking key: "${key}" -> result: "${translated}" (same as key: ${translated === key})`);
+    }
     if (translated && translated !== key) {
       if (enableDebug) {
         console.log(`\u2705 [ErrorTranslation] Found translation at key: ${key} = "${translated}"`);
@@ -1880,13 +1940,25 @@ function translateError(error, config) {
   if (enableDebug) {
     console.log(`\u{1F50D} [ErrorTranslation] Translating error:`, error);
   }
-  if (error.message && !error.message.includes("Error:") && error.message.length > 0) {
+  const translatedCode = translateErrorCode(error.code, config);
+  if (translatedCode !== error.code.toUpperCase() && translatedCode !== error.code) {
     if (enableDebug) {
-      console.log(`\u2705 [ErrorTranslation] Using API message: "${error.message}"`);
+      console.log(`\u2705 [ErrorTranslation] Using hierarchical translation: "${translatedCode}"`);
+    }
+    if (error.field) {
+      return `${error.field}: ${translatedCode}`;
+    }
+    return translatedCode;
+  }
+  if (error.message && !error.message.includes("Error:") && error.message.length > 0 && error.message !== error.code) {
+    if (enableDebug) {
+      console.log(`\u{1F504} [ErrorTranslation] No hierarchical translation found, using API message: "${error.message}"`);
     }
     return error.message;
   }
-  const translatedCode = translateErrorCode(error.code, config);
+  if (enableDebug) {
+    console.log(`\u26A0\uFE0F [ErrorTranslation] Using final fallback: "${translatedCode}"`);
+  }
   if (error.field) {
     return `${error.field}: ${translatedCode}`;
   }
@@ -1949,11 +2021,14 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     return () => clearTimeout(timer);
   }, []);
   const translateError2 = (parsedError) => {
-    return errorTranslator.translateError({
+    console.log("\u{1F50D} [LoginForm] Translating parsed error:", parsedError);
+    const result = errorTranslator.translateError({
       code: parsedError.code,
       message: parsedError.message,
       field: parsedError.field
     });
+    console.log("\u{1F50D} [LoginForm] Translation result:", result);
+    return result;
   };
   const handleLogin = async () => {
     if (state.loading) return;

package/dist/index.mjs

@@ -414,7 +414,7 @@ var useLoginState = () => {
 };
 
 // src/providers/SessionProvider.tsx
-import { createContext as createContext5, useContext as useContext5, useMemo as useMemo2 } from "react";
+import React5, { createContext as createContext5, useContext as useContext5, useMemo as useMemo2 } from "react";
 
 // src/hooks/useSession.ts
 import { useState as useState3, useEffect as useEffect4, useCallback } from "react";
@@ -769,53 +769,103 @@ var SessionManager = class _SessionManager {
    */
   setupResponseInterceptor() {
     crudify2.setResponseInterceptor(async (response) => {
-      if (response.errors) {
-        this.log("Response interceptor - received response with errors:", response);
-      }
-      if (response.errors) {
-        let hasAuthError = false;
-        if (Array.isArray(response.errors)) {
-          hasAuthError = response.errors.some(
-            (error) => error.message?.includes("Unauthorized") || error.message?.includes("Token") || error.extensions?.code === "UNAUTHENTICATED" || error.message?.includes("NOT_AUTHORIZED")
-          );
-        } else if (typeof response.errors === "object") {
-          const errorMessages = Object.values(response.errors).flat();
-          hasAuthError = errorMessages.some(
-            (message) => typeof message === "string" && (message.includes("NOT_AUTHORIZED") || message.includes("TOKEN_REFRESH_FAILED") || message.includes("PLEASE_LOGIN") || message.includes("Unauthorized") || message.includes("UNAUTHENTICATED") || message.includes("Token"))
-          );
-        }
-        if (!hasAuthError && response.errorCode) {
-          const errorCode = response.errorCode;
-          hasAuthError = errorCode === "UNAUTHORIZED" || errorCode === "UNAUTHENTICATED" || errorCode === "TOKEN_EXPIRED";
+      const authError = this.detectAuthorizationError(response);
+      if (authError.isAuthError) {
+        console.warn("\u{1F6A8} SessionManager - Authorization error detected:", {
+          errorType: authError.errorType,
+          errorDetails: authError.errorDetails,
+          fullResponse: response
+        });
+        if (authError.isRefreshTokenInvalid || authError.isTokenRefreshFailed) {
+          this.log("Refresh token invalid or refresh already failed, clearing session");
+          TokenStorage.clearTokens();
+          this.config.onSessionExpired?.();
+          return response;
         }
-        if (hasAuthError) {
-          this.log("Auth error detected in response interceptor");
-          const isRefreshTokenFailed = response.errors && typeof response.errors === "object" && Object.values(response.errors).flat().some(
-            (message) => typeof message === "string" && message.includes("TOKEN_REFRESH_FAILED")
-          );
-          if (isRefreshTokenFailed) {
-            this.log("Refresh token failed, clearing tokens and triggering session expired");
-            TokenStorage.clearTokens();
-            this.config.onSessionExpired?.();
-          } else if (TokenStorage.hasValidTokens()) {
-            this.log("Auth error detected, attempting token refresh...");
-            const refreshSuccess = await this.refreshTokens();
-            if (!refreshSuccess) {
-              this.log("Session expired, triggering callback");
-              this.config.onSessionExpired?.();
-            }
-          } else {
-            this.log("Auth error but no valid tokens, triggering session expired");
+        if (TokenStorage.hasValidTokens() && !authError.isIrrecoverable) {
+          this.log("Auth error detected, attempting token refresh...");
+          const refreshSuccess = await this.refreshTokens();
+          if (!refreshSuccess) {
+            this.log("Token refresh failed, triggering session expired");
             this.config.onSessionExpired?.();
           }
         } else {
-          this.log("No auth error detected in response");
+          this.log("Auth error with no valid tokens or irrecoverable error, triggering session expired");
+          TokenStorage.clearTokens();
+          this.config.onSessionExpired?.();
         }
       }
       return response;
     });
     this.log("Response interceptor configured");
   }
+  /**
+   * Detectar errores de autorización en todos los formatos posibles
+   */
+  detectAuthorizationError(response) {
+    const result = {
+      isAuthError: false,
+      isRefreshTokenInvalid: false,
+      isTokenRefreshFailed: false,
+      isIrrecoverable: false,
+      errorType: "",
+      errorDetails: null
+    };
+    if (response.errors) {
+      if (Array.isArray(response.errors)) {
+        const hasAuthError = response.errors.some(
+          (error) => error.message?.includes("Unauthorized") || error.message?.includes("Token") || error.extensions?.code === "UNAUTHENTICATED" || error.message?.includes("NOT_AUTHORIZED")
+        );
+        if (hasAuthError) {
+          result.isAuthError = true;
+          result.errorType = "GraphQL Array Format";
+          result.errorDetails = response.errors;
+        }
+      } else if (typeof response.errors === "object") {
+        const errorMessages = Object.values(response.errors).flat();
+        const hasAuthError = errorMessages.some(
+          (message) => typeof message === "string" && (message.includes("NOT_AUTHORIZED") || message.includes("TOKEN_REFRESH_FAILED") || message.includes("PLEASE_LOGIN") || message.includes("Unauthorized") || message.includes("UNAUTHENTICATED") || message.includes("Token"))
+        );
+        if (hasAuthError) {
+          result.isAuthError = true;
+          result.errorType = "GraphQL Object Format";
+          result.errorDetails = response.errors;
+          result.isTokenRefreshFailed = errorMessages.some(
+            (message) => typeof message === "string" && message.includes("TOKEN_REFRESH_FAILED")
+          );
+        }
+      }
+    }
+    if (!result.isAuthError && response.data?.response?.status === "UNAUTHORIZED") {
+      result.isAuthError = true;
+      result.errorType = "Status UNAUTHORIZED";
+      result.errorDetails = response.data.response;
+      result.isIrrecoverable = true;
+    }
+    if (!result.isAuthError && response.data?.response?.data) {
+      try {
+        const parsedData = JSON.parse(response.data.response.data);
+        if (parsedData.error === "REFRESH_TOKEN_INVALID" || parsedData.error === "TOKEN_EXPIRED") {
+          result.isAuthError = true;
+          result.errorType = "Parsed Data Format";
+          result.errorDetails = parsedData;
+          result.isRefreshTokenInvalid = true;
+          result.isIrrecoverable = true;
+        }
+      } catch {
+      }
+    }
+    if (!result.isAuthError && response.errorCode) {
+      const errorCode = response.errorCode;
+      const isAuthErrorCode = errorCode === "UNAUTHORIZED" || errorCode === "UNAUTHENTICATED" || errorCode === "TOKEN_EXPIRED";
+      if (isAuthErrorCode) {
+        result.isAuthError = true;
+        result.errorType = "Error Code Format";
+        result.errorDetails = { errorCode };
+      }
+    }
+    return result;
+  }
   /**
    * Limpiar sesión completamente
    */
@@ -1241,7 +1291,14 @@ function SessionProvider({
   // ✅ Por defecto DESACTIVADO
   notificationOptions = {}
 }) {
-  const sessionHook = useSession(options);
+  const enhancedOptions = React5.useMemo(() => ({
+    ...options,
+    onSessionExpired: () => {
+      console.log("\u{1F6A8} SessionProvider - Session expired callback triggered");
+      options.onSessionExpired?.();
+    }
+  }), [options]);
+  const sessionHook = useSession(enhancedOptions);
   const resolvedConfig = useMemo2(() => {
     let publicApiKey;
     let env;
@@ -1779,6 +1836,9 @@ function translateErrorCode(errorCode, config) {
   }
   for (const key of translationKeys) {
     const translated = translateFn(key);
+    if (enableDebug) {
+      console.log(`\u{1F50D} [ErrorTranslation] Checking key: "${key}" -> result: "${translated}" (same as key: ${translated === key})`);
+    }
     if (translated && translated !== key) {
       if (enableDebug) {
         console.log(`\u2705 [ErrorTranslation] Found translation at key: ${key} = "${translated}"`);
@@ -1807,13 +1867,25 @@ function translateError(error, config) {
   if (enableDebug) {
     console.log(`\u{1F50D} [ErrorTranslation] Translating error:`, error);
   }
-  if (error.message && !error.message.includes("Error:") && error.message.length > 0) {
+  const translatedCode = translateErrorCode(error.code, config);
+  if (translatedCode !== error.code.toUpperCase() && translatedCode !== error.code) {
     if (enableDebug) {
-      console.log(`\u2705 [ErrorTranslation] Using API message: "${error.message}"`);
+      console.log(`\u2705 [ErrorTranslation] Using hierarchical translation: "${translatedCode}"`);
+    }
+    if (error.field) {
+      return `${error.field}: ${translatedCode}`;
+    }
+    return translatedCode;
+  }
+  if (error.message && !error.message.includes("Error:") && error.message.length > 0 && error.message !== error.code) {
+    if (enableDebug) {
+      console.log(`\u{1F504} [ErrorTranslation] No hierarchical translation found, using API message: "${error.message}"`);
     }
     return error.message;
   }
-  const translatedCode = translateErrorCode(error.code, config);
+  if (enableDebug) {
+    console.log(`\u26A0\uFE0F [ErrorTranslation] Using final fallback: "${translatedCode}"`);
+  }
   if (error.field) {
     return `${error.field}: ${translatedCode}`;
   }
@@ -1876,11 +1948,14 @@ var LoginForm = ({ onScreenChange, onExternalNavigate, onLoginSuccess, onError,
     return () => clearTimeout(timer);
   }, []);
   const translateError2 = (parsedError) => {
-    return errorTranslator.translateError({
+    console.log("\u{1F50D} [LoginForm] Translating parsed error:", parsedError);
+    const result = errorTranslator.translateError({
       code: parsedError.code,
       message: parsedError.message,
       field: parsedError.field
     });
+    console.log("\u{1F50D} [LoginForm] Translation result:", result);
+    return result;
   };
   const handleLogin = async () => {
     if (state.loading) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocios/crudify-ui",
-  "version": "3.0.42",
+  "version": "3.0.46",
   "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.2",
+    "@nocios/crudify-browser": "^2.0.4",
     "@types/uuid": "^10.0.0",
     "crypto-js": "^4.2.0",
     "i18next-browser-languagedetector": "^8.1.0",