@keycloakify/angular 0.0.1-rc.2 → 0.0.1-rc.3

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

@@ -2,59 +2,59 @@
 @let isAppInitiatedAction = kcContext.isAppInitiatedAction;
 
 <kc-login-template
-  [displayInfo]="displayInfo"
-  [bodyClassName]="bodyClassName()"
-  [displayMessage]="displayMessage"
-  [displayRequiredFields]="displayRequiredFields()"
-  [documentTitle]="documentTitle()"
+    [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"
+    <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"
         >
-          {{ 'doCancel' | msgStr }}
-        </button>
-      </form>
-    }
-  </ng-container>
+            <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/src/login/pages/webauthn-error/webauthn-error.component.ts

@@ -1,15 +1,5 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    forwardRef,
-    inject,
-    input
-} from '@angular/core';
-import {
-    CLASSES,
-    KC_CONTEXT,
-    USE_DEFAULT_CSS
-} from '@keycloakify/angular/lib/public-api';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from '@keycloakify/angular/lib/public-api';
 import { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import { KcContext } from 'keycloakify/login/KcContext';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
@@ -20,12 +10,7 @@ import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
-    imports: [
-        TemplateComponent,
-        MsgStrPipe,
-        KcClassDirective,
-        LogoutOtherSessionsComponent
-    ],
+    imports: [TemplateComponent, MsgStrPipe, KcClassDirective, LogoutOtherSessionsComponent],
     selector: 'kc-root',
     templateUrl: 'webauthn-error.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

package/src/login/pages/webauthn-register/webauthn-register.component.html

@@ -3,80 +3,80 @@
 @let isAppInitiatedAction = kcContext.isAppInitiatedAction;
 
 <kc-login-template
-  [displayInfo]="displayInfo"
-  [bodyClassName]="bodyClassName()"
-  [displayMessage]="displayMessage"
-  [displayRequiredFields]="displayRequiredFields()"
-  [documentTitle]="documentTitle()"
+    [displayInfo]="displayInfo"
+    [bodyClassName]="bodyClassName()"
+    [displayMessage]="displayMessage"
+    [displayRequiredFields]="displayRequiredFields()"
+    [documentTitle]="documentTitle()"
 >
-  <ng-container headerNode>
-    <span [kcClass]="'kcWebAuthnKeyIcon'"></span>
-    {{ 'webauthn-registration-title' | msgStr }}
-  </ng-container>
-  <ng-container content>
-    <form
-      id="register"
-      [kcClass]="'kcFormClass'"
-      [action]="url.loginAction"
-      method="post"
-    >
-      <div [kcClass]="'kcFormGroupClass'">
-        <input
-          type="hidden"
-          id="clientDataJSON"
-          name="clientDataJSON"
-        />
-        <input
-          type="hidden"
-          id="attestationObject"
-          name="attestationObject"
-        />
-        <input
-          type="hidden"
-          id="publicKeyCredentialId"
-          name="publicKeyCredentialId"
-        />
-        <input
-          type="hidden"
-          id="authenticatorLabel"
-          name="authenticatorLabel"
-        />
-        <input
-          type="hidden"
-          id="transports"
-          name="transports"
-        />
+    <ng-container headerNode>
+        <span [kcClass]="'kcWebAuthnKeyIcon'"></span>
+        {{ 'webauthn-registration-title' | msgStr }}
+    </ng-container>
+    <ng-container content>
+        <form
+            id="register"
+            [kcClass]="'kcFormClass'"
+            [action]="url.loginAction"
+            method="post"
+        >
+            <div [kcClass]="'kcFormGroupClass'">
+                <input
+                    type="hidden"
+                    id="clientDataJSON"
+                    name="clientDataJSON"
+                />
+                <input
+                    type="hidden"
+                    id="attestationObject"
+                    name="attestationObject"
+                />
+                <input
+                    type="hidden"
+                    id="publicKeyCredentialId"
+                    name="publicKeyCredentialId"
+                />
+                <input
+                    type="hidden"
+                    id="authenticatorLabel"
+                    name="authenticatorLabel"
+                />
+                <input
+                    type="hidden"
+                    id="transports"
+                    name="transports"
+                />
+                <input
+                    type="hidden"
+                    id="error"
+                    name="error"
+                />
+                <kc-logout-other-sessions />
+            </div>
+        </form>
         <input
-          type="hidden"
-          id="error"
-          name="error"
+            type="submit"
+            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+            [id]="authButtonId"
+            [value]="'doRegisterSecurityKey' | msgStr"
         />
-        <kc-logout-other-sessions />
-      </div>
-    </form>
-    <input
-      type="submit"
-      [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
-      [id]="authButtonId"
-      [value]="'doRegisterSecurityKey' | msgStr"
-    />
-    @if (!isSetRetry && 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>
+        @if (!isSetRetry && 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/src/login/pages/webauthn-register/webauthn-register.component.ts

@@ -1,15 +1,5 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    forwardRef,
-    inject,
-    input
-} from '@angular/core';
-import {
-    CLASSES,
-    KC_CONTEXT,
-    USE_DEFAULT_CSS
-} from '@keycloakify/angular/lib/public-api';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from '@keycloakify/angular/lib/public-api';
 import { Script } from '@keycloakify/angular/lib/models';
 import { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import { KcContext } from 'keycloakify/login/KcContext';
@@ -22,12 +12,7 @@ import { LoginResourceInjectorService } from '@keycloakify/angular/login/service
 
 @Component({
     standalone: true,
-    imports: [
-        TemplateComponent,
-        MsgStrPipe,
-        KcClassDirective,
-        LogoutOtherSessionsComponent
-    ],
+    imports: [TemplateComponent, MsgStrPipe, KcClassDirective, LogoutOtherSessionsComponent],
     selector: 'kc-root',
     templateUrl: 'webauthn-register.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -40,8 +25,7 @@ import { LoginResourceInjectorService } from '@keycloakify/angular/login/service
     ]
 })
 export class WebauthnRegisterComponent extends ComponentReference {
-    kcContext =
-        inject<Extract<KcContext, { pageId: 'webauthn-register.ftl' }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'webauthn-register.ftl' }>>(KC_CONTEXT);
     loginResourceInjectorService = inject(LoginResourceInjectorService);
     msgStr = inject(MsgStrPipe);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);

package/src/tsconfig.json

@@ -11,7 +11,6 @@
         "paths": {
             "@keycloakify/angular/*": ["./*"]
         },
-        "jsx": "react-jsx",
         "allowSyntheticDefaultImports": true,
         "experimentalDecorators": true
     }