[PM-11442] Emergency Cipher Viewing (#12054)

* force viewOnly to be true for emergency access

* add input to hide password history, applicable when the view is used from emergency view

* add extension refresh version of the emergency view dialog

* allow emergency access to view password history

- `ViewPasswordHistoryService` accepts a cipher id or CipherView. When a CipherView is included, the history component no longer has to fetch the cipher.

* remove unused comments

* Add fixme comment for removing non-extension refresh code

* refactor password history component to accept a full cipher view

- Remove the option to pass in only an id

libs/vault/src/cipher-view/item-history/item-history-v2.component.ts

@@ -5,7 +5,6 @@ import { Component, Input } from "@angular/core";
 import { RouterModule } from "@angular/router";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
-import { CipherId } from "@bitwarden/common/types/guid";
 import { ViewPasswordHistoryService } from "@bitwarden/common/vault/abstractions/view-password-history.service";
 import { CipherType } from "@bitwarden/common/vault/enums";
 import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
@@ -45,6 +44,6 @@ export class ItemHistoryV2Component {
    * View the password history for the cipher.
    */
   async viewPasswordHistory() {
-    await this.viewPasswordHistoryService.viewPasswordHistory(this.cipher?.id as CipherId);
+    await this.viewPasswordHistoryService.viewPasswordHistory(this.cipher);
   }
 }

libs/vault/src/components/password-history-view/password-history-view.component.spec.ts

@@ -46,6 +46,7 @@ describe("PasswordHistoryViewComponent", () => {
 
     fixture = TestBed.createComponent(PasswordHistoryViewComponent);
     component = fixture.componentInstance;
+    component.cipher = mockCipher;
     fixture.detectChanges();
   });
 
@@ -60,8 +61,8 @@ describe("PasswordHistoryViewComponent", () => {
     beforeEach(async () => {
       mockCipher.passwordHistory = [password1, password2];
 
-      mockCipherService.get.mockResolvedValue({ decrypt: jest.fn().mockResolvedValue(mockCipher) });
-      await component.ngOnInit();
+      component.cipher = mockCipher;
+      component.ngOnInit();
       fixture.detectChanges();
     });
 

libs/vault/src/components/password-history-view/password-history-view.component.ts

@@ -2,13 +2,9 @@
 // @ts-strict-ignore
 import { CommonModule } from "@angular/common";
 import { OnInit, Component, Input } from "@angular/core";
-import { firstValueFrom, map } from "rxjs";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
-import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
-import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
-import { CipherId, UserId } from "@bitwarden/common/types/guid";
-import { CipherService } from "@bitwarden/common/vault/abstractions/cipher.service";
+import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
 import { PasswordHistoryView } from "@bitwarden/common/vault/models/view/password-history.view";
 import { ItemModule, ColorPasswordModule, IconButtonModule } from "@bitwarden/components";
 
@@ -20,39 +16,14 @@ import { ItemModule, ColorPasswordModule, IconButtonModule } from "@bitwarden/co
 })
 export class PasswordHistoryViewComponent implements OnInit {
   /**
-   * The ID of the cipher to display the password history for.
+   * Optional cipher view. When included `cipherId` is ignored.
    */
-  @Input({ required: true }) cipherId: CipherId;
+  @Input({ required: true }) cipher: CipherView;
 
   /** The password history for the cipher. */
   history: PasswordHistoryView[] = [];
 
-  constructor(
-    protected cipherService: CipherService,
-    protected i18nService: I18nService,
-    protected accountService: AccountService,
-  ) {}
-
-  async ngOnInit() {
-    await this.init();
-  }
-
-  /** Retrieve the password history for the given cipher */
-  protected async init() {
-    const cipher = await this.cipherService.get(this.cipherId);
-    const activeAccount = await firstValueFrom(
-      this.accountService.activeAccount$.pipe(map((a: { id: string | undefined }) => a)),
-    );
-
-    if (!activeAccount?.id) {
-      throw new Error("Active account is not available.");
-    }
-
-    const activeUserId = activeAccount.id as UserId;
-    const decCipher = await cipher.decrypt(
-      await this.cipherService.getKeyForCipherKeyDecryption(cipher, activeUserId),
-    );
-
-    this.history = decCipher.passwordHistory == null ? [] : decCipher.passwordHistory;
+  ngOnInit() {
+    this.history = this.cipher.passwordHistory == null ? [] : this.cipher.passwordHistory;
   }
 }