@acorex/modules 1.0.0 → 1.0.1

package/fesm2022/{acorex-modules-auth-acorex-modules-auth-3tiGzryz.mjs → acorex-modules-auth-acorex-modules-auth-jEqtVhBE.mjs}

@@ -1,39 +1,85 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, NgZone, isDevMode, Injectable, Component, ViewChild, NgModule } from '@angular/core';
-import * as i1$2 from '@acorex/platform/common';
-import { AXPSignOutAction, AXPSignInAction, AXPComponentSlotModule, AXPCommonModule } from '@acorex/platform/common';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { HttpErrorResponse, HttpClientModule } from '@angular/common/http';
+import { inject, NgZone, isDevMode, Injectable, InjectionToken, Component, ViewChild, NgModule } from '@angular/core';
 import * as i2 from '@angular/router';
 import { Router, RouterModule, ROUTES } from '@angular/router';
+import { AXPUnauthorizedError, AXPUnauthenticatedError, AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
+import { HttpErrorResponse, HttpClientModule } from '@angular/common/http';
+import { AXPLayoutService, AXPLogoComponent } from '@acorex/platform/layouts';
+import * as i1$3 from '@acorex/platform/common';
+import { AXPSignOutAction, AXPSignInAction, AXPDataProvider, AXPCommonModule } from '@acorex/platform/common';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i1 from '@ngrx/effects';
 import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
-import { AXPUnauthorizedError, AXPUnauthenticatedError, AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import { AXDialogService } from '@acorex/components/dialog';
 import { Subject, timer, switchMap as switchMap$1, of, tap as tap$1, firstValueFrom } from 'rxjs';
 import { startWith, switchMap, tap } from 'rxjs/operators';
-import * as i5 from '@acorex/components/button';
+import * as i2$2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i7 from '@acorex/components/decorators';
+import * as i2$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i3$1 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
-import { AXPLogoComponent } from '@acorex/platform/layouts';
 import * as i3 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i3$2 from '@acorex/components/avatar';
 import { AXAvatarModule } from '@acorex/components/avatar';
-import * as i2$1 from '@acorex/components/image';
+import * as i2$3 from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
+import { MockDataService } from '@acorex/platform/mocks';
+import * as i1$2 from '@acorex/platform/layout';
+import { AXPComponentSlotModule } from '@acorex/platform/layout';
+
+class AXMAuthErrorHandler {
+    constructor() {
+        this.router = inject(Router);
+        this.layoutService = inject(AXPLayoutService);
+        this.zone = inject(NgZone);
+    }
+    handleError(error, next) {
+        if (error instanceof HttpErrorResponse) {
+            if (error.status == 401) {
+                this.router.navigate(['/auth/login']);
+            }
+            else if (error.status == 404) {
+                this.router.navigate(['/404']);
+            }
+        }
+        else if (error instanceof AXPUnauthorizedError) {
+            const redirectUrl = error.data?.redirectUrl;
+            console.error(error.message);
+            this.router.navigate(['/401'], { queryParams: redirectUrl ? { redirectUrl: redirectUrl } : null });
+        }
+        else if (error instanceof AXPUnauthenticatedError) {
+            console.error(error.message);
+            const redirectUrl = error.data?.redirectUrl;
+            this.router.navigate(['/auth/login'], { queryParams: redirectUrl ? { redirectUrl: redirectUrl } : null });
+        }
+        else {
+            if (isDevMode()) {
+                next(error); // Pass the error to the next handler
+            }
+            else {
+                next(error); // maybe we need a error page
+            }
+        }
+        this.layoutService.setNavigationLoading(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthErrorHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthErrorHandler, decorators: [{
+            type: Injectable
+        }] });
 
 var AXMAuthenticationTypes;
 (function (AXMAuthenticationTypes) {
     AXMAuthenticationTypes[AXMAuthenticationTypes["UsernamePassword"] = 0] = "UsernamePassword";
-    AXMAuthenticationTypes[AXMAuthenticationTypes["EmailPassword"] = 1] = "EmailPassword";
-    AXMAuthenticationTypes[AXMAuthenticationTypes["MobilePassword"] = 2] = "MobilePassword";
-    AXMAuthenticationTypes[AXMAuthenticationTypes["EmailCode"] = 3] = "EmailCode";
-    AXMAuthenticationTypes[AXMAuthenticationTypes["MobileCode"] = 4] = "MobileCode";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["UsernameEmailPassword"] = 1] = "UsernameEmailPassword";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["EmailPassword"] = 2] = "EmailPassword";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["MobilePassword"] = 3] = "MobilePassword";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["EmailCode"] = 4] = "EmailCode";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["MobileCode"] = 5] = "MobileCode";
 })(AXMAuthenticationTypes || (AXMAuthenticationTypes = {}));
 const AXM_AUTH_CONFIG_TOKEN = new InjectionToken('app-module-auth-config', {
     providedIn: 'root',
@@ -42,7 +88,7 @@ const AXM_AUTH_CONFIG_TOKEN = new InjectionToken('app-module-auth-config', {
     },
 });
 const AXMDefaultAuthConfigs = {
-    type: AXMAuthenticationTypes.EmailPassword,
+    type: AXMAuthenticationTypes.UsernamePassword,
 };
 function configAuthModule(config = AXMDefaultAuthConfigs) {
     return { ...AXMDefaultAuthConfigs, ...config };
@@ -59,69 +105,34 @@ const routes = [
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-ytopPv2z.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-login.module-lGs54nBU.mjs').then((c) => c.AXPSignInModule),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-cAm6TYeA.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-login.module-Drm4fC1I.mjs').then((c) => c.AXPSignInModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-ytopPv2z.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-two-factor.module--fcoNW-s.mjs').then((c) => c.AXPTwoFactorModule),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-cAm6TYeA.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-two-factor.module-A0hevYO2.mjs').then((c) => c.AXPTwoFactorModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-ytopPv2z.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-routes-jgo2XGe0.mjs').then((c) => c),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-cAm6TYeA.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-routes-DyjibH6l.mjs').then((c) => c),
             },
             {
                 path: 'account',
-                loadComponent: () => import('./acorex-modules-auth-blank.layout-0xNRyD5z.mjs').then((c) => c.AXPAuthBlankLayoutComponent),
+                loadComponent: () => import('./acorex-modules-auth-blank.layout-BOdRxDNv.mjs').then((c) => c.AXPAuthBlankLayoutComponent),
                 loadChildren: () => Promise.resolve().then(function () { return account_module; }).then((c) => c.AXPAccountModule),
             },
-            {
-                path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-ytopPv2z.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-register.module-ckbVm-yf.mjs').then((c) => c.AXPRegisterModule),
-            },
+            // {
+            //   path: '',
+            //   loadComponent: () =>
+            //     import('./shared/layouts/master/master.layout').then((c) => c.AXPAuthMasterLayoutComponent),
+            //   loadChildren: () => import('./register/register.module').then((c) => c.AXPRegisterModule),
+            // },
         ],
     },
 ];
 
