ngx-dsxlibrary 1.21.22 → 1.21.24

package/README.md

@@ -16,4 +16,5 @@ Se actualizo el servicio authorize se agrego getTokenValues y se agrego a primeN
 Se actualizo primeNg se agrego PanelMenuModule y se dio acceso al servicio de error 1.21.9
 Se actualizo primeNg se agrego DrawerModule 1.21.10
 Se actualiza url de json loader 1.21.12
+Se actualizo el interceptor http-authorize para manejar correctamente el refresh de token (401), detener peticiones cuando el TokenRefresh es inválido y mostrar mensajes de error más claros al usuario 1.21.24
 ```

package/fesm2022/ngx-dsxlibrary.mjs

@@ -6,7 +6,7 @@ import { TagModule } from 'primeng/tag';
 import { CountUpDirective } from 'ngx-countup';
 import { map, catchError, of, shareReplay, throwError, BehaviorSubject, EMPTY, switchMap, filter, take, finalize } from 'rxjs';
 import * as i1$1 from '@angular/common/http';
-import { HttpClient, HttpHeaders, HttpParams, HttpStatusCode } from '@angular/common/http';
+import { HttpClient, HttpHeaders, HttpParams, HttpStatusCode, HttpErrorResponse } from '@angular/common/http';
 import * as i2 from '@angular/platform-browser';
 import { LottieComponent } from 'ngx-lottie';
 import * as i4 from '@angular/forms';
@@ -1700,7 +1700,8 @@ class ErrorHandlerService {
                     'Solicitud incorrecta (400). Verifica los datos ingresados o validaciones existentes.';
                 break;
             case HttpStatusCode.Unauthorized:
-                userMessage = 'Acceso no autorizado (401). Por favor inicia sesión.';
+                userMessage =
+                    '<b>Acceso no autorizado</b> (401). Por favor inicia sesión.';
                 break;
             case HttpStatusCode.Forbidden:
                 userMessage = 'No tienes permisos para realizar esta acción (403).';
@@ -1725,7 +1726,7 @@ class ErrorHandlerService {
             err.status +
             ' <i>Message:</i> ' +
             userMessage +
-            `.<strong class="alertMessageDsx"> (${error.error})</strong>`);
+            `<strong class="alertMessageDsx"> (${error.error})</strong>`);
         // Imprimir el mensaje técnico
         if (isDevMode()) {
             console.error(err);
@@ -1796,16 +1797,32 @@ const httpAuthorizeInterceptor = (req, next) => {
             // Si no se está refrescando el token, inicia el proceso de refresh
             if (!isRefreshing) {
                 isRefreshing = true;
-                refreshTokenSubject.next(null);
+                // Reiniciar el subject en cada ciclo de refresh para evitar estados cerrados por error
+                refreshTokenSubject = new BehaviorSubject(null);
                 // Solicita el refresh del token
                 return _securityService.tokenRefresh(refreshToken).pipe(switchMap((response) => {
+                    // Si el servicio de refresh indica fallo o no retorna datos, mostrar error y cortar flujo
+                    if (!response.isSuccess || !response.data) {
+                        //console.log('Refresh token fallido:', response);
+                        isRefreshing = false;
+                        const refreshError = new HttpErrorResponse({
+                            status: HttpStatusCode.Unauthorized,
+                            statusText: 'Token de refresco inválido',
+                            error: response.message,
+                            url: req.url,
+                        });
+                        // Notificar a las peticiones en espera que el refresh falló
+                        refreshTokenSubject.error(refreshError);
+                        // Enviamos el error al manejador centralizado para mostrar el mensaje al usuario
+                        return _handleErrorService.handleErrorResponse(refreshError);
+                    }
+                    // Refresh exitoso: actualizar tokens y repetir la petición original
                     isRefreshing = false;
                     _authorizeService.tokenReload(response.data); // Actualiza el token en el servicio
-                    refreshTokenSubject.next(response.data?.token); // Emite el nuevo token
-                    // Repite la petición original con el nuevo token
+                    refreshTokenSubject.next(response.data.token); // Emite el nuevo token
                     return next(req.clone({
                         setHeaders: {
-                            Authorization: `Bearer ${response.data?.token}`,
+                            Authorization: `Bearer ${response.data.token}`,
                         },
                     }));
                 }), catchError((err) => {
@@ -2672,66 +2689,28 @@ function dateRangeValidator(control) {
 }
 /**
  * Valida que una fecha única esté dentro de un rango mínimo y máximo.
- * Este validador es compatible con fechas en formato string ('YYYY-MM-DD') y objetos Date.
- * Convierte correctamente las fechas string a fechas locales para evitar desfases por zona horaria.
- *
- * @param minDate Fecha mínima permitida (tipo Date, debe ser creada correctamente en local).
- * @param maxDate Fecha máxima permitida (tipo Date, debe ser creada correctamente en local).
- * @returns Una función validadora para Angular Reactive Forms.
- *
- * Ejemplo de uso:
- *   myControl = new FormControl('', [dateMinMaxValidator(new Date(2025, 2, 1), new Date(2025, 2, 15))]);
- *
- * Notas de depuración:
- * - Si recibes fechas string, se convierten a local usando parseLocalDate.
- * - Si recibes objetos Date, se usan directamente.
- * - Si la fecha está fuera del rango, se retorna un error con detalles.
- * - Si la fecha es inválida o vacía, no retorna error (null).
+ * Las fechas deben utilizar la función de convertirFechaISOString para asegurar el formato correcto y que funcione con el componente primeNg.
+ * @param minDate Fecha mínima permitida.
+ * @param maxDate Fecha máxima permitida.
  */
 function dateMinMaxValidator(minDate, maxDate) {
-    /**
-     * Convierte un string 'YYYY-MM-DD' a un objeto Date en la zona horaria local.
-     * Esto evita desfases por zona horaria al crear fechas desde strings.
-     * @param dateString Fecha en formato 'YYYY-MM-DD'.
-     * @returns Date en local.
-     */
-    function parseLocalDate(dateString) {
-        const [year, month, day] = dateString.split('-').map(Number);
-        // El mes es 0-indexado en JavaScript
-        return new Date(year, month - 1, day);
-    }
     return (control) => {
-        let date = control.value;
-        let currentDate = null;
-        // Si el valor existe, intentamos convertirlo a Date
-        if (date) {
-            // Si es string con formato 'YYYY-MM-DD', convertir a local
-            if (typeof date === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(date)) {
-                currentDate = parseLocalDate(date);
-            }
-            else {
-                // Si es Date o string con otro formato, intentar convertir directamente
-                currentDate = new Date(date);
-            }
-            // Verificar si la fecha es válida
-            if (!isNaN(currentDate.getTime())) {
-                // Depuración: descomentar para ver valores en consola
-                // console.log('Fecha actual:', currentDate, 'Min:', minDate, 'Max:', maxDate);
-                // Validar si la fecha está fuera del rango permitido
-                if (currentDate < minDate || currentDate > maxDate) {
-                    return {
-                        dateNotRange: {
-                            message: `La fecha debe estar entre ${minDate.toLocaleDateString()} y ${maxDate.toLocaleDateString()}`,
-                            minDate: minDate.toISOString(),
-                            maxDate: maxDate.toISOString(),
-                            actualDate: currentDate.toISOString(), // Para depuración
-                        },
-                    };
-                }
-                return null; // Fecha válida y dentro del rango
+        const date = control.value;
+        // Verificar si el valor es una fecha válida
+        if (date && !isNaN(new Date(date).getTime())) {
+            const currentDate = new Date(date);
+            // Validar si la fecha está fuera del rango permitido
+            if (currentDate < minDate || currentDate > maxDate) {
+                return {
+                    dateNotRange: {
+                        message: `La fecha debe estar entre ${minDate.toLocaleDateString()} y ${maxDate.toLocaleDateString()}`,
+                        minDate: minDate.toISOString(),
+                        maxDate: maxDate.toISOString(),
+                    },
+                };
             }
+            return null; // Fecha válida y dentro del rango
         }
-        // Si no hay valor o la fecha es inválida, no retorna error
         return null;
     };
 }