ngx-dsxlibrary 1.21.22 → 1.21.25

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) => {
@@ -2148,6 +2165,32 @@ function createTypedCacheProvider(tokenName) {
     return { token, provider };
 }
 
+class DteService {
+    /** Servicio HttpClient para realizar peticiones HTTP */
+    http = inject(HttpClient);
+    /**
+     * Configuración del entorno inyectada mediante el token ENVIRONMENT.
+     * La validación se realiza automáticamente al usar provideEnvironment().
+     */
+    environment = inject(ENVIRONMENT);
+    /** URL base de la API JWT construida desde la configuración del entorno */
+    SeguridadITApi = `${this.environment.SeguridadITApiUrl}api/dte`;
+    pdfDTE(UUID) {
+        // Realiza una solicitud POST al endpoint de refresco de token
+        return this.http.get(`${this.SeguridadITApi}/pdf-dte/${UUID}`, {
+            responseType: 'blob',
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DteService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DteService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DteService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class EndpointService {
     http = inject(HttpClient);
     environment = inject(ENVIRONMENT);
@@ -2404,7 +2447,7 @@ class UtilityAddService {
      * @param actionId 0 para abrir en nueva ventana, 1 para descargar
      * @param fileName Nombre del archivo sin extensión
      */
-    handleFileResponse(fileObservable, actionId, fileName) {
+    handleFileResponse(fileObservable, actionId = 0, fileName) {
         fileObservable.subscribe({
             next: (fileBlob) => {
                 const fileUrl = URL.createObjectURL(fileBlob);
@@ -2436,6 +2479,67 @@ class UtilityAddService {
                 break;
         }
     }
+    /**
+     * Abre un archivo PDF en una nueva pestaña del navegador.
+     *
+     * @param blob - Objeto Blob que contiene los datos del archivo PDF.
+     *
+     * @example
+     * // Uso típico con respuesta de servicio HTTP
+     * this.pdfService.getPdf(id).subscribe(blob => {
+     *   this.utilityAddService.PdfView(blob);
+     * });
+     *
+     * @description
+     * Este método crea un URL temporal para el Blob del PDF y lo abre en una nueva
+     * pestaña del navegador. El URL se revoca automáticamente después de 100ms para
+     * liberar memoria.
+     */
+    PdfView(blob) {
+        // Crear un URL temporal para el Blob
+        const pdfUrl = URL.createObjectURL(blob);
+        // Abrir el PDF en una nueva pestaña
+        window.open(pdfUrl, '_blank');
+        // Liberar el URL del Blob una vez que la pestaña ha sido abierta
+        // Esperar un poco para asegurarse de que el archivo se ha abierto
+        setTimeout(() => {
+            window.URL.revokeObjectURL(pdfUrl);
+        }, 100);
+    }
+    /**
+     * Descarga un archivo PDF con un nombre personalizado que incluye el prefijo "DTE_".
+     *
+     * @param blob - Objeto Blob que contiene los datos del archivo PDF a descargar.
+     * @param filename - Nombre base del archivo sin extensión (se agregará automáticamente ".pdf" y el prefijo "DTE_").
+     *
+     * @example
+     * // Uso típico con respuesta de servicio HTTP
+     * this.dteService.getDTE(operacionId).subscribe(blob => {
+     *   this.utilityAddService.downloadPdfFile(blob, '12345');
+     *   // Descarga el archivo como: DTE_12345.pdf
+     * });
+     *
+     * @description
+     * Este método crea un URL temporal para el Blob y simula un clic en un enlace de
+     * descarga para iniciar la descarga automática del archivo. El nombre del archivo
+     * sigue el formato: DTE_{filename}.pdf. El URL se revoca después de 100ms para
+     * liberar memoria.
+     */
+    downloadPdfFile(blob, filename) {
+        // Crear un URL temporal para el Blob
+        const pdfUrl = URL.createObjectURL(blob);
+        // Crear un enlace de descarga
+        const link = document.createElement('a');
+        link.href = pdfUrl;
+        // Establecer el nombre del archivo utilizando el operacionId
+        link.download = `DTE_${filename}.pdf`;
+        // Simular un clic en el enlace para iniciar la descarga
+        link.click();
+        // Liberar el URL del Blob después de un pequeño retraso
+        setTimeout(() => {
+            window.URL.revokeObjectURL(pdfUrl);
+        }, 100);
+    }
     forceDownload(fileUrl, fullFileName) {
         const downloadLink = document.createElement('a');
         downloadLink.href = fileUrl;
@@ -2672,66 +2776,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;
     };
 }
@@ -2914,5 +2980,5 @@ function CUICorrecto(cui) {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertaService, AppMessageErrorComponent, AuthorizeService, CACHE_KEYS, CacheService, CssV2Component, DsxAddToolsModule, ENVIRONMENT, EndpointService, ErrorHandlerService, INITIAL_PARAMETERS, IconDsxComponent, JsonHighlightPipe, JsonValuesDebujComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, NavbarDsxComponent, OnlyRangoPatternDirective, ParameterValuesService, PrimeNgModule, SWEET_ALERT_THEMES, SecurityService, SelectAllOnFocusDirective, TruncatePipe, UtilityAddService, atLeastOneFieldRequiredValidator, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, httpAuthorizeInterceptor, nitValidator, provideEnvironment, validateEnvironmentConfig };
+export { AlertaService, AppMessageErrorComponent, AuthorizeService, CACHE_KEYS, CacheService, CssV2Component, DsxAddToolsModule, DteService, ENVIRONMENT, EndpointService, ErrorHandlerService, INITIAL_PARAMETERS, IconDsxComponent, JsonHighlightPipe, JsonValuesDebujComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, NavbarDsxComponent, OnlyRangoPatternDirective, ParameterValuesService, PrimeNgModule, SWEET_ALERT_THEMES, SecurityService, SelectAllOnFocusDirective, TruncatePipe, UtilityAddService, atLeastOneFieldRequiredValidator, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, httpAuthorizeInterceptor, nitValidator, provideEnvironment, validateEnvironmentConfig };
 //# sourceMappingURL=ngx-dsxlibrary.mjs.map