@acorex-platform/module-auth-client 0.0.18 → 0.0.20

package/fesm2022/{acorex-platform-module-auth-client-oauth-callback.component-CEMvfjj4.mjs → acorex-platform-module-auth-client-oauth-callback.component-DnQzPUxF.mjs}

@@ -1,18 +1,17 @@
 import * as i1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i7 from '@acorex/core/translation';
+import * as i5 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
-import { AXPSessionService, AXPAuthStrategyRegistryService } from '@acorex-platform/framework-client/auth';
+import { AXPSessionService, resolvePlatformOAuthRedirectUri } from '@acorex-platform/framework-client/auth';
 import { AXPHomePageService } from '@acorex-platform/framework-client/common';
 import { AXPStateMessageComponent } from '@acorex-platform/framework-client/layout/components';
-import * as i6 from '@angular/common';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Component } from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
-import { n as AXM_AUTH_CONFIG_TOKEN } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-mW7tx8C0.mjs';
 
 class AXPOAuthCallbackComponent {
     constructor() {
@@ -21,10 +20,6 @@ class AXPOAuthCallbackComponent {
         this.router = inject(Router);
         this.route = inject(ActivatedRoute);
         this.homePageService = inject(AXPHomePageService);
-        this.configs = inject(AXM_AUTH_CONFIG_TOKEN);
-        this.authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
-        this.strategyName = this.sessionService.getSessionData()?.strategy;
-        this.strategy = this.authStrategyRegistry.get(this.strategyName);
         //#endregion
         //#region ----   Properties   ----
         this.isLoading$ = new BehaviorSubject(true);
@@ -52,7 +47,8 @@ class AXPOAuthCallbackComponent {
                 throw new Error('No authorization code received from OAuth provider');
             }
             this.status$.next('Exchanging authorization code for tokens...');
-            const redirectUri = `${window.location.origin}/auth/axp-oauth-callback`;
+            const redirectUri = resolvePlatformOAuthRedirectUri();
+            // Strategy is resolved inside updateToken (session + pending OAuth key).
             await this.sessionService.updateToken({ code, redirectUri });
             this.status$.next('Authentication successful! Redirecting...');
             await this.navigateAfterSuccess();
@@ -93,13 +89,13 @@ class AXPOAuthCallbackComponent {
     handleGoHome() {
         this.router.navigate(['/']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPOAuthCallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPOAuthCallbackComponent, isStandalone: true, selector: "axp-oauth-callback", ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"h-full flex flex-col items-center justify-center p-8\">\n    <div class=\"w-96 text-center\">\n      <!-- Loading State -->\n      @if (isLoading$ | async) {\n        <axp-state-message\n          mode=\"loading\"\n          icon=\"fa-solid fa-spinner fa-spin\"\n          [title]=\"(status$ | async) || '@auth:state-message.loading.title'\"\n          [description]=\"'@auth:state-message.loading.description'\"\n          >\n        </axp-state-message>\n      }\n\n      <!-- Error State -->\n      @if ((error$ | async) && !(isLoading$ | async)) {\n        <axp-state-message\n          mode=\"error\"\n          icon=\"fa-solid fa-exclamation-triangle\"\n          [title]=\"'@auth:state-message.error.title'\"\n          [description]=\"(error$ | async) || '@auth:state-message.error.description'\"\n          >\n          <div slot=\"actions\" class=\"flex flex-col gap-2 sm:flex-row sm:justify-center\">\n            <ax-button color=\"primary\" text=\"Try Again\" (onClick)=\"handleRetry()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n            <ax-button color=\"default\" text=\"Go Home\" (onClick)=\"handleGoHome()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n          </div>\n        </axp-state-message>\n      }\n\n      <!-- Success State (briefly shown before redirect) -->\n      @if (!(isLoading$ | async) && !(error$ | async)) {\n        <axp-state-message\n          mode=\"success\"\n          icon=\"fa-solid fa-check\"\n          [title]=\"'@auth:state-message.success.title'\"\n          [description]=\"'@auth:state-message.success.description'\"\n          >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i7.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOAuthCallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPOAuthCallbackComponent, isStandalone: true, selector: "axp-oauth-callback", ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"h-full flex flex-col items-center justify-center p-8\">\n    <div class=\"w-96 text-center\">\n      <!-- Loading State -->\n      @if (isLoading$ | async) {\n        <axp-state-message\n          mode=\"loading\"\n          icon=\"fa-solid fa-spinner fa-spin\"\n          [title]=\"(status$ | async) || '@auth:state-message.loading.title'\"\n          [description]=\"'@auth:state-message.loading.description'\"\n          >\n        </axp-state-message>\n      }\n\n      <!-- Error State -->\n      @if ((error$ | async) && !(isLoading$ | async)) {\n        <axp-state-message\n          mode=\"error\"\n          icon=\"fa-solid fa-exclamation-triangle\"\n          [title]=\"'@auth:state-message.error.title'\"\n          [description]=\"(error$ | async) || '@auth:state-message.error.description'\"\n          >\n          <div slot=\"actions\" class=\"flex flex-col gap-2 sm:flex-row sm:justify-center\">\n            <ax-button color=\"primary\" text=\"Try Again\" (onClick)=\"handleRetry()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n            <ax-button color=\"default\" text=\"Go Home\" (onClick)=\"handleGoHome()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n          </div>\n        </axp-state-message>\n      }\n\n      <!-- Success State (briefly shown before redirect) -->\n      @if (!(isLoading$ | async) && !(error$ | async)) {\n        <axp-state-message\n          mode=\"success\"\n          icon=\"fa-solid fa-check\"\n          [title]=\"'@auth:state-message.success.title'\"\n          [description]=\"'@auth:state-message.success.description'\"\n          >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPOAuthCallbackComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOAuthCallbackComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-oauth-callback', imports: [CommonModule, AXButtonModule, AXLoadingModule, AXTranslationModule, AXPStateMessageComponent], standalone: true, template: "<ng-container *translate=\"let t\">\n  <div class=\"h-full flex flex-col items-center justify-center p-8\">\n    <div class=\"w-96 text-center\">\n      <!-- Loading State -->\n      @if (isLoading$ | async) {\n        <axp-state-message\n          mode=\"loading\"\n          icon=\"fa-solid fa-spinner fa-spin\"\n          [title]=\"(status$ | async) || '@auth:state-message.loading.title'\"\n          [description]=\"'@auth:state-message.loading.description'\"\n          >\n        </axp-state-message>\n      }\n\n      <!-- Error State -->\n      @if ((error$ | async) && !(isLoading$ | async)) {\n        <axp-state-message\n          mode=\"error\"\n          icon=\"fa-solid fa-exclamation-triangle\"\n          [title]=\"'@auth:state-message.error.title'\"\n          [description]=\"(error$ | async) || '@auth:state-message.error.description'\"\n          >\n          <div slot=\"actions\" class=\"flex flex-col gap-2 sm:flex-row sm:justify-center\">\n            <ax-button color=\"primary\" text=\"Try Again\" (onClick)=\"handleRetry()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n            <ax-button color=\"default\" text=\"Go Home\" (onClick)=\"handleGoHome()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n          </div>\n        </axp-state-message>\n      }\n\n      <!-- Success State (briefly shown before redirect) -->\n      @if (!(isLoading$ | async) && !(error$ | async)) {\n        <axp-state-message\n          mode=\"success\"\n          icon=\"fa-solid fa-check\"\n          [title]=\"'@auth:state-message.success.title'\"\n          [description]=\"'@auth:state-message.success.description'\"\n          >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</ng-container>\n" }]
+            args: [{ selector: 'axp-oauth-callback', imports: [CommonModule, AXButtonModule, AXLoadingModule, AXTranslationModule, AXPStateMessageComponent], changeDetection: ChangeDetectionStrategy.Eager, standalone: true, template: "<ng-container *translate=\"let t\">\n  <div class=\"h-full flex flex-col items-center justify-center p-8\">\n    <div class=\"w-96 text-center\">\n      <!-- Loading State -->\n      @if (isLoading$ | async) {\n        <axp-state-message\n          mode=\"loading\"\n          icon=\"fa-solid fa-spinner fa-spin\"\n          [title]=\"(status$ | async) || '@auth:state-message.loading.title'\"\n          [description]=\"'@auth:state-message.loading.description'\"\n          >\n        </axp-state-message>\n      }\n\n      <!-- Error State -->\n      @if ((error$ | async) && !(isLoading$ | async)) {\n        <axp-state-message\n          mode=\"error\"\n          icon=\"fa-solid fa-exclamation-triangle\"\n          [title]=\"'@auth:state-message.error.title'\"\n          [description]=\"(error$ | async) || '@auth:state-message.error.description'\"\n          >\n          <div slot=\"actions\" class=\"flex flex-col gap-2 sm:flex-row sm:justify-center\">\n            <ax-button color=\"primary\" text=\"Try Again\" (onClick)=\"handleRetry()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n            <ax-button color=\"default\" text=\"Go Home\" (onClick)=\"handleGoHome()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n          </div>\n        </axp-state-message>\n      }\n\n      <!-- Success State (briefly shown before redirect) -->\n      @if (!(isLoading$ | async) && !(error$ | async)) {\n        <axp-state-message\n          mode=\"success\"\n          icon=\"fa-solid fa-check\"\n          [title]=\"'@auth:state-message.success.title'\"\n          [description]=\"'@auth:state-message.success.description'\"\n          >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</ng-container>\n" }]
         }] });
 
 export { AXPOAuthCallbackComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-oauth-callback.component-CEMvfjj4.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-oauth-callback.component-DnQzPUxF.mjs.map

package/fesm2022/acorex-platform-module-auth-client-oauth-callback.component-DnQzPUxF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-oauth-callback.component-DnQzPUxF.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/callback/oauth-callback.component.ts","../../../../libs/modules/auth/client/src/lib/pages/callback/oauth-callback.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSessionService, resolvePlatformOAuthRedirectUri } from '@acorex-platform/framework-client/auth';\nimport { AXPHomePageService } from '@acorex-platform/framework-client/common';\nimport { AXPStateMessageComponent } from '@acorex-platform/framework-client/layout/components';\nimport { CommonModule } from '@angular/common';\nimport { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { BehaviorSubject } from 'rxjs';\n@Component({\n  selector: 'axp-oauth-callback',\n  templateUrl: './oauth-callback.component.html',\n  imports: [CommonModule, AXButtonModule, AXLoadingModule, AXTranslationModule, AXPStateMessageComponent],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  standalone: true,\n})\nexport class AXPOAuthCallbackComponent implements OnInit {\n  //#region ----   Services & Dependencies   ----\n\n  private sessionService = inject(AXPSessionService);\n  private router = inject(Router);\n  private route = inject(ActivatedRoute);\n  private homePageService = inject(AXPHomePageService);\n\n  //#endregion\n\n  //#region ----   Properties   ----\n\n  protected isLoading$ = new BehaviorSubject<boolean>(true);\n  protected error$ = new BehaviorSubject<string | null>(null);\n  protected status$ = new BehaviorSubject<string>('Processing authorization...');\n  private exchangeStarted = false;\n  // Removed: @Input() flow\n\n  //#endregion\n\n  //#region ----   Lifecycle Methods   ----\n\n  async ngOnInit(): Promise<void> {\n    if (this.exchangeStarted) {\n      return;\n    }\n    this.exchangeStarted = true;\n\n    try {\n      const queryParams = this.route.snapshot.queryParams;\n      const code = queryParams['code'];\n      const error = queryParams['error'];\n      // Removed: flowParam and its assignment\n      if (error) {\n        throw new Error(`OAuth error: ${error} - ${queryParams['error_description'] || 'Unknown error'}`);\n      }\n      if (!code) {\n        throw new Error('No authorization code received from OAuth provider');\n      }\n      this.status$.next('Exchanging authorization code for tokens...');\n\n      const redirectUri = resolvePlatformOAuthRedirectUri();\n      // Strategy is resolved inside updateToken (session + pending OAuth key).\n      await this.sessionService.updateToken({ code, redirectUri });\n      this.status$.next('Authentication successful! Redirecting...');\n      await this.navigateAfterSuccess();\n    } catch (error) {\n      console.error('OAuth callback error:', error);\n      const message =\n        error instanceof Error && error.message.trim()\n          ? error.message\n          : 'Authentication failed. Please try again.';\n      this.error$.next(message);\n      await this.sessionService.signout();\n      this.isLoading$.next(false);\n    } finally {\n      this.isLoading$.next(false);\n    }\n  }\n\n  //#endregion\n\n  //#region ----   Navigation   ----\n\n  private async navigateAfterSuccess(): Promise<void> {\n    // Use await with router.navigate to ensure navigation completes\n    if (this.sessionService.tenant?.id == null) {\n      await this.router.navigate(['/auth/account/tenant-chooser']);\n      return;\n    }\n    if (this.sessionService.application?.id == null) {\n      await this.router.navigate(['/auth/account/app-chooser']);\n      return;\n    }\n    // Navigate to home page\n    await this.homePageService.navigateTo();\n  }\n\n  //#endregion\n\n  //#region ----   UI Handlers   ----\n\n  protected handleRetry(): void {\n    this.router.navigate(['/auth/login']);\n  }\n\n  protected handleGoHome(): void {\n    this.router.navigate(['/']);\n  }\n\n  //#endregion\n}\n","<ng-container *translate=\"let t\">\n  <div class=\"h-full flex flex-col items-center justify-center p-8\">\n    <div class=\"w-96 text-center\">\n      <!-- Loading State -->\n      @if (isLoading$ | async) {\n        <axp-state-message\n          mode=\"loading\"\n          icon=\"fa-solid fa-spinner fa-spin\"\n          [title]=\"(status$ | async) || '@auth:state-message.loading.title'\"\n          [description]=\"'@auth:state-message.loading.description'\"\n          >\n        </axp-state-message>\n      }\n\n      <!-- Error State -->\n      @if ((error$ | async) && !(isLoading$ | async)) {\n        <axp-state-message\n          mode=\"error\"\n          icon=\"fa-solid fa-exclamation-triangle\"\n          [title]=\"'@auth:state-message.error.title'\"\n          [description]=\"(error$ | async) || '@auth:state-message.error.description'\"\n          >\n          <div slot=\"actions\" class=\"flex flex-col gap-2 sm:flex-row sm:justify-center\">\n            <ax-button color=\"primary\" text=\"Try Again\" (onClick)=\"handleRetry()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n            <ax-button color=\"default\" text=\"Go Home\" (onClick)=\"handleGoHome()\" class=\"w-full sm:w-auto\">\n            </ax-button>\n          </div>\n        </axp-state-message>\n      }\n\n      <!-- Success State (briefly shown before redirect) -->\n      @if (!(isLoading$ | async) && !(error$ | async)) {\n        <axp-state-message\n          mode=\"success\"\n          icon=\"fa-solid fa-check\"\n          [title]=\"'@auth:state-message.success.title'\"\n          [description]=\"'@auth:state-message.success.description'\"\n          >\n        </axp-state-message>\n      }\n    </div>\n  </div>\n</ng-container>\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/acorex-platform-module-auth-client-open-sessions.command-LZKM9fgo.mjs

@@ -0,0 +1,200 @@
+import { AXPopupService } from '@acorex/components/popup';
+import * as i5$1 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i0 from '@angular/core';
+import { signal, inject, ChangeDetectorRef, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, Injectable } from '@angular/core';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDataSource } from '@acorex/cdk/common';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i4 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i5 from '@acorex/core/format';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXPSettingsService } from '@acorex-platform/framework-client/common';
+import * as i3$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXPAuthInactiveSessionTerminationOptions, AXPAuthSettings } from '@acorex-platform/module-auth-client/contracts';
+import { A as AXMUserDeviceSessionsService } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs';
+
+//#endregion
+class AXMUserSessionsComponent extends AXBasePageComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        super();
+        //#region ---- State ----
+        this.items = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.activeSession = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeSession" }] : /* istanbul ignore next */ []));
+        this.expireTime = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expireTime" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.userDeviceSessionsService = inject(AXMUserDeviceSessionsService);
+        this.settingsService = inject(AXPSettingsService);
+        this.translateService = inject(AXTranslationService);
+        this.cdRef = inject(ChangeDetectorRef);
+        //#endregion
+        //#region ---- Data Sources ----
+        this.terminationOptionDefinitions = [
+            {
+                id: AXPAuthInactiveSessionTerminationOptions.OneWeek,
+                titleKey: '@auth:sessions.inactive-termination.options.one-week',
+            },
+            {
+                id: AXPAuthInactiveSessionTerminationOptions.OneMonth,
+                titleKey: '@auth:sessions.inactive-termination.options.one-month',
+            },
+            {
+                id: AXPAuthInactiveSessionTerminationOptions.ThreeMonths,
+                titleKey: '@auth:sessions.inactive-termination.options.three-months',
+            },
+            {
+                id: AXPAuthInactiveSessionTerminationOptions.SixMonths,
+                titleKey: '@auth:sessions.inactive-termination.options.six-months',
+            },
+        ];
+        this.expirationItems = [];
+        this.dataSource = new AXDataSource({
+            pageSize: 10,
+            key: 'id',
+            load: async () => ({
+                items: this.expirationItems,
+                total: this.expirationItems.length,
+            }),
+        });
+        //#endregion
+        //#region ---- Computed Properties ----
+        this.itemsWithIcons = computed(() => this.items().map((item) => ({
+            ...item,
+            icon: this.getDeviceIcon(item.deviceName),
+        })), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemsWithIcons" }] : /* istanbul ignore next */ []));
+        void this.loadUserSessions();
+    }
+    //#endregion
+    //#region ---- UI Handlers ----
+    getDeviceIcon(deviceName) {
+        if (!deviceName) {
+            return 'fa-solid fa-question';
+        }
+        const lowerCaseName = deviceName.toLowerCase();
+        if (lowerCaseName.includes('windows')) {
+            return 'fa-brands fa-windows';
+        }
+        if (lowerCaseName.includes('macbook') || lowerCaseName.includes('mac')) {
+            return 'fa-brands fa-apple';
+        }
+        if (lowerCaseName.includes('linux')) {
+            return 'fa-brands fa-linux';
+        }
+        if (lowerCaseName.includes('android')) {
+            return 'fa-brands fa-android';
+        }
+        if (lowerCaseName.includes('ios') || lowerCaseName.includes('iphone') || lowerCaseName.includes('ipad')) {
+            return 'fa-brands fa-apple';
+        }
+        return 'fa-solid fa-desktop';
+    }
+    onChangeSessionExpireTime(e) {
+        const selectedId = e.component.selectedItems[0]?.id;
+        if (!selectedId) {
+            return;
+        }
+        this.expireTime.set(selectedId);
+        void this.userDeviceSessionsService.setInactiveSessionTermination(selectedId);
+    }
+    async onTerminate(sessionId) {
+        if (!sessionId) {
+            console.error('No item to terminate');
+            return;
+        }
+        await this.userDeviceSessionsService.terminateSession(sessionId);
+        await this.loadUserSessions();
+    }
+    async onTerminateAll() {
+        await this.userDeviceSessionsService.terminateAllSession();
+        await this.loadUserSessions();
+    }
+    //#endregion
+    //#region ---- Private Methods ----
+    async loadUserSessions() {
+        try {
+            this.expirationItems = await Promise.all(this.terminationOptionDefinitions.map(async (option) => ({
+                id: option.id,
+                name: await this.translateService.translateAsync(option.titleKey),
+            })));
+            const sessions = await this.userDeviceSessionsService.getSessions();
+            this.items.set(sessions);
+            try {
+                const activeSession = await this.userDeviceSessionsService.getCurrentActiveSessions();
+                this.activeSession.set(activeSession);
+            }
+            catch (error) {
+                console.warn('No active session found:', error);
+                this.activeSession.set(undefined);
+            }
+            const inactiveSessionTermination = await this.settingsService.get(AXPAuthSettings.InactiveSessionTermination);
+            if (inactiveSessionTermination &&
+                Object.values(AXPAuthInactiveSessionTerminationOptions).includes(inactiveSessionTermination)) {
+                this.expireTime.set(inactiveSessionTermination);
+            }
+            await this.dataSource.refresh();
+            this.cdRef.markForCheck();
+        }
+        catch (error) {
+            console.error('Error loading user sessions', error);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserSessionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMUserSessionsComponent, isStandalone: true, selector: "axm-user-sessions", usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <div class=\"axm-user-sessions__content flex flex-col gap-4 p-6 w-full min-w-0 box-border\">\n    <p class=\"font-semibold text-base text-on-lightest text-start m-0\">\n      {{ '@auth:sessions.this-device.title' | translate | async }}\n    </p>\n    <div\n      class=\"axm-user-sessions__row flex w-full min-w-0 items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n    >\n      <div class=\"axm-user-sessions__icon axm-user-sessions__icon--primary shrink-0 rounded-lg border border-primary-200 bg-primary-50\">\n        <i class=\"{{ getDeviceIcon($safeNavigationMigration(activeSession()?.deviceName)) }} m-3 text-primary-500\"></i>\n      </div>\n      @if (activeSession()) {\n        <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n          <div class=\"font-medium text-base\">{{ activeSession()?.deviceName }}</div>\n          <div class=\"font-normal text-sm\">{{ activeSession()?.operatingSystem }}</div>\n          <p class=\"axm-user-sessions__meta m-0 font-normal text-xs\">\n            {{ activeSession()?.location }}\n            @if (activeSession()?.lastLoginDate) {\n              <span>{{ $safeNavigationMigration(activeSession()?.lastLoginDate) | format: 'datetime' : 'short' | async }}</span>\n            }\n          </p>\n        </div>\n      }\n    </div>\n\n    @if (itemsWithIcons().length > 0) {\n      <div\n        class=\"axm-user-sessions__row flex w-full min-w-0 cursor-pointer items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n        (click)=\"onTerminateAll()\"\n      >\n        <div class=\"axm-user-sessions__icon axm-user-sessions__icon--danger shrink-0 rounded-lg border border-danger-200 bg-danger-50\">\n          <i class=\"icon icon-clear m-3 text-danger-500\"></i>\n        </div>\n        <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n          <div class=\"font-medium text-base\">\n            {{ '@auth:sessions.terminate-all.title' | translate | async }}\n          </div>\n          <p class=\"axm-user-sessions__meta m-0 font-normal text-sm\">\n            {{ '@auth:sessions.terminate-all.description' | translate | async }}\n          </p>\n        </div>\n      </div>\n\n      <p class=\"font-semibold text-base text-on-lightest text-start m-0\">\n        {{ '@auth:sessions.active-devices.title' | translate | async }}\n      </p>\n      @for (item of itemsWithIcons(); track item.id) {\n        <div\n          class=\"axm-user-sessions__row flex w-full min-w-0 items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n        >\n          <div class=\"axm-user-sessions__icon shrink-0 rounded-lg border\">\n            <i class=\"{{ item.icon }} m-3\"></i>\n          </div>\n          <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n            <div class=\"font-medium text-base\">{{ item.deviceName }}</div>\n            <div class=\"font-normal text-sm\">{{ item.operatingSystem }}</div>\n            <p class=\"axm-user-sessions__meta m-0 font-normal text-xs\">\n              {{ item.location }}\n              @if (item.lastLoginDate) {\n                <span>{{ item.lastLoginDate | format: 'datetime' : 'short' | async }}</span>\n              }\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            class=\"axm-user-sessions__action shrink-0 border-0 bg-transparent p-1 cursor-pointer\"\n            [attr.aria-label]=\"('@general:actions.remove.title' | translate | async) ?? ''\"\n            (click)=\"onTerminate(item.id); $event.stopPropagation()\"\n          >\n            <i class=\"ax-icon ax-icon-close\"></i>\n          </button>\n        </div>\n      }\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <div class=\"axm-user-sessions__footer flex w-full min-w-0 flex-col gap-1 px-4 py-2 box-border\">\n      <p class=\"m-0 text-start font-medium text-base text-danger-500\">\n        {{ '@auth:sessions.terminate-old.title' | translate | async }}\n      </p>\n      <div class=\"axm-user-sessions__footer-setting w-full min-w-0\">\n        <div class=\"axm-user-sessions__footer-label font-normal text-base text-on-lightest text-start\">\n          {{ '@auth:sessions.terminate-old.inactive-for' | translate | async }}\n        </div>\n        <div class=\"axm-user-sessions__footer-select min-w-0\">\n          <ax-select-box\n            [ngModel]=\"expireTime()\"\n            (onValueChanged)=\"onChangeSessionExpireTime($event)\"\n            [dataSource]=\"dataSource\"\n            textField=\"name\"\n            valueField=\"id\"\n            [placeholder]=\"('@auth:sessions.terminate-old.placeholder' | translate | async) ?? ''\"\n          >\n          </ax-select-box>\n        </div>\n      </div>\n    </div>\n  </ax-suffix>\n</ax-footer>\n", styles: [".axm-user-sessions .axm-user-sessions__content,.axm-user-sessions .axm-user-sessions__footer{box-sizing:border-box}.axm-user-sessions .axm-user-sessions__meta{color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-sessions .axm-user-sessions__action{color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-user-sessions .axm-user-sessions__footer-setting{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axm-user-sessions .axm-user-sessions__footer-label{flex-shrink:0}.axm-user-sessions .axm-user-sessions__footer-select{margin-inline-start:auto;min-width:calc(var(--spacing, .25rem) * 48);flex:0 1 18rem}@media(max-width:640px){.axm-user-sessions .axm-user-sessions__footer-setting{flex-wrap:wrap}.axm-user-sessions .axm-user-sessions__footer-select{margin-inline-start:0px;max-width:none;flex:1 1 100%}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i4.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserSessionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-user-sessions', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        FormsModule,
+                        AXFormatModule,
+                        AXSelectBoxModule,
+                        AXDropdownModule,
+                        AXPopoverModule,
+                        AXTranslationModule,
+                    ], template: "<ax-content>\n  <div class=\"axm-user-sessions__content flex flex-col gap-4 p-6 w-full min-w-0 box-border\">\n    <p class=\"font-semibold text-base text-on-lightest text-start m-0\">\n      {{ '@auth:sessions.this-device.title' | translate | async }}\n    </p>\n    <div\n      class=\"axm-user-sessions__row flex w-full min-w-0 items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n    >\n      <div class=\"axm-user-sessions__icon axm-user-sessions__icon--primary shrink-0 rounded-lg border border-primary-200 bg-primary-50\">\n        <i class=\"{{ getDeviceIcon($safeNavigationMigration(activeSession()?.deviceName)) }} m-3 text-primary-500\"></i>\n      </div>\n      @if (activeSession()) {\n        <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n          <div class=\"font-medium text-base\">{{ activeSession()?.deviceName }}</div>\n          <div class=\"font-normal text-sm\">{{ activeSession()?.operatingSystem }}</div>\n          <p class=\"axm-user-sessions__meta m-0 font-normal text-xs\">\n            {{ activeSession()?.location }}\n            @if (activeSession()?.lastLoginDate) {\n              <span>{{ $safeNavigationMigration(activeSession()?.lastLoginDate) | format: 'datetime' : 'short' | async }}</span>\n            }\n          </p>\n        </div>\n      }\n    </div>\n\n    @if (itemsWithIcons().length > 0) {\n      <div\n        class=\"axm-user-sessions__row flex w-full min-w-0 cursor-pointer items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n        (click)=\"onTerminateAll()\"\n      >\n        <div class=\"axm-user-sessions__icon axm-user-sessions__icon--danger shrink-0 rounded-lg border border-danger-200 bg-danger-50\">\n          <i class=\"icon icon-clear m-3 text-danger-500\"></i>\n        </div>\n        <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n          <div class=\"font-medium text-base\">\n            {{ '@auth:sessions.terminate-all.title' | translate | async }}\n          </div>\n          <p class=\"axm-user-sessions__meta m-0 font-normal text-sm\">\n            {{ '@auth:sessions.terminate-all.description' | translate | async }}\n          </p>\n        </div>\n      </div>\n\n      <p class=\"font-semibold text-base text-on-lightest text-start m-0\">\n        {{ '@auth:sessions.active-devices.title' | translate | async }}\n      </p>\n      @for (item of itemsWithIcons(); track item.id) {\n        <div\n          class=\"axm-user-sessions__row flex w-full min-w-0 items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n        >\n          <div class=\"axm-user-sessions__icon shrink-0 rounded-lg border\">\n            <i class=\"{{ item.icon }} m-3\"></i>\n          </div>\n          <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n            <div class=\"font-medium text-base\">{{ item.deviceName }}</div>\n            <div class=\"font-normal text-sm\">{{ item.operatingSystem }}</div>\n            <p class=\"axm-user-sessions__meta m-0 font-normal text-xs\">\n              {{ item.location }}\n              @if (item.lastLoginDate) {\n                <span>{{ item.lastLoginDate | format: 'datetime' : 'short' | async }}</span>\n              }\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            class=\"axm-user-sessions__action shrink-0 border-0 bg-transparent p-1 cursor-pointer\"\n            [attr.aria-label]=\"('@general:actions.remove.title' | translate | async) ?? ''\"\n            (click)=\"onTerminate(item.id); $event.stopPropagation()\"\n          >\n            <i class=\"ax-icon ax-icon-close\"></i>\n          </button>\n        </div>\n      }\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <div class=\"axm-user-sessions__footer flex w-full min-w-0 flex-col gap-1 px-4 py-2 box-border\">\n      <p class=\"m-0 text-start font-medium text-base text-danger-500\">\n        {{ '@auth:sessions.terminate-old.title' | translate | async }}\n      </p>\n      <div class=\"axm-user-sessions__footer-setting w-full min-w-0\">\n        <div class=\"axm-user-sessions__footer-label font-normal text-base text-on-lightest text-start\">\n          {{ '@auth:sessions.terminate-old.inactive-for' | translate | async }}\n        </div>\n        <div class=\"axm-user-sessions__footer-select min-w-0\">\n          <ax-select-box\n            [ngModel]=\"expireTime()\"\n            (onValueChanged)=\"onChangeSessionExpireTime($event)\"\n            [dataSource]=\"dataSource\"\n            textField=\"name\"\n            valueField=\"id\"\n            [placeholder]=\"('@auth:sessions.terminate-old.placeholder' | translate | async) ?? ''\"\n          >\n          </ax-select-box>\n        </div>\n      </div>\n    </div>\n  </ax-suffix>\n</ax-footer>\n", styles: [".axm-user-sessions .axm-user-sessions__content,.axm-user-sessions .axm-user-sessions__footer{box-sizing:border-box}.axm-user-sessions .axm-user-sessions__meta{color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-sessions .axm-user-sessions__action{color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-user-sessions .axm-user-sessions__footer-setting{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axm-user-sessions .axm-user-sessions__footer-label{flex-shrink:0}.axm-user-sessions .axm-user-sessions__footer-select{margin-inline-start:auto;min-width:calc(var(--spacing, .25rem) * 48);flex:0 1 18rem}@media(max-width:640px){.axm-user-sessions .axm-user-sessions__footer-setting{flex-wrap:wrap}.axm-user-sessions .axm-user-sessions__footer-select{margin-inline-start:0px;max-width:none;flex:1 1 100%}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [] });
+
+//#region ---- Open sessions command ----
+/** Opens the active sessions popup for the current user. */
+class AXPOpenSessionsCommand {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.popupService = inject(AXPopupService);
+        this.translateService = inject(AXTranslationService);
+    }
+    //#endregion
+    //#region ---- Command ----
+    async execute() {
+        await this.popupService.open(AXMUserSessionsComponent, {
+            title: await this.translateService.translateAsync('@auth:profile.sessions'),
+            size: 'md',
+        });
+        return { success: true, kind: 'object', data: undefined };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenSessionsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenSessionsCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenSessionsCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXPOpenSessionsCommand };
+//# sourceMappingURL=acorex-platform-module-auth-client-open-sessions.command-LZKM9fgo.mjs.map

package/fesm2022/acorex-platform-module-auth-client-open-sessions.command-LZKM9fgo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-open-sessions.command-LZKM9fgo.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/user-sessions/user-sessions.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/user-sessions/user-sessions.component.html","../../../../libs/modules/auth/client/src/lib/commands/open-sessions.command.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { AXPSettingsService } from '@acorex-platform/framework-client/common';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, computed, inject, signal, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  AXPAuthInactiveSessionTerminationOptions,\n  AXPAuthInactiveSessionTerminationValue,\n  AXPAuthSettings,\n} from '@acorex-platform/module-auth-client/contracts';\nimport { AXMSecurityManagementDeviceSessionsEntityModel } from '@acorex-platform/module-security-management-client/contracts';\nimport { AXMUserDeviceSessionsService } from './user-sessions.service';\n\n//#region ---- Types ----\n\ninterface InactiveSessionTerminationOption {\n  id: AXPAuthInactiveSessionTerminationValue;\n  titleKey: string;\n}\n\ninterface TranslatedInactiveSessionTerminationOption {\n  id: AXPAuthInactiveSessionTerminationValue;\n  name: string;\n}\n\n//#endregion\n\n@Component({\n  selector: 'axm-user-sessions',\n  templateUrl: './user-sessions.component.html',\n  styleUrl: './user-sessions.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AXButtonModule,\n    AXDecoratorModule,\n    CommonModule,\n    FormsModule,\n    AXFormatModule,\n    AXSelectBoxModule,\n    AXDropdownModule,\n    AXPopoverModule,\n    AXTranslationModule,\n  ],\n})\nexport class AXMUserSessionsComponent extends AXBasePageComponent {\n  //#region ---- State ----\n\n  items = signal<AXMSecurityManagementDeviceSessionsEntityModel[]>([]);\n  activeSession = signal<AXMSecurityManagementDeviceSessionsEntityModel | undefined>(undefined);\n  expireTime = signal<AXPAuthInactiveSessionTerminationValue | null>(null);\n\n  //#endregion\n\n  //#region ---- Services & Dependencies ----\n\n  private readonly userDeviceSessionsService = inject(AXMUserDeviceSessionsService);\n  private readonly settingsService = inject(AXPSettingsService);\n  private readonly translateService = inject(AXTranslationService);\n  private readonly cdRef = inject(ChangeDetectorRef);\n\n  //#endregion\n\n  //#region ---- Data Sources ----\n\n  private readonly terminationOptionDefinitions: InactiveSessionTerminationOption[] = [\n    {\n      id: AXPAuthInactiveSessionTerminationOptions.OneWeek,\n      titleKey: '@auth:sessions.inactive-termination.options.one-week',\n    },\n    {\n      id: AXPAuthInactiveSessionTerminationOptions.OneMonth,\n      titleKey: '@auth:sessions.inactive-termination.options.one-month',\n    },\n    {\n      id: AXPAuthInactiveSessionTerminationOptions.ThreeMonths,\n      titleKey: '@auth:sessions.inactive-termination.options.three-months',\n    },\n    {\n      id: AXPAuthInactiveSessionTerminationOptions.SixMonths,\n      titleKey: '@auth:sessions.inactive-termination.options.six-months',\n    },\n  ];\n\n  protected expirationItems: TranslatedInactiveSessionTerminationOption[] = [];\n\n  protected dataSource = new AXDataSource<TranslatedInactiveSessionTerminationOption>({\n    pageSize: 10,\n    key: 'id',\n    load: async () => ({\n      items: this.expirationItems,\n      total: this.expirationItems.length,\n    }),\n  });\n\n  //#endregion\n\n  //#region ---- Computed Properties ----\n\n  itemsWithIcons = computed(() =>\n    this.items().map((item) => ({\n      ...item,\n      icon: this.getDeviceIcon(item.deviceName),\n    })),\n  );\n\n  //#endregion\n\n  //#region ---- Lifecycle ----\n\n  constructor() {\n    super();\n    void this.loadUserSessions();\n  }\n\n  //#endregion\n\n  //#region ---- UI Handlers ----\n\n  getDeviceIcon(deviceName: string | undefined): string {\n    if (!deviceName) {\n      return 'fa-solid fa-question';\n    }\n\n    const lowerCaseName = deviceName.toLowerCase();\n\n    if (lowerCaseName.includes('windows')) {\n      return 'fa-brands fa-windows';\n    }\n    if (lowerCaseName.includes('macbook') || lowerCaseName.includes('mac')) {\n      return 'fa-brands fa-apple';\n    }\n    if (lowerCaseName.includes('linux')) {\n      return 'fa-brands fa-linux';\n    }\n    if (lowerCaseName.includes('android')) {\n      return 'fa-brands fa-android';\n    }\n    if (lowerCaseName.includes('ios') || lowerCaseName.includes('iphone') || lowerCaseName.includes('ipad')) {\n      return 'fa-brands fa-apple';\n    }\n\n    return 'fa-solid fa-desktop';\n  }\n\n  protected onChangeSessionExpireTime(e: AXValueChangedEvent): void {\n    const selectedId = e.component.selectedItems[0]?.id as AXPAuthInactiveSessionTerminationValue | undefined;\n    if (!selectedId) {\n      return;\n    }\n\n    this.expireTime.set(selectedId);\n    void this.userDeviceSessionsService.setInactiveSessionTermination(selectedId);\n  }\n\n  async onTerminate(sessionId: string | undefined): Promise<void> {\n    if (!sessionId) {\n      console.error('No item to terminate');\n      return;\n    }\n\n    await this.userDeviceSessionsService.terminateSession(sessionId);\n    await this.loadUserSessions();\n  }\n\n  async onTerminateAll(): Promise<void> {\n    await this.userDeviceSessionsService.terminateAllSession();\n    await this.loadUserSessions();\n  }\n\n  //#endregion\n\n  //#region ---- Private Methods ----\n\n  private async loadUserSessions(): Promise<void> {\n    try {\n      this.expirationItems = await Promise.all(\n        this.terminationOptionDefinitions.map(async (option) => ({\n          id: option.id,\n          name: await this.translateService.translateAsync(option.titleKey),\n        })),\n      );\n\n      const sessions = await this.userDeviceSessionsService.getSessions();\n      this.items.set(sessions);\n\n      try {\n        const activeSession = await this.userDeviceSessionsService.getCurrentActiveSessions();\n        this.activeSession.set(activeSession);\n      } catch (error) {\n        console.warn('No active session found:', error);\n        this.activeSession.set(undefined);\n      }\n\n      const inactiveSessionTermination = await this.settingsService.get<AXPAuthInactiveSessionTerminationValue>(\n        AXPAuthSettings.InactiveSessionTermination,\n      );\n\n      if (\n        inactiveSessionTermination &&\n        Object.values(AXPAuthInactiveSessionTerminationOptions).includes(inactiveSessionTermination)\n      ) {\n        this.expireTime.set(inactiveSessionTermination);\n      }\n\n      await this.dataSource.refresh();\n      this.cdRef.markForCheck();\n    } catch (error) {\n      console.error('Error loading user sessions', error);\n    }\n  }\n\n  //#endregion\n}\n","<ax-content>\n  <div class=\"axm-user-sessions__content flex flex-col gap-4 p-6 w-full min-w-0 box-border\">\n    <p class=\"font-semibold text-base text-on-lightest text-start m-0\">\n      {{ '@auth:sessions.this-device.title' | translate | async }}\n    </p>\n    <div\n      class=\"axm-user-sessions__row flex w-full min-w-0 items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n    >\n      <div class=\"axm-user-sessions__icon axm-user-sessions__icon--primary shrink-0 rounded-lg border border-primary-200 bg-primary-50\">\n        <i class=\"{{ getDeviceIcon($safeNavigationMigration(activeSession()?.deviceName)) }} m-3 text-primary-500\"></i>\n      </div>\n      @if (activeSession()) {\n        <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n          <div class=\"font-medium text-base\">{{ activeSession()?.deviceName }}</div>\n          <div class=\"font-normal text-sm\">{{ activeSession()?.operatingSystem }}</div>\n          <p class=\"axm-user-sessions__meta m-0 font-normal text-xs\">\n            {{ activeSession()?.location }}\n            @if (activeSession()?.lastLoginDate) {\n              <span>{{ $safeNavigationMigration(activeSession()?.lastLoginDate) | format: 'datetime' : 'short' | async }}</span>\n            }\n          </p>\n        </div>\n      }\n    </div>\n\n    @if (itemsWithIcons().length > 0) {\n      <div\n        class=\"axm-user-sessions__row flex w-full min-w-0 cursor-pointer items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n        (click)=\"onTerminateAll()\"\n      >\n        <div class=\"axm-user-sessions__icon axm-user-sessions__icon--danger shrink-0 rounded-lg border border-danger-200 bg-danger-50\">\n          <i class=\"icon icon-clear m-3 text-danger-500\"></i>\n        </div>\n        <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n          <div class=\"font-medium text-base\">\n            {{ '@auth:sessions.terminate-all.title' | translate | async }}\n          </div>\n          <p class=\"axm-user-sessions__meta m-0 font-normal text-sm\">\n            {{ '@auth:sessions.terminate-all.description' | translate | async }}\n          </p>\n        </div>\n      </div>\n\n      <p class=\"font-semibold text-base text-on-lightest text-start m-0\">\n        {{ '@auth:sessions.active-devices.title' | translate | async }}\n      </p>\n      @for (item of itemsWithIcons(); track item.id) {\n        <div\n          class=\"axm-user-sessions__row flex w-full min-w-0 items-center gap-3 rounded-lg border border-lightest bg-lightest p-3 text-on-lightest\"\n        >\n          <div class=\"axm-user-sessions__icon shrink-0 rounded-lg border\">\n            <i class=\"{{ item.icon }} m-3\"></i>\n          </div>\n          <div class=\"flex min-w-0 flex-1 flex-col text-start\">\n            <div class=\"font-medium text-base\">{{ item.deviceName }}</div>\n            <div class=\"font-normal text-sm\">{{ item.operatingSystem }}</div>\n            <p class=\"axm-user-sessions__meta m-0 font-normal text-xs\">\n              {{ item.location }}\n              @if (item.lastLoginDate) {\n                <span>{{ item.lastLoginDate | format: 'datetime' : 'short' | async }}</span>\n              }\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            class=\"axm-user-sessions__action shrink-0 border-0 bg-transparent p-1 cursor-pointer\"\n            [attr.aria-label]=\"('@general:actions.remove.title' | translate | async) ?? ''\"\n            (click)=\"onTerminate(item.id); $event.stopPropagation()\"\n          >\n            <i class=\"ax-icon ax-icon-close\"></i>\n          </button>\n        </div>\n      }\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <div class=\"axm-user-sessions__footer flex w-full min-w-0 flex-col gap-1 px-4 py-2 box-border\">\n      <p class=\"m-0 text-start font-medium text-base text-danger-500\">\n        {{ '@auth:sessions.terminate-old.title' | translate | async }}\n      </p>\n      <div class=\"axm-user-sessions__footer-setting w-full min-w-0\">\n        <div class=\"axm-user-sessions__footer-label font-normal text-base text-on-lightest text-start\">\n          {{ '@auth:sessions.terminate-old.inactive-for' | translate | async }}\n        </div>\n        <div class=\"axm-user-sessions__footer-select min-w-0\">\n          <ax-select-box\n            [ngModel]=\"expireTime()\"\n            (onValueChanged)=\"onChangeSessionExpireTime($event)\"\n            [dataSource]=\"dataSource\"\n            textField=\"name\"\n            valueField=\"id\"\n            [placeholder]=\"('@auth:sessions.terminate-old.placeholder' | translate | async) ?? ''\"\n          >\n          </ax-select-box>\n        </div>\n      </div>\n    </div>\n  </ax-suffix>\n</ax-footer>\n","import { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport { AXPopupService } from '@acorex/components/popup';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { AXPRuntimeCommandResult } from '@acorex-platform/framework-shared/core';\n\nimport { inject, Injectable } from '@angular/core';\nimport { AXMUserSessionsComponent } from '../pages/account/user-sessions/user-sessions.component';\n\n//#region ---- Open sessions command ----\n\n/** Opens the active sessions popup for the current user. */\n@Injectable({ providedIn: 'root' })\nexport class AXPOpenSessionsCommand implements AXPCommand {\n  //#region ---- Services & Dependencies ----\n\n  private readonly popupService = inject(AXPopupService);\n  private readonly translateService = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ---- Command ----\n\n  async execute(): AXPCommandExecuteResultPromise<void> {\n    await this.popupService.open(AXMUserSessionsComponent, {\n      title: await this.translateService.translateAsync('@auth:profile.sessions'),\n      size: 'md',\n    });\n\n    return { success: true, kind: 'object', data: undefined };\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":["i2","i3","i4","i6"],"mappings":"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"}