ngx-sp-auth 4.20.4 → 4.20.8

package/fesm2022/ngx-sp-auth.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { importProvidersFrom, NgModule, InjectionToken, Inject, Injectable, Component, EventEmitter, Output, Input, TemplateRef, ContentChild, ViewChild } from '@angular/core';
+import { importProvidersFrom, NgModule, InjectionToken, Inject, Injectable, ViewContainerRef, ViewChild, Component, EventEmitter, Output, Input, TemplateRef, ContentChild } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HTTP_INTERCEPTORS, HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import * as i1$2 from '@azure/msal-angular';
 import { MsalInterceptor, MsalGuard, MsalModule, MSAL_GUARD_CONFIG } from '@azure/msal-angular';
 import { LogLevel, PublicClientApplication, InteractionType } from '@azure/msal-browser';
+import { BehaviorSubject, take, tap, firstValueFrom, Subject, Subscription, debounceTime, distinctUntilChanged, filter, switchMap, timer, map as map$1, of, lastValueFrom, from } from 'rxjs';
 import { take as take$1, tap as tap$1, map, switchMap as switchMap$1 } from 'rxjs/operators';
 import * as i1$1 from '@angular/router';
 import { RouterLink, NavigationEnd, RouterOutlet } from '@angular/router';
-import { BehaviorSubject, take, tap, Subject, Subscription, debounceTime, distinctUntilChanged, filter, switchMap, timer, map as map$1, firstValueFrom, of, lastValueFrom, from } from 'rxjs';
 import * as i3 from 'ngx-sp-infra';
 import { Utils, SearchInputComponent, InfraModule, FormUtils, LibIconsComponent, ContentContainerComponent } from 'ngx-sp-infra';
 import { openDB, deleteDB } from 'idb';
@@ -881,15 +881,14 @@ class AuthStorageService {
         };
         const url = `${this._BASE_URL}/GetNewToken`;
         const headers = new HttpHeaders()
