ngx-sp-auth 4.22.5 → 4.22.7

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, HttpResponse } 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 { 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, firstValueFrom, Subscription, debounceTime, distinctUntilChanged, filter, switchMap, timer, map as map$1, of, lastValueFrom, from } from 'rxjs';
+import { BehaviorSubject, firstValueFrom, take, tap, Subject, Subscription, debounceTime, distinctUntilChanged, filter, switchMap, timer, map as map$1, of, lastValueFrom, from, catchError, throwError } 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,33 @@ 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);
     }
-    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();
+    /**
+     * 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.
+    */
+    async logout() {
+        // Consumo de endpoint de logout
+        const url = `${this._LOGOUT_BASE_URL}`;
+        console.log('1. URL:', url);
+        await firstValueFrom(this._httpClient.post(url, null, { 'headers': this._HTTP_HEADERS, withCredentials: true })).then((res) => {
+            console.log('2. res:', res);
+        })
+            .catch((err) => {
+            console.log('2.1. teste se aparece aqui no erro do endpoint de logout:', err);
+        })
+            .then(() => {
+            // Independente de sucesso ou erro, realiza a limpeza do localStorage após o endpoint ser chamado
+            console.log('3. Removendo variáveis de configuração do usuário e senha do localStorage');
+            localStorage.removeItem('configServerUser');
+            localStorage.removeItem('configServerPassword');
+            console.log('4. Chamando método onLogout() para limpar variáveis de autenticação e redirecionar para a tela de login');
+            this.onLogout();
+            // Método com customizações para inicializações do Logout
+            console.log('5. Chamando método authLogout() do serviço de customização para realizar ações de logout específicas');
+            this._customLoginService.authLogout();
+        });
+        console.log('6. Navegando para rota de login');
+        return this._router.navigate(["/auth/login"]);
     }
     getNewTokenBack() {
         let token = {
@@ -881,15 +952,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 +996,39 @@ class AuthStorageService {
             }
         }
     }
+    onLogout() {
+        console.log('4.1. Iniciando onLogout() para limpar variáveis de autenticação e redirecionar para a tela de login');
+        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 = "";
+        console.log('4.2. __localKey:', this.__local_key);
+        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 +1045,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 +1092,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 +1126,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 +1141,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 +1158,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 +1232,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,15 +1479,6 @@ class AuthService {
             }
         }));
     }
-    /** Realiza o logout do sistema, removendo tokens do localStorage e limpando cache */
-    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"]);
-    }
     validateAuthentication2Fa(code) {
         let Code2Fa = {
             infraUsuarioId: this._authStorageService.infraUsuarioId,
@@ -1564,6 +1596,7 @@ class AuthService {
             }
         }));
     }
+    // TODO: Criar método de logout aqui que usa os métodos de limpeza de storage do `auth-storage.service.ts`...
     // #endregion POST
     // #endregion ==========> SERVICE METHODS <==========
     // #region ==========> UTILS <==========
@@ -1598,7 +1631,7 @@ class MenuServicesService {
         // #region NewImg Event
         // Implementação de lógica vista no link: https://hasangalakdinu.medium.com/how-to-call-a-function-in-another-component-angular-using-rxjs-3f2e85920705
         this._subject = new Subject();
-        this._BASE_URL = `${this._customEnvironmentService.SpInfra2ErpWS}`; // SpInfra2ErpWS
+        this._BASE_URL = `${this._customEnvironmentService.Sp2LocalhostWS}`; // SpInfra2ErpWS
         this._BASE_URL = !this._customEnvironmentService.production ? this._BASE_URL : `${this._customEnvironmentService.SpInfra2ErpWS}`;
         this._BASE_URL_VERSION_INFRA = `${this._customEnvironmentService.SpInfra2AuthWS.replace('SpInfra2AuthWS', 'SpInfra2VersionWS')}`; // SpInfra2VersionWS
         this._BASE_URL_VERSION_INFRA = !this._customEnvironmentService.production ? this._BASE_URL_VERSION_INFRA : `${this._customEnvironmentService.SpInfra2AuthWS.replace('SpInfra2AuthWS', 'SpInfra2VersionWS')}`;
@@ -1819,6 +1852,13 @@ class MenuServicesService {
             }
         }));
     }