-class AXMAuthErrorHandler {
-    constructor() {
-        this.router = inject(Router);
-        this.zone = inject(NgZone);
-    }
-    handleError(error, next) {
-        if (error instanceof HttpErrorResponse) {
-            if (error.status == 401) {
-                this.router.navigate(['/auth/login']);
-            }
-            else if (error.status == 404) {
-                this.router.navigate(['/404']);
-            }
-        }
-        else if (error instanceof AXPUnauthorizedError) {
-            this.router.navigate(['/401']);
-        }
-        else if (error instanceof AXPUnauthenticatedError) {
-            this.router.navigate(['/auth/login']);
-        }
-        else {
-            if (isDevMode()) {
-                next(error); // Pass the error to the next handler
-            }
-            else {
-                next(error); // maybe we need a error page
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthErrorHandler }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthErrorHandler, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
 class AXPIdleService {
     constructor() {
         this.configs = inject(AXM_AUTH_CONFIG_TOKEN);
@@ -151,10 +162,10 @@ class AXPIdleService {
             this.idleSubscription = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPIdleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPIdleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPIdleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPIdleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPIdleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPIdleService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -230,10 +241,10 @@ class AXPAuthEffects {
             }
         })), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPAuthEffects, deps: [{ token: i1.Actions }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPAuthEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPAuthEffects, deps: [{ token: i1.Actions }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPAuthEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPAuthEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPAuthEffects, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Actions }, { type: i2.Router }] });
 
@@ -248,15 +259,15 @@ class AXPAppChooserListComponent {
     }
     async chooseApplication(item) {
         this.selectedApplication = item;
-        await this.sessionService.selectApplication(item.name);
+        await this.sessionService.setApplication(item);
         this.router.navigate([`/${item.name}/home`]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPAppChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPAppChooserListComponent, isStandalone: true, selector: "axp-app-chooser-list", ngImport: i0, template: "<div class=\" ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for(application of (applications$ | async); track $index){\n    <div\n     class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n    (click)=\"chooseApplication(application)\"\n    >\n    <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-justify-center ax-font-medium\">\n        <div class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n        <ax-icon class=\"fa-solid fa-computer ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n        <!-- TODO: logo instead of application icon -->\n        <!-- <axp-logo [source]=\"application.logo\" [attr.alt]=\"application.title\"\n            class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo> -->\n        </div>\n            <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n            <span class=\"ax-text-gray-500 md:ax-text-sm ax-text-xs\">{{application.editionName}}</span>\n            @if(application.name===selectedApplication?.name){\n                <ax-loading></ax-loading>\n            }@else {\n                <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n            }\n        </div>\n    </div>\n    }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i7.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPAppChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPAppChooserListComponent, isStandalone: true, selector: "axp-app-chooser-list", ngImport: i0, template: "<div class=\" ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for(application of (applications$ | async); track $index){\n    <div class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n        (click)=\"chooseApplication(application)\">\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-justify-center ax-font-medium\">\n            <div\n                class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n                <ax-icon class=\"fa-solid fa-computer ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n                <!-- TODO: logo instead of application icon -->\n                <!-- <axp-logo [source]=\"application.logo\" [attr.alt]=\"application.title\"\n            class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo> -->\n            </div>\n            <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n            <span class=\"ax-text-gray-500 md:ax-text-sm ax-text-xs\">{{application.editionName}}</span>\n            @if(application.name===selectedApplication?.name){\n            <ax-loading></ax-loading>\n            }@else {\n            <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n            }\n        </div>\n    </div>\n    }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-app-chooser-list', standalone: true, imports: [CommonModule, AXDecoratorModule, AXPLogoComponent, AXLoadingModule], template: "<div class=\" ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for(application of (applications$ | async); track $index){\n    <div\n     class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n    (click)=\"chooseApplication(application)\"\n    >\n    <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-justify-center ax-font-medium\">\n        <div class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n        <ax-icon class=\"fa-solid fa-computer ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n        <!-- TODO: logo instead of application icon -->\n        <!-- <axp-logo [source]=\"application.logo\" [attr.alt]=\"application.title\"\n            class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo> -->\n        </div>\n            <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n            <span class=\"ax-text-gray-500 md:ax-text-sm ax-text-xs\">{{application.editionName}}</span>\n            @if(application.name===selectedApplication?.name){\n                <ax-loading></ax-loading>\n            }@else {\n                <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n            }\n        </div>\n    </div>\n    }\n</div>" }]
+            args: [{ selector: 'axp-app-chooser-list', standalone: true, imports: [CommonModule, AXDecoratorModule, AXPLogoComponent, AXLoadingModule], template: "<div class=\" ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for(application of (applications$ | async); track $index){\n    <div class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n        (click)=\"chooseApplication(application)\">\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-justify-center ax-font-medium\">\n            <div\n                class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n                <ax-icon class=\"fa-solid fa-computer ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n                <!-- TODO: logo instead of application icon -->\n                <!-- <axp-logo [source]=\"application.logo\" [attr.alt]=\"application.title\"\n            class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo> -->\n            </div>\n            <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n            <span class=\"ax-text-gray-500 md:ax-text-sm ax-text-xs\">{{application.editionName}}</span>\n            @if(application.name===selectedApplication?.name){\n            <ax-loading></ax-loading>\n            }@else {\n            <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n            }\n        </div>\n    </div>\n    }\n</div>" }]
         }] });
 
 class AXMAppChooserSlotComponent {
@@ -264,17 +275,17 @@ class AXMAppChooserSlotComponent {
         this.sessionService = inject(AXPSessionService);
         this.tenant$ = this.sessionService.tenant$;
         this.application$ = this.sessionService.application$;
-        this.applications$ = this.sessionService.applications$;
+        this.applications$ = of([]);
         this.router = inject(Router);
     }
     async chooseApplication(item) {
-        await this.sessionService.selectApplication(item.name);
+        //await this.sessionService.selectApplication(item.name);
         this.router.navigate([`/${item.name}/home`]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAppChooserSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "@if(((applications$ | async)?.length ?? 0) > 1)\n{\n<ax-button color=\"default\" look=\"blank\" #appChooser>\n    <ax-icon>\n        <i class=\"fa-solid fa-grid-2 ax-text-slate-400 dark:ax-text-slate-200\"></i>\n    </ax-icon>\n</ax-button>\n<ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n    <div class=\"ax-bg-surface ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n        <axp-app-chooser-list></axp-app-chooser-list>\n    </div>\n</ax-popover>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i7.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAppChooserListComponent, selector: "axp-app-chooser-list" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAppChooserSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "@if(((applications$ | async)?.length ?? 0) > 1)\n{\n<ax-button color=\"default\" look=\"blank\" #appChooser>\n    <ax-icon>\n        <i class=\"fa-solid fa-grid-2 ax-text-slate-400 dark:ax-text-slate-200\"></i>\n    </ax-icon>\n</ax-button>\n<ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n    <div class=\"ax-bg-surface ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n        <axp-app-chooser-list></axp-app-chooser-list>\n    </div>\n</ax-popover>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAppChooserListComponent, selector: "axp-app-chooser-list" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -290,16 +301,16 @@ class AXPTenantChooserDropdownComponent {
     constructor() {
         this.router = inject(Router);
         this.sessionService = inject(AXPSessionService);
-        this.tenants$ = this.sessionService.tenants$;
+        this.tenants$ = of([]); // this.sessionService.tenants$;
         this.tenant = this.sessionService.tenant;
     }
     tenantChooser() {
         this.router.navigate(['/auth/account/tenant-chooser']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPTenantChooserDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPTenantChooserDropdownComponent, isStandalone: true, selector: "axp-tenant-chooser-dropdown", ngImport: i0, template: "<ng-container *ngIf=\"tenants$ | async as tenants\">\n    @if(tenants.length>1){\n    <div (click)=\"tenantChooser()\"\n        class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n        <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-xs\"></ax-icon>\n        <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n            {{ tenant?.title }}\n        </p>\n        <ax-icon class=\"fa-regular fa-chevron-down ax-text-neutral-400\"></ax-icon>\n    </div>\n    }@else {\n    <div class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n        <ax-icon class=\"fa-solid fa-building ax-text-neutral-500\"></ax-icon>\n        <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n            {{ tenant?.title }}\n        </p>\n    </div>\n    }\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i7.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTenantChooserDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTenantChooserDropdownComponent, isStandalone: true, selector: "axp-tenant-chooser-dropdown", ngImport: i0, template: "<ng-container *ngIf=\"tenants$ | async as tenants\">\n    @if(tenants.length>1){\n    <div (click)=\"tenantChooser()\"\n        class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n        <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-xs\"></ax-icon>\n        <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n            {{ tenant?.title }}\n        </p>\n        <ax-icon class=\"fa-regular fa-chevron-down ax-text-neutral-400\"></ax-icon>\n    </div>\n    }@else {\n    <div class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n        <ax-icon class=\"fa-solid fa-building ax-text-neutral-500\"></ax-icon>\n        <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n            {{ tenant?.title }}\n        </p>\n    </div>\n    }\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-tenant-chooser-dropdown', standalone: true, imports: [CommonModule, AXDecoratorModule], template: "<ng-container *ngIf=\"tenants$ | async as tenants\">\n    @if(tenants.length>1){\n    <div (click)=\"tenantChooser()\"\n        class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n        <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-xs\"></ax-icon>\n        <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n            {{ tenant?.title }}\n        </p>\n        <ax-icon class=\"fa-regular fa-chevron-down ax-text-neutral-400\"></ax-icon>\n    </div>\n    }@else {\n    <div class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n        <ax-icon class=\"fa-solid fa-building ax-text-neutral-500\"></ax-icon>\n        <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n            {{ tenant?.title }}\n        </p>\n    </div>\n    }\n</ng-container>" }]
         }] });
