ngx-sp-auth 4.21.0 → 4.21.1

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, inject } from '@angular/core';
+import { importProvidersFrom, NgModule, InjectionToken, Inject, Injectable, ViewContainerRef, ViewChild, Component, EventEmitter, Output, Input, TemplateRef, ContentChild, inject } from '@angular/core';
 import * as i1 from '@angular/common/http';
-import { HTTP_INTERCEPTORS, HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import { HTTP_INTERCEPTORS, HttpHeaders, HttpClient, 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, firstValueFrom, take, tap, 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, Usuario, RetPasswordPolicy, RetCheckPassword, CheckPasswordRecord, PasswordPolicyComponent, LibIconsComponent, ContentContainerComponent } from 'ngx-sp-infra';
 import { openDB, deleteDB } from 'idb';
@@ -512,13 +512,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }], ctorParameters: () => [{ type: LibCustomEnvironmentService }] });
 
+class LibCustomLoginService {
+    constructor(_customLoginService) {
+        this._customLoginService = _customLoginService;
+    }
+    // #region Propriedade Customizadas para o Componente login.component.ts
+    get loginTitle() {
+        return this._customLoginService.loginTitle;
+    }
+    get loginSubtitle() {
+        return this._customLoginService.loginSubtitle;
+    }
+    get loginBackground() {
+        return this._customLoginService.loginBackground;
+    }
+    get loginLogotipo() {
+        return this._customLoginService.loginLogotipo;
+    }
+    get loginAltLogotipo() {
+        return this._customLoginService.loginAltLogotipo;
+    }
+    get loginPageTitle() {
+        return this._customLoginService.loginPageTitle;
+    }
+    get loginDesenvDomain() {
+        return this._customLoginService.loginDesenvDomain;
+    }
+    get loginDesenvUser() {
+        return this._customLoginService.loginDesenvUser;
+    }
+    get loginDesenvPassword() {
+        return this._customLoginService.loginDesenvPassword;
+    }
+    // #endregion Propriedade Customizadas para o Componente login.component.ts
+    // #region Métodos Customizadas para o Componente auth.service.ts
+    /**
+     * Método executado no auth.service.ts - método: login ()
+     * Utilizado para inicializações diversas
+     */
+    authLogin() {
+        this._customLoginService.authLogin();
+    }
+    /**
+     * Método executado no auth.service.ts - método: logout ()
+     * Utilizado para inicializações diversas
+     */
+    authLogout() {
+        this._customLoginService.authLogout();
+    }
+    /**
+     * Método executado no auth.service.ts - método: login ()
+     * Utilizado para informar o redirecionamento para a tela inicial após o login ok
+     *
+     * @param router Objeto de Router que será utilizado
+     */
+    authNavigateToPage(router) {
+        this._customLoginService.authNavigateToPage(router);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, deps: [{ token: LIB_CUSTOM_LOGIN_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIB_CUSTOM_LOGIN_SERVICE]
+                }] }] });
+
 class AuthStorageService {
-    constructor(_httpBackend, _customStorageService, _indexedDBService, _customEnvironmentService) {
+    constructor(_httpBackend, _customStorageService, _indexedDBService, _customEnvironmentService, _customLoginService, _router) {
         this._httpBackend = _httpBackend;
         this._customStorageService = _customStorageService;
         this._indexedDBService = _indexedDBService;
         this._customEnvironmentService = _customEnvironmentService;
-        this._BASE_URL = ''; // SpInfra2WS
+        this._customLoginService = _customLoginService;
+        this._router = _router;
+        this._BASE_URL = ''; // SpInfra2LoginWS
+        this._LOGOUT_BASE_URL = ''; // SpInfra2LoginWS
+        this._HTTP_HEADERS = new HttpHeaders().set('Content-Type', 'application/json');
         this.__local_key = 'user_auth_v6';
         // indica se objeto já está marcado para salvar os dados no local storage.
         this.__isSaving = false;
@@ -565,8 +637,10 @@ class AuthStorageService {
         // azureClientId
         this.__azureClientId = "";
         this._httpClient = new HttpClient(_httpBackend);
-        this._BASE_URL = `${_customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2WS
-        this._BASE_URL = !_customEnvironmentService.production ? this._BASE_URL : `${_customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`;
+        this._BASE_URL = `${_customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2LoginWS
+        this._BASE_URL = !_customEnvironmentService.production ? this._BASE_URL : `${_customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2LoginWS
+        this._LOGOUT_BASE_URL = `${_customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`; // SpInfra2LoginWS
+        this._BASE_URL = !_customEnvironmentService.production ? this._BASE_URL : `${_customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`; // SpInfra2LoginWS
         // Método com customizações para inicializações da storage
         this._customStorageService.storageConstructor();
         const expectedLocalAuthStorage = localStorage.getItem(this.__local_key);
@@ -839,36 +913,22 @@ class AuthStorageService {
         // Chama a si próprio depois de um tempo igual ao tempo restante para o vencimento do token, para renovar o token ou deslogar o usuário.
         setTimeout(this.reCheckLogin.bind(this, true), leftTime * 1000);
     }
+    /**
+     * 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.
+     * @returns Promise<boolean> indicando navegação para a tela de login após o logout.
+    */
     logout() {
-        this.__isCheckingAuth = false;
-        this.isLoggedInSub.next(false);
-        this.__UrlRedirect = "/";
-        this.__ip = "";
-        this.__tenantId = 0;
-        this.__infraUsuarioId = "";
-        this.__infraEstabId = "";
-        this.__infraEstabNome = "";
-        this.__infraEmpresaId = "";
-        this.__infraEmpresaNome = "";
-        this.__user = "";
-        this.__userName = "";
-        this.__authToken = "";
-        this.__dominio = "";
-        this.__tokenPayload = {};
-        this.__isExternalLogin = false;
-        this.__infraInAuthTypeId = 0;
-        this.__infraIn2FaTypeId = null;
-        this.__is2FaEnabled = false;
-        this.__azureTenantId = "";
-        this.__azureClientId = "";
-        localStorage.removeItem(this.__local_key);
-        // Limpa o armazenamento local do navegador que contém os filtros de um produto específico
-        // Fecha a conexão local (se houver) antes de excluir a database para evitar o callback 'blocking'
-        this._indexedDBService.closeOpenConnection()
-            .then(() => this._indexedDBService.deleteDatabase())
-            .catch((err) => console.warn('logout() => falha ao limpar conexão', err));
-        // Método com customizações para finalizações da storage
-        this._customStorageService.storageLogout();
+        // 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.onLogout();
+            localStorage.removeItem('configServerUser');
+            localStorage.removeItem('configServerPassword');
+            // Método com customizações para inicializações do Logout
+            this._customLoginService.authLogout();
+        });
+        return this._router.navigate(["/auth/login"]);
     }
     getNewTokenBack() {
         let token = {
@@ -881,15 +941,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) => {
@@ -926,6 +985,37 @@ class AuthStorageService {
             }
         }
     }
+    onLogout() {
+        this.__isCheckingAuth = false;
+        this.isLoggedInSub.next(false);
+        this.__UrlRedirect = "/";
+        this.__ip = "";
+        this.__tenantId = 0;
+        this.__infraUsuarioId = "";
+        this.__infraEstabId = "";
+        this.__infraEstabNome = "";
+        this.__infraEmpresaId = "";
+        this.__infraEmpresaNome = "";
+        this.__user = "";
+        this.__userName = "";
+        this.__authToken = "";
+        this.__dominio = "";
+        this.__tokenPayload = {};
+        this.__isExternalLogin = false;
+        this.__infraInAuthTypeId = 0;
+        this.__infraIn2FaTypeId = null;
+        this.__is2FaEnabled = false;
+        this.__azureTenantId = "";
+        this.__azureClientId = "";
+        localStorage.removeItem(this.__local_key);
+        // Limpa o armazenamento local do navegador que contém os filtros de um produto específico
+        // Fecha a conexão local (se houver) antes de excluir a database para evitar o callback 'blocking'
+        this._indexedDBService.closeOpenConnection()
+            .then(() => this._indexedDBService.deleteDatabase())
+            .catch((err) => console.warn('logout() => falha ao limpar conexão', err));
+        // Método com customizações para finalizações da storage
+        this._customStorageService.storageLogout();
+    }
     isPrePortal() {
         // Identifica se a origem é PrePortal
         var url = new URL(window.location.href);
@@ -942,114 +1032,46 @@ class AuthStorageService {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthStorageService, deps: [{ token: i1.HttpBackend }, { token: LibCustomStorageService }, { token: IndexedDBService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthStorageService, deps: [{ token: i1.HttpBackend }, { token: LibCustomStorageService }, { token: IndexedDBService }, { token: LibCustomEnvironmentService }, { token: LibCustomLoginService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthStorageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpBackend }, { type: LibCustomStorageService }, { type: IndexedDBService }, { type: LibCustomEnvironmentService }] });
-
-class LibCustomLoginService {
-    constructor(_customLoginService) {
-        this._customLoginService = _customLoginService;
-    }
-    // #region Propriedade Customizadas para o Componente login.component.ts
-    get loginTitle() {
-        return this._customLoginService.loginTitle;
-    }
-    get loginSubtitle() {
-        return this._customLoginService.loginSubtitle;
-    }
-    get loginBackground() {
-        return this._customLoginService.loginBackground;
-    }
-    get loginLogotipo() {
-        return this._customLoginService.loginLogotipo;
-    }
-    get loginAltLogotipo() {
-        return this._customLoginService.loginAltLogotipo;
-    }
-    get loginPageTitle() {
-        return this._customLoginService.loginPageTitle;
-    }
-    get loginDesenvDomain() {
-        return this._customLoginService.loginDesenvDomain;
-    }
-    get loginDesenvUser() {
-        return this._customLoginService.loginDesenvUser;
-    }
-    get loginDesenvPassword() {
-        return this._customLoginService.loginDesenvPassword;
-    }
-    // #endregion Propriedade Customizadas para o Componente login.component.ts
-    // #region Métodos Customizadas para o Componente auth.service.ts
-    /**
-     * Método executado no auth.service.ts - método: login ()
-     * Utilizado para inicializações diversas
-     */
-    authLogin() {
-        this._customLoginService.authLogin();
-    }
-    /**
-     * Método executado no auth.service.ts - método: logout ()
-     * Utilizado para inicializações diversas
-     */
-    authLogout() {
-        this._customLoginService.authLogout();
-    }
-    /**
-     * Método executado no auth.service.ts - método: login ()
-     * Utilizado para informar o redirecionamento para a tela inicial após o login ok
-     *
-     * @param router Objeto de Router que será utilizado
-     */
-    authNavigateToPage(router) {
-        this._customLoginService.authNavigateToPage(router);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, deps: [{ token: LIB_CUSTOM_LOGIN_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LIB_CUSTOM_LOGIN_SERVICE]
-                }] }] });
+        }], ctorParameters: () => [{ type: i1.HttpBackend }, { type: LibCustomStorageService }, { type: IndexedDBService }, { type: LibCustomEnvironmentService }, { type: LibCustomLoginService }, { type: i1$1.Router }] });
 
 class AuthUtilService {
-    constructor(router, authStorageService, checkUrlAndMethodService, messageService, _customEnvironmentService) {
-        this.router = router;
-        this.authStorageService = authStorageService;
-        this.checkUrlAndMethodService = checkUrlAndMethodService;
-        this.messageService = messageService;
+    constructor(_authStorageService, _checkUrlAndMethodService, _customEnvironmentService, _message, _router) {
+        this._authStorageService = _authStorageService;
+        this._checkUrlAndMethodService = _checkUrlAndMethodService;
         this._customEnvironmentService = _customEnvironmentService;
+        this._message = _message;
+        this._router = _router;
     }
     // Exibe a mensagem de erro de uma requisição http
     showHttpError(error) {
         if (error.error instanceof ErrorEvent) {
             // Erro ocorreu no lado do cliente
-            this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
+            this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
         }
         else {
             // Erro ocorreu no lado do servidor
             let isUnauthorizedAccess = error.status === 401;
             if (isUnauthorizedAccess) {
-                let isFromAplic = this.checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
+                let isFromAplic = this._checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
                 if (isFromAplic) {
+                    // Comentado pois neste projeto esta alteração de valores não realizava o logout como deveria corretamente...
+                    // this.authStorageService.isLoggedInSub.next(false);
+                    // this.authStorageService.urlRedirect = "/";
                     // Remove a autenticação do usuário.
-                    this.authStorageService.isLoggedInSub.next(false);
-                    this.authStorageService.urlRedirect = "/";
-                    let promise = this.router.navigate(["/auth/login"]);
-                    promise.then(this.showExpiredAccess.bind(this));
+                    this._authStorageService.logout().then(this.showExpiredAccess.bind(this));
                 }
                 else {
-                    this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
+                    this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
                 }
             }
             else {
-                this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
+                this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
             }
         }
     }
@@ -1057,32 +1079,33 @@ class AuthUtilService {
     showHTTPErrorOS(error) {
         if (error.error instanceof ErrorEvent) {
             // Erro ocorreu no lado do cliente
-            this.router.navigate(["/auth/login"]).then(e => {
-                this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
+            this._router.navigate(["/auth/login"]).then(e => {
+                this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
             });
         }
         else {
             // Erro ocorreu no lado do servidor
             let isUnauthorizedAccess = error.status === 401;
             if (isUnauthorizedAccess) {
-                let isFromAplic = this.checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
+                let isFromAplic = this._checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
                 if (isFromAplic) {
+                    // Comentado pois neste projeto esta alteração de valores não realizava o logout como deveria corretamente...
+                    // this.authStorageService.isLoggedInSub.next(false);
+                    // this.authStorageService.urlRedirect = "/";
                     // Remove a autenticação do usuário.
-                    this.authStorageService.isLoggedInSub.next(false);
-                    this.authStorageService.urlRedirect = "/";
-                    this.router.navigate(["/auth/login"]).then(e => {
-                        this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
+                    this._authStorageService.logout().then(() => {
+                        this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
                     });
                 }
                 else {
-                    this.router.navigate(["/auth/login"]).then(e => {
-                        this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
+                    this._router.navigate(["/auth/login"]).then(e => {
+                        this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
                     });
                 }
             }
             else {
-                this.router.navigate(["/auth/login"]).then(e => {
-                    this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
+                this._router.navigate(["/auth/login"]).then(e => {
+                    this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
                 });
             }
         }
@@ -1090,14 +1113,14 @@ class AuthUtilService {
     // Mostra uma mensagem de sessão expirada.
     showExpiredAccess(navigationResult) {
         if (navigationResult) {
-            this.messageService.showAlertWarning("Sessão expirada, logue-se novamente.");
+            this._message.showAlertWarning("Sessão expirada, logue-se novamente.");
         }
     }
     // Obtém o hostName
     getHostName() {
         return this._customEnvironmentService.hostName;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthUtilService, deps: [{ token: i1$1.Router }, { token: AuthStorageService }, { token: i3.CheckUrlAndMethodService }, { token: i3.MessageService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthUtilService, deps: [{ token: AuthStorageService }, { token: i3.CheckUrlAndMethodService }, { token: LibCustomEnvironmentService }, { token: i3.MessageService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthUtilService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthUtilService, decorators: [{
@@ -1105,7 +1128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthStorageService }, { type: i3.CheckUrlAndMethodService }, { type: i3.MessageService }, { type: LibCustomEnvironmentService }] });
+        }], ctorParameters: () => [{ type: AuthStorageService }, { type: i3.CheckUrlAndMethodService }, { type: LibCustomEnvironmentService }, { type: i3.MessageService }, { type: i1$1.Router }] });
 
 class AuthService {
     // #endregion PRIVATE
@@ -1122,20 +1145,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.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2LoginWS
         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._LOGOUT_BASE_URL : `${this._customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`;
         this.getParms();
     }
     // #region ==========> SERVICE METHODS <==========
@@ -1193,8 +1219,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 +1466,22 @@ 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.
+     * @returns Promise<boolean> indicando navegação para a tela de login após o logout.
+    */
     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('configServerUser');
+            localStorage.removeItem('configServerPassword');
+            // Método com customizações para inicializações do Logout
+            this._customLoginService.authLogout();
+        });
+        return this._router.navigate(["/auth/login"]);
     }
     validateAuthentication2Fa(code) {
         let Code2Fa = {
@@ -1972,16 +2008,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 +2135,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 +2151,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 +2206,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.25", 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.25", 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.25", ngImport: i0, type: PesquisaTelasGlobalService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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) {
@@ -4655,15 +4684,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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) {
@@ -4672,12 +4699,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));
     }
@@ -4689,21 +4720,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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);
     }