+    /** Método executado para pegar o HostName de direcionamento para a V6. */
+    GetHostServerV6() {
+        const url = `${this._BASE_URL}/Menu/GetHostServerV6`;
+        return this._httpClient.get(url, { headers: this._HTTP_HEADERS })
+            .pipe(take(1), tap((response) => { if (response.Error)
+            throw Error(response.ErrorMessage); }));
+    }
     /**
      * **ESTE MÉTODO FOI DUPLICADO DO MÉTODO `GetHostServerOutSystems` PARA SER UTILIZADO DE FORMA ASSÍNCRONA, SEM *OBSERVABLE*, PARA EVITAR PROBLEMAS DE SINCRONIA NA CONSTRUÇÃO DO MENU DINÂMICO.**
      *
@@ -1987,16 +2027,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.
@@ -2118,7 +2154,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)
@@ -2134,24 +2170,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.
@@ -2195,13 +2225,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) {
@@ -3676,7 +3709,7 @@ class MenuLateralComponent {
                 postLogoutRedirectUri: hostAuthLogin
             });
         }
-        this._authService.logout();
+        this._authStorageService.logout();
     }
     getExternalUrl(url, isOutroModulo) {
         if (url.includes('https://'))
@@ -4675,15 +4708,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) {
@@ -4692,14 +4723,34 @@ 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: HttpHeaders = 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));
+        // return await lastValueFrom(next.handle(changedReq));
+        // Exemplo de leitura de resposta via interceptor abaixo:
+        return await lastValueFrom(next.handle(changedReq)
+            // INTERCEPTAR RESPOSTA
+            .pipe(tap(event => {
+            if (event instanceof HttpResponse) {
+                // console.log("Resposta HTTP interceptada:", event);
+            }
+        }), 
+        // INTERCEPTAR ERRO
+        catchError(error => {
+            // console.error("Erro HTTP interceptado:", error);
+            return throwError(() => error);
+        })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthAplicInterceptor, deps: [{ token: i3.CheckUrlAndMethodService }, { token: AuthStorageService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthAplicInterceptor, providedIn: 'root' }); }
@@ -4709,23 +4760,42 @@ 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);
+        // return next.handle(changedReq);
+        // Exemplo de leitura de resposta via interceptor abaixo:
+        return next.handle(changedReq)
+            // INTERCEPTAR RESPOSTA
+            .pipe(tap(event => {
+            if (event instanceof HttpResponse) {
+                console.log("Resposta HTTP interceptada:", event);
+            }
+        }), 
+        // INTERCEPTAR ERRO
+        catchError(error => {
+            console.error("Erro HTTP interceptado:", error);
+            return throwError(() => error);
+        }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthInfraInterceptor, deps: [{ token: i3.CheckUrlAndMethodService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthInfraInterceptor, providedIn: 'root' }); }
@@ -4760,20 +4830,32 @@ class SubMenuCardComponent {
         // #region ==========> PROPERTIES <==========
         // #region PUBLIC
         this.subMenuCards = [];
-        this.hostName = "";
-        this.getExternalUrl = (url, isOutroModulo) => { return (isOutroModulo ? `${this.hostName}/SisproErpCloud/${url}` : `${this.hostName == "" ? `https://${window.location.host}` : this.hostName}/${url}`); };
+        this.hostnameOS = "";
+        this.hostnameV6 = "";
+        this.getOutroModuloUrl = (url) => { return !this.hostnameV6.startsWith('https://') ? `https://${this.hostnameV6}/SisproErpCloud/${url}` : `${this.hostnameV6}/SisproErpCloud/${url}`; };
+        this.getOutsystemsUrl = (url, isOutroModulo) => { return (isOutroModulo ? `${this.hostnameOS}/SisproErpCloud/${url}` : `${this.hostnameOS == "" ? `https://${window.location.host}` : this.hostnameOS}/${url}`); };
     }
     ngOnInit() {
-        this.GetHostName();
+        this.GetHostNameOS();
+        this.GetHostNameV6();
     }
     // #region ==========> API METHODS <==========
     // #region GET
-    GetHostName() {
+    GetHostNameOS() {
         // Validação adicionada para ignorar esta chamada caso o componente seja exibido na docs
         if (this._customEnv.product === "InfraCodeDocs")
             return;
         this._menuService.GetHostServerOutSystems().subscribe({
-            next: response => this.hostName = response.String,
+            next: response => this.hostnameOS = response.String,
+            error: error => this._authUtilService.showHttpError(error)
+        });
+    }
+    GetHostNameV6() {
+        // Validação adicionada para ignorar esta chamada caso o componente seja exibido na docs
+        if (this._customEnv.product === "InfraCodeDocs")
+            return;
+        this._menuService.GetHostServerV6().subscribe({
+            next: response => this.hostnameV6 = response.String,
             error: error => this._authUtilService.showHttpError(error)
         });
     }
@@ -4781,8 +4863,10 @@ class SubMenuCardComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: SubMenuCardComponent, isStandalone: true, selector: "sub-menu-card, lib-submenu-card", inputs: { subMenuCards: "subMenuCards" }, ngImport: i0, template: `
     <div class="max-card-menu row">
       @for(card of subMenuCards; track $index) {
-        @if (card.isExternal || card.is_OutroModulo) {
-          <a [href]="getExternalUrl(card.urlPath, card.is_OutroModulo)" target="_blank" class="card-link col-4">
+
+        <!-- VALIDAÇÃO DE 'IS_EXTERNAL' SIGNIFICA QUE A ROTA É OS -->
+        @if (card.isExternal) {
+          <a [href]="getOutsystemsUrl(card.urlPath, card.is_OutroModulo)" target="_blank" class="card-link col-4">
             <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
               <div class="card-icon">
                 <div class="card-icon2">
@@ -4795,8 +4879,24 @@ class SubMenuCardComponent {
             </div>
           </a>
         }
+        <!-- VALIDAÇÃO DE 'IS_OUTROMODULO' SIGNIFICA QUE A ROTA É V6 PORÉM DE OUTRO PROJETO FRONTEND -->
+        @else if (card.is_OutroModulo) {
+          <a [href]="getOutroModuloUrl(card.urlPath)" target="_blank" class="card-link col-4">
+            <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
+              <div class="card-icon">
+                <div class="card-icon2">
+                  <lib-icon class="bold" [iconName]="card.icon ? card.icon : 'engrenagem'" iconColor="blue" [iconSize]="35" />
+                </div>
+              </div>
+
+              <h3 class="card-title">{{ card.titulo }}</h3>
+              <p class="card-text" [title]="card.descricao"> {{ card.descricao }} </p>
+            </div>
+          </a>
+        }
+        <!-- CASO CONTRÁRIO DE TUDO SIGNIFICA QUE A ROTA É V6 E DENTRO DO MESMO MÓDULO -->
         @else {
-          <a [routerLink]="[ '/'+card.urlPath ]" class="card-link col-4">
+          <a routerLink="/{{ card.urlPath }}" class="card-link col-4">
             <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
               <div class="card-icon">
                 <div class="card-icon2">
@@ -4821,8 +4921,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     ], template: `
     <div class="max-card-menu row">
       @for(card of subMenuCards; track $index) {
-        @if (card.isExternal || card.is_OutroModulo) {
-          <a [href]="getExternalUrl(card.urlPath, card.is_OutroModulo)" target="_blank" class="card-link col-4">
+
+        <!-- VALIDAÇÃO DE 'IS_EXTERNAL' SIGNIFICA QUE A ROTA É OS -->
+        @if (card.isExternal) {
+          <a [href]="getOutsystemsUrl(card.urlPath, card.is_OutroModulo)" target="_blank" class="card-link col-4">
+            <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
+              <div class="card-icon">
+                <div class="card-icon2">
+                  <lib-icon class="bold" [iconName]="card.icon ? card.icon : 'engrenagem'" iconColor="blue" [iconSize]="35" />
+                </div>
+              </div>
+
+              <h3 class="card-title">{{ card.titulo }}</h3>
+              <p class="card-text" [title]="card.descricao"> {{ card.descricao }} </p>
+            </div>
+          </a>
+        }
+        <!-- VALIDAÇÃO DE 'IS_OUTROMODULO' SIGNIFICA QUE A ROTA É V6 PORÉM DE OUTRO PROJETO FRONTEND -->
+        @else if (card.is_OutroModulo) {
+          <a [href]="getOutroModuloUrl(card.urlPath)" target="_blank" class="card-link col-4">
             <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
               <div class="card-icon">
                 <div class="card-icon2">
@@ -4835,8 +4952,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             </div>
           </a>
         }
+        <!-- CASO CONTRÁRIO DE TUDO SIGNIFICA QUE A ROTA É V6 E DENTRO DO MESMO MÓDULO -->
         @else {
-          <a [routerLink]="[ '/'+card.urlPath ]" class="card-link col-4">
+          <a routerLink="/{{ card.urlPath }}" class="card-link col-4">
             <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
               <div class="card-icon">
                 <div class="card-icon2">