@nocios/crudify-ui 3.0.44 → 3.0.48

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;

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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocios/crudify-ui",
-  "version": "3.0.44",
+  "version": "3.0.48",
   "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",