@acorex-platform/module-auth-client 0.0.58 → 0.0.60

package/fesm2022/{acorex-platform-module-auth-client-tenant-chooser.component-BEtlhGUb.mjs → acorex-platform-module-auth-client-tenant-chooser.component-CdqBeKVw.mjs}

@@ -16,10 +16,10 @@ 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$1 from '@angular/common';
+import * as i5$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { Router } from '@angular/router';
-import { y as AXPTenantChooserListComponent } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CQEt9bXJ.mjs';
+import { y as AXPTenantChooserListComponent } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-DINrCCAx.mjs';
 
 class AXPAuthTenantChooserComponent {
     constructor() {
@@ -41,7 +41,7 @@ class AXPAuthTenantChooserComponent {
         this.router.navigate(['/auth/login']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthTenantChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthTenantChooserComponent, isStandalone: true, selector: "axp-auth-tenant-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=\"colored\"\n        format=\"full\"\n        [size]=\"260\"\n        [attr.alt]=\"platformTitle()\"\n      ></axp-logo>\n    </section>\n    <!-- ----- Tenant 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-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          <p class=\"text-neutral-500 text-sm md:text-base font-medium\">\n            {{ '@auth:tenant-chooser.description' | translate | async }}\n          </p>\n        }\n        <div class=\"mt-3 w-full\">\n          <axp-tenant-chooser-list (loadingChange)=\"handleCatalogLoading($event)\"></axp-tenant-chooser-list>\n        </div>\n      </div>\n    </section>\n    <!-- ----- Sign-out footer ----- -->\n    <section class=\"axp-auth-chooser__footer\">\n      <p class=\"text-neutral-400 text-sm\">\n        {{ '@auth:tenant-chooser.footer' | translate | async }}\n        <a (click)=\"handleSignout()\" class=\"text-primary cursor-pointer hover:underline font-medium\">\n          {{ '@auth:backLogin' | translate | async }}\n        </a>\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", ":host{display:contents}.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: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen", "loadingChange"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthTenantChooserComponent, isStandalone: true, selector: "axp-auth-tenant-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=\"colored\"\n        format=\"full\"\n        [size]=\"260\"\n        [attr.alt]=\"platformTitle()\"\n      ></axp-logo>\n    </section>\n    <!-- ----- Tenant 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-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          <p class=\"text-neutral-500 text-sm md:text-base font-medium\">\n            {{ '@auth:tenant-chooser.description' | translate | async }}\n          </p>\n        }\n        <div class=\"mt-3 w-full\">\n          <axp-tenant-chooser-list (loadingChange)=\"handleCatalogLoading($event)\"></axp-tenant-chooser-list>\n        </div>\n      </div>\n    </section>\n    <!-- ----- Sign-out footer ----- -->\n    <section class=\"axp-auth-chooser__footer\">\n      <p class=\"text-neutral-400 text-sm\">\n        {{ '@auth:tenant-chooser.footer' | translate | async }}\n        <a (click)=\"handleSignout()\" class=\"text-primary cursor-pointer hover:underline font-medium\">\n          {{ '@auth:backLogin' | translate | async }}\n        </a>\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", ":host{display:contents}.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: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen", "loadingChange"] }, { kind: "pipe", type: i5$1.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: AXPAuthTenantChooserComponent, decorators: [{
             type: Component,
@@ -64,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], ctorParameters: () => [] });
 
 export { AXPAuthTenantChooserComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-tenant-chooser.component-BEtlhGUb.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-tenant-chooser.component-CdqBeKVw.mjs.map

package/fesm2022/{acorex-platform-module-auth-client-tenant-chooser.component-BEtlhGUb.mjs.map → acorex-platform-module-auth-client-tenant-chooser.component-CdqBeKVw.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-auth-client-tenant-chooser.component-BEtlhGUb.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/tenant-chooser/tenant-chooser.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/tenant-chooser/tenant-chooser.component.html"],"sourcesContent":["import { Component, 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 { AXPTenantChooserListComponent } from './tenant-chooser-list.component';\n\n@Component({\n  selector: 'axp-auth-tenant-chooser',\n  templateUrl: './tenant-chooser.component.html',\n  styleUrls: ['../shared/auth-chooser.layout.css', './tenant-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    AXPUserAvatarComponent,\n    AXPTenantChooserListComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXPAuthTenantChooserComponent {\n  private router = inject(Router);\n  private readonly platformBranding = inject(AXPPlatformBrandingService);\n  protected readonly platformTitle = signal('');\n  private sessionService = inject(AXPSessionService);\n\n  constructor() {\n    void this.platformBranding.resolvePlatformTitle().then((title) => this.platformTitle.set(title));\n  }\n\n  protected user = this.sessionService.user;\n  protected catalogLoading = signal(true);\n\n  handleCatalogLoading(loading: boolean): void {\n    this.catalogLoading.set(loading);\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=\"colored\"\n        format=\"full\"\n        [size]=\"260\"\n        [attr.alt]=\"platformTitle()\"\n      ></axp-logo>\n    </section>\n    <!-- ----- Tenant 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-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          <p class=\"text-neutral-500 text-sm md:text-base font-medium\">\n            {{ '@auth:tenant-chooser.description' | translate | async }}\n          </p>\n        }\n        <div class=\"mt-3 w-full\">\n          <axp-tenant-chooser-list (loadingChange)=\"handleCatalogLoading($event)\"></axp-tenant-chooser-list>\n        </div>\n      </div>\n    </section>\n    <!-- ----- Sign-out footer ----- -->\n    <section class=\"axp-auth-chooser__footer\">\n      <p class=\"text-neutral-400 text-sm\">\n        {{ '@auth:tenant-chooser.footer' | translate | async }}\n        <a (click)=\"handleSignout()\" class=\"text-primary cursor-pointer hover:underline font-medium\">\n          {{ '@auth:backLogin' | translate | async }}\n        </a>\n      </p>\n    </section>\n  </div>\n</main>\n"],"names":["i1","i2","i3"],"mappings":"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"}
+{"version":3,"file":"acorex-platform-module-auth-client-tenant-chooser.component-CdqBeKVw.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/tenant-chooser/tenant-chooser.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/tenant-chooser/tenant-chooser.component.html"],"sourcesContent":["import { Component, 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 { AXPTenantChooserListComponent } from './tenant-chooser-list.component';\n\n@Component({\n  selector: 'axp-auth-tenant-chooser',\n  templateUrl: './tenant-chooser.component.html',\n  styleUrls: ['../shared/auth-chooser.layout.css', './tenant-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    AXPUserAvatarComponent,\n    AXPTenantChooserListComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXPAuthTenantChooserComponent {\n  private router = inject(Router);\n  private readonly platformBranding = inject(AXPPlatformBrandingService);\n  protected readonly platformTitle = signal('');\n  private sessionService = inject(AXPSessionService);\n\n  constructor() {\n    void this.platformBranding.resolvePlatformTitle().then((title) => this.platformTitle.set(title));\n  }\n\n  protected user = this.sessionService.user;\n  protected catalogLoading = signal(true);\n\n  handleCatalogLoading(loading: boolean): void {\n    this.catalogLoading.set(loading);\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=\"colored\"\n        format=\"full\"\n        [size]=\"260\"\n        [attr.alt]=\"platformTitle()\"\n      ></axp-logo>\n    </section>\n    <!-- ----- Tenant 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-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          <p class=\"text-neutral-500 text-sm md:text-base font-medium\">\n            {{ '@auth:tenant-chooser.description' | translate | async }}\n          </p>\n        }\n        <div class=\"mt-3 w-full\">\n          <axp-tenant-chooser-list (loadingChange)=\"handleCatalogLoading($event)\"></axp-tenant-chooser-list>\n        </div>\n      </div>\n    </section>\n    <!-- ----- Sign-out footer ----- -->\n    <section class=\"axp-auth-chooser__footer\">\n      <p class=\"text-neutral-400 text-sm\">\n        {{ '@auth:tenant-chooser.footer' | translate | async }}\n        <a (click)=\"handleSignout()\" class=\"text-primary cursor-pointer hover:underline font-medium\">\n          {{ '@auth:backLogin' | translate | async }}\n        </a>\n      </p>\n    </section>\n  </div>\n</main>\n"],"names":["i1","i2","i3"],"mappings":"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"}

package/fesm2022/acorex-platform-module-auth-client-tenant-request.component-B-qx-HIi.mjs

@@ -0,0 +1,256 @@
+import { AXPCommandService } from '@acorex-platform/framework-client/runtime';
+import { AXMTenantManagementServerCommands } from '@acorex-platform/module-tenant-management-client/contracts';
+import * as i1$2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i7 from '@acorex/components/check-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import * as i1$1 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i4$1 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i4 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i2 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXToastService } from '@acorex/components/toast';
+import * as i5 from '@acorex/core/translation';
+import { AXTranslationService, resolveMultiLanguageString, AXTranslationModule } from '@acorex/core/translation';
+import * as i5$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i6 from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
+
+//#endregion
+//#region ----- Helpers -----
+/** Slug for Tenant.name from company title (letters/digits/hyphens only). */
+function slugifyTenantName(companyName) {
+    return companyName
+        .trim()
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '')
+        .slice(0, 64);
+}
+//#endregion
+//#region ----- Component -----
+class AXPTenantRequestComponent {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.commandService = inject(AXPCommandService);
+        this.toast = inject(AXToastService);
+        this.translation = inject(AXTranslationService);
+        this.router = inject(Router);
+        //#endregion
+        //#region ----- State Signals -----
+        this.submitting = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "submitting" }] : /* istanbul ignore next */ []));
+        this.submitted = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "submitted" }] : /* istanbul ignore next */ []));
+        this.checkingName = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "checkingName" }] : /* istanbul ignore next */ []));
+        this.nameAvailable = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nameAvailable" }] : /* istanbul ignore next */ []));
+        this.planOptions = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "planOptions" }] : /* istanbul ignore next */ []));
+        this.countryOptions = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "countryOptions" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Form model (Tenant static + Extra) -----
+        /** Company Name → Tenant.title; also drives Tenant.name slug. */
+        this.title = '';
+        this.planId = '';
+        this.email = '';
+        this.confirmEmail = '';
+        this.phone = '';
+        this.street1 = '';
+        this.postalCode = '';
+        /** Extra bag fields (Safetyminder). */
+        this.firstName = '';
+        this.lastName = '';
+        this.mobilePhone = '';
+        this.suburb = '';
+        this.state = '';
+        this.country = 'Australia';
+        this.referralCode = '';
+        this.termsAccepted = false;
+    }
+    //#endregion
+    //#region ----- Lifecycle -----
+    async ngOnInit() {
+        await Promise.all([this.loadPlans(), this.loadCountryOptions()]);
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    goToLogin() {
+        void this.router.navigate(['/auth/login']);
+    }
+    async onCompanyNameBlur() {
+        const name = slugifyTenantName(this.title);
+        if (!name) {
+            this.nameAvailable.set(null);
+            return;
+        }
+        this.checkingName.set(true);
+        try {
+            const result = await this.commandService.execute(AXMTenantManagementServerCommands.CheckTenantNameAvailable, { name });
+            if (!result?.success) {
+                this.nameAvailable.set(null);
+                return;
+            }
+            const data = result.data;
+            this.nameAvailable.set(data?.available === true);
+        }
+        catch {
+            this.nameAvailable.set(null);
+        }
+        finally {
+            this.checkingName.set(false);
+        }
+    }
+    async submit() {
+        const title = this.title.trim();
+        const name = slugifyTenantName(title);
+        const planId = this.planId.trim();
+        const email = this.email.trim().toLowerCase();
+        const confirmEmail = this.confirmEmail.trim().toLowerCase();
+        const phone = this.phone.trim();
+        const street1 = this.street1.trim();
+        const postalCode = this.postalCode.trim();
+        if (!name || !title || !planId || !email || this.submitting() || this.submitted()) {
+            return;
+        }
+        if (email !== confirmEmail) {
+            await this.showToast('@auth:tenant-request.error.title', '@auth:tenant-request.error.email-mismatch', 'Request Failed', 'Email and confirm email do not match.');
+            return;
+        }
+        if (!this.termsAccepted) {
+            await this.showToast('@auth:tenant-request.error.title', '@auth:tenant-request.error.terms-required', 'Request Failed', 'Please accept the terms to continue.');
+            return;
+        }
+        if (this.nameAvailable() === false) {
+            await this.showNameTakenToast();
+            return;
+        }
+        const extra = {
+            firstName: this.firstName.trim(),
+            lastName: this.lastName.trim(),
+            mobilePhone: this.mobilePhone.trim(),
+            suburb: this.suburb.trim(),
+            state: this.state.trim(),
+            country: String(this.country ?? '').trim(),
+            referralCode: this.referralCode.trim(),
+            termsAccepted: this.termsAccepted === true,
+        };
+        this.submitting.set(true);
+        try {
+            const result = await this.commandService.execute(AXMTenantManagementServerCommands.RequestTenantCreation, {
+                name,
+                title,
+                planId,
+                email,
+                ...(phone ? { phone } : {}),
+                ...(street1 ? { street1 } : {}),
+                ...(postalCode ? { postalCode } : {}),
+                extra,
+                webOrigin: typeof window !== 'undefined' ? window.location.origin : undefined,
+            });
+            if (!result?.success) {
+                const code = typeof result?.message?.code === 'string' ? result.message.code : '';
+                if (code === 'TENANT_REQUEST_NAME_TAKEN') {
+                    this.nameAvailable.set(false);
+                    await this.showNameTakenToast();
+                    return;
+                }
+                throw new Error('request failed');
+            }
+            this.submitted.set(true);
+            await this.showToast('@auth:tenant-request.success.title', '@auth:tenant-request.success.description', 'Request Submitted', 'We received your request. You will get an email when it is reviewed.', 'success', 5000);
+        }
+        catch {
+            await this.showToast('@auth:tenant-request.error.title', '@auth:tenant-request.error.description', 'Request Failed', 'Unable to submit your request. Please try again later.');
+        }
+        finally {
+            this.submitting.set(false);
+        }
+    }
+    //#endregion
+    //#region ----- Data Loading -----
+    async loadPlans() {
+        try {
+            const result = await this.commandService.execute(AXMTenantManagementServerCommands.ListPublicSubscriptionPlans, {});
+            if (!result?.success) {
+                this.planOptions.set([]);
+                return;
+            }
+            const payload = result.data;
+            const items = Array.isArray(payload?.items) ? payload.items : [];
+            const locale = this.translation.getActiveLang?.() ?? 'en-US';
+            this.planOptions.set(items
+                .map((item) => {
+                const id = String(item?.id ?? '').trim();
+                if (!id) {
+                    return null;
+                }
+                const planTitle = resolveMultiLanguageString(item.title, locale).trim() ||
+                    String(item.code ?? id);
+                return { id, title: planTitle };
+            })
+                .filter((row) => row != null));
+        }
+        catch {
+            this.planOptions.set([]);
+        }
+    }
+    async loadCountryOptions() {
+        const [australia, newZealand, other] = await Promise.all([
+            this.translation
+                .translateAsync('@auth:tenant-request.extra.country-options.australia')
+                .catch(() => 'Australia'),
+            this.translation
+                .translateAsync('@auth:tenant-request.extra.country-options.new-zealand')
+                .catch(() => 'New Zealand'),
+            this.translation
+                .translateAsync('@auth:tenant-request.extra.country-options.other')
+                .catch(() => 'Other'),
+        ]);
+        this.countryOptions.set([
+            { id: 'Australia', title: australia },
+            { id: 'New Zealand', title: newZealand },
+            { id: 'Other', title: other },
+        ]);
+    }
+    async showNameTakenToast() {
+        await this.showToast('@auth:tenant-request.error.title', '@auth:tenant-request.error.name-taken', 'Request Failed', 'This organization name is already taken. Please choose another.');
+    }
+    async showToast(titleKey, contentKey, titleFallback, contentFallback, color = 'danger', timeOut = 4000) {
+        const [toastTitle, content] = await Promise.all([
+            this.translation.translateAsync(titleKey).catch(() => titleFallback),
+            this.translation.translateAsync(contentKey).catch(() => contentFallback),
+        ]);
+        this.toast.show({ color, title: toastTitle, content, timeOut });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantRequestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPTenantRequestComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"axp-auth-form axp-tenant-request-form\">\n    <!-- ----- Success state after request is submitted ----- -->\n    @if (submitted()) {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:tenant-request.success.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:tenant-request.success.description' | translate | async }}\n        </p>\n      </div>\n      <ax-button\n        color=\"primary\"\n        class=\"mt-4 lg:mt-6 w-full\"\n        [text]=\"'@auth:backLogin' | translate | async\"\n        (onClick)=\"goToLogin()\"\n      ></ax-button>\n    }\n    <!-- ----- Request form ----- -->\n    @else {\n      <div class=\"mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:tenant-request.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:tenant-request.hint' | translate | async }}\n        </p>\n      </div>\n      <ax-form>\n        <div class=\"axp-tenant-request-grid\">\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Company Name (title + name slug) ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.company-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"organization\"\n              id=\"tenant-request-organization\"\n              [autoComplete]=\"'organization'\"\n              [(value)]=\"title\"\n              [disabled]=\"submitting()\"\n              (onBlur)=\"onCompanyNameBlur()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n            <p class=\"mt-1 text-xs text-danger-600\">\n              {{ '@auth:tenant-request.fields.company-name-hint' | translate | async }}\n            </p>\n            <!-- ----- Inline hint when the unique name is already taken ----- -->\n            @if (nameAvailable() === false) {\n              <p class=\"mt-1 text-xs text-danger-600\">\n                {{ '@auth:tenant-request.error.name-taken' | translate | async }}\n              </p>\n            }\n            <!-- ----- Inline hint while availability is being checked ----- -->\n            @if (checkingName()) {\n              <p class=\"mt-1 text-xs text-neutral-400\">\n                {{ '@auth:tenant-request.checking-name' | translate | async }}\n              </p>\n            }\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Email ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.email' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"email\"\n              id=\"tenant-request-email\"\n              [autoComplete]=\"'email'\"\n              [(value)]=\"email\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n              <ax-validation-rule rule=\"email\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Confirm Email (form-only, not stored) ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.confirm-email' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"confirmEmail\"\n              id=\"tenant-request-confirm-email\"\n              [autoComplete]=\"'off'\"\n              [(value)]=\"confirmEmail\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n              <ax-validation-rule rule=\"email\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Business Phone ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.phone' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"tel\"\n              id=\"tenant-request-phone\"\n              [autoComplete]=\"'tel'\"\n              [(value)]=\"phone\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: First Name ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.first-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"given-name\"\n              id=\"tenant-request-first-name\"\n              [autoComplete]=\"'given-name'\"\n              [(value)]=\"firstName\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Last Name ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.last-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"family-name\"\n              id=\"tenant-request-last-name\"\n              [autoComplete]=\"'family-name'\"\n              [(value)]=\"lastName\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Mobile Phone ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.mobile-phone' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"mobile\"\n              id=\"tenant-request-mobile\"\n              [autoComplete]=\"'tel-national'\"\n              [(value)]=\"mobilePhone\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Street Address ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.street1' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"street-address\"\n              id=\"tenant-request-street\"\n              [autoComplete]=\"'street-address'\"\n              [(value)]=\"street1\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Suburb ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.suburb' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"address-level2\"\n              id=\"tenant-request-suburb\"\n              [autoComplete]=\"'address-level2'\"\n              [(value)]=\"suburb\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: State ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.state' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"address-level1\"\n              id=\"tenant-request-state\"\n              [autoComplete]=\"'address-level1'\"\n              [(value)]=\"state\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Post Code ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.postal-code' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"postal-code\"\n              id=\"tenant-request-postal-code\"\n              [autoComplete]=\"'postal-code'\"\n              [(value)]=\"postalCode\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Country ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.country' | translate | async }}</ax-label>\n            <ax-select-box\n              name=\"country\"\n              [(value)]=\"country\"\n              [dataSource]=\"countryOptions()\"\n              textField=\"title\"\n              valueField=\"id\"\n              [disabled]=\"submitting()\"\n            ></ax-select-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Referral Code ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.referral-code' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"referral-code\"\n              id=\"tenant-request-referral\"\n              [autoComplete]=\"'off'\"\n              [(value)]=\"referralCode\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Subscription Plan (required by request flow) ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.plan' | translate | async }}</ax-label>\n            <ax-select-box\n              name=\"planId\"\n              [(value)]=\"planId\"\n              [dataSource]=\"planOptions()\"\n              textField=\"title\"\n              valueField=\"id\"\n              [disabled]=\"submitting()\"\n              [placeholder]=\"('@auth:tenant-request.fields.plan-placeholder' | translate | async) ?? ''\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-select-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Terms ----- -->\n          <div class=\"axp-span-full flex items-start gap-2 mt-1\">\n            <ax-check-box [(ngModel)]=\"termsAccepted\" [disabled]=\"submitting()\"></ax-check-box>\n            <ax-label class=\"mb-0 text-sm leading-snug\">\n              {{ '@auth:tenant-request.extra.terms-label' | translate | async }}\n            </ax-label>\n          </div>\n        </div>\n\n        <ax-button\n          color=\"primary\"\n          class=\"mt-4 lg:mt-6 w-full\"\n          [text]=\"'@auth:tenant-request.submit' | translate | async\"\n          [disabled]=\"\n            submitting() ||\n            !title.trim() ||\n            !planId.trim() ||\n            !email.trim() ||\n            !confirmEmail.trim() ||\n            !firstName.trim() ||\n            !lastName.trim() ||\n            !termsAccepted ||\n            nameAvailable() === false\n          \"\n          (onClick)=\"submit()\"\n        ></ax-button>\n\n        <p class=\"text-center mt-6 text-neutral-400 text-sm\">\n          {{ '@auth:tenant-chooser.footer' | translate | async }}\n          <a\n            [routerLink]=\"['/auth/login']\"\n            class=\"text-primary font-medium cursor-pointer hover:underline\"\n          >\n            {{ '@auth:backLogin' | translate | async }}\n          </a>\n        </p>\n      </ax-form>\n    }\n  </div>\n</ng-container>\n", styles: [":host{display:block;width:100%}.axp-auth-form{width:100%;margin-inline:auto}@media(min-width:768px){.axp-tenant-request-form{width:min(48rem,100%);max-width:100%}}.axp-auth-form ax-form,.axp-auth-form ax-form-field,.axp-auth-form ax-text-box,.axp-auth-form ax-select-box{display:block;width:100%}.axp-tenant-request-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.axp-tenant-request-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.25rem}.axp-span-full{grid-column:1 / -1}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ 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: AXFormModule }, { kind: "component", type: i1$1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i1$1.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i1$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { 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: AXSelectBoxModule }, { kind: "component", type: i4.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i7.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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: i4$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantRequestComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.Eager, imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXTextBoxModule,
+                        AXSelectBoxModule,
+                        AXCheckBoxModule,
+                        AXButtonModule,
+                        AXLabelModule,
+                        AXTranslationModule,
+                        RouterModule,
+                    ], template: "<ng-container *translate=\"let t\">\n  <div class=\"axp-auth-form axp-tenant-request-form\">\n    <!-- ----- Success state after request is submitted ----- -->\n    @if (submitted()) {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:tenant-request.success.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:tenant-request.success.description' | translate | async }}\n        </p>\n      </div>\n      <ax-button\n        color=\"primary\"\n        class=\"mt-4 lg:mt-6 w-full\"\n        [text]=\"'@auth:backLogin' | translate | async\"\n        (onClick)=\"goToLogin()\"\n      ></ax-button>\n    }\n    <!-- ----- Request form ----- -->\n    @else {\n      <div class=\"mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:tenant-request.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:tenant-request.hint' | translate | async }}\n        </p>\n      </div>\n      <ax-form>\n        <div class=\"axp-tenant-request-grid\">\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Company Name (title + name slug) ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.company-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"organization\"\n              id=\"tenant-request-organization\"\n              [autoComplete]=\"'organization'\"\n              [(value)]=\"title\"\n              [disabled]=\"submitting()\"\n              (onBlur)=\"onCompanyNameBlur()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n            <p class=\"mt-1 text-xs text-danger-600\">\n              {{ '@auth:tenant-request.fields.company-name-hint' | translate | async }}\n            </p>\n            <!-- ----- Inline hint when the unique name is already taken ----- -->\n            @if (nameAvailable() === false) {\n              <p class=\"mt-1 text-xs text-danger-600\">\n                {{ '@auth:tenant-request.error.name-taken' | translate | async }}\n              </p>\n            }\n            <!-- ----- Inline hint while availability is being checked ----- -->\n            @if (checkingName()) {\n              <p class=\"mt-1 text-xs text-neutral-400\">\n                {{ '@auth:tenant-request.checking-name' | translate | async }}\n              </p>\n            }\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Email ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.email' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"email\"\n              id=\"tenant-request-email\"\n              [autoComplete]=\"'email'\"\n              [(value)]=\"email\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n              <ax-validation-rule rule=\"email\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Confirm Email (form-only, not stored) ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.confirm-email' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"confirmEmail\"\n              id=\"tenant-request-confirm-email\"\n              [autoComplete]=\"'off'\"\n              [(value)]=\"confirmEmail\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n              <ax-validation-rule rule=\"email\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Business Phone ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.phone' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"tel\"\n              id=\"tenant-request-phone\"\n              [autoComplete]=\"'tel'\"\n              [(value)]=\"phone\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: First Name ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.first-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"given-name\"\n              id=\"tenant-request-first-name\"\n              [autoComplete]=\"'given-name'\"\n              [(value)]=\"firstName\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Last Name ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.last-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"family-name\"\n              id=\"tenant-request-last-name\"\n              [autoComplete]=\"'family-name'\"\n              [(value)]=\"lastName\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Mobile Phone ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.mobile-phone' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"mobile\"\n              id=\"tenant-request-mobile\"\n              [autoComplete]=\"'tel-national'\"\n              [(value)]=\"mobilePhone\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Street Address ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.street1' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"street-address\"\n              id=\"tenant-request-street\"\n              [autoComplete]=\"'street-address'\"\n              [(value)]=\"street1\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Suburb ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.suburb' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"address-level2\"\n              id=\"tenant-request-suburb\"\n              [autoComplete]=\"'address-level2'\"\n              [(value)]=\"suburb\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: State ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.state' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"address-level1\"\n              id=\"tenant-request-state\"\n              [autoComplete]=\"'address-level1'\"\n              [(value)]=\"state\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Post Code ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.postal-code' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"postal-code\"\n              id=\"tenant-request-postal-code\"\n              [autoComplete]=\"'postal-code'\"\n              [(value)]=\"postalCode\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Country ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.country' | translate | async }}</ax-label>\n            <ax-select-box\n              name=\"country\"\n              [(value)]=\"country\"\n              [dataSource]=\"countryOptions()\"\n              textField=\"title\"\n              valueField=\"id\"\n              [disabled]=\"submitting()\"\n            ></ax-select-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Referral Code ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.referral-code' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"referral-code\"\n              id=\"tenant-request-referral\"\n              [autoComplete]=\"'off'\"\n              [(value)]=\"referralCode\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Subscription Plan (required by request flow) ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.plan' | translate | async }}</ax-label>\n            <ax-select-box\n              name=\"planId\"\n              [(value)]=\"planId\"\n              [dataSource]=\"planOptions()\"\n              textField=\"title\"\n              valueField=\"id\"\n              [disabled]=\"submitting()\"\n              [placeholder]=\"('@auth:tenant-request.fields.plan-placeholder' | translate | async) ?? ''\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-select-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Terms ----- -->\n          <div class=\"axp-span-full flex items-start gap-2 mt-1\">\n            <ax-check-box [(ngModel)]=\"termsAccepted\" [disabled]=\"submitting()\"></ax-check-box>\n            <ax-label class=\"mb-0 text-sm leading-snug\">\n              {{ '@auth:tenant-request.extra.terms-label' | translate | async }}\n            </ax-label>\n          </div>\n        </div>\n\n        <ax-button\n          color=\"primary\"\n          class=\"mt-4 lg:mt-6 w-full\"\n          [text]=\"'@auth:tenant-request.submit' | translate | async\"\n          [disabled]=\"\n            submitting() ||\n            !title.trim() ||\n            !planId.trim() ||\n            !email.trim() ||\n            !confirmEmail.trim() ||\n            !firstName.trim() ||\n            !lastName.trim() ||\n            !termsAccepted ||\n            nameAvailable() === false\n          \"\n          (onClick)=\"submit()\"\n        ></ax-button>\n\n        <p class=\"text-center mt-6 text-neutral-400 text-sm\">\n          {{ '@auth:tenant-chooser.footer' | translate | async }}\n          <a\n            [routerLink]=\"['/auth/login']\"\n            class=\"text-primary font-medium cursor-pointer hover:underline\"\n          >\n            {{ '@auth:backLogin' | translate | async }}\n          </a>\n        </p>\n      </ax-form>\n    }\n  </div>\n</ng-container>\n", styles: [":host{display:block;width:100%}.axp-auth-form{width:100%;margin-inline:auto}@media(min-width:768px){.axp-tenant-request-form{width:min(48rem,100%);max-width:100%}}.axp-auth-form ax-form,.axp-auth-form ax-form-field,.axp-auth-form ax-text-box,.axp-auth-form ax-select-box{display:block;width:100%}.axp-tenant-request-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.axp-tenant-request-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.25rem}.axp-span-full{grid-column:1 / -1}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+export { AXPTenantRequestComponent };
+//# sourceMappingURL=acorex-platform-module-auth-client-tenant-request.component-B-qx-HIi.mjs.map

package/fesm2022/acorex-platform-module-auth-client-tenant-request.component-B-qx-HIi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-tenant-request.component-B-qx-HIi.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/tenant-request/tenant-request.component.ts","../../../../libs/modules/auth/client/src/lib/pages/tenant-request/tenant-request.component.html"],"sourcesContent":["import { AXPCommandService } from '@acorex-platform/framework-client/runtime';\nimport {\n  AXMTenantManagementServerCommands,\n  type AXMCheckTenantNameAvailableResult,\n  type AXMListPublicSubscriptionPlansResult,\n  type AXMPublicSubscriptionPlanItem,\n} from '@acorex-platform/module-tenant-management-client/contracts';\nimport { 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 { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXToastService } from '@acorex/components/toast';\nimport {\n  AXTranslationModule,\n  AXTranslationService,\n  resolveMultiLanguageString,\n} from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, OnInit, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { Router, RouterModule } from '@angular/router';\n\n//#region ----- Types -----\n\ninterface PlanOption {\n  id: string;\n  title: string;\n}\n\ninterface CountryOption {\n  id: string;\n  title: string;\n}\n\n//#endregion\n\n//#region ----- Helpers -----\n\n/** Slug for Tenant.name from company title (letters/digits/hyphens only). */\nfunction slugifyTenantName(companyName: string): string {\n  return companyName\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n    .slice(0, 64);\n}\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  templateUrl: './tenant-request.component.html',\n  styleUrls: ['./tenant-request.component.css'],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  imports: [\n    CommonModule,\n    FormsModule,\n    AXFormModule,\n    AXTextBoxModule,\n    AXSelectBoxModule,\n    AXCheckBoxModule,\n    AXButtonModule,\n    AXLabelModule,\n    AXTranslationModule,\n    RouterModule,\n  ],\n})\nexport class AXPTenantRequestComponent implements OnInit {\n  //#region ----- Services & Dependencies -----\n\n  private readonly commandService = inject(AXPCommandService);\n  private readonly toast = inject(AXToastService);\n  private readonly translation = inject(AXTranslationService);\n  private readonly router = inject(Router);\n\n  //#endregion\n\n  //#region ----- State Signals -----\n\n  protected readonly submitting = signal(false);\n  protected readonly submitted = signal(false);\n  protected readonly checkingName = signal(false);\n  protected readonly nameAvailable = signal<boolean | null>(null);\n  protected readonly planOptions = signal<PlanOption[]>([]);\n  protected readonly countryOptions = signal<CountryOption[]>([]);\n\n  //#endregion\n\n  //#region ----- Form model (Tenant static + Extra) -----\n\n  /** Company Name → Tenant.title; also drives Tenant.name slug. */\n  protected title = '';\n  protected planId = '';\n  protected email = '';\n  protected confirmEmail = '';\n  protected phone = '';\n  protected street1 = '';\n  protected postalCode = '';\n\n  /** Extra bag fields (Safetyminder). */\n  protected firstName = '';\n  protected lastName = '';\n  protected mobilePhone = '';\n  protected suburb = '';\n  protected state = '';\n  protected country = 'Australia';\n  protected referralCode = '';\n  protected termsAccepted = false;\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  async ngOnInit(): Promise<void> {\n    await Promise.all([this.loadPlans(), this.loadCountryOptions()]);\n  }\n\n  //#endregion\n\n  //#region ----- Event Handlers -----\n\n  protected goToLogin(): void {\n    void this.router.navigate(['/auth/login']);\n  }\n\n  protected async onCompanyNameBlur(): Promise<void> {\n    const name = slugifyTenantName(this.title);\n    if (!name) {\n      this.nameAvailable.set(null);\n      return;\n    }\n    this.checkingName.set(true);\n    try {\n      const result = await this.commandService.execute(\n        AXMTenantManagementServerCommands.CheckTenantNameAvailable,\n        { name },\n      );\n      if (!result?.success) {\n        this.nameAvailable.set(null);\n        return;\n      }\n      const data = (result as { data?: AXMCheckTenantNameAvailableResult }).data;\n      this.nameAvailable.set(data?.available === true);\n    } catch {\n      this.nameAvailable.set(null);\n    } finally {\n      this.checkingName.set(false);\n    }\n  }\n\n  protected async submit(): Promise<void> {\n    const title = this.title.trim();\n    const name = slugifyTenantName(title);\n    const planId = this.planId.trim();\n    const email = this.email.trim().toLowerCase();\n    const confirmEmail = this.confirmEmail.trim().toLowerCase();\n    const phone = this.phone.trim();\n    const street1 = this.street1.trim();\n    const postalCode = this.postalCode.trim();\n\n    if (!name || !title || !planId || !email || this.submitting() || this.submitted()) {\n      return;\n    }\n    if (email !== confirmEmail) {\n      await this.showToast(\n        '@auth:tenant-request.error.title',\n        '@auth:tenant-request.error.email-mismatch',\n        'Request Failed',\n        'Email and confirm email do not match.',\n      );\n      return;\n    }\n    if (!this.termsAccepted) {\n      await this.showToast(\n        '@auth:tenant-request.error.title',\n        '@auth:tenant-request.error.terms-required',\n        'Request Failed',\n        'Please accept the terms to continue.',\n      );\n      return;\n    }\n    if (this.nameAvailable() === false) {\n      await this.showNameTakenToast();\n      return;\n    }\n\n    const extra: Record<string, unknown> = {\n      firstName: this.firstName.trim(),\n      lastName: this.lastName.trim(),\n      mobilePhone: this.mobilePhone.trim(),\n      suburb: this.suburb.trim(),\n      state: this.state.trim(),\n      country: String(this.country ?? '').trim(),\n      referralCode: this.referralCode.trim(),\n      termsAccepted: this.termsAccepted === true,\n    };\n\n    this.submitting.set(true);\n    try {\n      const result = await this.commandService.execute(\n        AXMTenantManagementServerCommands.RequestTenantCreation,\n        {\n          name,\n          title,\n          planId,\n          email,\n          ...(phone ? { phone } : {}),\n          ...(street1 ? { street1 } : {}),\n          ...(postalCode ? { postalCode } : {}),\n          extra,\n          webOrigin: typeof window !== 'undefined' ? window.location.origin : undefined,\n        },\n      );\n      if (!result?.success) {\n        const code = typeof result?.message?.code === 'string' ? result.message.code : '';\n        if (code === 'TENANT_REQUEST_NAME_TAKEN') {\n          this.nameAvailable.set(false);\n          await this.showNameTakenToast();\n          return;\n        }\n        throw new Error('request failed');\n      }\n      this.submitted.set(true);\n      await this.showToast(\n        '@auth:tenant-request.success.title',\n        '@auth:tenant-request.success.description',\n        'Request Submitted',\n        'We received your request. You will get an email when it is reviewed.',\n        'success',\n        5000,\n      );\n    } catch {\n      await this.showToast(\n        '@auth:tenant-request.error.title',\n        '@auth:tenant-request.error.description',\n        'Request Failed',\n        'Unable to submit your request. Please try again later.',\n      );\n    } finally {\n      this.submitting.set(false);\n    }\n  }\n\n  //#endregion\n\n  //#region ----- Data Loading -----\n\n  private async loadPlans(): Promise<void> {\n    try {\n      const result = await this.commandService.execute(\n        AXMTenantManagementServerCommands.ListPublicSubscriptionPlans,\n        {},\n      );\n      if (!result?.success) {\n        this.planOptions.set([]);\n        return;\n      }\n      const payload = (result as { data?: AXMListPublicSubscriptionPlansResult }).data;\n      const items = Array.isArray(payload?.items) ? payload.items : [];\n      const locale = this.translation.getActiveLang?.() ?? 'en-US';\n      this.planOptions.set(\n        items\n          .map((item: AXMPublicSubscriptionPlanItem) => {\n            const id = String(item?.id ?? '').trim();\n            if (!id) {\n              return null;\n            }\n            const planTitle =\n              resolveMultiLanguageString(item.title as never, locale).trim() ||\n              String(item.code ?? id);\n            return { id, title: planTitle };\n          })\n          .filter((row): row is PlanOption => row != null),\n      );\n    } catch {\n      this.planOptions.set([]);\n    }\n  }\n\n  private async loadCountryOptions(): Promise<void> {\n    const [australia, newZealand, other] = await Promise.all([\n      this.translation\n        .translateAsync('@auth:tenant-request.extra.country-options.australia')\n        .catch(() => 'Australia'),\n      this.translation\n        .translateAsync('@auth:tenant-request.extra.country-options.new-zealand')\n        .catch(() => 'New Zealand'),\n      this.translation\n        .translateAsync('@auth:tenant-request.extra.country-options.other')\n        .catch(() => 'Other'),\n    ]);\n    this.countryOptions.set([\n      { id: 'Australia', title: australia },\n      { id: 'New Zealand', title: newZealand },\n      { id: 'Other', title: other },\n    ]);\n  }\n\n  private async showNameTakenToast(): Promise<void> {\n    await this.showToast(\n      '@auth:tenant-request.error.title',\n      '@auth:tenant-request.error.name-taken',\n      'Request Failed',\n      'This organization name is already taken. Please choose another.',\n    );\n  }\n\n  private async showToast(\n    titleKey: string,\n    contentKey: string,\n    titleFallback: string,\n    contentFallback: string,\n    color: 'success' | 'danger' = 'danger',\n    timeOut = 4000,\n  ): Promise<void> {\n    const [toastTitle, content] = await Promise.all([\n      this.translation.translateAsync(titleKey).catch(() => titleFallback),\n      this.translation.translateAsync(contentKey).catch(() => contentFallback),\n    ]);\n    this.toast.show({ color, title: toastTitle, content, timeOut });\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<ng-container *translate=\"let t\">\n  <div class=\"axp-auth-form axp-tenant-request-form\">\n    <!-- ----- Success state after request is submitted ----- -->\n    @if (submitted()) {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:tenant-request.success.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:tenant-request.success.description' | translate | async }}\n        </p>\n      </div>\n      <ax-button\n        color=\"primary\"\n        class=\"mt-4 lg:mt-6 w-full\"\n        [text]=\"'@auth:backLogin' | translate | async\"\n        (onClick)=\"goToLogin()\"\n      ></ax-button>\n    }\n    <!-- ----- Request form ----- -->\n    @else {\n      <div class=\"mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:tenant-request.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:tenant-request.hint' | translate | async }}\n        </p>\n      </div>\n      <ax-form>\n        <div class=\"axp-tenant-request-grid\">\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Company Name (title + name slug) ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.company-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"organization\"\n              id=\"tenant-request-organization\"\n              [autoComplete]=\"'organization'\"\n              [(value)]=\"title\"\n              [disabled]=\"submitting()\"\n              (onBlur)=\"onCompanyNameBlur()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n            <p class=\"mt-1 text-xs text-danger-600\">\n              {{ '@auth:tenant-request.fields.company-name-hint' | translate | async }}\n            </p>\n            <!-- ----- Inline hint when the unique name is already taken ----- -->\n            @if (nameAvailable() === false) {\n              <p class=\"mt-1 text-xs text-danger-600\">\n                {{ '@auth:tenant-request.error.name-taken' | translate | async }}\n              </p>\n            }\n            <!-- ----- Inline hint while availability is being checked ----- -->\n            @if (checkingName()) {\n              <p class=\"mt-1 text-xs text-neutral-400\">\n                {{ '@auth:tenant-request.checking-name' | translate | async }}\n              </p>\n            }\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Email ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.email' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"email\"\n              id=\"tenant-request-email\"\n              [autoComplete]=\"'email'\"\n              [(value)]=\"email\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n              <ax-validation-rule rule=\"email\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Confirm Email (form-only, not stored) ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.confirm-email' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"confirmEmail\"\n              id=\"tenant-request-confirm-email\"\n              [autoComplete]=\"'off'\"\n              [(value)]=\"confirmEmail\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n              <ax-validation-rule rule=\"email\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Business Phone ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.phone' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"tel\"\n              id=\"tenant-request-phone\"\n              [autoComplete]=\"'tel'\"\n              [(value)]=\"phone\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: First Name ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.first-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"given-name\"\n              id=\"tenant-request-first-name\"\n              [autoComplete]=\"'given-name'\"\n              [(value)]=\"firstName\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Last Name ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.last-name' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"family-name\"\n              id=\"tenant-request-last-name\"\n              [autoComplete]=\"'family-name'\"\n              [(value)]=\"lastName\"\n              [disabled]=\"submitting()\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Mobile Phone ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.mobile-phone' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"mobile\"\n              id=\"tenant-request-mobile\"\n              [autoComplete]=\"'tel-national'\"\n              [(value)]=\"mobilePhone\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Street Address ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.street1' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"street-address\"\n              id=\"tenant-request-street\"\n              [autoComplete]=\"'street-address'\"\n              [(value)]=\"street1\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Suburb ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.suburb' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"address-level2\"\n              id=\"tenant-request-suburb\"\n              [autoComplete]=\"'address-level2'\"\n              [(value)]=\"suburb\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: State ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.state' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"address-level1\"\n              id=\"tenant-request-state\"\n              [autoComplete]=\"'address-level1'\"\n              [(value)]=\"state\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Post Code ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.fields.postal-code' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"postal-code\"\n              id=\"tenant-request-postal-code\"\n              [autoComplete]=\"'postal-code'\"\n              [(value)]=\"postalCode\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Country ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.country' | translate | async }}</ax-label>\n            <ax-select-box\n              name=\"country\"\n              [(value)]=\"country\"\n              [dataSource]=\"countryOptions()\"\n              textField=\"title\"\n              valueField=\"id\"\n              [disabled]=\"submitting()\"\n            ></ax-select-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Referral Code ----- -->\n          <ax-form-field>\n            <ax-label>{{ '@auth:tenant-request.extra.referral-code' | translate | async }}</ax-label>\n            <ax-text-box\n              name=\"referral-code\"\n              id=\"tenant-request-referral\"\n              [autoComplete]=\"'off'\"\n              [(value)]=\"referralCode\"\n              [disabled]=\"submitting()\"\n            ></ax-text-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Tenant: Subscription Plan (required by request flow) ----- -->\n          <ax-form-field class=\"axp-span-full\">\n            <ax-label>{{ '@auth:tenant-request.fields.plan' | translate | async }}</ax-label>\n            <ax-select-box\n              name=\"planId\"\n              [(value)]=\"planId\"\n              [dataSource]=\"planOptions()\"\n              textField=\"title\"\n              valueField=\"id\"\n              [disabled]=\"submitting()\"\n              [placeholder]=\"('@auth:tenant-request.fields.plan-placeholder' | translate | async) ?? ''\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-select-box>\n          </ax-form-field>\n\n          <!--------------------------------------------------------------->\n          <!-- ----- Extra: Terms ----- -->\n          <div class=\"axp-span-full flex items-start gap-2 mt-1\">\n            <ax-check-box [(ngModel)]=\"termsAccepted\" [disabled]=\"submitting()\"></ax-check-box>\n            <ax-label class=\"mb-0 text-sm leading-snug\">\n              {{ '@auth:tenant-request.extra.terms-label' | translate | async }}\n            </ax-label>\n          </div>\n        </div>\n\n        <ax-button\n          color=\"primary\"\n          class=\"mt-4 lg:mt-6 w-full\"\n          [text]=\"'@auth:tenant-request.submit' | translate | async\"\n          [disabled]=\"\n            submitting() ||\n            !title.trim() ||\n            !planId.trim() ||\n            !email.trim() ||\n            !confirmEmail.trim() ||\n            !firstName.trim() ||\n            !lastName.trim() ||\n            !termsAccepted ||\n            nameAvailable() === false\n          \"\n          (onClick)=\"submit()\"\n        ></ax-button>\n\n        <p class=\"text-center mt-6 text-neutral-400 text-sm\">\n          {{ '@auth:tenant-chooser.footer' | translate | async }}\n          <a\n            [routerLink]=\"['/auth/login']\"\n            class=\"text-primary font-medium cursor-pointer hover:underline\"\n          >\n            {{ '@auth:backLogin' | translate | async }}\n          </a>\n        </p>\n      </ax-form>\n    }\n  </div>\n</ng-container>\n"],"names":["i2","i5","i7","i8","i9","i10"],"mappings":"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"}

package/fesm2022/{acorex-platform-module-auth-client-two-factor-code.component-4XVRgh6H.mjs → acorex-platform-module-auth-client-two-factor-code.component-B1334bPg.mjs}

@@ -16,14 +16,14 @@ import { AXValidationModule } from '@acorex/core/validation';
 import { AXPSessionService } from '@acorex-platform/framework-client/auth';
 import { AXPHomePageService } from '@acorex-platform/framework-client/common';
 import { AXM_TWO_FACTOR_ERROR_CODES } from '@acorex-platform/module-security-management-client/contracts';
-import * as i3 from '@angular/common';
+import * as i5$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { RouterModule, Router, ActivatedRoute } from '@angular/router';
 import { BehaviorSubject, firstValueFrom } from 'rxjs';
-import { x as AXMAuthPlatformSettingsService } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CQEt9bXJ.mjs';
+import { x as AXMAuthPlatformSettingsService } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-DINrCCAx.mjs';
 import { r as readTwoFactorChallenge, c as clearTwoFactorChallenge } from './acorex-platform-module-auth-client-two-factor-challenge.storage-mi0UD7Sc.mjs';
 
 //#region ----- Constants -----
@@ -186,7 +186,7 @@ class AXPAuthTwoFactorCodeComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthTwoFactorCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthTwoFactorCodeComponent, isStandalone: true, selector: "axp-auth-two-factor-code", viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true }], ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"axp-auth-form\">\n    <div class=\"text-center mb-3 lg:mb-5\">\n      <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n        {{ '@auth:twofactor.title' | translate | async }}\n      </h1>\n      <p class=\"text-base text-neutral-600\">\n        {{ '@auth:twofactor.hint' | translate | async }}\n      </p>\n    </div>\n    <div class=\"w-full lg:w-96 mx-auto\">\n      <ax-form>\n        <div class=\"flex flex-col gap-4 lg:gap-6\">\n          <ax-form-field>\n            <ax-label class=\"text-start\">{{ '@auth:twofactor.textBoxHint' | translate | async }}</ax-label>\n            <ax-text-box\n              [name]=\"'twoFactorCode'\"\n              id=\"twoFactorCode\"\n              [autoComplete]=\"'one-time-code'\"\n              [(value)]=\"code\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n          <ax-button\n            class=\"w-full\"\n            [text]=\"('@auth:' + submitText) | translate | async\"\n            color=\"primary\"\n            [disabled]=\"isLoading$ | async\"\n            (onClick)=\"handleVerifyClick()\"\n          >\n            @if (isLoading$ | async) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n          <ax-button\n            class=\"w-full\"\n            look=\"outline\"\n            [text]=\"'@auth:twofactor.back-to-login' | translate | async\"\n            [disabled]=\"isLoading$ | async\"\n            (onClick)=\"handleBackToLogin()\"\n          >\n          </ax-button>\n        </div>\n      </ax-form>\n    </div>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: "directive", type: i1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { 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: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthTwoFactorCodeComponent, isStandalone: true, selector: "axp-auth-two-factor-code", viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true }], ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"axp-auth-form\">\n    <div class=\"text-center mb-3 lg:mb-5\">\n      <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n        {{ '@auth:twofactor.title' | translate | async }}\n      </h1>\n      <p class=\"text-base text-neutral-600\">\n        {{ '@auth:twofactor.hint' | translate | async }}\n      </p>\n    </div>\n    <div class=\"w-full lg:w-96 mx-auto\">\n      <ax-form>\n        <div class=\"flex flex-col gap-4 lg:gap-6\">\n          <ax-form-field>\n            <ax-label class=\"text-start\">{{ '@auth:twofactor.textBoxHint' | translate | async }}</ax-label>\n            <ax-text-box\n              [name]=\"'twoFactorCode'\"\n              id=\"twoFactorCode\"\n              [autoComplete]=\"'one-time-code'\"\n              [(value)]=\"code\"\n            >\n              <ax-validation-rule rule=\"required\"></ax-validation-rule>\n            </ax-text-box>\n          </ax-form-field>\n          <ax-button\n            class=\"w-full\"\n            [text]=\"('@auth:' + submitText) | translate | async\"\n            color=\"primary\"\n            [disabled]=\"isLoading$ | async\"\n            (onClick)=\"handleVerifyClick()\"\n          >\n            @if (isLoading$ | async) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n          <ax-button\n            class=\"w-full\"\n            look=\"outline\"\n            [text]=\"'@auth:twofactor.back-to-login' | translate | async\"\n            [disabled]=\"isLoading$ | async\"\n            (onClick)=\"handleBackToLogin()\"\n          >\n          </ax-button>\n        </div>\n      </ax-form>\n    </div>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: "directive", type: i1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { 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: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "pipe", type: i5$1.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: AXPAuthTwoFactorCodeComponent, decorators: [{
             type: Component,
@@ -197,4 +197,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 
 export { AXPAuthTwoFactorCodeComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-two-factor-code.component-4XVRgh6H.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-two-factor-code.component-B1334bPg.mjs.map