[PM-10514] New TOTP Counter Component (#10486)

* new vault totp countdown component

libs/vault/src/cipher-view/login-credentials/login-credentials-view.component.ts

@@ -5,7 +5,7 @@ import { Observable, shareReplay } from "rxjs";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
 import { BillingAccountProfileStateService } from "@bitwarden/common/billing/abstractions";
-import { LoginView } from "@bitwarden/common/vault/models/view/login.view";
+import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
 import {
   CardComponent,
   FormFieldModule,
@@ -17,6 +17,8 @@ import {
   ColorPasswordModule,
 } from "@bitwarden/components";
 
+import { BitTotpCountdownComponent } from "../../components/totp-countdown/totp-countdown.component";
+
 @Component({
   selector: "app-login-credentials-view",
   templateUrl: "login-credentials-view.component.html",
@@ -32,17 +34,19 @@ import {
     IconButtonModule,
     BadgeModule,
     ColorPasswordModule,
+    BitTotpCountdownComponent,
   ],
 })
 export class LoginCredentialsViewComponent {
-  @Input() login: LoginView;
-  @Input() viewPassword: boolean;
+  @Input() cipher: CipherView;
+
   isPremium$: Observable<boolean> =
     this.billingAccountProfileStateService.hasPremiumFromAnySource$.pipe(
       shareReplay({ refCount: true, bufferSize: 1 }),
     );
   showPasswordCount: boolean = false;
   passwordRevealed: boolean = false;
+  totpCopyCode: string;
 
   constructor(
     private billingAccountProfileStateService: BillingAccountProfileStateService,
@@ -60,4 +64,8 @@ export class LoginCredentialsViewComponent {
   togglePasswordCount() {
     this.showPasswordCount = !this.showPasswordCount;
   }
+
+  setTotpCopyCode(e: any) {
+    this.totpCopyCode = e;
+  }
 }