[PM-3560] Adding the password complexity component to the password protected va… (#6936)

* Adding the password complexity component to the password protected valut export

* Removing the zxcvbn import as the component handles the strength check

apps/web/src/app/tools/vault-export/export.component.html

@@ -86,6 +86,7 @@
         <br />
 
         <ng-container *ngIf="fileEncryptionType == encryptedExportType.FileEncrypted">
+          <div class="tw-mb-3">
             <bit-form-field>
               <bit-label>{{ "filePassword" | i18n }}</bit-label>
               <input
@@ -104,6 +105,10 @@
               ></button>
               <bit-hint>{{ "exportPasswordDescription" | i18n }}</bit-hint>
             </bit-form-field>
+            <app-password-strength [password]="filePassword" [showText]="true">
+            </app-password-strength>
+          </div>
+
           <bit-form-field>
             <bit-label>{{ "confirmFilePassword" | i18n }}</bit-label>
             <input

libs/angular/src/tools/export/components/export.component.ts

@@ -1,4 +1,4 @@
-import { Directive, EventEmitter, OnDestroy, OnInit, Output } from "@angular/core";
+import { Directive, EventEmitter, OnDestroy, OnInit, Output, ViewChild } from "@angular/core";
 import { UntypedFormBuilder, Validators } from "@angular/forms";
 import { merge, startWith, Subject, takeUntil } from "rxjs";
 
@@ -16,10 +16,14 @@ import { EncryptedExportType } from "@bitwarden/common/tools/enums/encrypted-exp
 import { DialogService } from "@bitwarden/components";
 import { VaultExportServiceAbstraction } from "@bitwarden/exporter/vault-export";
 
+import { PasswordStrengthComponent } from "../../../shared/components/password-strength/password-strength.component";
+
 @Directive()
 export class ExportComponent implements OnInit, OnDestroy {
   @Output() onSaved = new EventEmitter();
+  @ViewChild(PasswordStrengthComponent) passwordStrengthComponent: PasswordStrengthComponent;
 
+  filePasswordValue: string = null;
   formPromise: Promise<string>;
   private _disabledByPolicy = false;