@keycloakify/angular 0.0.1-rc.0

package/login/pages/terms/terms.component.html

@@ -0,0 +1,36 @@
+@let url = kcContext.url;
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'termsTitle' | msgStr }}
+  </ng-container>
+  <ng-container content>
+    <div id="kc-terms-text">{{ 'termsText' | msgStr }}</div>
+    <form
+      class="form-actions"
+      [action]="url.loginAction"
+      method="POST"
+    >
+      <input
+        [kcClass]="['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
+        name="accept"
+        id="kc-accept"
+        type="submit"
+        [value]="'doAccept' | msgStr"
+      />
+      <input
+        [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
+        name="cancel"
+        id="kc-decline"
+        type="submit"
+        [value]="'doDecline' | msgStr"
+      />
+    </form>
+    <div className="clearfix"></div>
+  </ng-container>
+</kc-login-template>

package/login/pages/terms/terms.component.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var TermsComponent_1;
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from "@angular/core";
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { TemplateComponent } from "../../../login/containers/template.component";
+import { KcClassDirective } from "../../../login/directives";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let TermsComponent = TermsComponent_1 = class TermsComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = false;
+    }
+};
+TermsComponent = TermsComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [MsgStrPipe, TemplateComponent, KcClassDirective],
+        selector: "kc-root",
+        templateUrl: "terms.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => TermsComponent_1)
+            }
+        ]
+    })
+], TermsComponent);
+export { TermsComponent };
+//# sourceMappingURL=terms.component.js.map

package/login/pages/terms/terms.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"terms.component.js","sourceRoot":"","sources":["../../../src/login/pages/terms/terms.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,UAAU,EACV,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAepE,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,kBAAkB;IAA/C;;QACH,cAAS,GAAG,MAAM,CAA8C,UAAU,CAAC,CAAC;QACnE,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GAAY,KAAK,CAAC;IACpC,CAAC;CAAA,CAAA;AATY,cAAc;IAb1B,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;QAC1D,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,sBAAsB;QACnC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAc,CAAC;aAChD;SACJ;KACJ,CAAC;GACW,cAAc,CAS1B;SATY,cAAc"}

package/login/pages/update-email/update-email.component.d.ts

@@ -0,0 +1,14 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class UpdateEmailComponent extends ComponentReference {
+    kcContext: KcContext.UpdateEmail;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
+    documentTitle: import("@angular/core").InputSignal<string | undefined>;
+    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    displayInfo: boolean;
+    displayMessage: boolean;
+    isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
+}

package/login/pages/update-email/update-email.component.html

@@ -0,0 +1,58 @@
+@let url = kcContext.url;
+@let isAppInitiatedAction = kcContext.isAppInitiatedAction;
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'updateEmailTitle' | msgStr }}
+  </ng-container>
+  <ng-container content>
+    <form
+      id="kc-update-email-form"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <kc-user-profile-form-fields (onIsFormSubmittable)="isFormSubmittable.set($event)"></kc-user-profile-form-fields>
+      <div [kcClass]="'kcFormGroupClass'">
+        <div
+          id="kc-form-options"
+          [kcClass]="'kcFormOptionsClass'"
+        >
+          <div [kcClass]="'kcFormOptionsWrapperClass'"></div>
+        </div>
+        <kc-logout-other-sessions></kc-logout-other-sessions>
+        <div
+          id="kc-form-buttons"
+          [kcClass]="'kcFormButtonsClass'"
+        >
+          <input
+            [disabled]="!isFormSubmittable"
+            [kcClass]="{
+              kcButtonClass: true,
+              kcButtonPrimaryClass: true,
+              kcButtonBlockClass: isAppInitiatedAction,
+              kcButtonLargeClass: true,
+            }"
+            type="submit"
+            value="{{ 'doSubmit' | msgStr }}"
+          />
+          @if (isAppInitiatedAction) {
+            <button
+              [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
+              type="submit"
+              name="cancel-aia"
+              value="true"
+            >
+              {{ 'doCancel' | msgStr }}
+            </button>
+          }
+        </div>
+      </div>
+    </form>
+  </ng-container>
+</kc-login-template>

package/login/pages/update-email/update-email.component.js

@@ -0,0 +1,52 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var UpdateEmailComponent_1;
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal } from "@angular/core";
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { LogoutOtherSessionsComponent } from "../../../login/components/logout-other-sessions/logout-other-sessions.component";
+import { UserProfileFormFieldsComponent } from "../../../login/components/user-profile-form-fields/user-profile-form-fields.component";
+import { TemplateComponent } from "../../../login/containers/template.component";
+import { KcClassDirective } from "../../../login/directives";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let UpdateEmailComponent = UpdateEmailComponent_1 = class UpdateEmailComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(true);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = this.kcContext.messagesPerField.exists("global");
+        this.isFormSubmittable = signal(false);
+    }
+};
+UpdateEmailComponent = UpdateEmailComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [
+            TemplateComponent,
+            MsgStrPipe,
+            KcClassDirective,
+            UserProfileFormFieldsComponent,
+            LogoutOtherSessionsComponent
+        ],
+        selector: "kc-root",
+        templateUrl: "update-email.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => UpdateEmailComponent_1)
+            }
+        ]
+    })
+], UpdateEmailComponent);
+export { UpdateEmailComponent };
+//# sourceMappingURL=update-email.component.js.map

