From 137bc8ace822bc7949dd3b98ce49b1f0acdf013b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anders=20=C3=85berg?= <anders@andersaberg.com>
Date: Thu, 23 Jan 2025 21:10:49 +0100
Subject: [PATCH] halfbaked

---
 .../components/fido2placeholder.component.ts  | 43 +++++++++++++++++++
 .../desktop-fido2-user-interface.service.ts   | 17 +++++++-
 2 files changed, 59 insertions(+), 1 deletion(-)

diff --git a/apps/desktop/src/app/components/fido2placeholder.component.ts b/apps/desktop/src/app/components/fido2placeholder.component.ts
index b3302d63241..a73a757660f 100644
--- a/apps/desktop/src/app/components/fido2placeholder.component.ts
+++ b/apps/desktop/src/app/components/fido2placeholder.component.ts
@@ -1,6 +1,11 @@
 import { Component } from "@angular/core";
 import { Router } from "@angular/router";
 
+import {
+  Fido2UserInterfaceService as Fido2UserInterfaceServiceAbstraction
+} from "@bitwarden/common/platform/abstractions/fido2/fido2-user-interface.service.abstraction";
+
+import { DesktopFido2UserInterfaceService } from "../../autofill/services/desktop-fido2-user-interface.service";
 import { DesktopSettingsService } from "../../platform/services/desktop-settings.service";
 
 @Component({
@@ -11,6 +16,15 @@ import { DesktopSettingsService } from "../../platform/services/desktop-settings
     >
       <h1 style="color: black">Select your passkey</h1>
       <br />
+      <button
+        style="color:black; padding: 10px 20px; border: 1px solid black; margin: 10px"
+        bitButton
+        type="button"
+        buttonType="secondary"
+        (click)="confirmPasskey()"
+      >
+        Confirm passkey
+      </button>
       <button
         style="color:black; padding: 10px 20px; border: 1px solid black; margin: 10px"
         bitButton
@@ -26,9 +40,38 @@ import { DesktopSettingsService } from "../../platform/services/desktop-settings
 export class Fido2PlaceholderComponent {
   constructor(
     private readonly desktopSettingsService: DesktopSettingsService,
+    private readonly fido2UserInterfaceService: Fido2UserInterfaceServiceAbstraction<void>,
     private readonly router: Router,
   ) {}
 
+  async confirmPasskey() {
+    // placeholder, actual api arguments needed here should be discussed
+    // just show casing we can call into the session to create the credential or change it.
+
+    console.log("checking for session", this.fido2UserInterfaceService);
+
+    const desktopService = this.fido2UserInterfaceService as DesktopFido2UserInterfaceService;
+
+    const session = await desktopService.getCurrentSession();
+
+    console.log("Got session", session);
+
+
+    await session.createCredential({
+      userHandle: "userHandle",
+      userName: "",
+      credentialName: "",
+      rpId: "",
+      userVerification: true,
+    });
+
+    console.log("Created credential, will notify complete");
+    session.notifyOperationCompleted();
+
+    await this.router.navigate(["/"]);
+    await this.desktopSettingsService.setInModalMode(false);
+  }
+
   async closeModal() {
     await this.router.navigate(["/"]);
     await this.desktopSettingsService.setInModalMode(false);
diff --git a/apps/desktop/src/autofill/services/desktop-fido2-user-interface.service.ts b/apps/desktop/src/autofill/services/desktop-fido2-user-interface.service.ts
index 52eb87c4a96..6e4ff8eaad1 100644
--- a/apps/desktop/src/autofill/services/desktop-fido2-user-interface.service.ts
+++ b/apps/desktop/src/autofill/services/desktop-fido2-user-interface.service.ts
@@ -1,4 +1,4 @@
-import { firstValueFrom, map } from "rxjs";
+import { filter, firstValueFrom, map, shareReplay, Subject } from "rxjs";
 
 import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
 import { AuthService } from "@bitwarden/common/auth/abstractions/auth.service";
@@ -31,6 +31,21 @@ export class DesktopFido2UserInterfaceService
     private messagingService: MessagingService,
   ) {}
 
+  private currentSessionSubject = new Subject<DesktopFido2UserInterfaceSession | undefined>();
+  private currentSubject$ = this.currentSessionSubject.pipe(
+    shareReplay({ refCount: true, bufferSize: 1 }), 
+    filter(c => c !== undefined)
+  );
+
+  setCurrentSession(session: DesktopFido2UserInterfaceSession) {
+    this.currentSessionSubject.next(session);
+  }
+  
+  getCurrentSession(): Promise<DesktopFido2UserInterfaceSession> {
+    return firstValueFrom(this.currentSubject$);
+  }
+
+
   async newSession(
     fallbackSupported: boolean,
     _tab: void,