@acorex-platform/module-auth-client 0.0.15

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

@@ -0,0 +1,196 @@
+import { AXPopupService } from '@acorex/components/popup';
+import * as i2 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 i3$1 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 i4 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-B7tIKOw6.mjs';
+
+//#endregion
+class AXMUserSessionsComponent extends AXBasePageComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        super();
+        //#region ---- State ----
+        this.items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.activeSession = signal(undefined, ...(ngDevMode ? [{ debugName: "activeSession" }] : /* istanbul ignore next */ []));
+        this.expireTime = signal(null, ...(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),
+        })), ...(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: "21.2.9", ngImport: i0, type: AXMUserSessionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(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>{{ 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__content,.axm-user-sessions__footer{box-sizing:border-box}.axm-user-sessions__meta{color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-sessions__action{color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-user-sessions__footer-setting{display:flex;align-items:center;gap:.75rem}.axm-user-sessions__footer-label{flex-shrink:0}.axm-user-sessions__footer-select{margin-inline-start:auto;flex:0 1 18rem;min-width:12rem}@media(max-width:640px){.axm-user-sessions__footer-setting{flex-wrap:wrap}.axm-user-sessions__footer-select{margin-inline-start:0;flex:1 1 100%;max-width:none}}\n/*! tailwindcss v4.3.2 | 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: i3$1.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: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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(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>{{ 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__content,.axm-user-sessions__footer{box-sizing:border-box}.axm-user-sessions__meta{color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-sessions__action{color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-user-sessions__footer-setting{display:flex;align-items:center;gap:.75rem}.axm-user-sessions__footer-label{flex-shrink:0}.axm-user-sessions__footer-select{margin-inline-start:auto;flex:0 1 18rem;min-width:12rem}@media(max-width:640px){.axm-user-sessions__footer-setting{flex-wrap:wrap}.axm-user-sessions__footer-select{margin-inline-start:0;flex:1 1 100%;max-width:none}}\n/*! tailwindcss v4.3.2 | 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 };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPOpenSessionsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPOpenSessionsCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPOpenSessionsCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXPOpenSessionsCommand };
+//# sourceMappingURL=acorex-platform-module-auth-client-open-sessions.command-CXSGuqYp.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-open-sessions.command-CXSGuqYp.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(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>{{ 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 } from '@acorex-platform/framework-shared/runtime';\nimport { AXPopupService } from '@acorex/components/popup';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { AXPExecuteCommandResult } 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(): Promise<AXPExecuteCommandResult<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 };\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":["i2","i3","i6"],"mappings":"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"}

package/fesm2022/acorex-platform-module-auth-client-password.component-BuqUhET7.mjs

@@ -0,0 +1,59 @@
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import * as i1 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i3 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXPasswordBoxModule } from '@acorex/components/password-box';
+import * as i2 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i2$1 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+import * as i1$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { n as AXM_AUTH_CONFIG_TOKEN, p as AXMAuthenticationTypes } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-B7tIKOw6.mjs';
+
+const MODULES = [
+    CommonModule,
+    AXFormModule,
+    AXTextBoxModule,
+    AXPasswordBoxModule,
+    AXButtonModule,
+    AXLabelModule,
+    AXCheckBoxModule,
+    AXTranslationModule,
+    RouterModule,
+];
+class AXPForgetPasswordComponent {
+    constructor() {
+        this.configs = inject(AXM_AUTH_CONFIG_TOKEN);
+    }
+    ngOnInit() {
+        this.l2 = 'password';
+        switch (this.configs.type) {
+            case AXMAuthenticationTypes.EmailPassword:
+                this.l1 = 'email';
+                break;
+            case AXMAuthenticationTypes.MobilePassword:
+                this.l1 = 'mobile';
+                break;
+            case AXMAuthenticationTypes.UsernamePassword:
+            default:
+                this.l1 = 'username';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPForgetPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPForgetPasswordComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"text-center mb-4\" *translate=\"let t\">\n  <h1 class=\"font-bold text-xl mb-2\">{{ '@auth:forgot.password' | translate | async }}</h1>\n  <p class=\"text-base text-neutral-600\">\n    {{ '@auth:forgot.hint' | translate | async }}\n  </p>\n</div>\n<div class=\"w-80 lg:w-96\" *translate=\"let t\">\n  <ax-form>\n    <div class=\"flex flex-col gap-6\">\n      <ax-form-field>\n        <ax-label>{{ '@auth:username-email' | translate | async }}</ax-label>\n        <ax-text-box></ax-text-box>\n      </ax-form-field>\n    </div>\n    <ax-button color=\"primary\" class=\"mt-6 w-full\" [text]=\"'@auth:forgot.submit' | translate | async\"></ax-button>\n    <div class=\"text-center mt-6 text-sm font-normal\">\n      <span> {{ '@auth:forgot.remember' | translate | async }} </span>\n      <a [routerLink]=\"['/auth/login']\" class=\"links font-semibold\">{{\n        '@auth:signin.title' | translate | async\n      }}</a>\n    </div>\n  </ax-form>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i1.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXLabelModule }, { kind: "component", type: i3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i2$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPForgetPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [...MODULES], template: "<div class=\"text-center mb-4\" *translate=\"let t\">\n  <h1 class=\"font-bold text-xl mb-2\">{{ '@auth:forgot.password' | translate | async }}</h1>\n  <p class=\"text-base text-neutral-600\">\n    {{ '@auth:forgot.hint' | translate | async }}\n  </p>\n</div>\n<div class=\"w-80 lg:w-96\" *translate=\"let t\">\n  <ax-form>\n    <div class=\"flex flex-col gap-6\">\n      <ax-form-field>\n        <ax-label>{{ '@auth:username-email' | translate | async }}</ax-label>\n        <ax-text-box></ax-text-box>\n      </ax-form-field>\n    </div>\n    <ax-button color=\"primary\" class=\"mt-6 w-full\" [text]=\"'@auth:forgot.submit' | translate | async\"></ax-button>\n    <div class=\"text-center mt-6 text-sm font-normal\">\n      <span> {{ '@auth:forgot.remember' | translate | async }} </span>\n      <a [routerLink]=\"['/auth/login']\" class=\"links font-semibold\">{{\n        '@auth:signin.title' | translate | async\n      }}</a>\n    </div>\n  </ax-form>\n</div>\n" }]
+        }] });
+
+export { AXPForgetPasswordComponent };
+//# sourceMappingURL=acorex-platform-module-auth-client-password.component-BuqUhET7.mjs.map

package/fesm2022/acorex-platform-module-auth-client-password.component-BuqUhET7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-password.component-BuqUhET7.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/forgot/password/password.component.ts","../../../../libs/modules/auth/client/src/lib/pages/forgot/password/password.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXPasswordBoxModule } from '@acorex/components/password-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { Component, OnInit, inject } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AXMAuthConfigs, AXMAuthenticationTypes, AXM_AUTH_CONFIG_TOKEN } from '../../../auth.config';\n\nconst MODULES = [\n  CommonModule,\n  AXFormModule,\n  AXTextBoxModule,\n  AXPasswordBoxModule,\n  AXButtonModule,\n  AXLabelModule,\n  AXCheckBoxModule,\n  AXTranslationModule,\n  RouterModule,\n];\n\n@Component({\n  templateUrl: './password.component.html',\n  imports: [...MODULES],\n})\nexport class AXPForgetPasswordComponent implements OnInit {\n  protected l1!: string;\n  protected l2!: string;\n\n  protected configs: AXMAuthConfigs = inject<AXMAuthConfigs>(AXM_AUTH_CONFIG_TOKEN);\n\n  ngOnInit(): void {\n    this.l2 = 'password';\n    switch (this.configs.type) {\n      case AXMAuthenticationTypes.EmailPassword:\n        this.l1 = 'email';\n        break;\n      case AXMAuthenticationTypes.MobilePassword:\n        this.l1 = 'mobile';\n\n        break;\n      case AXMAuthenticationTypes.UsernamePassword:\n      default:\n        this.l1 = 'username';\n    }\n  }\n}\n","<div class=\"text-center mb-4\" *translate=\"let t\">\n  <h1 class=\"font-bold text-xl mb-2\">{{ '@auth:forgot.password' | translate | async }}</h1>\n  <p class=\"text-base text-neutral-600\">\n    {{ '@auth:forgot.hint' | translate | async }}\n  </p>\n</div>\n<div class=\"w-80 lg:w-96\" *translate=\"let t\">\n  <ax-form>\n    <div class=\"flex flex-col gap-6\">\n      <ax-form-field>\n        <ax-label>{{ '@auth:username-email' | translate | async }}</ax-label>\n        <ax-text-box></ax-text-box>\n      </ax-form-field>\n    </div>\n    <ax-button color=\"primary\" class=\"mt-6 w-full\" [text]=\"'@auth:forgot.submit' | translate | async\"></ax-button>\n    <div class=\"text-center mt-6 text-sm font-normal\">\n      <span> {{ '@auth:forgot.remember' | translate | async }} </span>\n      <a [routerLink]=\"['/auth/login']\" class=\"links font-semibold\">{{\n        '@auth:signin.title' | translate | async\n      }}</a>\n    </div>\n  </ax-form>\n</div>\n"],"names":["i4","i6","i7","i5"],"mappings":"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"}