package/login/pages/update-email/update-email.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-email.component.js","sourceRoot":"","sources":["../../../src/login/pages/update-email/update-email.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,UAAU,EACV,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,4BAA4B,EAAE,MAAM,6FAA6F,CAAC;AAC3I,OAAO,EAAE,8BAA8B,EAAE,MAAM,mGAAmG,CAAC;AACnJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAqBpE,IAAM,oBAAoB,4BAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;IAArD;;QACH,cAAS,GAAG,MAAM,CAAqD,UAAU,CAAC,CAAC;QAC1E,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACpC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GAAY,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC3E,sBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;CAAA,CAAA;AAVY,oBAAoB;IAnBhC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACL,iBAAiB;YACjB,UAAU;YACV,gBAAgB;YAChB,8BAA8B;YAC9B,4BAA4B;SAC/B;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,6BAA6B;QAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,sBAAoB,CAAC;aACtD;SACJ;KACJ,CAAC;GACW,oBAAoB,CAUhC;SAVY,oBAAoB"}

package/login/pages/webauthn-authenticate/webauthn-authenticate.component.d.ts

@@ -0,0 +1,20 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+import { LoginResourceInjectorService } from "../../../login/services";
+export declare class WebauthnAuthenticateComponent extends ComponentReference {
+    kcContext: KcContext.WebauthnAuthenticate;
+    loginResourceInjectorService: LoginResourceInjectorService;
+    msgStr: MsgStrPipe;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
+    documentTitle: import("@angular/core").InputSignal<string | undefined>;
+    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    displayInfo: boolean;
+    displayMessage: boolean;
+    authButtonId: string;
+    constructor();
+    selectAuthListItemIconClass(iconClass: string): string;
+}

package/login/pages/webauthn-authenticate/webauthn-authenticate.component.html

