fix: passwordless (#1116)

* fix passwordless session handling

* only check passwordless when enabled in policy

* set preferred user name in webauthn

* fix tests

* add passwordless in setup

* fix(console): exclude credentials for passwordless (#1115)

* fix: exclude creds

* fix i18n type loginpolicy

* fix enter on dialog input

* remove arg

Co-authored-by: Max Peintner <max@caos.ch>

console/src/app/modules/changes/changes.component.ts

@@ -42,7 +42,6 @@ export class ChangesComponent implements OnInit, OnDestroy {
         this.init();
         if (this.refresh) {
             this.refresh.pipe(takeUntil(this.destroyed$), debounceTime(2000)).subscribe(() => {
-                console.log('asdf');
                 this.init();
             });
         }

console/src/app/modules/policies/login-policy/login-policy.component.html

@@ -53,7 +53,7 @@
         </div>
         <div class="row">
             <cnsl-form-field class="form-field" label="Access Code" required="true">
-                <cnsl-label>{{'MFA.TYPE' | translate}}</cnsl-label>
+                <cnsl-label>{{'LOGINPOLICY.PASSWORDLESS' | translate}}</cnsl-label>
                 <mat-select [(ngModel)]="loginData.passwordlessType">
                     <mat-option *ngFor="let pt of passwordlessTypes" [value]="pt">
                         {{'LOGINPOLICY.PASSWORDLESSTYPE.'+pt | translate}}

console/src/app/pages/users/user-detail/auth-user-detail/auth-passwordless/auth-passwordless.component.ts

@@ -58,6 +58,13 @@ export class AuthPasswordlessComponent implements OnInit, OnDestroy {
             if (credOptions.publicKey?.challenge) {
                 credOptions.publicKey.challenge = _base64ToArrayBuffer(credOptions.publicKey.challenge as any);
                 credOptions.publicKey.user.id = _base64ToArrayBuffer(credOptions.publicKey.user.id as any);
+                if (credOptions.publicKey.excludeCredentials) {
+                    credOptions.publicKey.excludeCredentials.map(cred => {
+                        cred.id = _base64ToArrayBuffer(cred.id as any);
+                        return cred;
+                    });
+                }
+                console.log(credOptions);
                 const dialogRef = this.dialog.open(DialogU2FComponent, {
                     width: '400px',
                     data: {

console/src/app/pages/users/user-detail/auth-user-detail/auth-user-mfa/auth-user-mfa.component.ts

@@ -83,8 +83,12 @@ export class AuthUserMfaComponent implements OnInit, OnDestroy {
                 credOptions.publicKey.challenge = _base64ToArrayBuffer(credOptions.publicKey.challenge as any);
                 credOptions.publicKey.user.id = _base64ToArrayBuffer(credOptions.publicKey.user.id as any);
                 if (credOptions.publicKey.excludeCredentials) {
-                    credOptions.publicKey.excludeCredentials.map(cred => cred.id = _base64ToArrayBuffer(cred.id as any));
+                    credOptions.publicKey.excludeCredentials.map(cred => {
+                        cred.id = _base64ToArrayBuffer(cred.id as any);
+                        return cred;
+                    });
                 }
+                console.log(credOptions);
                 const dialogRef = this.dialog.open(DialogU2FComponent, {
                     width: '400px',
                     data: {

console/src/app/pages/users/user-detail/auth-user-detail/dialog-u2f/dialog-u2f.component.html

@@ -4,7 +4,7 @@
 
     <cnsl-form-field class="form-field" label="Name" required="true">
         <cnsl-label>{{'USER.MFA.U2F_NAME' | translate}}</cnsl-label>
-        <input cnslInput [(ngModel)]="name" required/>
+        <input cnslInput [(ngModel)]="name" required (keydown.enter)="name ? closeDialogWithCode() : null" />
     </cnsl-form-field>
 
     <mat-spinner diameter="30" *ngIf="loading"></mat-spinner>
@@ -13,6 +13,7 @@
 </div>
 <div mat-dialog-actions class="action">
     <button mat-button (click)="closeDialog()">{{'ACTIONS.CLOSE' | translate}}</button>
-    <button [disabled]="!name" mat-raised-button class="ok-button" color="primary" (click)="closeDialogWithCode()">{{'ACTIONS.VERIFY' | translate}}
+    <button cdkFocusInitial [disabled]="!name" mat-raised-button class="ok-button" color="primary"
+        (click)="closeDialogWithCode()">{{'ACTIONS.VERIFY' | translate}}
     </button>
-</div>
+</div>

console/src/app/pages/users/user-detail/auth-user-detail/edit-dialog/edit-dialog.component.html

@@ -5,7 +5,7 @@
 <div mat-dialog-content>
     <cnsl-form-field class="formfield">
         <cnsl-label>{{data.labelKey | translate }}</cnsl-label>
-        <input cnslInput [(ngModel)]="value" />
+        <input cnslInput [(ngModel)]="value" (keydown.enter)="value ? closeDialogWithValue(value) : null" />
     </cnsl-form-field>
 </div>
 <div mat-dialog-actions class="action">

console/src/assets/i18n/de.json

@@ -909,6 +909,7 @@
             "DESCRIPTION":"Sie können vordefinierte oder selbsterstellten Provider auswählen",
             "SELECTIDPS":"Identity Provider"
         },
+        "PASSWORDLESS":"Passwordloser Login",
         "PASSWORDLESSTYPE": {
             "0":"Nicht erlaubt",
             "1":"Erlaubt"

console/src/assets/i18n/en.json

@@ -909,6 +909,7 @@
             "DESCRIPTION":"You can select predefined or selfcreated providers for authentication.",
             "SELECTIDPS":"Identity providers"
         },
+        "PASSWORDLESS":"Passwordless Login",
         "PASSWORDLESSTYPE": {
             "0":"Not allowed",
             "1":"Allowed"