[PM-2014] chore: rename everything from fido2 to webauthn

apps/web/src/app/auth/auth.module.ts

@@ -1,14 +1,14 @@
 import { NgModule } from "@angular/core";
 
 import { CoreAuthModule } from "./core/core.module";
-import { Fido2LoginSettingsModule } from "./settings/fido2-login-settings";
+import { WebauthnLoginSettingsModule } from "./settings/webauthn-login-settings";
 
 @NgModule({
-  imports: [CoreAuthModule, Fido2LoginSettingsModule],
+  imports: [CoreAuthModule, WebauthnLoginSettingsModule],
   declarations: [],
   providers: [],
   exports: [
-    Fido2LoginSettingsModule, // TODO: Remove when `app/settings/change-password.component.ts` has been moved to `app/auth/settings/.`
+    WebauthnLoginSettingsModule, // TODO: Remove when `app/settings/change-password.component.ts` has been moved to `app/auth/settings/.`
   ],
 })
 export class AuthModule {}

apps/web/src/app/auth/settings/fido2-login-settings/index.ts

@@ -1 +0,0 @@
-export * from "./fido2-login-settings.module";

apps/web/src/app/auth/settings/webauthn-login-settings/index.ts

@@ -0,0 +1 @@
+export * from "./webauthn-login-settings.module";

apps/web/src/app/auth/settings/webauthn-login-settings/webauthn-login-settings.component.ts

@@ -10,13 +10,13 @@ import { openCreateCredentialDialog } from "./create-credential-dialog/create-cr
 import { openDeleteCredentialDialogComponent } from "./delete-credential-dialog/delete-credential-dialog.component";
 
 @Component({
-  selector: "app-fido2-login-settings",
-  templateUrl: "fido2-login-settings.component.html",
+  selector: "app-webauthn-login-settings",
+  templateUrl: "webauthn-login-settings.component.html",
   host: {
     "aria-live": "polite",
   },
 })
-export class Fido2LoginSettingsComponent implements OnInit, OnDestroy {
+export class WebauthnLoginSettingsComponent implements OnInit, OnDestroy {
   private destroy$ = new Subject<void>();
 
   protected readonly MaxCredentialCount = 5;

apps/web/src/app/auth/settings/webauthn-login-settings/webauthn-login-settings.module.ts

@@ -5,15 +5,15 @@ import { SharedModule } from "../../../shared/shared.module";
 
 import { CreateCredentialDialogComponent } from "./create-credential-dialog/create-credential-dialog.component";
 import { DeleteCredentialDialogComponent } from "./delete-credential-dialog/delete-credential-dialog.component";
-import { Fido2LoginSettingsComponent } from "./fido2-login-settings.component";
+import { WebauthnLoginSettingsComponent } from "./webauthn-login-settings.component";
 
 @NgModule({
   imports: [SharedModule, FormsModule, ReactiveFormsModule],
   declarations: [
-    Fido2LoginSettingsComponent,
+    WebauthnLoginSettingsComponent,
     CreateCredentialDialogComponent,
     DeleteCredentialDialogComponent,
   ],
-  exports: [Fido2LoginSettingsComponent],
+  exports: [WebauthnLoginSettingsComponent],
 })
-export class Fido2LoginSettingsModule {}
+export class WebauthnLoginSettingsModule {}

apps/web/src/app/settings/change-password.component.html

@@ -130,4 +130,6 @@
   </button>
 </form>
 
-<app-fido2-login-settings *ngIf="showFido2LoginSettings$ | async"></app-fido2-login-settings>
+<app-webauthn-login-settings
+  *ngIf="showWebauthnLoginSettings$ | async"
+></app-webauthn-login-settings>

apps/web/src/app/settings/change-password.component.ts

@@ -46,7 +46,7 @@ export class ChangePasswordComponent extends BaseChangePasswordComponent {
   checkForBreaches = true;
   characterMinimumMessage = "";
 
-  protected showFido2LoginSettings$: Observable<boolean>;
+  protected showWebauthnLoginSettings$: Observable<boolean>;
 
   constructor(
     i18nService: I18nService,
@@ -83,7 +83,7 @@ export class ChangePasswordComponent extends BaseChangePasswordComponent {
   }
 
   async ngOnInit() {
-    this.showFido2LoginSettings$ = from(
+    this.showWebauthnLoginSettings$ = from(
       this.configService.getFeatureFlagBool(FeatureFlag.PasswordlessLogin)
     );