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

package/fesm2022/acorex-platform-module-auth-client-app-chooser.component-BVbu-f8h.mjs

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { inject, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXFormModule } from '@acorex/components/form';
+import { AXImageModule } from '@acorex/components/image';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i1 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i5 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPSessionService } from '@acorex-platform/framework-client/auth';
+import { AXPPlatformBrandingService } from '@acorex-platform/framework-client/common';
+import { AXPLogoComponent } from '@acorex-platform/framework-client/core';
+import { AXPUserAvatarComponent } from '@acorex-platform/framework-client/layout/components';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { Router } from '@angular/router';
+import { w as AXPTenantChooserDropdownComponent, x as AXPAppChooserListComponent } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs';
+
+class AXPAuthAppChooserComponent {
+    constructor() {
+        this.router = inject(Router);
+        this.platformBranding = inject(AXPPlatformBrandingService);
+        this.platformTitle = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "platformTitle" }] : /* istanbul ignore next */ []));
+        this.sessionService = inject(AXPSessionService);
+        this.user = this.sessionService.user;
+        this.tenants$ = this.sessionService.tenants$;
+        this.tenant = this.sessionService.tenant;
+        this.catalogLoading = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "catalogLoading" }] : /* istanbul ignore next */ []));
+    }
+    ngOnInit() {
+        void this.platformBranding.resolvePlatformTitle().then((title) => this.platformTitle.set(title));
+    }
+    handleCatalogLoading(loading) {
+        this.catalogLoading.set(loading);
+    }
+    tenantChooser() {
+        this.router.navigate(['/auth/account/tenant-chooser']);
+    }
+    async handleSignout() {
+        await this.sessionService.signout();
+        this.router.navigate(['/auth/login']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthAppChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthAppChooserComponent, isStandalone: true, selector: "axp-auth-app-chooser", ngImport: i0, template: "<main *translate=\"let t\" class=\"axp-auth-chooser\">\n  <div class=\"axp-auth-chooser__inner\">\n    <!-- ----- Platform branding ----- -->\n    <section class=\"axp-auth-chooser__brand\">\n      <axp-logo\n        logoKey=\"platform\"\n        appearance=\"onLight\"\n        format=\"full\"\n        [size]=\"260\"\n        [attr.alt]=\"platformTitle()\"\n      ></axp-logo>\n    </section>\n    <!-- ----- Application selection card ----- -->\n    <section class=\"axp-auth-chooser__card-wrap\">\n      <div class=\"axp-auth-chooser__card\">\n        <!-- ----- Profile header while catalog loads ----- -->\n        @if (catalogLoading()) {\n          <ax-skeleton [animated]=\"true\" class=\"size-[72px] rounded-full shrink-0\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-6 w-56 max-w-full\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-5 w-32 max-w-full\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-4 w-64 max-w-full\"></ax-skeleton>\n        } @else {\n          <axp-user-avatar\n            [size]=\"72\"\n            [userId]=\"$safeNavigationMigration(user?.id)!\"\n            [showPresence]=\"false\"\n          ></axp-user-avatar>\n          <h2 class=\"md:text-lg font-medium\">\n            {{ '@auth:welcome.message' | translate | async }}, {{ user?.title }}\n          </h2>\n          <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n          <p class=\"text-neutral-500 text-sm md:text-base font-medium\">\n            {{ '@auth:application-chooser.description' | translate | async }}\n          </p>\n        }\n        <div class=\"mt-3 w-full overflow-auto max-h-[300px]\">\n          <axp-app-chooser-list (loadingChange)=\"handleCatalogLoading($event)\"></axp-app-chooser-list>\n        </div>\n      </div>\n    </section>\n    <!-- ----- Navigation footer ----- -->\n    <section class=\"axp-auth-chooser__footer\">\n      <p class=\"text-neutral-400 text-sm\">\n        {{ '@auth:application-chooser.footer' | translate | async }}\n        @if (tenants$ | async; as tenants) {\n          @if (tenants.length > 1) {\n            <a\n              (click)=\"tenantChooser()\"\n              class=\"text-primary-500 cursor-pointer font-medium hover:underline\"\n            >\n              {{ '@auth:application-chooser.backCompany' | translate | async }}\n            </a>\n          }\n          <!-- ----- Single-tenant users return to login ----- -->\n          @else {\n            <a\n              (click)=\"handleSignout()\"\n              class=\"text-primary-500 font-medium cursor-pointer hover:underline\"\n            >\n              {{ '@auth:backLogin' | translate | async }}\n            </a>\n          }\n        }\n      </p>\n    </section>\n  </div>\n</main>\n", styles: ["@layer properties;.axp-auth-chooser{display:flex;width:100%;flex-direction:column;align-items:center;overflow-y:auto;background-color:rgba(var(--ax-sys-color-lightest-surface));height:100vh;height:100dvh;-webkit-overflow-scrolling:touch}.axp-auth-chooser__inner{display:flex;width:100%;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 6);padding-inline:calc(var(--spacing, .25rem) * 4);min-height:100%;box-sizing:border-box;padding-top:max(2.75rem,calc(env(safe-area-inset-top,0px) + 1.75rem));padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px))}.axp-auth-chooser__brand{display:flex;width:100%;flex-shrink:0;justify-content:center}.axp-auth-chooser__brand axp-logo{width:min(16.25rem,85vw);max-width:100%}.axp-auth-chooser__card-wrap{display:flex;width:100%;flex-shrink:0;justify-content:center}.axp-auth-chooser__card{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 4);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:0px;padding:calc(var(--spacing, .25rem) * 5);text-align:center;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-width:28rem}.axp-auth-chooser__footer{flex-shrink:0;padding-inline:var(--spacing, .25rem);text-align:center}@media(min-width:640px){.axp-auth-chooser__inner{gap:calc(var(--spacing, .25rem) * 8);padding-inline:calc(var(--spacing, .25rem) * 6);padding-top:max(3rem,calc(env(safe-area-inset-top,0px) + 2rem))}.axp-auth-chooser__brand axp-logo{width:min(16.25rem,90vw)}}@media(min-width:768px){.axp-auth-chooser{background-color:var(--color-bg-default)}.axp-auth-chooser__inner{gap:calc(var(--spacing, .25rem) * 10);padding-inline:calc(var(--spacing, .25rem) * 6);padding-top:3.5rem;padding-bottom:2.5rem}.axp-auth-chooser__card{gap:calc(var(--spacing, .25rem) * 2);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 6);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);width:min(90vw,28rem);max-width:28rem}}@media(min-width:1024px){.axp-auth-chooser__inner{padding-inline:0px;padding-top:3.5rem;padding-bottom:2.5rem}.axp-auth-chooser__card{width:min(90vw,28rem)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n", ".gradient{background:-webkit-linear-gradient(var(--ax-current-v1),var(--ax-current-v2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "component", type: AXPAppChooserListComponent, selector: "axp-app-chooser-list", inputs: ["simple"], outputs: ["applicationChosen", "loadingChange"] }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthAppChooserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-auth-app-chooser', imports: [
+                        CommonModule,
+                        AXFormModule,
+                        AXTextBoxModule,
+                        AXButtonModule,
+                        AXLabelModule,
+                        AXCheckBoxModule,
+                        AXImageModule,
+                        AXDecoratorModule,
+                        AXPLogoComponent,
+                        AXLoadingModule,
+                        AXSkeletonModule,
+                        AXTranslationModule,
+                        AXPTenantChooserDropdownComponent,
+                        AXPAppChooserListComponent,
+                        AXPUserAvatarComponent,
+                    ], changeDetection: ChangeDetectionStrategy.Eager, encapsulation: ViewEncapsulation.None, template: "<main *translate=\"let t\" class=\"axp-auth-chooser\">\n  <div class=\"axp-auth-chooser__inner\">\n    <!-- ----- Platform branding ----- -->\n    <section class=\"axp-auth-chooser__brand\">\n      <axp-logo\n        logoKey=\"platform\"\n        appearance=\"onLight\"\n        format=\"full\"\n        [size]=\"260\"\n        [attr.alt]=\"platformTitle()\"\n      ></axp-logo>\n    </section>\n    <!-- ----- Application selection card ----- -->\n    <section class=\"axp-auth-chooser__card-wrap\">\n      <div class=\"axp-auth-chooser__card\">\n        <!-- ----- Profile header while catalog loads ----- -->\n        @if (catalogLoading()) {\n          <ax-skeleton [animated]=\"true\" class=\"size-[72px] rounded-full shrink-0\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-6 w-56 max-w-full\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-5 w-32 max-w-full\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-4 w-64 max-w-full\"></ax-skeleton>\n        } @else {\n          <axp-user-avatar\n            [size]=\"72\"\n            [userId]=\"$safeNavigationMigration(user?.id)!\"\n            [showPresence]=\"false\"\n          ></axp-user-avatar>\n          <h2 class=\"md:text-lg font-medium\">\n            {{ '@auth:welcome.message' | translate | async }}, {{ user?.title }}\n          </h2>\n          <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n          <p class=\"text-neutral-500 text-sm md:text-base font-medium\">\n            {{ '@auth:application-chooser.description' | translate | async }}\n          </p>\n        }\n        <div class=\"mt-3 w-full overflow-auto max-h-[300px]\">\n          <axp-app-chooser-list (loadingChange)=\"handleCatalogLoading($event)\"></axp-app-chooser-list>\n        </div>\n      </div>\n    </section>\n    <!-- ----- Navigation footer ----- -->\n    <section class=\"axp-auth-chooser__footer\">\n      <p class=\"text-neutral-400 text-sm\">\n        {{ '@auth:application-chooser.footer' | translate | async }}\n        @if (tenants$ | async; as tenants) {\n          @if (tenants.length > 1) {\n            <a\n              (click)=\"tenantChooser()\"\n              class=\"text-primary-500 cursor-pointer font-medium hover:underline\"\n            >\n              {{ '@auth:application-chooser.backCompany' | translate | async }}\n            </a>\n          }\n          <!-- ----- Single-tenant users return to login ----- -->\n          @else {\n            <a\n              (click)=\"handleSignout()\"\n              class=\"text-primary-500 font-medium cursor-pointer hover:underline\"\n            >\n              {{ '@auth:backLogin' | translate | async }}\n            </a>\n          }\n        }\n      </p>\n    </section>\n  </div>\n</main>\n", styles: ["@layer properties;.axp-auth-chooser{display:flex;width:100%;flex-direction:column;align-items:center;overflow-y:auto;background-color:rgba(var(--ax-sys-color-lightest-surface));height:100vh;height:100dvh;-webkit-overflow-scrolling:touch}.axp-auth-chooser__inner{display:flex;width:100%;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 6);padding-inline:calc(var(--spacing, .25rem) * 4);min-height:100%;box-sizing:border-box;padding-top:max(2.75rem,calc(env(safe-area-inset-top,0px) + 1.75rem));padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px))}.axp-auth-chooser__brand{display:flex;width:100%;flex-shrink:0;justify-content:center}.axp-auth-chooser__brand axp-logo{width:min(16.25rem,85vw);max-width:100%}.axp-auth-chooser__card-wrap{display:flex;width:100%;flex-shrink:0;justify-content:center}.axp-auth-chooser__card{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 4);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:0px;padding:calc(var(--spacing, .25rem) * 5);text-align:center;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-width:28rem}.axp-auth-chooser__footer{flex-shrink:0;padding-inline:var(--spacing, .25rem);text-align:center}@media(min-width:640px){.axp-auth-chooser__inner{gap:calc(var(--spacing, .25rem) * 8);padding-inline:calc(var(--spacing, .25rem) * 6);padding-top:max(3rem,calc(env(safe-area-inset-top,0px) + 2rem))}.axp-auth-chooser__brand axp-logo{width:min(16.25rem,90vw)}}@media(min-width:768px){.axp-auth-chooser{background-color:var(--color-bg-default)}.axp-auth-chooser__inner{gap:calc(var(--spacing, .25rem) * 10);padding-inline:calc(var(--spacing, .25rem) * 6);padding-top:3.5rem;padding-bottom:2.5rem}.axp-auth-chooser__card{gap:calc(var(--spacing, .25rem) * 2);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 6);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);width:min(90vw,28rem);max-width:28rem}}@media(min-width:1024px){.axp-auth-chooser__inner{padding-inline:0px;padding-top:3.5rem;padding-bottom:2.5rem}.axp-auth-chooser__card{width:min(90vw,28rem)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n", ".gradient{background:-webkit-linear-gradient(var(--ax-current-v1),var(--ax-current-v2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+export { AXPAuthAppChooserComponent };
+//# sourceMappingURL=acorex-platform-module-auth-client-app-chooser.component-BVbu-f8h.mjs.map

package/fesm2022/acorex-platform-module-auth-client-app-chooser.component-BVbu-f8h.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-app-chooser.component-BVbu-f8h.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/app-chooser/app-chooser.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/app-chooser/app-chooser.component.html"],"sourcesContent":["import { Component, OnInit, ViewEncapsulation, inject, ChangeDetectionStrategy, signal } from '@angular/core';\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSessionService } from '@acorex-platform/framework-client/auth';\nimport { AXPPlatformBrandingService } from '@acorex-platform/framework-client/common';\nimport { AXPLogoComponent } from '@acorex-platform/framework-client/core';\nimport { AXPUserAvatarComponent } from '@acorex-platform/framework-client/layout/components';\nimport { CommonModule } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { AXPTenantChooserDropdownComponent } from '../tenant-chooser/tenant-chooser-dropdown.component';\nimport { AXPAppChooserListComponent } from './app-chooser-list.component';\n\n@Component({\n  selector: 'axp-auth-app-chooser',\n  templateUrl: './app-chooser.component.html',\n  styleUrls: ['../shared/auth-chooser.layout.css', './app-chooser.component.css'],\n  imports: [\n    CommonModule,\n    AXFormModule,\n    AXTextBoxModule,\n    AXButtonModule,\n    AXLabelModule,\n    AXCheckBoxModule,\n    AXImageModule,\n    AXDecoratorModule,\n    AXPLogoComponent,\n    AXLoadingModule,\n    AXSkeletonModule,\n    AXTranslationModule,\n    AXPTenantChooserDropdownComponent,\n    AXPAppChooserListComponent,\n    AXPUserAvatarComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXPAuthAppChooserComponent implements OnInit {\n  ngOnInit(): void {\n    void this.platformBranding.resolvePlatformTitle().then((title) => this.platformTitle.set(title));\n  }\n  private router = inject(Router);\n  private readonly platformBranding = inject(AXPPlatformBrandingService);\n  protected readonly platformTitle = signal('');\n  private sessionService = inject(AXPSessionService);\n\n  protected user = this.sessionService.user;\n  protected tenants$ = this.sessionService.tenants$;\n  protected tenant = this.sessionService.tenant;\n  protected catalogLoading = signal(true);\n\n  handleCatalogLoading(loading: boolean): void {\n    this.catalogLoading.set(loading);\n  }\n\n  tenantChooser() {\n    this.router.navigate(['/auth/account/tenant-chooser']);\n  }\n\n  async handleSignout() {\n    await this.sessionService.signout();\n    this.router.navigate(['/auth/login']);\n  }\n}\n","<main *translate=\"let t\" class=\"axp-auth-chooser\">\n  <div class=\"axp-auth-chooser__inner\">\n    <!-- ----- Platform branding ----- -->\n    <section class=\"axp-auth-chooser__brand\">\n      <axp-logo\n        logoKey=\"platform\"\n        appearance=\"onLight\"\n        format=\"full\"\n        [size]=\"260\"\n        [attr.alt]=\"platformTitle()\"\n      ></axp-logo>\n    </section>\n    <!-- ----- Application selection card ----- -->\n    <section class=\"axp-auth-chooser__card-wrap\">\n      <div class=\"axp-auth-chooser__card\">\n        <!-- ----- Profile header while catalog loads ----- -->\n        @if (catalogLoading()) {\n          <ax-skeleton [animated]=\"true\" class=\"size-[72px] rounded-full shrink-0\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-6 w-56 max-w-full\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-5 w-32 max-w-full\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-4 w-64 max-w-full\"></ax-skeleton>\n        } @else {\n          <axp-user-avatar\n            [size]=\"72\"\n            [userId]=\"$safeNavigationMigration(user?.id)!\"\n            [showPresence]=\"false\"\n          ></axp-user-avatar>\n          <h2 class=\"md:text-lg font-medium\">\n            {{ '@auth:welcome.message' | translate | async }}, {{ user?.title }}\n          </h2>\n          <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n          <p class=\"text-neutral-500 text-sm md:text-base font-medium\">\n            {{ '@auth:application-chooser.description' | translate | async }}\n          </p>\n        }\n        <div class=\"mt-3 w-full overflow-auto max-h-[300px]\">\n          <axp-app-chooser-list (loadingChange)=\"handleCatalogLoading($event)\"></axp-app-chooser-list>\n        </div>\n      </div>\n    </section>\n    <!-- ----- Navigation footer ----- -->\n    <section class=\"axp-auth-chooser__footer\">\n      <p class=\"text-neutral-400 text-sm\">\n        {{ '@auth:application-chooser.footer' | translate | async }}\n        @if (tenants$ | async; as tenants) {\n          @if (tenants.length > 1) {\n            <a\n              (click)=\"tenantChooser()\"\n              class=\"text-primary-500 cursor-pointer font-medium hover:underline\"\n            >\n              {{ '@auth:application-chooser.backCompany' | translate | async }}\n            </a>\n          }\n          <!-- ----- Single-tenant users return to login ----- -->\n          @else {\n            <a\n              (click)=\"handleSignout()\"\n              class=\"text-primary-500 font-medium cursor-pointer hover:underline\"\n            >\n              {{ '@auth:backLogin' | translate | async }}\n            </a>\n          }\n        }\n      </p>\n    </section>\n  </div>\n</main>\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/{acorex-platform-module-auth-client-blank.layout-BRGgntib.mjs → acorex-platform-module-auth-client-blank.layout-BCXNPgrp.mjs}

@@ -1,18 +1,18 @@
 import * as i0 from '@angular/core';
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 
 class AXPAuthBlankLayoutComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAuthBlankLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPAuthBlankLayoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<router-outlet></router-outlet>", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthBlankLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPAuthBlankLayoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<router-outlet></router-outlet>", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAuthBlankLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthBlankLayoutComponent, decorators: [{
             type: Component,
-            args: [{ imports: [RouterModule], template: "<router-outlet></router-outlet>" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterModule], template: "<router-outlet></router-outlet>" }]
         }], ctorParameters: () => [] });
 
 export { AXPAuthBlankLayoutComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-blank.layout-BRGgntib.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-blank.layout-BCXNPgrp.mjs.map

package/fesm2022/acorex-platform-module-auth-client-blank.layout-BCXNPgrp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-blank.layout-BCXNPgrp.mjs","sources":["../../../../libs/modules/auth/client/src/lib/shared/layouts/blank/blank.layout.ts","../../../../libs/modules/auth/client/src/lib/shared/layouts/blank/blank.layout.html"],"sourcesContent":["import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\n@Component({\n    templateUrl: 'blank.layout.html',\n    changeDetection: ChangeDetectionStrategy.Eager,\n    imports: [RouterModule]\n})\nexport class AXPAuthBlankLayoutComponent implements OnInit {\n  constructor() { }\n\n  ngOnInit() { }\n}\n","<router-outlet></router-outlet>"],"names":[],"mappings":";;;;;MAQa,2BAA2B,CAAA;AACtC,IAAA,WAAA,GAAA,EAAgB;AAEhB,IAAA,QAAQ,KAAK;8GAHF,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECRxC,iCAA+B,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMjB,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA,CAAA;;2FAEb,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBALvC,SAAS;AAEW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,KAAK,EAAA,OAAA,EACrC,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,iCAAA,EAAA;;;;;"}

package/fesm2022/{acorex-platform-module-auth-client-change-password.command-O8Mgxoqj.mjs → acorex-platform-module-auth-client-change-password.command-DIM_d7RO.mjs}

@@ -1,22 +1,29 @@
 import { AXToastService } from '@acorex/components/toast';
 import { AXTranslationService } from '@acorex/core/translation';
-import { RootConfig } from '@acorex-platform/module-security-management-client/contracts';
+import { AXM_CHANGE_OWN_PASSWORD_ERROR_CODES, AXMSecurityManagementServerCommands } from '@acorex-platform/module-security-management-client/contracts';
 import { AXPSessionService } from '@acorex-platform/framework-client/auth';
-import { verifyPassword, hashPassword } from '@acorex-platform/framework-shared/core';
-import { AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';
-import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
+import { AXPCommandService } from '@acorex-platform/framework-client/runtime';
+import { runtimeCommandPayloadData } from '@acorex-platform/framework-shared/core';
+import { AXPLayoutBuilderService, resolveLayoutBuilderDialogResult } from '@acorex-platform/framework-client/layout/builder';
 import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
-import { isNil, get } from 'lodash';
-import { h as AXPAuthPasswordComplexityService, i as AXPAuthPasswordChangeTrackingService, j as getPasswordComplexityHintKey, k as getPasswordComplexityValidationMessageKey, l as validatePasswordAgainstComplexity } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-mW7tx8C0.mjs';
+import { k as AXPAuthPasswordComplexityService, l as AXPAuthPasswordChangeTrackingService, m as getPasswordComplexityHintKey, n as getPasswordComplexityValidationMessageKey, o as validatePasswordAgainstComplexity, C as CHANGE_PASSWORD_SECTION_ID, d as PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY, p as buildPasswordLastChangedInsights } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs';
 
+//#region ---- Constants ----
+const CHANGE_OWN_PASSWORD_ERROR_I18N = {
+    [AXM_CHANGE_OWN_PASSWORD_ERROR_CODES.NotSignedIn]: '@auth:profile-page.commands.change-password.messages.not-signed-in',
+    [AXM_CHANGE_OWN_PASSWORD_ERROR_CODES.IncorrectCurrent]: '@auth:profile-page.commands.change-password.messages.incorrect-current',
+    [AXM_CHANGE_OWN_PASSWORD_ERROR_CODES.SameAsCurrent]: '@auth:profile-page.commands.change-password.messages.same-as-current',
+    [AXM_CHANGE_OWN_PASSWORD_ERROR_CODES.InvalidInput]: '@auth:profile-page.commands.change-password.messages.save-failed',
+};
+//#endregion
 //#region ---- Change password command ----
 /** Opens a dialog to change the signed-in user's password. */
 class AXPChangePasswordCommand {
     constructor() {
         //#region ---- Services & Dependencies ----
         this.layoutBuilder = inject(AXPLayoutBuilderService);
-        this.entityService = inject(AXPEntityService);
+        this.commandService = inject(AXPCommandService);
         this.sessionService = inject(AXPSessionService);
         this.passwordComplexityService = inject(AXPAuthPasswordComplexityService);
         this.passwordChangeTrackingService = inject(AXPAuthPasswordChangeTrackingService);
@@ -97,50 +104,52 @@ class AXPChangePasswordCommand {
             })
                 .onAction(async (dialogRef) => {
                 if (dialogRef.action() === 'cancel') {
-                    return { success: false };
+                    return null;
                 }
                 const form = dialogRef.context();
                 const currentPassword = form.currentPassword ?? '';
                 const newPassword = form.newPassword ?? '';
                 const confirmPassword = form.confirmPassword ?? '';
                 if (newPassword !== confirmPassword) {
-                    await this.showError('@auth:profile-page.commands.change-password.messages.mismatch');
-                    throw new Error('Password confirmation mismatch');
+                    throw new Error('@auth:profile-page.commands.change-password.messages.mismatch');
                 }
                 if (newPassword === currentPassword) {
-                    await this.showError('@auth:profile-page.commands.change-password.messages.same-as-current');
-                    throw new Error('New password matches current password');
+                    throw new Error('@auth:profile-page.commands.change-password.messages.same-as-current');
                 }
                 const submitComplexity = await this.passwordComplexityService.getLevel();
                 const submitValidationMessageKey = getPasswordComplexityValidationMessageKey(submitComplexity);
                 if (!validatePasswordAgainstComplexity(newPassword, submitComplexity)) {
-                    await this.showError(submitValidationMessageKey);
-                    throw new Error('Password does not meet complexity requirements');
-                }
-                const userId = this.sessionService.user?.id;
-                if (isNil(userId)) {
-                    await this.showError('@auth:profile-page.commands.change-password.messages.not-signed-in');
-                    throw new Error('No signed-in user');
+                    throw new Error(submitValidationMessageKey);
                 }
                 dialogRef.setLoading(true);
                 try {
-                    const userData = this.entityService
-                        .withEntity(RootConfig.module.name, RootConfig.entities.users.name)
-                        .data();
-                    const user = await userData.byKey(userId);
-                    if (!(await verifyPassword(currentPassword, get(user, 'password')))) {
-                        await this.showError('@auth:profile-page.commands.change-password.messages.incorrect-current');
-                        throw new Error('Incorrect current password');
+                    const serverResult = await this.commandService.execute(AXMSecurityManagementServerCommands.ChangeOwnPassword, { currentPassword, newPassword });
+                    if (!serverResult?.success) {
+                        throw new Error(this.resolveServerErrorKey(serverResult?.message?.code));
+                    }
+                    const payload = runtimeCommandPayloadData(serverResult);
+                    const passwordChangedAt = payload?.passwordChangedAt
+                        ? new Date(payload.passwordChangedAt)
+                        : new Date();
+                    const userId = this.sessionService.user?.id;
+                    if (userId) {
+                        this.passwordChangeTrackingService.recordChange(userId, passwordChangedAt);
                     }
-                    await userData.update(userId, {
-                        password: await hashPassword(newPassword),
-                        passwordChangedAt: new Date().toISOString(),
-                    });
-                    this.passwordChangeTrackingService.recordChange(userId);
                     const successTitle = await this.translateService.translateAsync('@auth:profile-page.commands.change-password.messages.success');
                     this.toastService.show({ color: 'success', title: successTitle });
                     dialogRef.close();
-                    return { success: true };
+                    return {
+                        success: true,
+                        kind: 'object',
+                        data: undefined,
+                        metadata: {
+                            refresh: false,
+                            [PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY]: {
+                                sectionId: CHANGE_PASSWORD_SECTION_ID,
+                                insights: buildPasswordLastChangedInsights(passwordChangedAt),
+                            },
+                        },
+                    };
                 }
                 finally {
                     dialogRef.setLoading(false);
@@ -148,22 +157,23 @@ class AXPChangePasswordCommand {
             });
         })
             .show();
-        return result ?? { success: false };
+        return resolveLayoutBuilderDialogResult(result) ?? { success: false };
     }
     //#endregion
     //#region ---- Utility Methods ----
-    async showError(messageKey) {
-        const content = await this.translateService.translateAsync(messageKey);
-        const title = await this.translateService.translateAsync('@general:messages.generic.error.title');
-        this.toastService.show({ color: 'danger', title, content, closeButton: true });
+    resolveServerErrorKey(code) {
+        if (code && CHANGE_OWN_PASSWORD_ERROR_I18N[code]) {
+            return CHANGE_OWN_PASSWORD_ERROR_I18N[code];
+        }
+        return '@auth:profile-page.commands.change-password.messages.save-failed';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPChangePasswordCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPChangePasswordCommand, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPChangePasswordCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPChangePasswordCommand, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPChangePasswordCommand, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPChangePasswordCommand, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 export { AXPChangePasswordCommand };
-//# sourceMappingURL=acorex-platform-module-auth-client-change-password.command-O8Mgxoqj.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-change-password.command-DIM_d7RO.mjs.map

package/fesm2022/acorex-platform-module-auth-client-change-password.command-DIM_d7RO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-change-password.command-DIM_d7RO.mjs","sources":["../../../../libs/modules/auth/client/src/lib/commands/change-password.command.ts"],"sourcesContent":["import { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport {\n  AXM_CHANGE_OWN_PASSWORD_ERROR_CODES,\n  AXMSecurityManagementServerCommands,\n  type AXMChangeOwnPasswordResult,\n} from '@acorex-platform/module-security-management-client/contracts';\nimport { AXPSessionService } from '@acorex-platform/framework-client/auth';\nimport { AXPCommandService } from '@acorex-platform/framework-client/runtime';\nimport { AXPRuntimeCommandResult, runtimeCommandPayloadData } from '@acorex-platform/framework-shared/core';\nimport {\n  AXPLayoutBuilderService,\n  resolveLayoutBuilderDialogResult,\n} from '@acorex-platform/framework-client/layout/builder';\n\nimport { inject, Injectable } from '@angular/core';\nimport {\n  getPasswordComplexityHintKey,\n  getPasswordComplexityValidationMessageKey,\n  validatePasswordAgainstComplexity,\n} from '../shared/utils/password-complexity.utils';\nimport { AXPAuthPasswordComplexityService } from '../shared/services/password-complexity.service';\nimport { AXPAuthPasswordChangeTrackingService } from '../shared/services/password-change-tracking.service';\nimport {\n  CHANGE_PASSWORD_SECTION_ID,\n  PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY,\n  buildPasswordLastChangedInsights,\n} from '../pages/account/profile-page/profile-password-insight.util';\n\n//#region ---- Constants ----\n\nconst CHANGE_OWN_PASSWORD_ERROR_I18N: Record<string, string> = {\n  [AXM_CHANGE_OWN_PASSWORD_ERROR_CODES.NotSignedIn]:\n    '@auth:profile-page.commands.change-password.messages.not-signed-in',\n  [AXM_CHANGE_OWN_PASSWORD_ERROR_CODES.IncorrectCurrent]:\n    '@auth:profile-page.commands.change-password.messages.incorrect-current',\n  [AXM_CHANGE_OWN_PASSWORD_ERROR_CODES.SameAsCurrent]:\n    '@auth:profile-page.commands.change-password.messages.same-as-current',\n  [AXM_CHANGE_OWN_PASSWORD_ERROR_CODES.InvalidInput]:\n    '@auth:profile-page.commands.change-password.messages.save-failed',\n};\n\n//#endregion\n\n//#region ---- Change password command ----\n\n/** Opens a dialog to change the signed-in user's password. */\n@Injectable({ providedIn: 'root' })\nexport class AXPChangePasswordCommand implements AXPCommand {\n  //#region ---- Services & Dependencies ----\n\n  private readonly layoutBuilder = inject(AXPLayoutBuilderService);\n  private readonly commandService = inject(AXPCommandService);\n  private readonly sessionService = inject(AXPSessionService);\n  private readonly passwordComplexityService = inject(AXPAuthPasswordComplexityService);\n  private readonly passwordChangeTrackingService = inject(AXPAuthPasswordChangeTrackingService);\n  private readonly toastService = inject(AXToastService);\n  private readonly translateService = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ---- Command ----\n\n  async execute(): AXPCommandExecuteResultPromise<void> {\n    const passwordComplexity = await this.passwordComplexityService.getLevel();\n    const complexityHintKey = getPasswordComplexityHintKey(passwordComplexity);\n    const complexityValidationMessageKey = getPasswordComplexityValidationMessageKey(passwordComplexity);\n    const complexityValidationMessage = await this.translateService.translateAsync(complexityValidationMessageKey);\n\n    const dialogTitle = await this.translateService.translateAsync(\n      '@auth:profile-page.commands.change-password.dialog.title',\n    );\n\n    const result = await this.layoutBuilder\n      .create()\n      .dialog<AXPRuntimeCommandResult<void> | null>((dialog) => {\n        dialog\n          .setTitle(dialogTitle)\n          .setSize('md')\n          .setCloseButton(true)\n          .setContext({\n            currentPassword: '',\n            newPassword: '',\n            confirmPassword: '',\n          })\n          .content((layout) => {\n            layout.flex((flex) => {\n              flex\n                .setDirection('column')\n                .setGap('1rem')\n                .formField('@auth:profile-page.commands.change-password.fields.current-password.title', (field) => {\n                  field.setOptions({\n                    hint: '@auth:profile-page.commands.change-password.fields.current-password.hint',\n                    hintDisplayMode: 'note',\n                  });\n                  field.path('currentPassword');\n                  field.passwordBox({\n                    revealToggle: true,\n                    placeholder: '@auth:profile-page.commands.change-password.fields.current-password.placeholder',\n                    validations: [{ rule: 'required' }],\n                  });\n                })\n                .formField('@auth:profile-page.commands.change-password.fields.new-password.title', (field) => {\n                  field.setOptions({ hint: complexityHintKey, hintDisplayMode: 'note' });\n                  field.path('newPassword');\n                  field.passwordBox({\n                    revealToggle: true,\n                    placeholder: '@auth:profile-page.commands.change-password.fields.new-password.placeholder',\n                    validations: [\n                      { rule: 'required' },\n                      {\n                        rule: 'password-complexity',\n                        options: {\n                          message: complexityValidationMessage,\n                        },\n                      },\n                    ],\n                  });\n                })\n                .formField('@auth:profile-page.commands.change-password.fields.confirm-password.title', (field) => {\n                  field.setOptions({\n                    hint: '@auth:profile-page.commands.change-password.fields.confirm-password.hint',\n                    hintDisplayMode: 'note',\n                  });\n                  field.path('confirmPassword');\n                  field.passwordBox({\n                    revealToggle: true,\n                    placeholder: '@auth:profile-page.commands.change-password.fields.confirm-password.placeholder',\n                    validations: [{ rule: 'required' }],\n                  });\n                });\n            });\n          })\n          .setActions((actions) => {\n            actions.cancel('@general:actions.cancel.title');\n            actions.submit('@auth:profile-page.commands.change-password.actions.submit');\n          })\n          .onAction(async (dialogRef) => {\n            if (dialogRef.action() === 'cancel') {\n              return null;\n            }\n\n            const form = dialogRef.context() as {\n              currentPassword?: string;\n              newPassword?: string;\n              confirmPassword?: string;\n            };\n\n            const currentPassword = form.currentPassword ?? '';\n            const newPassword = form.newPassword ?? '';\n            const confirmPassword = form.confirmPassword ?? '';\n\n            if (newPassword !== confirmPassword) {\n              throw new Error('@auth:profile-page.commands.change-password.messages.mismatch');\n            }\n\n            if (newPassword === currentPassword) {\n              throw new Error('@auth:profile-page.commands.change-password.messages.same-as-current');\n            }\n\n            const submitComplexity = await this.passwordComplexityService.getLevel();\n            const submitValidationMessageKey = getPasswordComplexityValidationMessageKey(submitComplexity);\n\n            if (!validatePasswordAgainstComplexity(newPassword, submitComplexity)) {\n              throw new Error(submitValidationMessageKey);\n            }\n\n            dialogRef.setLoading(true);\n            try {\n              const serverResult = await this.commandService.execute(\n                AXMSecurityManagementServerCommands.ChangeOwnPassword,\n                { currentPassword, newPassword },\n              );\n\n              if (!serverResult?.success) {\n                throw new Error(this.resolveServerErrorKey(serverResult?.message?.code));\n              }\n\n              const payload = runtimeCommandPayloadData(serverResult) as AXMChangeOwnPasswordResult | undefined;\n              const passwordChangedAt = payload?.passwordChangedAt\n                ? new Date(payload.passwordChangedAt)\n                : new Date();\n              const userId = this.sessionService.user?.id;\n              if (userId) {\n                this.passwordChangeTrackingService.recordChange(userId, passwordChangedAt);\n              }\n\n              const successTitle = await this.translateService.translateAsync(\n                '@auth:profile-page.commands.change-password.messages.success',\n              );\n              this.toastService.show({ color: 'success', title: successTitle });\n              dialogRef.close();\n              return {\n                success: true,\n                kind: 'object',\n                data: undefined,\n                metadata: {\n                  refresh: false,\n                  [PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY]: {\n                    sectionId: CHANGE_PASSWORD_SECTION_ID,\n                    insights: buildPasswordLastChangedInsights(passwordChangedAt),\n                  },\n                },\n              };\n            } finally {\n              dialogRef.setLoading(false);\n            }\n          });\n      })\n      .show();\n\n    return resolveLayoutBuilderDialogResult<AXPRuntimeCommandResult<void>>(result) ?? { success: false };\n  }\n\n  //#endregion\n\n  //#region ---- Utility Methods ----\n\n  private resolveServerErrorKey(code: string | undefined): string {\n    if (code && CHANGE_OWN_PASSWORD_ERROR_I18N[code]) {\n      return CHANGE_OWN_PASSWORD_ERROR_I18N[code];\n    }\n\n    return '@auth:profile-page.commands.change-password.messages.save-failed';\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-module-auth-client-change-photo.command-CYGqrJV0.mjs

@@ -0,0 +1,257 @@
+import { AXToastService } from '@acorex/components/toast';
+import { AXTranslationService } from '@acorex/core/translation';
+import { extractRequestErrorInfo, platformErrorI18nKey } from '@acorex-platform/framework-client/common';
+import { AXPSessionService } from '@acorex-platform/framework-client/auth';
+import { AXPImageEditorService } from '@acorex-platform/framework-client/layout/components';
+import { AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';
+import { AXFileService } from '@acorex/core/file';
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { isNil } from 'lodash';
+import { j as AXPUserAvatarSyncService } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs';
+
+const PROFILE_PHOTO_DIALOG_PREVIEW_SIZE = {
+    small: { width: '100%', height: 'auto' },
+    large: { width: '100%', height: 'auto' },
+};
+/** Self-service profile photo upload, replace, and removal backed by file storage. */
+class AXPChangePhotoCommand {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.layoutBuilder = inject(AXPLayoutBuilderService);
+        this.fileService = inject(AXFileService);
+        this.imageEditor = inject(AXPImageEditorService);
+        this.avatarSync = inject(AXPUserAvatarSyncService);
+        this.sessionService = inject(AXPSessionService);
+        this.toastService = inject(AXToastService);
+        this.translateService = inject(AXTranslationService);
+    }
+    //#endregion
+    //#region ---- Command ----
+    async execute(input = {}) {
+        const userId = this.sessionService.user?.id;
+        if (isNil(userId)) {
+            return {
+                success: false,
+                message: {
+                    text: '@auth:profile-page.commands.change-photo.messages.not-signed-in',
+                },
+            };
+        }
+        const mode = input.mode;
+        if (mode === 'upload') {
+            return this.executeUploadFlow(userId);
+        }
+        return this.executeManageFlow(userId);
+    }
+    async executeUploadFlow(userId) {
+        const editedFile = await this.pickAndEditPhoto();
+        if (!editedFile) {
+            return { success: false };
+        }
+        return this.uploadAvatarAndNotify(userId, editedFile);
+    }
+    async executeManageFlow(userId) {
+        const previewUrl = await this.resolveDialogPreviewUrl(userId);
+        if (!previewUrl) {
+            return this.executeUploadFlow(userId);
+        }
+        try {
+            const result = await this.layoutBuilder
+                .create()
+                .dialog((dialog) => {
+                dialog
+                    .setTitle('@auth:profile-page.commands.change-photo.dialog.title')
+                    .setSize('sm')
+                    .setCloseButton(true)
+                    .setContext({ previewUrl })
+                    .content((layout) => {
+                    layout.flex((flex) => {
+                        flex
+                            .setDirection('column')
+                            .setGap('1rem')
+                            .setAlignItems('center')
+                            .setJustifyContent('center')
+                            .setOptions({ width: '100%', maxWidth: '100%', overflowX: 'hidden' });
+                        flex.customWidget('image', {
+                            path: 'previewUrl',
+                            type: 'profile-photo',
+                            readonly: true,
+                            enablePreviewClick: false,
+                            responsiveSize: PROFILE_PHOTO_DIALOG_PREVIEW_SIZE,
+                        });
+                    });
+                })
+                    .setActions((actions) => {
+                    actions.custom({
+                        title: '@auth:profile-page.commands.change-photo.actions.remove',
+                        color: 'danger',
+                        position: 'prefix',
+                        command: { name: 'remove' },
+                    });
+                    actions.custom({
+                        title: '@auth:profile-page.commands.change-photo.actions.change',
+                        color: 'primary',
+                        command: { name: 'change' },
+                    });
+                })
+                    .onAction(async (dialogRef) => {
+                    const action = dialogRef.action();
+                    if (action === 'remove') {
+                        dialogRef.setLoading(true);
+                        try {
+                            await this.avatarSync.removeAvatar(userId);
+                            return {
+                                success: true,
+                                kind: 'object',
+                                data: undefined,
+                                message: {
+                                    type: 'success',
+                                    text: '@auth:profile-page.commands.change-photo.messages.removed',
+                                },
+                            };
+                        }
+                        catch (error) {
+                            const info = extractRequestErrorInfo(error);
+                            return {
+                                success: false,
+                                keepDialogOpen: true,
+                                message: {
+                                    type: 'error',
+                                    code: info?.code,
+                                    text: platformErrorI18nKey(info?.code) ??
+                                        '@auth:profile-page.commands.change-photo.messages.failed',
+                                    details: info?.details,
+                                },
+                            };
+                        }
+                        finally {
+                            dialogRef.setLoading(false);
+                        }
+                    }
+                    if (action === 'change') {
+                        const editedFile = await this.pickAndEditPhoto();
+                        if (!editedFile) {
+                            return { success: false, keepDialogOpen: true };
+                        }
+                        dialogRef.setLoading(true);
+                        try {
+                            const uploadResult = await this.uploadAvatarAndNotify(userId, editedFile);
+                            if (!uploadResult.success) {
+                                // Dialog stays open — toast middleware has not finished execute yet.
+                                await this.toastCommandMessage(uploadResult.message);
+                                return { ...uploadResult, keepDialogOpen: true };
+                            }
+                            return uploadResult;
+                        }
+                        finally {
+                            dialogRef.setLoading(false);
+                        }
+                    }
+                    return { success: false, keepDialogOpen: true };
+                });
+            })
+                .show();
+            return result ?? { success: false };
+        }
+        finally {
+            if (previewUrl?.startsWith('blob:')) {
+                URL.revokeObjectURL(previewUrl);
+            }
+        }
+    }
+    async resolveDialogPreviewUrl(userId) {
+        try {
+            const blob = await this.avatarSync.getCurrentAvatarBlob(userId);
+            if (!blob) {
+                return null;
+            }
+            return URL.createObjectURL(blob);
+        }
+        catch {
+            return null;
+        }
+    }
+    //#endregion
+    //#region ---- Utility Methods ----
+    async uploadAvatarAndNotify(userId, file) {
+        try {
+            await this.avatarSync.uploadAndSetAvatar(userId, file);
+            return { success: true, kind: 'object', data: undefined, message: {
+                    type: 'success',
+                    text: '@auth:profile-page.commands.change-photo.messages.success',
+                },
+            };
+        }
+        catch (error) {
+            const info = extractRequestErrorInfo(error);
+            return {
+                success: false,
+                message: {
+                    type: 'error',
+                    code: info?.code,
+                    text: platformErrorI18nKey(info?.code) ??
+                        '@auth:profile-page.commands.change-photo.messages.failed',
+                    details: info?.details,
+                },
+            };
+        }
+    }
+    async toastCommandMessage(message) {
+        const text = message?.text;
+        let content = null;
+        if (typeof text === 'string' && text.trim()) {
+            content = text.startsWith('@')
+                ? await this.translateService.translateAsync(text)
+                : text;
+        }
+        else if (text && typeof text === 'object') {
+            content = this.translateService.resolve(text);
+        }
+        else {
+            const codeKey = platformErrorI18nKey(message?.code);
+            if (codeKey) {
+                content = await this.translateService.translateAsync(codeKey);
+            }
+        }
+        if (!content) {
+            return;
+        }
+        const title = await this.translateService.translateAsync(message?.type === 'success'
+            ? '@general:messages.generic.success.title'
+            : '@general:messages.generic.error.title');
+        this.toastService.show({
+            color: message?.type === 'success' ? 'success' : 'danger',
+            title,
+            content,
+        });
+    }
+    async pickAndEditPhoto() {
+        const files = await this.fileService.choose({ accept: 'image/png, image/jpeg, image/webp' });
+        const picked = files[0];
+        if (!picked) {
+            return null;
+        }
+        const editedBlob = await this.imageEditor.open({
+            image: picked,
+            title: '@auth:profile-page.commands.change-photo.dialog.editor-title',
+            look: 'blank',
+            aspectRatio: '1',
+        });
+        if (!editedBlob) {
+            return null;
+        }
+        return new File([editedBlob], picked.name || 'profile-photo.png', {
+            type: editedBlob.type || 'image/png',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPChangePhotoCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPChangePhotoCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPChangePhotoCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXPChangePhotoCommand };
+//# sourceMappingURL=acorex-platform-module-auth-client-change-photo.command-CYGqrJV0.mjs.map