@@ -0,0 +1,162 @@
+@let url = kcContext.url;
+@let authenticators = kcContext.authenticators;
+@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;
+
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'webauthn-login-title' | msgStr }}
+  </ng-container>
+  <ng-container infoNode>
+    <div id="kc-registration">
+      <span>
+        {{ 'noAccount' | msgStr }}
+        <a
+          tabIndex="6"
+          [href]="url.registrationUrl"
+        >
+          {{ 'doRegister' | msgStr }}
+        </a>
+      </span>
+    </div>
+  </ng-container>
+  <ng-container content>
+    <div
+      id="kc-form-webauthn"
+      [kcClass]="'kcFormClass'"
+    >
+      <form
+        id="webauth"
+        [action]="url.loginAction"
+        method="post"
+      >
+        <input
+          type="hidden"
+          id="clientDataJSON"
+          name="clientDataJSON"
+        />
+        <input
+          type="hidden"
+          id="authenticatorData"
+          name="authenticatorData"
+        />
+        <input
+          type="hidden"
+          id="signature"
+          name="signature"
+        />
+        <input
+          type="hidden"
+          id="credentialId"
+          name="credentialId"
+        />
+        <input
+          type="hidden"
+          id="userHandle"
+          name="userHandle"
+        />
+        <input
+          type="hidden"
+          id="error"
+          name="error"
+        />
+      </form>
+
+      <div
+        class="no-bottom-margin"
+        [kcClass]="'kcFormGroupClass'"
+      >
+        @if (authenticators) {
+          <form
+            id="authn_select"
+            [kcClass]="'kcFormClass'"
+          >
+            @for (authenticator of authenticators.authenticators; track authenticator.credentialId) {
+              <input
+                type="hidden"
+                name="authn_use_chk"
+                [value]="authenticator.credentialId"
+              />
+            }
+            @if (shouldDisplayAuthenticators) {
+              @if (authenticators.authenticators.length > 1) {
+                <p [kcClass]="'kcSelectAuthListItemTitle'">{{ 'webauthn-available-authenticators' | msgStr }}</p>
+              }
+              <div [kcClass]="'kcFormOptionsClass'">
+                @for (
+                  authenticator of authenticators.authenticators;
+                  track authenticator.credentialId;
+                  let i = $index
+                ) {
+                  <div
+                    [id]="'kc-webauthn-authenticator-item-' + i"
+                    [kcClass]="'kcSelectAuthListItemClass'"
+                  >
+                    <div [kcClass]="'kcSelectAuthListItemIconClass'">
+                      <i
+                        [ngClass]="selectAuthListItemIconClass(authenticator.transports.iconClass)"
+                        [kcClass]="'kcSelectAuthListItemIconPropertyClass'"
+                      ></i>
+                      <div [kcClass]="'kcSelectAuthListItemArrowIconClass'">
+                        <div
+                          [id]="'kc-webauthn-authenticator-label-' + i"
+                          [kcClass]="'kcSelectAuthListItemHeadingClass'"
+                        >
+                          {{ authenticator.label | advancedMsgStr }}
+                        </div>
+                        @if (authenticator.transports.displayNameProperties?.length) {
+                          <div
+                            [id]="'kc-webauthn-authenticator-transport-' + i"
+                            [kcClass]="'kcSelectAuthListItemDescriptionClass'"
+                          >
+                            @for (
+                              displayNameProperty of authenticator.transports.displayNameProperties;
+                              track displayNameProperty;
+                              let last = $last
+                            ) {
+                              {{ displayNameProperty | advancedMsgStr }}
+                              @if (!last) {
+                                <span>, </span>
+                              }
+                            }
+                          </div>
+                          <div [kcClass]="'kcSelectAuthListItemDescriptionClass'">
+                            <span [id]="'kc-webauthn-authenticator-createdlabel-' + i">
+                              {{ 'webauthn-createdAt-label' | msgStr }}
+                            </span>
+                            <span [id]="'kc-webauthn-authenticator-created-' + i">{{ authenticator.createdAt }}</span>
+                          </div>
+                          <div [kcClass]="'kcSelectAuthListItemFillClass'"></div>
+                        }
+                      </div>
+                    </div>
+                  </div>
+                }
+              </div>
+            }
+          </form>
+        }
+
+        <div
+          [kcClass]="'kcFormButtonsClass'"
+          id="kc-form-buttons"
+        >
+          <input
+            [id]="authButtonId"
+            type="button"
+            autofocus
+            [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+            id="cancelWebAuthnAIA"
+            name="cancel-aia"
+            [value]="'webauthn-doAuthenticate' | msgStr"
+          />
+        </div>
+      </div>
+    </div>
+  </ng-container>
+</kc-login-template>

package/login/pages/webauthn-authenticate/webauthn-authenticate.component.js

@@ -0,0 +1,93 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var WebauthnAuthenticateComponent_1;
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from "@angular/core";
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { getKcClsx } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { LogoutOtherSessionsComponent } from "../../../login/components/logout-other-sessions/logout-other-sessions.component";
+import { TemplateComponent } from "../../../login/containers/template.component";
+import { KcClassDirective } from "../../../login/directives";
+import { AdvancedMsgStrPipe } from "../../../login/pipes/advanced-msg-str.pipe";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+import { LoginResourceInjectorService } from "../../../login/services";
+let WebauthnAuthenticateComponent = WebauthnAuthenticateComponent_1 = class WebauthnAuthenticateComponent extends ComponentReference {
+    constructor() {
+        super();
+        this.kcContext = inject(KC_CONTEXT);
+        this.loginResourceInjectorService = inject(LoginResourceInjectorService);
+        this.msgStr = inject(MsgStrPipe);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = true;
+        this.authButtonId = "authenticateWebAuthnButton";
+        const { url, isUserIdentified, challenge, userVerification, rpId, createTimeout } = this.kcContext;
+        const scripts = [
+            {
+                type: "module",
+                id: "WebAuthnAuthenticateScript",
+                textContent: `
+              import { authenticateByWebAuthn } from "${url.resourcesPath}/js/webauthnAuthenticate.js";
+              const authButton = document.getElementById('${this.authButtonId}');
+              authButton.addEventListener("click", function() {
+                  const input = {
+                      isUserIdentified : ${isUserIdentified},
+                      challenge : '${challenge}',
+                      userVerification : '${userVerification}',
+                      rpId : '${rpId}',
+                      createTimeout : ${createTimeout},
+                      errmsg : ${JSON.stringify(this.msgStr.transform("webauthn-unsupported-browser-text"))}
+                  };
+                  authenticateByWebAuthn(input);
+              });
+          `
+            }
+        ];
+        this.loginResourceInjectorService.insertAdditionalScripts(scripts);
+    }
+    selectAuthListItemIconClass(iconClass) {
+        var _a;
+        const kcClsx = getKcClsx({
+            doUseDefaultCss: (_a = this.doUseDefaultCss) !== null && _a !== void 0 ? _a : true,
+            classes: this.classes
+        }).kcClsx;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const className = kcClsx(iconClass);
+        if (className === iconClass) {
+            return kcClsx("kcWebAuthnDefaultIcon");
+        }
+        return className;
+    }
+};
+WebauthnAuthenticateComponent = WebauthnAuthenticateComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [
+            TemplateComponent,
+            MsgStrPipe,
+            AdvancedMsgStrPipe,
+            KcClassDirective,
+            LogoutOtherSessionsComponent
+        ],
+        selector: "kc-root",
+        templateUrl: "webauthn-authenticate.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            MsgStrPipe,
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => WebauthnAuthenticateComponent_1)
+            }
+        ]
+    })
+], WebauthnAuthenticateComponent);
+export { WebauthnAuthenticateComponent };
+//# sourceMappingURL=webauthn-authenticate.component.js.map