@@ -308,12 +319,15 @@ class AXMAuthProfileSlotComponent {
     constructor() {
         this.router = inject(Router);
         this.sessionService = inject(AXPSessionService);
+        this.dataService = inject(AXPDataProvider, { optional: true });
+        this.mockerService = inject(MockDataService);
         this.user$ = this.sessionService.user$;
         this.tenant$ = this.sessionService.tenant$;
         this.isAuthenticated$ = this.sessionService.isAuthenticated$;
+        this.loadImage();
     }
     editProfile() {
-        this.router.navigate(['/asc/profile/e/profile/0/view']);
+        this.router.navigate(['/asc/identity/e/user-info/0/view']);
     }
     async logOut() {
         await this.sessionService.signout();
@@ -322,12 +336,31 @@ class AXMAuthProfileSlotComponent {
         this.profilePopover.open();
     }
     handleSignIn() {
-        this.router.navigate(["/auth/login"]);
+        this.router.navigate(['/auth/login']);
+    }
+    async loadImage() {
+        try {
+            const url = this.sessionService.user?.avatar;
+            if (url?.toLowerCase().startsWith("http")) {
+                this.src = url;
+            }
+            else if (this.sessionService.user?.avatar != 'null' && this.dataService) {
+                //TODO: Remove dataService and mockService
+                const blob = await this.dataService.viewFile(url, '');
+                this.src = URL.createObjectURL(blob);
+            }
+            else {
+                this.src = this.mockerService.avatar();
+            }
+        }
+        catch (error) {
+            console.error('Failed to load image by ID:', error);
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthProfileSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXMAuthProfileSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async))\n{\n<ax-avatar #avatar color=\"secondary\" [size]=\"32\" class=\"ax-cursor-pointer ax-ms-4\">\n    <ax-image [src]=\"(user$ | async)?.avatar\"></ax-image>\n</ax-avatar>\n<ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\">\n    <div class=\"ax-bg-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64\">\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-border-b\">\n            <ax-avatar [size]=\"60\">\n                <ax-image [src]=\"(user$ | async)?.avatar\"></ax-image>\n            </ax-avatar>\n            <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2 ax-gap-1\">\n                <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n                <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n            </div>\n        </div>\n        <div class=\"profile-menus ax-text-slate-500\">\n            <!-- <ul>\n            <li>\n            <i class=\"fa-solid fa-folder-open\"></i>\n            <span> Project Management </span>\n            </li>\n            <li>\n            <i class=\"fa-solid fa-envelope-open-text\"></i>\n            <span>Email Config</span>\n            </li>\n            <li>\n            <i class=\"fa-solid fa-gear\"></i>\n            <span>Setting</span>\n            </li>\n        </ul> -->\n            <ul>\n                <!-- <li>\n            <i class=\"fa-solid fa-gem ax-text-primary-500\"></i>\n            <span> Upgrade account </span>\n            </li> -->\n                <li (click)=\"editProfile()\">\n                    <i class=\"fa-solid fa-user\"></i>\n                    <span>Edit profile</span>\n                </li>\n            </ul>\n            <ul>\n                <li class=\"ax-text-danger-500\" (click)=\"logOut()\">\n                    <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n                    <span> Logout </span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</ax-popover>\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n    <ax-icon>\n        <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n    </ax-icon>\n</ax-button>\n<!-- <ax-popover [target]=\"signIn\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\">\n    <div class=\"ax-bg-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-p-4\">\n        Test\n    </div>\n</ax-popover> -->\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "component", type: i3$2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i7.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthProfileSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXMAuthProfileSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<ax-avatar #avatar color=\"secondary\" [size]=\"32\" class=\"ax-cursor-pointer ax-ms-4\">\n  <ax-image [src]=\"src\"></ax-image>\n</ax-avatar>\n<ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\">\n  <div class=\"ax-bg-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64\">\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-border-b\">\n      <ax-avatar [size]=\"60\">\n        <ax-image [src]=\"src\">\n          <ax-loading></ax-loading>\n        </ax-image>\n      </ax-avatar>\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2 ax-gap-1\">\n        <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n        <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n      </div>\n    </div>\n    <div class=\"profile-menus ax-text-slate-500\">\n      <!-- <ul>\n            <li>\n            <i class=\"fa-solid fa-folder-open\"></i>\n            <span> Project Management </span>\n            </li>\n            <li>\n            <i class=\"fa-solid fa-envelope-open-text\"></i>\n            <span>Email Config</span>\n            </li>\n            <li>\n            <i class=\"fa-solid fa-gear\"></i>\n            <span>Setting</span>\n            </li>\n        </ul> -->\n      <ul>\n        <!-- <li>\n            <i class=\"fa-solid fa-gem ax-text-primary-500\"></i>\n            <span> Upgrade account </span>\n            </li> -->\n        <li (click)=\"editProfile()\">\n          <i class=\"fa-solid fa-user\"></i>\n          <span>Edit profile</span>\n        </li>\n      </ul>\n      <ul>\n        <li class=\"ax-text-danger-500\" (click)=\"logOut()\">\n          <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n          <span>Logout</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</ax-popover>\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n  <ax-icon>\n    <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$3.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "component", type: i3$2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -336,9 +369,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                         AXPopoverModule,
                         AXButtonModule,
                         AXDecoratorModule,
-                        AXPTenantChooserDropdownComponent
-                    ], template: "@if((isAuthenticated$ | async))\n{\n<ax-avatar #avatar color=\"secondary\" [size]=\"32\" class=\"ax-cursor-pointer ax-ms-4\">\n    <ax-image [src]=\"(user$ | async)?.avatar\"></ax-image>\n</ax-avatar>\n<ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\">\n    <div class=\"ax-bg-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64\">\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-border-b\">\n            <ax-avatar [size]=\"60\">\n                <ax-image [src]=\"(user$ | async)?.avatar\"></ax-image>\n            </ax-avatar>\n            <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2 ax-gap-1\">\n                <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n                <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n            </div>\n        </div>\n        <div class=\"profile-menus ax-text-slate-500\">\n            <!-- <ul>\n            <li>\n            <i class=\"fa-solid fa-folder-open\"></i>\n            <span> Project Management </span>\n            </li>\n            <li>\n            <i class=\"fa-solid fa-envelope-open-text\"></i>\n            <span>Email Config</span>\n            </li>\n            <li>\n            <i class=\"fa-solid fa-gear\"></i>\n            <span>Setting</span>\n            </li>\n        </ul> -->\n            <ul>\n                <!-- <li>\n            <i class=\"fa-solid fa-gem ax-text-primary-500\"></i>\n            <span> Upgrade account </span>\n            </li> -->\n                <li (click)=\"editProfile()\">\n                    <i class=\"fa-solid fa-user\"></i>\n                    <span>Edit profile</span>\n                </li>\n            </ul>\n            <ul>\n                <li class=\"ax-text-danger-500\" (click)=\"logOut()\">\n                    <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n                    <span> Logout </span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</ax-popover>\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n    <ax-icon>\n        <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n    </ax-icon>\n</ax-button>\n<!-- <ax-popover [target]=\"signIn\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\">\n    <div class=\"ax-bg-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-p-4\">\n        Test\n    </div>\n</ax-popover> -->\n}" }]
-        }], propDecorators: { profilePopover: [{
+                        AXPTenantChooserDropdownComponent,
+                        AXLoadingModule,
+                    ], template: "@if((isAuthenticated$ | async)) {\n<ax-avatar #avatar color=\"secondary\" [size]=\"32\" class=\"ax-cursor-pointer ax-ms-4\">\n  <ax-image [src]=\"src\"></ax-image>\n</ax-avatar>\n<ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\">\n  <div class=\"ax-bg-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64\">\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-border-b\">\n      <ax-avatar [size]=\"60\">\n        <ax-image [src]=\"src\">\n          <ax-loading></ax-loading>\n        </ax-image>\n      </ax-avatar>\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2 ax-gap-1\">\n        <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n        <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n      </div>\n    </div>\n    <div class=\"profile-menus ax-text-slate-500\">\n      <!-- <ul>\n            <li>\n            <i class=\"fa-solid fa-folder-open\"></i>\n            <span> Project Management </span>\n            </li>\n            <li>\n            <i class=\"fa-solid fa-envelope-open-text\"></i>\n            <span>Email Config</span>\n            </li>\n            <li>\n            <i class=\"fa-solid fa-gear\"></i>\n            <span>Setting</span>\n            </li>\n        </ul> -->\n      <ul>\n        <!-- <li>\n            <i class=\"fa-solid fa-gem ax-text-primary-500\"></i>\n            <span> Upgrade account </span>\n            </li> -->\n        <li (click)=\"editProfile()\">\n          <i class=\"fa-solid fa-user\"></i>\n          <span>Edit profile</span>\n        </li>\n      </ul>\n      <ul>\n        <li class=\"ax-text-danger-500\" (click)=\"logOut()\">\n          <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n          <span>Logout</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</ax-popover>\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n  <ax-icon>\n    <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n}" }]
+        }], ctorParameters: () => [], propDecorators: { profilePopover: [{
                 type: ViewChild,
                 args: ['profilePopover']
             }] } });
