@acorex-platform/module-auth-client 0.0.37 → 0.0.46

package/fesm2022/acorex-platform-module-auth-client-accept-invitation.component-Ct28GG3a.mjs

@@ -0,0 +1,179 @@
+import { commandMessageTextForError } from '@acorex-platform/framework-client/common';
+import { AXPCommandService } from '@acorex-platform/framework-client/runtime';
+import { AXMSecurityManagementServerCommands, AXM_ACCEPT_INVITATION_ERROR_CODES } from '@acorex-platform/module-security-management-client/contracts';
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i1 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i4 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i2 from '@acorex/components/password-box';
+import { AXPasswordBoxModule } from '@acorex/components/password-box';
+import { AXToastService } from '@acorex/components/toast';
+import * as i5 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i6 from '@angular/router';
+import { ActivatedRoute, Router, RouterModule } from '@angular/router';
+
+//#endregion
+//#region ----- Component -----
+class AXPAcceptInvitationComponent {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.commandService = inject(AXPCommandService);
+        this.toast = inject(AXToastService);
+        this.translation = inject(AXTranslationService);
+        //#endregion
+        //#region ----- State Signals -----
+        /** `unusable` hides the password form and shows the used/invalid message. */
+        this.phase = signal('checking', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "phase" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Form State -----
+        this.token = '';
+        this.newPassword = '';
+        this.confirmPassword = '';
+        this.submitting = false;
+    }
+    //#endregion
+    //#region ----- Lifecycle -----
+    ngOnInit() {
+        this.token = this.route.snapshot.queryParamMap.get('token') ?? '';
+        void this.loadPreview();
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    goToLogin() {
+        void this.router.navigate(['/auth/login']);
+    }
+    async submit() {
+        if (this.submitting || this.phase() !== 'form') {
+            return;
+        }
+        const token = this.token.trim();
+        if (!token) {
+            this.phase.set('unusable');
+            return;
+        }
+        if (this.newPassword && this.newPassword.length < 6) {
+            const msg = await this.translation
+                .translateAsync('@auth:accept-invitation.password-too-short')
+                .catch(() => 'Password must be at least 6 characters.');
+            this.toast.show({ color: 'warning', title: msg, content: msg });
+            return;
+        }
+        if (this.newPassword !== this.confirmPassword) {
+            const msg = await this.translation
+                .translateAsync('@auth:accept-invitation.password-mismatch')
+                .catch(() => 'Passwords do not match.');
+            this.toast.show({ color: 'warning', title: msg, content: msg });
+            return;
+        }
+        this.submitting = true;
+        try {
+            const result = await this.commandService.executeRemote(AXMSecurityManagementServerCommands.AcceptInvitation, {
+                token,
+                newPassword: this.newPassword || undefined,
+            });
+            if (!result?.success) {
+                const messageText = commandMessageTextForError(result?.message?.text);
+                if (isInvitationLinkUnusable(result?.message?.code, messageText)) {
+                    this.phase.set('unusable');
+                    return;
+                }
+                throw new Error(messageText || 'Accept failed');
+            }
+            const [title, content] = await Promise.all([
+                this.translation
+                    .translateAsync('@auth:accept-invitation.success.title')
+                    .catch(() => 'Invitation Accepted'),
+                this.translation
+                    .translateAsync('@auth:accept-invitation.success.description')
+                    .catch(() => 'Your invitation was accepted. You can sign in now.'),
+            ]);
+            this.toast.show({ color: 'success', title, content, timeOut: 4000 });
+            await this.router.navigate(['/auth/login']);
+        }
+        catch (error) {
+            const [title, fallbackContent] = await Promise.all([
+                this.translation
+                    .translateAsync('@auth:accept-invitation.error.title')
+                    .catch(() => 'Accept Failed'),
+                this.translation
+                    .translateAsync('@auth:accept-invitation.error.description')
+                    .catch(() => 'Unable to accept the invitation. The link may have expired.'),
+            ]);
+            const content = error instanceof Error && error.message ? error.message : fallbackContent;
+            this.toast.show({ color: 'danger', title, content, timeOut: 5000 });
+        }
+        finally {
+            this.submitting = false;
+        }
+    }
+    //#endregion
+    //#region ----- Preview -----
+    async loadPreview() {
+        const token = this.token.trim();
+        if (!token) {
+            this.phase.set('unusable');
+            return;
+        }
+        try {
+            const result = await this.commandService.executeRemote(AXMSecurityManagementServerCommands.AcceptInvitation, { token, preview: true });
+            if (!result?.success) {
+                // Older API ignores `preview` and rejects a missing password — still show the form.
+                const messageText = commandMessageTextForError(result?.message?.text);
+                if (isPasswordRequired(result?.message?.code, messageText)) {
+                    this.phase.set('form');
+                    return;
+                }
+                this.phase.set('unusable');
+                return;
+            }
+            const preview = result.data;
+            this.phase.set(preview?.usable === false ? 'unusable' : 'form');
+        }
+        catch {
+            this.phase.set('unusable');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAcceptInvitationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAcceptInvitationComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"axp-auth-form\">\n    <!-- ----- Checking the token before any password fields are shown ----- -->\n    @if (phase() === 'checking') {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.checking' | translate | async }}\n        </p>\n      </div>\n    }\n    <!-- ----- Used, unknown, or expired link: message and login, no password form ----- -->\n    @else if (phase() === 'unusable') {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:accept-invitation.unavailable.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.unavailable.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:accept-invitation.unavailable.go-to-login' | translate | async\"\n        (onClick)=\"goToLogin()\"\n      ></ax-button>\n    }\n    <!-- ----- Open invitation: set a password ----- -->\n    @else {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:accept-invitation.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.hint' | translate | async }}\n        </p>\n      </div>\n      <ax-form>\n        <div class=\"flex flex-col gap-4 lg:gap-6\">\n          <ax-form-field>\n            <ax-label>{{\n              '@auth:accept-invitation.new-password' | translate | async\n            }}</ax-label>\n            <ax-password-box\n              name=\"newPassword\"\n              [(value)]=\"newPassword\"\n              [disabled]=\"submitting\"\n            ></ax-password-box>\n          </ax-form-field>\n          <ax-form-field>\n            <ax-label>{{\n              '@auth:accept-invitation.confirm-password' | translate | async\n            }}</ax-label>\n            <ax-password-box\n              name=\"confirmPassword\"\n              [(value)]=\"confirmPassword\"\n              [disabled]=\"submitting\"\n            ></ax-password-box>\n          </ax-form-field>\n        </div>\n        <ax-button\n          color=\"primary\"\n          class=\"mt-4 lg:mt-6 w-full\"\n          [text]=\"'@auth:accept-invitation.submit' | translate | async\"\n          [disabled]=\"submitting\"\n          (onClick)=\"submit()\"\n        ></ax-button>\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-auth-form{width:24rem;max-width:100%}}.axp-auth-form ax-form,.axp-auth-form ax-form-field,.axp-auth-form ax-password-box{display:block;width:100%}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i1.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i2.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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: 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: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAcceptInvitationComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXFormModule,
+                        AXPasswordBoxModule,
+                        AXButtonModule,
+                        AXLabelModule,
+                        AXTranslationModule,
+                        RouterModule,
+                    ], template: "<ng-container *translate=\"let t\">\n  <div class=\"axp-auth-form\">\n    <!-- ----- Checking the token before any password fields are shown ----- -->\n    @if (phase() === 'checking') {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.checking' | translate | async }}\n        </p>\n      </div>\n    }\n    <!-- ----- Used, unknown, or expired link: message and login, no password form ----- -->\n    @else if (phase() === 'unusable') {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:accept-invitation.unavailable.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.unavailable.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:accept-invitation.unavailable.go-to-login' | translate | async\"\n        (onClick)=\"goToLogin()\"\n      ></ax-button>\n    }\n    <!-- ----- Open invitation: set a password ----- -->\n    @else {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:accept-invitation.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.hint' | translate | async }}\n        </p>\n      </div>\n      <ax-form>\n        <div class=\"flex flex-col gap-4 lg:gap-6\">\n          <ax-form-field>\n            <ax-label>{{\n              '@auth:accept-invitation.new-password' | translate | async\n            }}</ax-label>\n            <ax-password-box\n              name=\"newPassword\"\n              [(value)]=\"newPassword\"\n              [disabled]=\"submitting\"\n            ></ax-password-box>\n          </ax-form-field>\n          <ax-form-field>\n            <ax-label>{{\n              '@auth:accept-invitation.confirm-password' | translate | async\n            }}</ax-label>\n            <ax-password-box\n              name=\"confirmPassword\"\n              [(value)]=\"confirmPassword\"\n              [disabled]=\"submitting\"\n            ></ax-password-box>\n          </ax-form-field>\n        </div>\n        <ax-button\n          color=\"primary\"\n          class=\"mt-4 lg:mt-6 w-full\"\n          [text]=\"'@auth:accept-invitation.submit' | translate | async\"\n          [disabled]=\"submitting\"\n          (onClick)=\"submit()\"\n        ></ax-button>\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-auth-form{width:24rem;max-width:100%}}.axp-auth-form ax-form,.axp-auth-form ax-form-field,.axp-auth-form ax-password-box{display:block;width:100%}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+//#endregion
+//#region ----- Helpers -----
+function isInvitationLinkUnusable(code, text) {
+    if (code === AXM_ACCEPT_INVITATION_ERROR_CODES.Invalid ||
+        code === AXM_ACCEPT_INVITATION_ERROR_CODES.Expired) {
+        return true;
+    }
+    const normalized = (text ?? '').toLowerCase();
+    return normalized.includes('invalid') || normalized.includes('expired') || normalized.includes('token is required');
+}
+function isPasswordRequired(code, text) {
+    if (code === AXM_ACCEPT_INVITATION_ERROR_CODES.PasswordRequired) {
+        return true;
+    }
+    return (text ?? '').toLowerCase().includes('password');
+}
+
+export { AXPAcceptInvitationComponent };
+//# sourceMappingURL=acorex-platform-module-auth-client-accept-invitation.component-Ct28GG3a.mjs.map

package/fesm2022/acorex-platform-module-auth-client-accept-invitation.component-Ct28GG3a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-accept-invitation.component-Ct28GG3a.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/accept-invitation/accept-invitation.component.ts","../../../../libs/modules/auth/client/src/lib/pages/accept-invitation/accept-invitation.component.html"],"sourcesContent":["import { commandMessageTextForError } from '@acorex-platform/framework-client/common';\nimport { AXPCommandService } from '@acorex-platform/framework-client/runtime';\nimport {\n  AXM_ACCEPT_INVITATION_ERROR_CODES,\n  AXMSecurityManagementServerCommands,\n  type AXMAcceptInvitationPreviewResult,\n} from '@acorex-platform/module-security-management-client/contracts';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXPasswordBoxModule } from '@acorex/components/password-box';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, OnInit, inject, signal } from '@angular/core';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\n\n//#region ----- Types -----\n\ntype AcceptInvitationPhase = 'checking' | 'form' | 'unusable';\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  templateUrl: './accept-invitation.component.html',\n  styleUrls: ['./accept-invitation.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    AXFormModule,\n    AXPasswordBoxModule,\n    AXButtonModule,\n    AXLabelModule,\n    AXTranslationModule,\n    RouterModule,\n  ],\n})\nexport class AXPAcceptInvitationComponent implements OnInit {\n  //#region ----- Services & Dependencies -----\n\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly commandService = inject(AXPCommandService);\n  private readonly toast = inject(AXToastService);\n  private readonly translation = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ----- State Signals -----\n\n  /** `unusable` hides the password form and shows the used/invalid message. */\n  protected readonly phase = signal<AcceptInvitationPhase>('checking');\n\n  //#endregion\n\n  //#region ----- Form State -----\n\n  protected token = '';\n  protected newPassword = '';\n  protected confirmPassword = '';\n  protected submitting = false;\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  ngOnInit(): void {\n    this.token = this.route.snapshot.queryParamMap.get('token') ?? '';\n    void this.loadPreview();\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 submit(): Promise<void> {\n    if (this.submitting || this.phase() !== 'form') {\n      return;\n    }\n\n    const token = this.token.trim();\n    if (!token) {\n      this.phase.set('unusable');\n      return;\n    }\n\n    if (this.newPassword && this.newPassword.length < 6) {\n      const msg = await this.translation\n        .translateAsync('@auth:accept-invitation.password-too-short')\n        .catch(() => 'Password must be at least 6 characters.');\n      this.toast.show({ color: 'warning', title: msg, content: msg });\n      return;\n    }\n\n    if (this.newPassword !== this.confirmPassword) {\n      const msg = await this.translation\n        .translateAsync('@auth:accept-invitation.password-mismatch')\n        .catch(() => 'Passwords do not match.');\n      this.toast.show({ color: 'warning', title: msg, content: msg });\n      return;\n    }\n\n    this.submitting = true;\n    try {\n      const result = await this.commandService.executeRemote(\n        AXMSecurityManagementServerCommands.AcceptInvitation,\n        {\n          token,\n          newPassword: this.newPassword || undefined,\n        },\n      );\n\n      if (!result?.success) {\n        const messageText = commandMessageTextForError(result?.message?.text);\n        if (isInvitationLinkUnusable(result?.message?.code, messageText)) {\n          this.phase.set('unusable');\n          return;\n        }\n        throw new Error(messageText || 'Accept failed');\n      }\n\n      const [title, content] = await Promise.all([\n        this.translation\n          .translateAsync('@auth:accept-invitation.success.title')\n          .catch(() => 'Invitation Accepted'),\n        this.translation\n          .translateAsync('@auth:accept-invitation.success.description')\n          .catch(() => 'Your invitation was accepted. You can sign in now.'),\n      ]);\n      this.toast.show({ color: 'success', title, content, timeOut: 4000 });\n      await this.router.navigate(['/auth/login']);\n    } catch (error) {\n      const [title, fallbackContent] = await Promise.all([\n        this.translation\n          .translateAsync('@auth:accept-invitation.error.title')\n          .catch(() => 'Accept Failed'),\n        this.translation\n          .translateAsync('@auth:accept-invitation.error.description')\n          .catch(() => 'Unable to accept the invitation. The link may have expired.'),\n      ]);\n      const content =\n        error instanceof Error && error.message ? error.message : fallbackContent;\n      this.toast.show({ color: 'danger', title, content, timeOut: 5000 });\n    } finally {\n      this.submitting = false;\n    }\n  }\n\n  //#endregion\n\n  //#region ----- Preview -----\n\n  private async loadPreview(): Promise<void> {\n    const token = this.token.trim();\n    if (!token) {\n      this.phase.set('unusable');\n      return;\n    }\n\n    try {\n      const result = await this.commandService.executeRemote(\n        AXMSecurityManagementServerCommands.AcceptInvitation,\n        { token, preview: true },\n      );\n\n      if (!result?.success) {\n        // Older API ignores `preview` and rejects a missing password — still show the form.\n        const messageText = commandMessageTextForError(result?.message?.text);\n        if (isPasswordRequired(result?.message?.code, messageText)) {\n          this.phase.set('form');\n          return;\n        }\n        this.phase.set('unusable');\n        return;\n      }\n\n      const preview = result.data as AXMAcceptInvitationPreviewResult | undefined;\n      this.phase.set(preview?.usable === false ? 'unusable' : 'form');\n    } catch {\n      this.phase.set('unusable');\n    }\n  }\n\n  //#endregion\n}\n\n//#endregion\n\n//#region ----- Helpers -----\n\nfunction isInvitationLinkUnusable(code: string | undefined, text: string | undefined): boolean {\n  if (\n    code === AXM_ACCEPT_INVITATION_ERROR_CODES.Invalid ||\n    code === AXM_ACCEPT_INVITATION_ERROR_CODES.Expired\n  ) {\n    return true;\n  }\n  const normalized = (text ?? '').toLowerCase();\n  return normalized.includes('invalid') || normalized.includes('expired') || normalized.includes('token is required');\n}\n\nfunction isPasswordRequired(code: string | undefined, text: string | undefined): boolean {\n  if (code === AXM_ACCEPT_INVITATION_ERROR_CODES.PasswordRequired) {\n    return true;\n  }\n  return (text ?? '').toLowerCase().includes('password');\n}\n\n//#endregion\n","<ng-container *translate=\"let t\">\n  <div class=\"axp-auth-form\">\n    <!-- ----- Checking the token before any password fields are shown ----- -->\n    @if (phase() === 'checking') {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.checking' | translate | async }}\n        </p>\n      </div>\n    }\n    <!-- ----- Used, unknown, or expired link: message and login, no password form ----- -->\n    @else if (phase() === 'unusable') {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:accept-invitation.unavailable.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.unavailable.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:accept-invitation.unavailable.go-to-login' | translate | async\"\n        (onClick)=\"goToLogin()\"\n      ></ax-button>\n    }\n    <!-- ----- Open invitation: set a password ----- -->\n    @else {\n      <div class=\"text-center mb-3 lg:mb-5\">\n        <h1 class=\"font-bold text-xl mb-1 lg:mb-2\">\n          {{ '@auth:accept-invitation.title' | translate | async }}\n        </h1>\n        <p class=\"text-base text-neutral-600\">\n          {{ '@auth:accept-invitation.hint' | translate | async }}\n        </p>\n      </div>\n      <ax-form>\n        <div class=\"flex flex-col gap-4 lg:gap-6\">\n          <ax-form-field>\n            <ax-label>{{\n              '@auth:accept-invitation.new-password' | translate | async\n            }}</ax-label>\n            <ax-password-box\n              name=\"newPassword\"\n              [(value)]=\"newPassword\"\n              [disabled]=\"submitting\"\n            ></ax-password-box>\n          </ax-form-field>\n          <ax-form-field>\n            <ax-label>{{\n              '@auth:accept-invitation.confirm-password' | translate | async\n            }}</ax-label>\n            <ax-password-box\n              name=\"confirmPassword\"\n              [(value)]=\"confirmPassword\"\n              [disabled]=\"submitting\"\n            ></ax-password-box>\n          </ax-form-field>\n        </div>\n        <ax-button\n          color=\"primary\"\n          class=\"mt-4 lg:mt-6 w-full\"\n          [text]=\"'@auth:accept-invitation.submit' | translate | async\"\n          [disabled]=\"submitting\"\n          (onClick)=\"submit()\"\n        ></ax-button>\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":["i3","i7"],"mappings":"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"}