package/login/pages/webauthn-authenticate/webauthn-authenticate.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webauthn-authenticate.component.js","sourceRoot":"","sources":["../../../src/login/pages/webauthn-authenticate/webauthn-authenticate.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,UAAU,EACV,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,4BAA4B,EAAE,MAAM,6FAA6F,CAAC;AAC3I,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wDAAwD,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AAsB5E,IAAM,6BAA6B,qCAAnC,MAAM,6BAA8B,SAAQ,kBAAkB;IAejE;QACI,KAAK,EAAE,CAAC;QAfZ,cAAS,GACL,MAAM,CAA8D,UAAU,CAAC,CAAC;QACpF,iCAA4B,GAAG,MAAM,CAAC,4BAA4B,CAAC,CAAC;QACpE,WAAM,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;QACnB,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GAAY,IAAI,CAAC;QAE/B,iBAAY,GAAG,4BAA4B,CAAC;QAIxC,MAAM,EACF,GAAG,EACH,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,aAAa,EAChB,GAAG,IAAI,CAAC,SAAS,CAAC;QACnB,MAAM,OAAO,GAAa;YACtB;gBACI,IAAI,EAAE,QAAQ;gBACd,EAAE,EAAE,4BAA4B;gBAChC,WAAW,EAAE;wDAC2B,GAAG,CAAC,aAAa;4DACb,IAAI,CAAC,YAAY;;;2CAGlC,gBAAgB;qCACtB,SAAS;4CACF,gBAAgB;gCAC5B,IAAI;wCACI,aAAa;iCACpB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,mCAAmC,CAAC,CAAC;;;;WAIhG;aACE;SACJ,CAAC;QACF,IAAI,CAAC,4BAA4B,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC;IAED,2BAA2B,CAAC,SAAiB;;QACzC,MAAM,MAAM,GAAG,SAAS,CAAC;YACrB,eAAe,EAAE,MAAA,IAAI,CAAC,eAAe,mCAAI,IAAI;YAC7C,OAAO,EAAE,IAAI,CAAC,OAAO;SACxB,CAAC,CAAC,MAAM,CAAC;QACV,8DAA8D;QAC9D,MAAM,SAAS,GAAG,MAAM,CAAC,SAAgB,CAAC,CAAC;QAC3C,IAAI,SAAS,KAAK,SAAS,EAAE;YACzB,OAAO,MAAM,CAAC,uBAAuB,CAAC,CAAC;SAC1C;QACD,OAAO,SAAS,CAAC;IACrB,CAAC;CACJ,CAAA;AA7DY,6BAA6B;IApBzC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACL,iBAAiB;YACjB,UAAU;YACV,kBAAkB;YAClB,gBAAgB;YAChB,4BAA4B;SAC/B;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,sCAAsC;QACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP,UAAU;YACV;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,+BAA6B,CAAC;aAC/D;SACJ;KACJ,CAAC;GACW,6BAA6B,CA6DzC;SA7DY,6BAA6B"}