-            .set('Content-Type', 'application/json')
-            .set('Authorization', `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}`);
-        return this._httpClient
-            .post(url, token, { 'headers': headers })
-            .pipe(take(1), tap((response) => {
-            if (response.Error) {
-                throw Error(response.ErrorMessage);
-            }
-        }));
+            .set('Content-Type', 'application/json');
+        // Remover/comentar o header abaixo pois o token será enviado via Cookie HttpOnly, e não mais via header Authorization
+        // .set('Authorization',
+        //   `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}`
+        // );
+        return this._httpClient.post(url, token, { 'headers': headers, withCredentials: true })
+            .pipe(take(1), tap((response) => { if (response.Error)
+            throw Error(response.ErrorMessage); }));
     }
     getNewToken() {
         return new Promise((resolve, reject) => {
@@ -1122,20 +1121,23 @@ class AuthService {
         // #region ==========> PROPERTIES <==========
         // #region PRIVATE
         this._pendingWarning = null;
-        this._BASE_URL = ''; // SpInfra2WS
         this._AUTH_BASE_URL = ''; // SpInfra2AuthWS
+        this._BASE_URL = ''; // SpInfra2WS
         this._BASE_OS_URL = ''; // SpInfra2LoginWS
+        this._LOGOUT_BASE_URL = ''; // SpInfra2LoginWS
         this._HTTP_HEADERS = new HttpHeaders().set('Content-Type', 'application/json');
         this.ip = "undefined";
         this.city = "undefined";
         this.state = "undefined";
         this.country = "undefined";
-        this._BASE_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2WS
         this._AUTH_BASE_URL = `${this._customEnvironmentService.SpInfra2AuthWS}/Auth`; // SpInfra2AuthWS
+        this._BASE_URL = `${this._customEnvironmentService.Sp2LocalhostInfra2LoginWS}/LoginSisproERP`; // SpInfra2WS
         this._BASE_OS_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LoginIntegradoOS`; // SpInfra2LoginWS
-        this._BASE_URL = !this._customEnvironmentService.production ? this._BASE_URL : `${this._customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`;
+        this._LOGOUT_BASE_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`; // SpInfra2LoginWS
         this._AUTH_BASE_URL = !this._customEnvironmentService.production ? this._AUTH_BASE_URL : `${this._customEnvironmentService.SpInfra2AuthWS}/Auth`;
+        this._BASE_URL = !this._customEnvironmentService.production ? this._BASE_URL : `${this._customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`;
         this._BASE_OS_URL = !this._customEnvironmentService.production ? this._BASE_OS_URL : `${this._customEnvironmentService.SpInfra2LoginWS}/LoginIntegradoOS`;
+        this._LOGOUT_BASE_URL = !this._customEnvironmentService.production ? this._BASE_OS_URL : `${this._customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`;
         this.getParms();
     }
     // #region ==========> SERVICE METHODS <==========
@@ -1193,8 +1195,10 @@ class AuthService {
             if (response.Error) {
                 throw Error(response.ErrorMessage);
             }
-            localStorage.setItem('configServerUser', response.User);
-            localStorage.setItem('configServerPassword', response.Password);
+            // Comentadas pois não serão mais armazenadas desta forma, o webservice gerará um Cookie com o valor já formatado para Base64
+            // E o mesmo será enviada nas requisições subsequentes via párâmetro `withCredentials: true`, e não mais via header Authorization
+            // localStorage.setItem('configServerUser', response.User);
+            // localStorage.setItem('configServerPassword', response.Password);
             this._authStorageService.tenantId = response.TenantId;
             this._authStorageService.dominio = response.Domain;
             this._authStorageService.infraInAuthTypeId = response.InfraInAuthTypeId;
@@ -1438,14 +1442,19 @@ class AuthService {
             }
         }));
     }
-    /** Realiza o logout do sistema, removendo tokens do localStorage e limpando cache */
+    /** Realiza o logout do sistema, consumindo o endpoint de logout para remover os cookies e limpando as informações de autenticação armazenadas no localStorage. */
     logout() {
-        this._authStorageService.logout();
-        localStorage.removeItem('configsServerUser');
-        localStorage.removeItem('configsServerPassword');
-        // Método com customizações para inicializações do Logout
-        this._customLoginService.authLogout();
-        this._router.navigate(["/auth/login"]);
+        // Consumo de endpoint de logout
+        const url = `${this._LOGOUT_BASE_URL}`;
+        firstValueFrom(this._httpClient.post(url, null, { 'headers': this._HTTP_HEADERS })).then(res => {
+            console.log(res);
+            this._authStorageService.logout();
+            localStorage.removeItem('configsServerUser');
+            localStorage.removeItem('configsServerPassword');
+            // Método com customizações para inicializações do Logout
+            this._customLoginService.authLogout();
+            this._router.navigate(["/auth/login"]);
+        });
     }
     validateAuthentication2Fa(code) {
         let Code2Fa = {
@@ -1972,16 +1981,12 @@ class PesquisaTelasGlobalService {
     // #region PUBLIC
     // #endregion PUBLIC
     // #endregion ==========> PROPERTIES <==========
-    constructor(_componentFactoryResolver, _appRef, _injector, _httpClient, _customEnvironmentService, _authUtils) {
-        this._componentFactoryResolver = _componentFactoryResolver;
+    constructor(_appRef, _injector, _httpClient, _customEnvironmentService, _authUtils) {
         this._appRef = _appRef;
         this._injector = _injector;
         this._httpClient = _httpClient;
         this._customEnvironmentService = _customEnvironmentService;
         this._authUtils = _authUtils;
-        // #region ==========> PROPERTIES <==========
-        // #region PRIVATE
-        // #region GERENCIAMENTO DINÂMICO DO COMPONENTE
         /**
          * Referência ao componente dinâmico criado.
          * Usado para gerenciar o ciclo de vida e estado do componente.
@@ -2103,7 +2108,7 @@ class PesquisaTelasGlobalService {
      *
      * Este método utiliza a API baixo nível do Angular para criar um componente dinamicamente e anexá-lo ao DOM. O processo envolve:
      *
-     * 1. Criar o componente via ComponentFactoryResolver
+     * 1. Criar o componente via `container.createComponent()`
      * 2. Configurar suas propriedades iniciais
      * 3. Registrá-lo no mecanismo de detecção de mudanças do Angular
      * 4. Anexá-lo ao DOM (fora da hierarquia normal de componentes)
@@ -2119,24 +2124,18 @@ class PesquisaTelasGlobalService {
         if (this._componentRef) {
             return;
         }
-        // 1. Resolve a fábrica do componente - primeiro passo para criar
-        // um componente dinamicamente no Angular. A fábrica contém os metadados
-        // necessários para instanciar o componente.
-        const componentFactory = this._componentFactoryResolver.resolveComponentFactory(SearchInputComponent);
-        // 2. Cria uma nova instância do componente usando o injector raiz
-        // Isso garante que o componente tenha acesso aos mesmos serviços
-        // que componentes criados normalmente via template
-        this._componentRef = componentFactory.create(this._injector);
-        // 3. Registra a view do componente no ApplicationRef
+        // 1. Cria uma nova instância do componente
+        this._componentRef = this._container.createComponent(SearchInputComponent);
+        // 2. Registra a view do componente no ApplicationRef
         // Isso é CRÍTICO: sem este passo, o componente não participaria
         // do ciclo de detecção de mudanças do Angular
         this._appRef.attachView(this._componentRef.hostView);
-        // 4. Obtém o elemento DOM raiz do componente e o anexa ao body
+        // 3. Obtém o elemento DOM raiz do componente e o anexa ao body
         // Como este componente é criado fora da hierarquia normal,
         // precisamos anexá-lo manualmente ao DOM
         const domElem = this._componentRef.hostView.rootNodes[0];
         document.body.appendChild(domElem);
-        // 5. Configura os listeners dos eventos do componente
+        // 4. Configura os listeners dos eventos do componente
         // Em vez de tratar o hide() diretamente aqui, encaminhamos o evento para o Subject _onClose$ e guardamos a subscription para poder removê-la quando escondermos o componente.
         this._componentCloseSub = this._componentRef.instance.onClose.subscribe(() => this._onClose$.next());
         // Em vez de tratar o getTelas() diretamente aqui, encaminhamos o evento para o Subject _onSearch$ e guardamos a subscription para poder removê-la quando escondermos o componente.
@@ -2180,13 +2179,16 @@ class PesquisaTelasGlobalService {
     // #endregion GERENCIAMENTO DO COMPONENTE
     showErrorMessage(response) { if (response.Error)
         throw Error(response.ErrorMessage); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PesquisaTelasGlobalService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.HttpClient }, { token: LibCustomEnvironmentService }, { token: AuthUtilService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PesquisaTelasGlobalService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.HttpClient }, { token: LibCustomEnvironmentService }, { token: AuthUtilService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PesquisaTelasGlobalService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PesquisaTelasGlobalService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i1.HttpClient }, { type: LibCustomEnvironmentService }, { type: AuthUtilService }] });
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: i1.HttpClient }, { type: LibCustomEnvironmentService }, { type: AuthUtilService }], propDecorators: { _container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: true }]
+            }] } });
 
 class ErrorMenuNotAllowed {
     constructor(router, authStorageService) {
@@ -4321,15 +4323,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
 ;
 
 /**
- * \brief Intercepta uma chamada HTTP para inserir o usuário logado no header em conjunto
- *        com o login para uso da API.
- *
+ * Intercepta uma chamada HTTP para inserir o usuário logado nos cookies (e header, para compatibilidade) em conjunto com o login para uso da API.
  * Depende do serviço de autenticação.
- */
+*/
 class AuthAplicInterceptor {
-    constructor(authCheckService, token, _customEnvironmentService) {
-        this.authCheckService = authCheckService;
-        this.token = token;
+    constructor(_authCheckService, _authStorage, _customEnvironmentService) {
+        this._authCheckService = _authCheckService;
+        this._authStorage = _authStorage;
         this._customEnvironmentService = _customEnvironmentService;
     }
     intercept(req, next) {
@@ -4338,12 +4338,16 @@ class AuthAplicInterceptor {
     }
     async handle(req, next) {
         let changedReq = req;
-        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthAplic)) {
+        if (this._authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthAplic)) {
             // Verifica se o Token precisa ser renovado
-            await this.token.renewToken();
+            await this._authStorage.renewToken();
             // Adiciona as autenticações necessárias ao servidor.
-            let headers = req.headers.set('Authorization', `Bearer ${this.token.authToken}`);
-            changedReq = req.clone({ headers: headers });
+            // Daqui alguns dias este trecho será removido e os tokens serão enviados exclusivamente pelos Cookies, mas por enquanto, para manter compatibilidade com o que já existe, o token será enviado no header
+            let headers = req.headers.set('Authorization', `Bearer ${this._authStorage.authToken}`);
+            changedReq = req.clone({
+                headers: headers,
+                withCredentials: true // Parâmetro necessário para utilização dos Cookies HttpOnly
+            });
         }
         return await lastValueFrom(next.handle(changedReq));
     }
@@ -4355,21 +4359,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i3.CheckUrlAndMethodService }, { type: AuthStorageService }, { type: LibCustomEnvironmentService }] });
 
-/**
- * \brief Intercepta uma chamada HTTP para inserir a autenticação da Sispro.
- */
+/** Intercepta uma chamada HTTP para inserir a autenticação da básica das APIs nos Cookies (e no header, para compatibilidade) */
 class AuthInfraInterceptor {
-    constructor(authCheckService, _customEnvironmentService) {
-        this.authCheckService = authCheckService;
+    constructor(_authCheckService, _customEnvironmentService) {
+        this._authCheckService = _authCheckService;
         this._customEnvironmentService = _customEnvironmentService;
     }
     intercept(req, next) {
         let changedReq = req;
-        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthInfra)) {
+        if (this._authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthInfra)) {
+            // Instanciado inicialmente com os headers da requisição original, para não perder nenhum header que já tenha sido adicionado
+            let headers = req.headers;
             // Adiciona as autenticações necessárias ao servidor. Autenticação básica.
-            let headers = req.headers.set("Authorization", `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}
+            // Daqui alguns dias este trecho será removido e os tokens serão enviados exclusivamente pelos Cookies, mas por enquanto, para manter compatibilidade com o que já existe, o token será enviado no header
+            if (localStorage.getItem('configServerUser') && localStorage.getItem('configServerPassword')) {
+                headers = req.headers.set("Authorization", `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}
                 `);
-            changedReq = req.clone({ headers: headers });
+            }
+            changedReq = req.clone({
+                headers: headers,
+                withCredentials: true // Parâmetro necessário para utilização dos Cookies HttpOnly
+            });
         }
         return next.handle(changedReq);
     }