@@ -346,12 +380,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
 const canActivateTenantChooser = async (route, state) => {
     const sessionService = inject(AXPSessionService);
     const router = inject(Router);
-    const tenant = await firstValueFrom(sessionService.tenants$);
-    if (tenant.length == 0) {
+    const tenants = await firstValueFrom(sessionService.tenants$);
+    if (tenants.length == 0) {
         return router.createUrlTree(['/auth/login']);
     }
-    if (tenant.length == 1) {
-        await sessionService.selectTenant(tenant[0].name);
+    if (tenants.length == 1) {
+        await sessionService.setTenant(tenants[0]);
         return router.createUrlTree(['/auth/account/app-chooser']);
     }
     return true;
@@ -364,7 +398,7 @@ const canActivateAppChooser = async (route, state) => {
         return router.createUrlTree(['/auth/login']);
     }
     if (apps.length == 1) {
-        await sessionService.selectApplication(apps[0].name);
+        await sessionService.setApplication(apps[0]);
         return router.createUrlTree([`/${apps[0].name}/home`]);
     }
     return true;
@@ -374,21 +408,21 @@ function routesFacory() {
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-modules-auth-tenant-chooser.component-PeGg21Im.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            loadComponent: () => import('./acorex-modules-auth-tenant-chooser.component-CJu2Lfbf.mjs').then((c) => c.AXPAuthTenantChooserComponent),
             canActivate: [AXPAuthGuard, canActivateTenantChooser]
         },
         {
             path: 'app-chooser',
-            loadComponent: () => import('./acorex-modules-auth-app-chooser.component-Hh2T5orM.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-modules-auth-app-chooser.component-BbtMSwfI.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser]
         },
     ];
     return routes;
 }
 class AXPAccountModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPAccountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: AXPAccountModule, imports: [RouterModule, i1$2.AXPComponentSlotModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPAccountModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPAccountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXPAccountModule, imports: [RouterModule, i1$2.AXPComponentSlotModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPAccountModule, providers: [
             {
                 provide: ROUTES,
                 multi: true,
@@ -409,7 +443,7 @@ class AXPAccountModule {
                 ]
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPAccountModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPAccountModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -452,16 +486,16 @@ class AXMAuthModule {
             providers: [],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthModule, imports: [CommonModule, i1$2.AXPCommonModule, HttpClientModule, i2.RouterModule, i1.EffectsFeatureModule, AXPAccountModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthModule, providers: [AXMAuthErrorHandler], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthModule, imports: [CommonModule, i1$3.AXPCommonModule, HttpClientModule, i2.RouterModule, i1.EffectsFeatureModule, AXPAccountModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthModule, providers: [AXMAuthErrorHandler], imports: [CommonModule,
             AXPCommonModule.forChild({ errorHandlers: [AXMAuthErrorHandler] }),
             HttpClientModule,
             RouterModule.forChild(routes),
             EffectsModule.forFeature([AXPAuthEffects]),
             AXPAccountModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXMAuthModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXMAuthModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -480,5 +514,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXM_AUTH_CONFIG_TOKEN as A, AXMAuthenticationTypes as a, AXPTenantChooserDropdownComponent as b, AXPAppChooserListComponent as c, AXMDefaultAuthConfigs as d, configAuthModule as e, AXMAuthModule as f, AXPIdleService as g };
-//# sourceMappingURL=acorex-modules-auth-acorex-modules-auth-3tiGzryz.mjs.map
+export { AXM_AUTH_CONFIG_TOKEN as A, AXMAuthenticationTypes as a, AXPTenantChooserDropdownComponent as b, AXPAppChooserListComponent as c, AXMAuthErrorHandler as d, AXMDefaultAuthConfigs as e, configAuthModule as f, AXMAuthModule as g, AXPIdleService as h };
+//# sourceMappingURL=acorex-modules-auth-acorex-modules-auth-jEqtVhBE.mjs.map