package/login/pages/webauthn-error/webauthn-error.component.d.ts

@@ -0,0 +1,14 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class WebauthnErrorComponent extends ComponentReference {
+    kcContext: KcContext.WebauthnError;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
+    documentTitle: import("@angular/core").InputSignal<string | undefined>;
+    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    displayInfo: boolean;
+    displayMessage: boolean;
+    onClick(): void;
+}

package/login/pages/webauthn-error/webauthn-error.component.html

@@ -0,0 +1,60 @@
+@let url = kcContext.url;
+@let isAppInitiatedAction = kcContext.isAppInitiatedAction;
+
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'webauthn-error-title' | msgStr }}
+  </ng-container>
+  <ng-container content>
+    <form
+      id="kc-error-credential-form"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <input
+        type="hidden"
+        id="executionValue"
+        name="authenticationExecution"
+      />
+      <input
+        type="hidden"
+        id="isSetRetry"
+        name="isSetRetry"
+      />
+    </form>
+    <input
+      tabIndex="4"
+      (click)="onClick()"
+      type="button"
+      [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+      name="try-again"
+      id="kc-try-again"
+      [value]="'doTryAgain' | msgStr"
+    />
+    @if (isAppInitiatedAction) {
+      <form
+        [action]="url.loginAction"
+        [kcClass]="'kcFormClass'"
+        id="kc-webauthn-settings-form"
+        method="post"
+      >
+        <button
+          type="submit"
+          [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+          id="cancelWebAuthnAIA"
+          name="cancel-aia"
+          value="true"
+        >
+          {{ 'doCancel' | msgStr }}
+        </button>
+      </form>
+    }
+  </ng-container>
+</kc-login-template>

package/login/pages/webauthn-error/webauthn-error.component.js

@@ -0,0 +1,57 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var WebauthnErrorComponent_1;
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from "@angular/core";
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { LogoutOtherSessionsComponent } from "../../../login/components/logout-other-sessions/logout-other-sessions.component";
+import { TemplateComponent } from "../../../login/containers/template.component";
+import { KcClassDirective } from "../../../login/directives";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let WebauthnErrorComponent = WebauthnErrorComponent_1 = class WebauthnErrorComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = true;
+    }
+    onClick() {
+        // @ts-expect-error: Trusted Keycloak's code
+        document.getElementById("isSetRetry").value = "retry";
+        // @ts-expect-error: Trusted Keycloak's code
+        document.getElementById("executionValue").value = "${execution}";
+        // @ts-expect-error: Trusted Keycloak's code
+        document.getElementById("kc-error-credential-form").submit();
+    }
+};
+WebauthnErrorComponent = WebauthnErrorComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [
+            TemplateComponent,
+            MsgStrPipe,
+            KcClassDirective,
+            LogoutOtherSessionsComponent
+        ],
+        selector: "kc-root",
+        templateUrl: "webauthn-error.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => WebauthnErrorComponent_1)
+            }
+        ]
+    })
+], WebauthnErrorComponent);
+export { WebauthnErrorComponent };
+//# sourceMappingURL=webauthn-error.component.js.map

package/login/pages/webauthn-error/webauthn-error.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webauthn-error.component.js","sourceRoot":"","sources":["../../../src/login/pages/webauthn-error/webauthn-error.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,UAAU,EACV,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,4BAA4B,EAAE,MAAM,6FAA6F,CAAC;AAC3I,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAoBpE,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,kBAAkB;IAAvD;;QACH,cAAS,GAAG,MAAM,CAAuD,UAAU,CAAC,CAAC;QAC5E,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GAAY,IAAI,CAAC;IAUnC,CAAC;IARG,OAAO;QACH,4CAA4C;QAC5C,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC;QACtD,4CAA4C;QAC5C,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,KAAK,GAAG,cAAc,CAAC;QACjE,4CAA4C;QAC5C,QAAQ,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC,MAAM,EAAE,CAAC;IACjE,CAAC;CACJ,CAAA;AAlBY,sBAAsB;IAlBlC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACL,iBAAiB;YACjB,UAAU;YACV,gBAAgB;YAChB,4BAA4B;SAC/B;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,+BAA+B;QAC5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,wBAAsB,CAAC;aACxD;SACJ;KACJ,CAAC;GACW,sBAAsB,CAkBlC;SAlBY,sBAAsB"}