fix(passkeys): [PM-13932] Fix passkey flow incorrect routing (#12363)

This PR fixes a bug in the LockComponent refresh that affected the setup/save and use passkey flows. The user was wrongly directly to the /vault after unlock instead of to /fido2 (the passkey screen).

Feature Flag: ExtensionRefresh ON

libs/angular/src/auth/functions/unauth-ui-refresh-redirect.spec.ts

@@ -40,15 +40,14 @@ describe("unauthUiRefreshRedirect", () => {
   it("returns UrlTree when UnauthenticatedExtensionUIRefresh flag is enabled and preserves query params", async () => {
     configService.getFeatureFlag.mockResolvedValue(true);
 
-    const queryParams = { test: "test" };
+    const urlTree = new UrlTree();
+    urlTree.queryParams = { test: "test" };
 
     const navigation: Navigation = {
-      extras: {
-        queryParams: queryParams,
-      },
+      extras: {},
       id: 0,
       initialUrl: new UrlTree(),
-      extractedUrl: new UrlTree(),
+      extractedUrl: urlTree,
       trigger: "imperative",
       previousNavigation: undefined,
     };
@@ -60,6 +59,8 @@ describe("unauthUiRefreshRedirect", () => {
     expect(configService.getFeatureFlag).toHaveBeenCalledWith(
       FeatureFlag.UnauthenticatedExtensionUIRefresh,
     );
-    expect(router.createUrlTree).toHaveBeenCalledWith(["/redirect"], { queryParams });
+    expect(router.createUrlTree).toHaveBeenCalledWith(["/redirect"], {
+      queryParams: urlTree.queryParams,
+    });
   });
 });

libs/angular/src/auth/functions/unauth-ui-refresh-redirect.ts

@@ -17,7 +17,7 @@ export function unauthUiRefreshRedirect(redirectUrl: string): () => Promise<bool
     );
     if (shouldRedirect) {
       const currentNavigation = router.getCurrentNavigation();
-      const queryParams = currentNavigation?.extras?.queryParams || {};
+      const queryParams = currentNavigation?.extractedUrl?.queryParams || {};
 
       // Preserve query params when redirecting as it is likely that the refreshed component
       // will be consuming the same query params.

libs/angular/src/utils/extension-refresh-redirect.spec.ts

@@ -0,0 +1,62 @@
+import { TestBed } from "@angular/core/testing";
+import { Navigation, Router, UrlTree } from "@angular/router";
+import { mock, MockProxy } from "jest-mock-extended";
+
+import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
+import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
+
+import { extensionRefreshRedirect } from "./extension-refresh-redirect";
+
+describe("extensionRefreshRedirect", () => {
+  let configService: MockProxy<ConfigService>;
+  let router: MockProxy<Router>;
+
+  beforeEach(() => {
+    configService = mock<ConfigService>();
+    router = mock<Router>();
+
+    TestBed.configureTestingModule({
+      providers: [
+        { provide: ConfigService, useValue: configService },
+        { provide: Router, useValue: router },
+      ],
+    });
+  });
+
+  it("returns true when ExtensionRefresh flag is disabled", async () => {
+    configService.getFeatureFlag.mockResolvedValue(false);
+
+    const result = await TestBed.runInInjectionContext(() =>
+      extensionRefreshRedirect("/redirect")(),
+    );
+
+    expect(result).toBe(true);
+    expect(configService.getFeatureFlag).toHaveBeenCalledWith(FeatureFlag.ExtensionRefresh);
+    expect(router.parseUrl).not.toHaveBeenCalled();
+  });
+
+  it("returns UrlTree when ExtensionRefresh flag is enabled and preserves query params", async () => {
+    configService.getFeatureFlag.mockResolvedValue(true);
+
+    const urlTree = new UrlTree();
+    urlTree.queryParams = { test: "test" };
+
+    const navigation: Navigation = {
+      extras: {},
+      id: 0,
+      initialUrl: new UrlTree(),
+      extractedUrl: urlTree,
+      trigger: "imperative",
+      previousNavigation: undefined,
+    };
+
+    router.getCurrentNavigation.mockReturnValue(navigation);
+
+    await TestBed.runInInjectionContext(() => extensionRefreshRedirect("/redirect")());
+
+    expect(configService.getFeatureFlag).toHaveBeenCalledWith(FeatureFlag.ExtensionRefresh);
+    expect(router.createUrlTree).toHaveBeenCalledWith(["/redirect"], {
+      queryParams: urlTree.queryParams,
+    });
+  });
+});

libs/angular/src/utils/extension-refresh-redirect.ts

@@ -16,7 +16,7 @@ export function extensionRefreshRedirect(redirectUrl: string): () => Promise<boo
     const shouldRedirect = await configService.getFeatureFlag(FeatureFlag.ExtensionRefresh);
     if (shouldRedirect) {
       const currentNavigation = router.getCurrentNavigation();
-      const queryParams = currentNavigation?.extras?.queryParams || {};
+      const queryParams = currentNavigation?.extractedUrl?.queryParams || {};
 
       // Preserve query params when redirecting as it is likely that the refreshed component
       // will be consuming the same query params.