Changes after npm run prettier

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,4 +1,5 @@
 ## Type of change
+
 - [ ] Bug fix
 - [ ] New feature development
 - [ ] Tech debt (refactoring, code cleanup, dependency upgrades, etc)
@@ -6,22 +7,22 @@
 - [ ] Other
 
 ## Objective
+
 <!--Describe what the purpose of this PR is. For example: what bug you're fixing or what new feature you're adding-->
 
-
-
 ## Code changes
+
 <!--Explain the changes you've made to each file or major component. This should help the reviewer understand your changes-->
 <!--Also refer to any related changes or PRs in other repositories-->
 
-* **file.ext:** Description of what was changed and why
+- **file.ext:** Description of what was changed and why
 
 ## Testing requirements
+
 <!--What functionality requires testing by QA? This includes testing new behavior and regression testing-->
 
-
-
 ## Before you submit
+
 - [ ] I have checked for **linting** errors (`npm run lint`) (required)
 - [ ] I have added **unit tests** where it makes sense to do so (encouraged but not required)
 - [ ] This change requires a **documentation update** (notify the documentation team)

.github/workflows/build.yml

@@ -20,7 +20,6 @@ jobs:
       - name: Print lines of code
         run: cloc --include-lang TypeScript,JavaScript,HTML,Sass,CSS --vcs git
 
-
   build:
     name: Build jslib
     runs-on: ${{ matrix.os }}
@@ -33,7 +32,7 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@46071b5c7a2e0c34e49c3cb8a0e792e86e18d5ea
         with:
-          node-version: '16'
+          node-version: "16"
 
       - name: Install node-gyp
         run: |
@@ -106,7 +105,7 @@ jobs:
           secrets: "devops-alerts-slack-webhook-url"
 
       - name: Notify Slack on failure
-        uses: act10ns/slack@e4e71685b9b239384b0f676a63c32367f59c2522  # v1.2.2
+        uses: act10ns/slack@e4e71685b9b239384b0f676a63c32367f59c2522 # v1.2.2
         if: failure()
         env:
           SLACK_WEBHOOK_URL: ${{ steps.retrieve-secrets.outputs.devops-alerts-slack-webhook-url }}

.vscode/launch.json

@@ -1,18 +1,16 @@
 {
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "Jasmine Individual Test",
-            "program": "${workspaceRoot}\\node_modules\\jasmine\\bin\\jasmine.js",
-            "preLaunchTask": "npm run build",
-            "args": [ 
-                "${workspaceFolder}/dist\\spec\\node\\services\\nodeCryptoFunction.service.spec.js" 
-            ]
-        }
-    ]
-}
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Jasmine Individual Test",
+      "program": "${workspaceRoot}\\node_modules\\jasmine\\bin\\jasmine.js",
+      "preLaunchTask": "npm run build",
+      "args": ["${workspaceFolder}/dist\\spec\\node\\services\\nodeCryptoFunction.service.spec.js"]
+    }
+  ]
+}

.vscode/tasks.json

@@ -1,12 +1,12 @@
 {
-    // See https://go.microsoft.com/fwlink/?LinkId=733558
-    // for the documentation about the tasks.json format
-    "version": "2.0.0",
-    "tasks": [
-        {
-            "label": "npm run build",
-            "type": "shell",
-            "command": "npm run build"
-        }
-    ]
-}
+  // See https://go.microsoft.com/fwlink/?LinkId=733558
+  // for the documentation about the tasks.json format
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "npm run build",
+      "type": "shell",
+      "command": "npm run build"
+    }
+  ]
+}

CONTRIBUTING.md

@@ -6,15 +6,11 @@ Please visit our [Community Forums](https://community.bitwarden.com/) for genera
 
 Here is how you can get involved:
 
-* **Request a new feature:** Go to the [Feature Requests category](https://community.bitwarden.com/c/feature-requests/) of the Community Forums. Please search existing feature requests before making a new one
-  
-* **Write code for a new feature:** Make a new post in the [Github Contributions category](https://community.bitwarden.com/c/github-contributions/) of the Community Forums. Include a description of your proposed contribution, screeshots, and links to any relevant feature requests. This helps get feedback from the community and Bitwarden team members before you start writing code
-  
-* **Report a bug or submit a bugfix:** Use Github issues and pull requests
-  
-* **Write documentation:** Submit a pull request to the [Bitwarden help repository](https://github.com/bitwarden/help)
-  
-* **Help other users:** Go to the [User-to-User Support category](https://community.bitwarden.com/c/support/) on the Community Forums
+- **Request a new feature:** Go to the [Feature Requests category](https://community.bitwarden.com/c/feature-requests/) of the Community Forums. Please search existing feature requests before making a new one
+- **Write code for a new feature:** Make a new post in the [Github Contributions category](https://community.bitwarden.com/c/github-contributions/) of the Community Forums. Include a description of your proposed contribution, screeshots, and links to any relevant feature requests. This helps get feedback from the community and Bitwarden team members before you start writing code
+- **Report a bug or submit a bugfix:** Use Github issues and pull requests
+- **Write documentation:** Submit a pull request to the [Bitwarden help repository](https://github.com/bitwarden/help)
+- **Help other users:** Go to the [User-to-User Support category](https://community.bitwarden.com/c/support/) on the Community Forums
 
 ## Contributor Agreement
 
@@ -22,9 +18,9 @@ Please sign the [Contributor Agreement](https://cla-assistant.io/bitwarden/jslib
 
 ## Pull Request Guidelines
 
-* use `npm run lint` and fix any linting suggestions before submitting a pull request
-* commit any pull requests against the `master` branch
-* include a link to your Community Forums post
+- use `npm run lint` and fix any linting suggestions before submitting a pull request
+- commit any pull requests against the `master` branch
+- include a link to your Community Forums post
 
 # Introduction to jslib and git submodules
 
@@ -33,36 +29,39 @@ jslib is a repository that contains shared code for all Bitwarden Typescript/Jav
 If you haven't worked with submodules before, you should start by reading some basic guides (such as the [git scm chapter](https://git-scm.com/book/en/v2/Git-Tools-Submodules) or the [Atlassian tutorial](https://www.atlassian.com/git/tutorials/git-submodule)).
 
 # Setting up your Local Dev environment for jslib
+
 In order to easily develop local changes to jslib across each of the TypeScript/JavaScript clients, we recommend using symlinks for the submodule so that you only have to make the change once for it to be reflected across all your local repos.
 
 ## Prerequisites
+
 1. git bash or other git command line
 2. In order for this to work well, you need to use a consistent relative directory structure. Repos should be cloned in the following way:
 
-      * `./<your project(s) directory>`; we'll call this `/dev` ('cause why not)
-        * jslib - `git clone https://github.com/bitwarden/jslib.git` (/dev/jslib)
-        * web - `git clone --recurse-submodules https://github.com/bitwarden/web.git` (/dev/web)
-        * desktop - `git clone --recurse-submodules https://github.com/bitwarden/desktop.git` (/dev/desktop)
-        * browser - `git clone --recurse-submodules https://github.com/bitwarden/browser.git` (/dev/browser)
-        * cli - `git clone --recurse-submodules https://github.com/bitwarden/cli` (/dev/cli)
+   - `./<your project(s) directory>`; we'll call this `/dev` ('cause why not)
+     - jslib - `git clone https://github.com/bitwarden/jslib.git` (/dev/jslib)
+     - web - `git clone --recurse-submodules https://github.com/bitwarden/web.git` (/dev/web)
+     - desktop - `git clone --recurse-submodules https://github.com/bitwarden/desktop.git` (/dev/desktop)
+     - browser - `git clone --recurse-submodules https://github.com/bitwarden/browser.git` (/dev/browser)
+     - cli - `git clone --recurse-submodules https://github.com/bitwarden/cli` (/dev/cli)
 
-    You should notice web, desktop, browser and cli each reference jslib as a git submodule. If you've already cloned the repos but didn't use `--recurse-submodules` then you'll need to init the submodule with `npm run sub:init`.
+   You should notice web, desktop, browser and cli each reference jslib as a git submodule. If you've already cloned the repos but didn't use `--recurse-submodules` then you'll need to init the submodule with `npm run sub:init`.
 
 ## Configure Symlinks
+
 Using `git clone` will make symlinks added to your repo be seen by git as plain text file paths. We need to prevent that. In the project root run, `git config core.symlinks true`.
 
 For each project other than jslib, run the following:
 
-* For macOS/Linux: `npm run symlink:mac`
-* For Windows: `npm run symlink:win`
+- For macOS/Linux: `npm run symlink:mac`
+- For Windows: `npm run symlink:win`
 
 Your client repos will now be pointing to your local jslib repo. You can now make changes in jslib and they will be immediately shared by the clients (just like they will be in production).
 
 ## Committing and pushing jslib changes
 
-* You work on jslib like any other repo. Check out a new branch, make some commits, and push to remote when you're ready to submit a PR.
-* Do not commit your jslib changes in the client repo. Your changes to the client and your changes to jslib should stay completely separate.
-* When submitting a client PR that depends on a jslib PR, please include a link to the jslib PR so that the reviewer knows there are jslib changes.
+- You work on jslib like any other repo. Check out a new branch, make some commits, and push to remote when you're ready to submit a PR.
+- Do not commit your jslib changes in the client repo. Your changes to the client and your changes to jslib should stay completely separate.
+- When submitting a client PR that depends on a jslib PR, please include a link to the jslib PR so that the reviewer knows there are jslib changes.
 
 ### Updating jslib on a feature branch
 
@@ -70,8 +69,8 @@ If you've submitted a client PR and a jslib PR, your jslib PR will be approved a
 
 1. If you've symlinked the client's jslib directory following the steps above, you'll need to delete that symlink and then run `npm run sub:init`.
 2. Update the jslib submodule:
-   * if you're working on your own fork, run `git submodule update --remote --reference upstream`.
-   * if you're working on a branch on the official repo, run `npm run sub:update`
+   - if you're working on your own fork, run `git submodule update --remote --reference upstream`.
+   - if you're working on a branch on the official repo, run `npm run sub:update`
 3. To check you've done this correctly, you can `cd` into your jslib directory and run `git log`. You should see your recent changes in the log. This will also show you the most recent commit hash, which should match the most recent commit hash on [Github](https://github.com/bitwarden/jslib).
 4. Add your changes: `git add jslib`
 5. Commit your changes: `git commit -m "update jslib version"`
@@ -89,7 +88,8 @@ If you've made changes to jslib without needing to make any changes to the clien
 4. Create a new PR to the client repo. Please include a link to your jslib PR so that reviewers know why you're updating jslib.
 
 ## Merge Conflicts
-At times when you need to perform a `git merge master` into your feature or local branch, and there are conflicting version references to the *jslib* repo from your other clients, you will not be able to use the traditional merge or stage functions you would normally use for a file.
+
+At times when you need to perform a `git merge master` into your feature or local branch, and there are conflicting version references to the _jslib_ repo from your other clients, you will not be able to use the traditional merge or stage functions you would normally use for a file.
 
 To resolve you must use either `git reset` or update the index directly using `git update-index`. You can use (depending on whether you have symlink'd jslib) one of the following:
 

SECURITY.md

@@ -7,7 +7,7 @@ notify us. We welcome working with you to resolve the issue promptly. Thanks in
 - Let us know as soon as possible upon discovery of a potential security issue, and we'll make every
   effort to quickly resolve the issue.
 - Provide us a reasonable amount of time to resolve the issue before any disclosure to the public or a
-  third-party. We may publicly disclose the issue before resolving it, if appropriate. 
+  third-party. We may publicly disclose the issue before resolving it, if appropriate.
 - Make a good faith effort to avoid privacy violations, destruction of data, and interruption or
   degradation of our service. Only interact with accounts you own or with explicit permission of the
   account holder.

angular/src/components/add-edit-custom-fields.component.ts

@@ -1,124 +1,120 @@
-import {
-    Directive,
-    Input,
-    OnChanges,
-    SimpleChanges,
-} from '@angular/core';
+import { Directive, Input, OnChanges, SimpleChanges } from "@angular/core";
 
-import {
-    CdkDragDrop,
-    moveItemInArray,
-} from '@angular/cdk/drag-drop';
+import { CdkDragDrop, moveItemInArray } from "@angular/cdk/drag-drop";
 
-import { EventService } from 'jslib-common/abstractions/event.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
+import { EventService } from "jslib-common/abstractions/event.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
 
-import { CipherView } from 'jslib-common/models/view/cipherView';
-import { FieldView } from 'jslib-common/models/view/fieldView';
+import { CipherView } from "jslib-common/models/view/cipherView";
+import { FieldView } from "jslib-common/models/view/fieldView";
 
-import { CipherType } from 'jslib-common/enums/cipherType';
-import { EventType } from 'jslib-common/enums/eventType';
-import { FieldType } from 'jslib-common/enums/fieldType';
+import { CipherType } from "jslib-common/enums/cipherType";
+import { EventType } from "jslib-common/enums/eventType";
+import { FieldType } from "jslib-common/enums/fieldType";
 
-import { Utils } from 'jslib-common/misc/utils';
+import { Utils } from "jslib-common/misc/utils";
 
 @Directive()
 export class AddEditCustomFieldsComponent implements OnChanges {
-    @Input() cipher: CipherView;
-    @Input() thisCipherType: CipherType;
-    @Input() editMode: boolean;
+  @Input() cipher: CipherView;
+  @Input() thisCipherType: CipherType;
+  @Input() editMode: boolean;
 
-    addFieldType: FieldType = FieldType.Text;
-    addFieldTypeOptions: any[];
-    addFieldLinkedTypeOption: any;
-    linkedFieldOptions: any[] = [];
+  addFieldType: FieldType = FieldType.Text;
+  addFieldTypeOptions: any[];
+  addFieldLinkedTypeOption: any;
+  linkedFieldOptions: any[] = [];
 
-    cipherType = CipherType;
-    fieldType = FieldType;
-    eventType = EventType;
+  cipherType = CipherType;
+  fieldType = FieldType;
+  eventType = EventType;
 
-    constructor(private i18nService: I18nService, private eventService: EventService) {
-        this.addFieldTypeOptions = [
-            { name: i18nService.t('cfTypeText'), value: FieldType.Text },
-            { name: i18nService.t('cfTypeHidden'), value: FieldType.Hidden },
-            { name: i18nService.t('cfTypeBoolean'), value: FieldType.Boolean },
-        ];
-        this.addFieldLinkedTypeOption = { name: this.i18nService.t('cfTypeLinked'), value: FieldType.Linked };
+  constructor(private i18nService: I18nService, private eventService: EventService) {
+    this.addFieldTypeOptions = [
+      { name: i18nService.t("cfTypeText"), value: FieldType.Text },
+      { name: i18nService.t("cfTypeHidden"), value: FieldType.Hidden },
+      { name: i18nService.t("cfTypeBoolean"), value: FieldType.Boolean },
+    ];
+    this.addFieldLinkedTypeOption = {
+      name: this.i18nService.t("cfTypeLinked"),
+      value: FieldType.Linked,
+    };
+  }
+
+  ngOnChanges(changes: SimpleChanges) {
+    if (changes.thisCipherType != null) {
+      this.setLinkedFieldOptions();
+
+      if (!changes.thisCipherType.firstChange) {
+        this.resetCipherLinkedFields();
+      }
+    }
+  }
+
+  addField() {
+    if (this.cipher.fields == null) {
+      this.cipher.fields = [];
     }
 
-    ngOnChanges(changes: SimpleChanges) {
-        if (changes.thisCipherType != null) {
-            this.setLinkedFieldOptions();
+    const f = new FieldView();
+    f.type = this.addFieldType;
+    f.newField = true;
 
-            if (!changes.thisCipherType.firstChange) {
-                this.resetCipherLinkedFields();
-            }
-        }
+    if (f.type === FieldType.Linked) {
+      f.linkedId = this.linkedFieldOptions[0].value;
     }
 
-    addField() {
-        if (this.cipher.fields == null) {
-            this.cipher.fields = [];
-        }
+    this.cipher.fields.push(f);
+  }
 
-        const f = new FieldView();
-        f.type = this.addFieldType;
-        f.newField = true;
+  removeField(field: FieldView) {
+    const i = this.cipher.fields.indexOf(field);
+    if (i > -1) {
+      this.cipher.fields.splice(i, 1);
+    }
+  }
 
-        if (f.type === FieldType.Linked) {
-            f.linkedId = this.linkedFieldOptions[0].value;
-        }
+  toggleFieldValue(field: FieldView) {
+    const f = field as any;
+    f.showValue = !f.showValue;
+    if (this.editMode && f.showValue) {
+      this.eventService.collect(EventType.Cipher_ClientToggledHiddenFieldVisible, this.cipher.id);
+    }
+  }
 
-        this.cipher.fields.push(f);
+  trackByFunction(index: number, item: any) {
+    return index;
+  }
+
+  drop(event: CdkDragDrop<string[]>) {
+    moveItemInArray(this.cipher.fields, event.previousIndex, event.currentIndex);
+  }
+
+  private setLinkedFieldOptions() {
+    if (this.cipher.linkedFieldOptions == null) {
+      return;
     }
 
-    removeField(field: FieldView) {
-        const i = this.cipher.fields.indexOf(field);
-        if (i > -1) {
-            this.cipher.fields.splice(i, 1);
-        }
+    const options: any = [];
+    this.cipher.linkedFieldOptions.forEach((linkedFieldOption, id) =>
+      options.push({ name: this.i18nService.t(linkedFieldOption.i18nKey), value: id })
+    );
+    this.linkedFieldOptions = options.sort(Utils.getSortFunction(this.i18nService, "name"));
+  }
+
+  private resetCipherLinkedFields() {
+    if (this.cipher.fields == null || this.cipher.fields.length === 0) {
+      return;
     }
 
-    toggleFieldValue(field: FieldView) {
-        const f = (field as any);
-        f.showValue = !f.showValue;
-        if (this.editMode && f.showValue) {
-            this.eventService.collect(EventType.Cipher_ClientToggledHiddenFieldVisible, this.cipher.id);
-        }
+    // Delete any Linked custom fields if the item type does not support them
+    if (this.cipher.linkedFieldOptions == null) {
+      this.cipher.fields = this.cipher.fields.filter((f) => f.type !== FieldType.Linked);
+      return;
     }
 
-    trackByFunction(index: number, item: any) {
-        return index;
-    }
-
-    drop(event: CdkDragDrop<string[]>) {
-        moveItemInArray(this.cipher.fields, event.previousIndex, event.currentIndex);
-    }
-
-    private setLinkedFieldOptions() {
-        if (this.cipher.linkedFieldOptions == null) {
-            return;
-        }
-
-        const options: any = [];
-        this.cipher.linkedFieldOptions.forEach((linkedFieldOption, id) =>
-            options.push({ name: this.i18nService.t(linkedFieldOption.i18nKey), value: id }));
-        this.linkedFieldOptions = options.sort(Utils.getSortFunction(this.i18nService, 'name'));
-    }
-
-    private resetCipherLinkedFields() {
-        if (this.cipher.fields == null || this.cipher.fields.length === 0) {
-            return;
-        }
-
-        // Delete any Linked custom fields if the item type does not support them
-        if (this.cipher.linkedFieldOptions == null) {
-            this.cipher.fields = this.cipher.fields.filter(f => f.type !== FieldType.Linked);
-            return;
-        }
-
-        this.cipher.fields
-            .filter(f => f.type === FieldType.Linked)
-            .forEach(f => f.linkedId = this.linkedFieldOptions[0].value);
-    }
+    this.cipher.fields
+      .filter((f) => f.type === FieldType.Linked)
+      .forEach((f) => (f.linkedId = this.linkedFieldOptions[0].value));
+  }
 }

angular/src/components/callout.component.html

@@ -1,27 +1,35 @@
-<div #callout class="callout callout-{{calloutStyle}}" [ngClass]="{'clickable': clickable}"
-    [attr.role]="useAlertRole ? 'alert' : null">
-    <h3 class="callout-heading" *ngIf="title">
-        <i class="fa {{icon}}" *ngIf="icon" aria-hidden="true"></i>
-        {{title}}
-    </h3>
-    <div class="enforced-policy-options" *ngIf="enforcedPolicyOptions">
-        {{enforcedPolicyMessage}}
-        <ul>
-            <li *ngIf="enforcedPolicyOptions?.minComplexity > 0">
-                {{'policyInEffectMinComplexity' | i18n : getPasswordScoreAlertDisplay()}}
-            </li>
-            <li *ngIf="enforcedPolicyOptions?.minLength > 0">
-                {{'policyInEffectMinLength' | i18n : enforcedPolicyOptions?.minLength.toString()}}
-            </li>
-            <li *ngIf="enforcedPolicyOptions?.requireUpper">
-                {{'policyInEffectUppercase' | i18n}}</li>
-            <li *ngIf="enforcedPolicyOptions?.requireLower">
-                {{'policyInEffectLowercase' | i18n}}</li>
-            <li *ngIf="enforcedPolicyOptions?.requireNumbers">
-                {{'policyInEffectNumbers' | i18n}}</li>
-            <li *ngIf="enforcedPolicyOptions?.requireSpecial">
-                {{'policyInEffectSpecial' | i18n : '!@#$%^&*'}}</li>
-        </ul>
-    </div>
-    <ng-content></ng-content>
+<div
+  #callout
+  class="callout callout-{{ calloutStyle }}"
+  [ngClass]="{ clickable: clickable }"
+  [attr.role]="useAlertRole ? 'alert' : null"
+>
+  <h3 class="callout-heading" *ngIf="title">
+    <i class="fa {{ icon }}" *ngIf="icon" aria-hidden="true"></i>
+    {{ title }}
+  </h3>
+  <div class="enforced-policy-options" *ngIf="enforcedPolicyOptions">
+    {{ enforcedPolicyMessage }}
+    <ul>
+      <li *ngIf="enforcedPolicyOptions?.minComplexity > 0">
+        {{ "policyInEffectMinComplexity" | i18n: getPasswordScoreAlertDisplay() }}
+      </li>
+      <li *ngIf="enforcedPolicyOptions?.minLength > 0">
+        {{ "policyInEffectMinLength" | i18n: enforcedPolicyOptions?.minLength.toString() }}
+      </li>
+      <li *ngIf="enforcedPolicyOptions?.requireUpper">
+        {{ "policyInEffectUppercase" | i18n }}
+      </li>
+      <li *ngIf="enforcedPolicyOptions?.requireLower">
+        {{ "policyInEffectLowercase" | i18n }}
+      </li>
+      <li *ngIf="enforcedPolicyOptions?.requireNumbers">
+        {{ "policyInEffectNumbers" | i18n }}
+      </li>
+      <li *ngIf="enforcedPolicyOptions?.requireSpecial">
+        {{ "policyInEffectSpecial" | i18n: "!@#$%^&*" }}
+      </li>
+    </ul>
+  </div>
+  <ng-content></ng-content>
 </div>

angular/src/components/callout.component.ts

@@ -1,83 +1,79 @@
-import {
-    Component,
-    Input,
-    OnInit,
-} from '@angular/core';
+import { Component, Input, OnInit } from "@angular/core";
 
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
+import { I18nService } from "jslib-common/abstractions/i18n.service";
 
-import { MasterPasswordPolicyOptions } from 'jslib-common/models/domain/masterPasswordPolicyOptions';
+import { MasterPasswordPolicyOptions } from "jslib-common/models/domain/masterPasswordPolicyOptions";
 
 @Component({
-    selector: 'app-callout',
-    templateUrl: 'callout.component.html',
+  selector: "app-callout",
+  templateUrl: "callout.component.html",
 })
 export class CalloutComponent implements OnInit {
-    @Input() type = 'info';
-    @Input() icon: string;
-    @Input() title: string;
-    @Input() clickable: boolean;
-    @Input() enforcedPolicyOptions: MasterPasswordPolicyOptions;
-    @Input() enforcedPolicyMessage: string;
-    @Input() useAlertRole = false;
+  @Input() type = "info";
+  @Input() icon: string;
+  @Input() title: string;
+  @Input() clickable: boolean;
+  @Input() enforcedPolicyOptions: MasterPasswordPolicyOptions;
+  @Input() enforcedPolicyMessage: string;
+  @Input() useAlertRole = false;
 
-    calloutStyle: string;
+  calloutStyle: string;
 
-    constructor(private i18nService: I18nService) { }
+  constructor(private i18nService: I18nService) {}
 
-    ngOnInit() {
-        this.calloutStyle = this.type;
+  ngOnInit() {
+    this.calloutStyle = this.type;
 
-        if (this.enforcedPolicyMessage === undefined) {
-            this.enforcedPolicyMessage = this.i18nService.t('masterPasswordPolicyInEffect');
-        }
-
-        if (this.type === 'warning' || this.type === 'danger') {
-            if (this.type === 'danger') {
-                this.calloutStyle = 'danger';
-            }
-            if (this.title === undefined) {
-                this.title = this.i18nService.t('warning');
-            }
-            if (this.icon === undefined) {
-                this.icon = 'fa-warning';
-            }
-        } else if (this.type === 'error') {
-            this.calloutStyle = 'danger';
-            if (this.title === undefined) {
-                this.title = this.i18nService.t('error');
-            }
-            if (this.icon === undefined) {
-                this.icon = 'fa-bolt';
-            }
-        } else if (this.type === 'tip') {
-            this.calloutStyle = 'success';
-            if (this.title === undefined) {
-                this.title = this.i18nService.t('tip');
-            }
-            if (this.icon === undefined) {
-                this.icon = 'fa-lightbulb-o';
-            }
-        }
+    if (this.enforcedPolicyMessage === undefined) {
+      this.enforcedPolicyMessage = this.i18nService.t("masterPasswordPolicyInEffect");
     }
 
-    getPasswordScoreAlertDisplay() {
-        if (this.enforcedPolicyOptions == null) {
-            return '';
-        }
-
-        let str: string;
-        switch (this.enforcedPolicyOptions.minComplexity) {
-            case 4:
-                str = this.i18nService.t('strong');
-                break;
-            case 3:
-                str = this.i18nService.t('good');
-                break;
-            default:
-                str = this.i18nService.t('weak');
-                break;
-        }
-        return str + ' (' + this.enforcedPolicyOptions.minComplexity + ')';
+    if (this.type === "warning" || this.type === "danger") {
+      if (this.type === "danger") {
+        this.calloutStyle = "danger";
+      }
+      if (this.title === undefined) {
+        this.title = this.i18nService.t("warning");
+      }
+      if (this.icon === undefined) {
+        this.icon = "fa-warning";
+      }
+    } else if (this.type === "error") {
+      this.calloutStyle = "danger";
+      if (this.title === undefined) {
+        this.title = this.i18nService.t("error");
+      }
+      if (this.icon === undefined) {
+        this.icon = "fa-bolt";
+      }
+    } else if (this.type === "tip") {
+      this.calloutStyle = "success";
+      if (this.title === undefined) {
+        this.title = this.i18nService.t("tip");
+      }
+      if (this.icon === undefined) {
+        this.icon = "fa-lightbulb-o";
+      }
     }
+  }
+
+  getPasswordScoreAlertDisplay() {
+    if (this.enforcedPolicyOptions == null) {
+      return "";
+    }
+
+    let str: string;
+    switch (this.enforcedPolicyOptions.minComplexity) {
+      case 4:
+        str = this.i18nService.t("strong");
+        break;
+      case 3:
+        str = this.i18nService.t("good");
+        break;
+      default:
+        str = this.i18nService.t("weak");
+        break;
+    }
+    return str + " (" + this.enforcedPolicyOptions.minComplexity + ")";
+  }
 }

angular/src/components/captchaProtected.component.ts

@@ -1,47 +1,55 @@
-import { Directive, Input } from '@angular/core';
+import { Directive, Input } from "@angular/core";
 
-import { EnvironmentService } from 'jslib-common/abstractions/environment.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { EnvironmentService } from "jslib-common/abstractions/environment.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
-import { CaptchaIFrame } from 'jslib-common/misc/captcha_iframe';
+import { CaptchaIFrame } from "jslib-common/misc/captcha_iframe";
 
-import { Utils } from 'jslib-common/misc/utils';
+import { Utils } from "jslib-common/misc/utils";
 
 @Directive()
 export abstract class CaptchaProtectedComponent {
-    @Input() captchaSiteKey: string = null;
-    captchaToken: string = null;
-    captcha: CaptchaIFrame;
+  @Input() captchaSiteKey: string = null;
+  captchaToken: string = null;
+  captcha: CaptchaIFrame;
 
-    constructor(protected environmentService: EnvironmentService, protected i18nService: I18nService,
-        protected platformUtilsService: PlatformUtilsService) { }
+  constructor(
+    protected environmentService: EnvironmentService,
+    protected i18nService: I18nService,
+    protected platformUtilsService: PlatformUtilsService
+  ) {}
 
-    async setupCaptcha() {
-        const webVaultUrl = this.environmentService.getWebVaultUrl();
+  async setupCaptcha() {
+    const webVaultUrl = this.environmentService.getWebVaultUrl();
 
-        this.captcha = new CaptchaIFrame(window, webVaultUrl,
-            this.i18nService, (token: string) => {
-                this.captchaToken = token;
-            }, (error: string) => {
-                this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'), error);
-            }, (info: string) => {
-                this.platformUtilsService.showToast('info', this.i18nService.t('info'), info);
-            }
-        );
+    this.captcha = new CaptchaIFrame(
+      window,
+      webVaultUrl,
+      this.i18nService,
+      (token: string) => {
+        this.captchaToken = token;
+      },
+      (error: string) => {
+        this.platformUtilsService.showToast("error", this.i18nService.t("errorOccurred"), error);
+      },
+      (info: string) => {
+        this.platformUtilsService.showToast("info", this.i18nService.t("info"), info);
+      }
+    );
+  }
+
+  showCaptcha() {
+    return !Utils.isNullOrWhitespace(this.captchaSiteKey);
+  }
+
+  protected handleCaptchaRequired(response: { captchaSiteKey: string }): boolean {
+    if (Utils.isNullOrWhitespace(response.captchaSiteKey)) {
+      return false;
     }
 
-    showCaptcha() {
-        return !Utils.isNullOrWhitespace(this.captchaSiteKey);
-    }
-
-    protected handleCaptchaRequired(response: { captchaSiteKey: string; }): boolean {
-        if (Utils.isNullOrWhitespace(response.captchaSiteKey)) {
-            return false;
-        }
-
-        this.captchaSiteKey = response.captchaSiteKey;
-        this.captcha.init(response.captchaSiteKey);
-        return true;
-    }
+    this.captchaSiteKey = response.captchaSiteKey;
+    this.captcha.init(response.captchaSiteKey);
+    return true;
+  }
 }

angular/src/components/ciphers.component.ts

@@ -1,95 +1,94 @@
-import {
-    Directive,
-    EventEmitter,
-    Input,
-    Output,
-} from '@angular/core';
+import { Directive, EventEmitter, Input, Output } from "@angular/core";
 
-import { SearchService } from 'jslib-common/abstractions/search.service';
+import { SearchService } from "jslib-common/abstractions/search.service";
 
-import { CipherView } from 'jslib-common/models/view/cipherView';
+import { CipherView } from "jslib-common/models/view/cipherView";
 
 @Directive()
 export class CiphersComponent {
-    @Input() activeCipherId: string = null;
-    @Output() onCipherClicked = new EventEmitter<CipherView>();
-    @Output() onCipherRightClicked = new EventEmitter<CipherView>();
-    @Output() onAddCipher = new EventEmitter();
-    @Output() onAddCipherOptions = new EventEmitter();
+  @Input() activeCipherId: string = null;
+  @Output() onCipherClicked = new EventEmitter<CipherView>();
+  @Output() onCipherRightClicked = new EventEmitter<CipherView>();
+  @Output() onAddCipher = new EventEmitter();
+  @Output() onAddCipherOptions = new EventEmitter();
 
-    loaded: boolean = false;
-    ciphers: CipherView[] = [];
-    searchText: string;
-    searchPlaceholder: string = null;
-    filter: (cipher: CipherView) => boolean = null;
-    deleted: boolean = false;
+  loaded: boolean = false;
+  ciphers: CipherView[] = [];
+  searchText: string;
+  searchPlaceholder: string = null;
+  filter: (cipher: CipherView) => boolean = null;
+  deleted: boolean = false;
 
-    protected searchPending = false;
+  protected searchPending = false;
 
-    private searchTimeout: any = null;
+  private searchTimeout: any = null;
 
-    constructor(protected searchService: SearchService) { }
+  constructor(protected searchService: SearchService) {}
 
-    async load(filter: (cipher: CipherView) => boolean = null, deleted: boolean = false) {
-        this.deleted = deleted || false;
-        await this.applyFilter(filter);
-        this.loaded = true;
+  async load(filter: (cipher: CipherView) => boolean = null, deleted: boolean = false) {
+    this.deleted = deleted || false;
+    await this.applyFilter(filter);
+    this.loaded = true;
+  }
+
+  async reload(filter: (cipher: CipherView) => boolean = null, deleted: boolean = false) {
+    this.loaded = false;
+    this.ciphers = [];
+    await this.load(filter, deleted);
+  }
+
+  async refresh() {
+    await this.reload(this.filter, this.deleted);
+  }
+
+  async applyFilter(filter: (cipher: CipherView) => boolean = null) {
+    this.filter = filter;
+    await this.search(null);
+  }
+
+  async search(timeout: number = null, indexedCiphers?: CipherView[]) {
+    this.searchPending = false;
+    if (this.searchTimeout != null) {
+      clearTimeout(this.searchTimeout);
     }
-
-    async reload(filter: (cipher: CipherView) => boolean = null, deleted: boolean = false) {
-        this.loaded = false;
-        this.ciphers = [];
-        await this.load(filter, deleted);
+    if (timeout == null) {
+      await this.doSearch(indexedCiphers);
+      return;
     }
+    this.searchPending = true;
+    this.searchTimeout = setTimeout(async () => {
+      await this.doSearch(indexedCiphers);
+      this.searchPending = false;
+    }, timeout);
+  }
 
-    async refresh() {
-        await this.reload(this.filter, this.deleted);
-    }
+  selectCipher(cipher: CipherView) {
+    this.onCipherClicked.emit(cipher);
+  }
 
-    async applyFilter(filter: (cipher: CipherView) => boolean = null) {
-        this.filter = filter;
-        await this.search(null);
-    }
+  rightClickCipher(cipher: CipherView) {
+    this.onCipherRightClicked.emit(cipher);
+  }
 
-    async search(timeout: number = null, indexedCiphers?: CipherView[]) {
-        this.searchPending = false;
-        if (this.searchTimeout != null) {
-            clearTimeout(this.searchTimeout);
-        }
-        if (timeout == null) {
-            await this.doSearch(indexedCiphers);
-            return;
-        }
-        this.searchPending = true;
-        this.searchTimeout = setTimeout(async () => {
-            await this.doSearch(indexedCiphers);
-            this.searchPending = false;
-        }, timeout);
-    }
+  addCipher() {
+    this.onAddCipher.emit();
+  }
 
-    selectCipher(cipher: CipherView) {
-        this.onCipherClicked.emit(cipher);
-    }
+  addCipherOptions() {
+    this.onAddCipherOptions.emit();
+  }
 
-    rightClickCipher(cipher: CipherView) {
-        this.onCipherRightClicked.emit(cipher);
-    }
+  isSearching() {
+    return !this.searchPending && this.searchService.isSearchable(this.searchText);
+  }
 
-    addCipher() {
-        this.onAddCipher.emit();
-    }
+  protected deletedFilter: (cipher: CipherView) => boolean = (c) => c.isDeleted === this.deleted;
 
-    addCipherOptions() {
-        this.onAddCipherOptions.emit();
-    }
-
-    isSearching() {
-        return !this.searchPending && this.searchService.isSearchable(this.searchText);
-    }
-
-    protected deletedFilter: (cipher: CipherView) => boolean = c => c.isDeleted === this.deleted;
-
-    protected async doSearch(indexedCiphers?: CipherView[]) {
-        this.ciphers = await this.searchService.searchCiphers(this.searchText, [this.filter, this.deletedFilter], indexedCiphers);
-    }
+  protected async doSearch(indexedCiphers?: CipherView[]) {
+    this.ciphers = await this.searchService.searchCiphers(
+      this.searchText,
+      [this.filter, this.deletedFilter],
+      indexedCiphers
+    );
+  }
 }

angular/src/components/collections.component.ts

@@ -1,90 +1,94 @@
-import {
-    Directive,
-    EventEmitter,
-    Input,
-    OnInit,
-    Output,
-} from '@angular/core';
+import { Directive, EventEmitter, Input, OnInit, Output } from "@angular/core";
 
-import { CipherService } from 'jslib-common/abstractions/cipher.service';
-import { CollectionService } from 'jslib-common/abstractions/collection.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { LogService } from 'jslib-common/abstractions/log.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { CipherService } from "jslib-common/abstractions/cipher.service";
+import { CollectionService } from "jslib-common/abstractions/collection.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { LogService } from "jslib-common/abstractions/log.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
-import { CipherView } from 'jslib-common/models/view/cipherView';
-import { CollectionView } from 'jslib-common/models/view/collectionView';
+import { CipherView } from "jslib-common/models/view/cipherView";
+import { CollectionView } from "jslib-common/models/view/collectionView";
 
-import { Cipher } from 'jslib-common/models/domain/cipher';
+import { Cipher } from "jslib-common/models/domain/cipher";
 
 @Directive()
 export class CollectionsComponent implements OnInit {
-    @Input() cipherId: string;
-    @Input() allowSelectNone = false;
-    @Output() onSavedCollections = new EventEmitter();
+  @Input() cipherId: string;
+  @Input() allowSelectNone = false;
+  @Output() onSavedCollections = new EventEmitter();
 
-    formPromise: Promise<any>;
-    cipher: CipherView;
-    collectionIds: string[];
-    collections: CollectionView[] = [];
+  formPromise: Promise<any>;
+  cipher: CipherView;
+  collectionIds: string[];
+  collections: CollectionView[] = [];
 
-    protected cipherDomain: Cipher;
+  protected cipherDomain: Cipher;
 
-    constructor(protected collectionService: CollectionService, protected platformUtilsService: PlatformUtilsService,
-        protected i18nService: I18nService, protected cipherService: CipherService, private logService: LogService) { }
+  constructor(
+    protected collectionService: CollectionService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected i18nService: I18nService,
+    protected cipherService: CipherService,
+    private logService: LogService
+  ) {}
 
-    async ngOnInit() {
-        await this.load();
+  async ngOnInit() {
+    await this.load();
+  }
+
+  async load() {
+    this.cipherDomain = await this.loadCipher();
+    this.collectionIds = this.loadCipherCollections();
+    this.cipher = await this.cipherDomain.decrypt();
+    this.collections = await this.loadCollections();
+
+    this.collections.forEach((c) => ((c as any).checked = false));
+    if (this.collectionIds != null) {
+      this.collections.forEach((c) => {
+        (c as any).checked = this.collectionIds != null && this.collectionIds.indexOf(c.id) > -1;
+      });
     }
+  }
 
-    async load() {
-        this.cipherDomain = await this.loadCipher();
-        this.collectionIds = this.loadCipherCollections();
-        this.cipher = await this.cipherDomain.decrypt();
-        this.collections = await this.loadCollections();
-
-        this.collections.forEach(c => (c as any).checked = false);
-        if (this.collectionIds != null) {
-            this.collections.forEach(c => {
-                (c as any).checked = this.collectionIds != null && this.collectionIds.indexOf(c.id) > -1;
-            });
-        }
+  async submit() {
+    const selectedCollectionIds = this.collections
+      .filter((c) => !!(c as any).checked)
+      .map((c) => c.id);
+    if (!this.allowSelectNone && selectedCollectionIds.length === 0) {
+      this.platformUtilsService.showToast(
+        "error",
+        this.i18nService.t("errorOccurred"),
+        this.i18nService.t("selectOneCollection")
+      );
+      return;
     }
-
-    async submit() {
-        const selectedCollectionIds = this.collections
-            .filter(c => !!(c as any).checked)
-            .map(c => c.id);
-        if (!this.allowSelectNone && selectedCollectionIds.length === 0) {
-            this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'),
-                this.i18nService.t('selectOneCollection'));
-            return;
-        }
-        this.cipherDomain.collectionIds = selectedCollectionIds;
-        try {
-            this.formPromise = this.saveCollections();
-            await this.formPromise;
-            this.onSavedCollections.emit();
-            this.platformUtilsService.showToast('success', null, this.i18nService.t('editedItem'));
-        } catch (e) {
-            this.logService.error(e);
-        }
+    this.cipherDomain.collectionIds = selectedCollectionIds;
+    try {
+      this.formPromise = this.saveCollections();
+      await this.formPromise;
+      this.onSavedCollections.emit();
+      this.platformUtilsService.showToast("success", null, this.i18nService.t("editedItem"));
+    } catch (e) {
+      this.logService.error(e);
     }
+  }
 
-    protected loadCipher() {
-        return this.cipherService.get(this.cipherId);
-    }
+  protected loadCipher() {
+    return this.cipherService.get(this.cipherId);
+  }
 
-    protected loadCipherCollections() {
-        return this.cipherDomain.collectionIds;
-    }
+  protected loadCipherCollections() {
+    return this.cipherDomain.collectionIds;
+  }
 
-    protected async loadCollections() {
-        const allCollections = await this.collectionService.getAllDecrypted();
-        return allCollections.filter(c => !c.readOnly && c.organizationId === this.cipher.organizationId);
-    }
+  protected async loadCollections() {
+    const allCollections = await this.collectionService.getAllDecrypted();
+    return allCollections.filter(
+      (c) => !c.readOnly && c.organizationId === this.cipher.organizationId
+    );
+  }
 
-    protected saveCollections() {
-        return this.cipherService.saveCollectionsWithServer(this.cipherDomain);
-    }
+  protected saveCollections() {
+    return this.cipherService.saveCollectionsWithServer(this.cipherDomain);
+  }
 }

angular/src/components/environment.component.ts

@@ -1,65 +1,63 @@
-import {
-    Directive,
-    EventEmitter,
-    Output,
-} from '@angular/core';
+import { Directive, EventEmitter, Output } from "@angular/core";
 
-import { EnvironmentService } from 'jslib-common/abstractions/environment.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { EnvironmentService } from "jslib-common/abstractions/environment.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
 @Directive()
 export class EnvironmentComponent {
-    @Output() onSaved = new EventEmitter();
+  @Output() onSaved = new EventEmitter();
 
-    iconsUrl: string;
-    identityUrl: string;
-    apiUrl: string;
-    webVaultUrl: string;
-    notificationsUrl: string;
-    baseUrl: string;
-    showCustom = false;
+  iconsUrl: string;
+  identityUrl: string;
+  apiUrl: string;
+  webVaultUrl: string;
+  notificationsUrl: string;
+  baseUrl: string;
+  showCustom = false;
 
-    constructor(protected platformUtilsService: PlatformUtilsService, protected environmentService: EnvironmentService,
-        protected i18nService: I18nService) {
+  constructor(
+    protected platformUtilsService: PlatformUtilsService,
+    protected environmentService: EnvironmentService,
+    protected i18nService: I18nService
+  ) {
+    const urls = this.environmentService.getUrls();
 
-        const urls = this.environmentService.getUrls();
+    this.baseUrl = urls.base || "";
+    this.webVaultUrl = urls.webVault || "";
+    this.apiUrl = urls.api || "";
+    this.identityUrl = urls.identity || "";
+    this.iconsUrl = urls.icons || "";
+    this.notificationsUrl = urls.notifications || "";
+  }
 
-        this.baseUrl = urls.base || '';
-        this.webVaultUrl = urls.webVault || '';
-        this.apiUrl = urls.api || '';
-        this.identityUrl = urls.identity || '';
-        this.iconsUrl = urls.icons || '';
-        this.notificationsUrl = urls.notifications || '';
-    }
+  async submit() {
+    const resUrls = await this.environmentService.setUrls({
+      base: this.baseUrl,
+      api: this.apiUrl,
+      identity: this.identityUrl,
+      webVault: this.webVaultUrl,
+      icons: this.iconsUrl,
+      notifications: this.notificationsUrl,
+    });
 
-    async submit() {
-        const resUrls = await this.environmentService.setUrls({
-            base: this.baseUrl,
-            api: this.apiUrl,
-            identity: this.identityUrl,
-            webVault: this.webVaultUrl,
-            icons: this.iconsUrl,
-            notifications: this.notificationsUrl,
-        });
+    // re-set urls since service can change them, ex: prefixing https://
+    this.baseUrl = resUrls.base;
+    this.apiUrl = resUrls.api;
+    this.identityUrl = resUrls.identity;
+    this.webVaultUrl = resUrls.webVault;
+    this.iconsUrl = resUrls.icons;
+    this.notificationsUrl = resUrls.notifications;
 
-        // re-set urls since service can change them, ex: prefixing https://
-        this.baseUrl = resUrls.base;
-        this.apiUrl = resUrls.api;
-        this.identityUrl = resUrls.identity;
-        this.webVaultUrl = resUrls.webVault;
-        this.iconsUrl = resUrls.icons;
-        this.notificationsUrl = resUrls.notifications;
+    this.platformUtilsService.showToast("success", null, this.i18nService.t("environmentSaved"));
+    this.saved();
+  }
 
-        this.platformUtilsService.showToast('success', null, this.i18nService.t('environmentSaved'));
-        this.saved();
-    }
+  toggleCustom() {
+    this.showCustom = !this.showCustom;
+  }
 
-    toggleCustom() {
-        this.showCustom = !this.showCustom;
-    }
-
-    protected saved() {
-        this.onSaved.emit();
-    }
+  protected saved() {
+    this.onSaved.emit();
+  }
 }

angular/src/components/export.component.ts

@@ -1,140 +1,156 @@
-import {
-    Directive,
-    EventEmitter,
-    OnInit,
-    Output,
-} from '@angular/core';
-import { FormBuilder } from '@angular/forms';
+import { Directive, EventEmitter, OnInit, Output } from "@angular/core";
+import { FormBuilder } from "@angular/forms";
 
-import { CryptoService } from 'jslib-common/abstractions/crypto.service';
-import { EventService } from 'jslib-common/abstractions/event.service';
-import { ExportService } from 'jslib-common/abstractions/export.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { LogService } from 'jslib-common/abstractions/log.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
-import { PolicyService } from 'jslib-common/abstractions/policy.service';
-import { UserVerificationService } from 'jslib-common/abstractions/userVerification.service';
+import { CryptoService } from "jslib-common/abstractions/crypto.service";
+import { EventService } from "jslib-common/abstractions/event.service";
+import { ExportService } from "jslib-common/abstractions/export.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { LogService } from "jslib-common/abstractions/log.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
+import { PolicyService } from "jslib-common/abstractions/policy.service";
+import { UserVerificationService } from "jslib-common/abstractions/userVerification.service";
 
-import { EventType } from 'jslib-common/enums/eventType';
-import { PolicyType } from 'jslib-common/enums/policyType';
+import { EventType } from "jslib-common/enums/eventType";
+import { PolicyType } from "jslib-common/enums/policyType";
 
 @Directive()
 export class ExportComponent implements OnInit {
-    @Output() onSaved = new EventEmitter();
+  @Output() onSaved = new EventEmitter();
 
-    formPromise: Promise<string>;
-    disabledByPolicy: boolean = false;
+  formPromise: Promise<string>;
+  disabledByPolicy: boolean = false;
 
-    exportForm = this.fb.group({
-        format: ['json'],
-        secret: [''],
-    });
+  exportForm = this.fb.group({
+    format: ["json"],
+    secret: [""],
+  });
 
-    formatOptions = [
-        { name: '.json', value: 'json' },
-        { name: '.csv', value: 'csv' },
-        { name: '.json (Encrypted)', value: 'encrypted_json' },
-    ];
+  formatOptions = [
+    { name: ".json", value: "json" },
+    { name: ".csv", value: "csv" },
+    { name: ".json (Encrypted)", value: "encrypted_json" },
+  ];
 
-    constructor(protected cryptoService: CryptoService, protected i18nService: I18nService,
-        protected platformUtilsService: PlatformUtilsService, protected exportService: ExportService,
-        protected eventService: EventService, private policyService: PolicyService, protected win: Window,
-        private logService: LogService, private userVerificationService: UserVerificationService,
-        private fb: FormBuilder) { }
+  constructor(
+    protected cryptoService: CryptoService,
+    protected i18nService: I18nService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected exportService: ExportService,
+    protected eventService: EventService,
+    private policyService: PolicyService,
+    protected win: Window,
+    private logService: LogService,
+    private userVerificationService: UserVerificationService,
+    private fb: FormBuilder
+  ) {}
 
-    async ngOnInit() {
-        await this.checkExportDisabled();
+  async ngOnInit() {
+    await this.checkExportDisabled();
+  }
+
+  async checkExportDisabled() {
+    this.disabledByPolicy = await this.policyService.policyAppliesToUser(
+      PolicyType.DisablePersonalVaultExport
+    );
+    if (this.disabledByPolicy) {
+      this.exportForm.disable();
+    }
+  }
+
+  get encryptedFormat() {
+    return this.format === "encrypted_json";
+  }
+
+  async submit() {
+    if (this.disabledByPolicy) {
+      this.platformUtilsService.showToast(
+        "error",
+        null,
+        this.i18nService.t("personalVaultExportPolicyInEffect")
+      );
+      return;
     }
 
-    async checkExportDisabled() {
-        this.disabledByPolicy = await this.policyService.policyAppliesToUser(PolicyType.DisablePersonalVaultExport);
-        if (this.disabledByPolicy) {
-            this.exportForm.disable();
-        }
+    const acceptedWarning = await this.warningDialog();
+    if (!acceptedWarning) {
+      return;
     }
 
-    get encryptedFormat() {
-        return this.format === 'encrypted_json';
+    const secret = this.exportForm.get("secret").value;
+    try {
+      await this.userVerificationService.verifyUser(secret);
+    } catch (e) {
+      this.platformUtilsService.showToast("error", this.i18nService.t("errorOccurred"), e.message);
+      return;
     }
 
-    async submit() {
-        if (this.disabledByPolicy) {
-            this.platformUtilsService.showToast('error', null, this.i18nService.t('personalVaultExportPolicyInEffect'));
-            return;
-        }
-
-        const acceptedWarning = await this.warningDialog();
-        if (!acceptedWarning) {
-            return;
-        }
-
-        const secret = this.exportForm.get('secret').value;
-        try {
-            await this.userVerificationService.verifyUser(secret);
-        } catch (e) {
-            this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'), e.message);
-            return;
-        }
-
-        try {
-            this.formPromise = this.getExportData();
-            const data = await this.formPromise;
-            this.downloadFile(data);
-            this.saved();
-            await this.collectEvent();
-            this.exportForm.get('secret').setValue('');
-        } catch (e) {
-            this.logService.error(e);
-        }
+    try {
+      this.formPromise = this.getExportData();
+      const data = await this.formPromise;
+      this.downloadFile(data);
+      this.saved();
+      await this.collectEvent();
+      this.exportForm.get("secret").setValue("");
+    } catch (e) {
+      this.logService.error(e);
     }
+  }
 
-    async warningDialog() {
-        if (this.encryptedFormat) {
-            return await this.platformUtilsService.showDialog(
-                '<p>' + this.i18nService.t('encExportKeyWarningDesc') +
-                '<p>' + this.i18nService.t('encExportAccountWarningDesc'),
-                this.i18nService.t('confirmVaultExport'), this.i18nService.t('exportVault'),
-                this.i18nService.t('cancel'), 'warning',
-                true);
-        } else {
-            return await this.platformUtilsService.showDialog(
-                this.i18nService.t('exportWarningDesc'),
-                this.i18nService.t('confirmVaultExport'), this.i18nService.t('exportVault'),
-                this.i18nService.t('cancel'), 'warning');
-        }
+  async warningDialog() {
+    if (this.encryptedFormat) {
+      return await this.platformUtilsService.showDialog(
+        "<p>" +
+          this.i18nService.t("encExportKeyWarningDesc") +
+          "<p>" +
+          this.i18nService.t("encExportAccountWarningDesc"),
+        this.i18nService.t("confirmVaultExport"),
+        this.i18nService.t("exportVault"),
+        this.i18nService.t("cancel"),
+        "warning",
+        true
+      );
+    } else {
+      return await this.platformUtilsService.showDialog(
+        this.i18nService.t("exportWarningDesc"),
+        this.i18nService.t("confirmVaultExport"),
+        this.i18nService.t("exportVault"),
+        this.i18nService.t("cancel"),
+        "warning"
+      );
     }
+  }
 
-    protected saved() {
-        this.onSaved.emit();
-    }
+  protected saved() {
+    this.onSaved.emit();
+  }
 
-    protected getExportData() {
-        return this.exportService.getExport(this.format);
-    }
+  protected getExportData() {
+    return this.exportService.getExport(this.format);
+  }
 
-    protected getFileName(prefix?: string) {
-        let extension = this.format;
-        if (this.format === 'encrypted_json') {
-            if (prefix == null) {
-                prefix = 'encrypted';
-            } else {
-                prefix = 'encrypted_' + prefix;
-            }
-            extension = 'json';
-        }
-        return this.exportService.getFileName(prefix, extension);
+  protected getFileName(prefix?: string) {
+    let extension = this.format;
+    if (this.format === "encrypted_json") {
+      if (prefix == null) {
+        prefix = "encrypted";
+      } else {
+        prefix = "encrypted_" + prefix;
+      }
+      extension = "json";
     }
+    return this.exportService.getFileName(prefix, extension);
+  }
 
-    protected async collectEvent(): Promise<any> {
-        await this.eventService.collect(EventType.User_ClientExportedVault);
-    }
+  protected async collectEvent(): Promise<any> {
+    await this.eventService.collect(EventType.User_ClientExportedVault);
+  }
 
-    get format() {
-        return this.exportForm.get('format').value;
-    }
+  get format() {
+    return this.exportForm.get("format").value;
+  }
 
-    private downloadFile(csv: string): void {
-        const fileName = this.getFileName();
-        this.platformUtilsService.saveFile(this.win, csv, { type: 'text/plain' }, fileName);
-    }
+  private downloadFile(csv: string): void {
+    const fileName = this.getFileName();
+    this.platformUtilsService.saveFile(this.win, csv, { type: "text/plain" }, fileName);
+  }
 }

angular/src/components/folder-add-edit.component.ts

@@ -1,89 +1,97 @@
-import {
-    Directive,
-    EventEmitter,
-    Input,
-    OnInit,
-    Output,
-} from '@angular/core';
+import { Directive, EventEmitter, Input, OnInit, Output } from "@angular/core";
 
-import { FolderService } from 'jslib-common/abstractions/folder.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { LogService } from 'jslib-common/abstractions/log.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { FolderService } from "jslib-common/abstractions/folder.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { LogService } from "jslib-common/abstractions/log.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
-import { FolderView } from 'jslib-common/models/view/folderView';
+import { FolderView } from "jslib-common/models/view/folderView";
 
 @Directive()
 export class FolderAddEditComponent implements OnInit {
-    @Input() folderId: string;
-    @Output() onSavedFolder = new EventEmitter<FolderView>();
-    @Output() onDeletedFolder = new EventEmitter<FolderView>();
+  @Input() folderId: string;
+  @Output() onSavedFolder = new EventEmitter<FolderView>();
+  @Output() onDeletedFolder = new EventEmitter<FolderView>();
 
-    editMode: boolean = false;
-    folder: FolderView = new FolderView();
-    title: string;
-    formPromise: Promise<any>;
-    deletePromise: Promise<any>;
+  editMode: boolean = false;
+  folder: FolderView = new FolderView();
+  title: string;
+  formPromise: Promise<any>;
+  deletePromise: Promise<any>;
 
-    constructor(protected folderService: FolderService, protected i18nService: I18nService,
-        protected platformUtilsService: PlatformUtilsService, private logService: LogService) { }
+  constructor(
+    protected folderService: FolderService,
+    protected i18nService: I18nService,
+    protected platformUtilsService: PlatformUtilsService,
+    private logService: LogService
+  ) {}
 
-    async ngOnInit() {
-        await this.init();
+  async ngOnInit() {
+    await this.init();
+  }
+
+  async submit(): Promise<boolean> {
+    if (this.folder.name == null || this.folder.name === "") {
+      this.platformUtilsService.showToast(
+        "error",
+        this.i18nService.t("errorOccurred"),
+        this.i18nService.t("nameRequired")
+      );
+      return false;
     }
 
-    async submit(): Promise<boolean> {
-        if (this.folder.name == null || this.folder.name === '') {
-            this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'),
-                this.i18nService.t('nameRequired'));
-            return false;
-        }
-
-        try {
-            const folder = await this.folderService.encrypt(this.folder);
-            this.formPromise = this.folderService.saveWithServer(folder);
-            await this.formPromise;
-            this.platformUtilsService.showToast('success', null,
-                this.i18nService.t(this.editMode ? 'editedFolder' : 'addedFolder'));
-            this.onSavedFolder.emit(this.folder);
-            return true;
-        } catch (e) {
-            this.logService.error(e);
-        }
-
-        return false;
+    try {
+      const folder = await this.folderService.encrypt(this.folder);
+      this.formPromise = this.folderService.saveWithServer(folder);
+      await this.formPromise;
+      this.platformUtilsService.showToast(
+        "success",
+        null,
+        this.i18nService.t(this.editMode ? "editedFolder" : "addedFolder")
+      );
+      this.onSavedFolder.emit(this.folder);
+      return true;
+    } catch (e) {
+      this.logService.error(e);
     }
 
-    async delete(): Promise<boolean> {
-        const confirmed = await this.platformUtilsService.showDialog(
-            this.i18nService.t('deleteFolderConfirmation'), this.i18nService.t('deleteFolder'),
-            this.i18nService.t('yes'), this.i18nService.t('no'), 'warning');
-        if (!confirmed) {
-            return false;
-        }
+    return false;
+  }
 
-        try {
-            this.deletePromise = this.folderService.deleteWithServer(this.folder.id);
-            await this.deletePromise;
-            this.platformUtilsService.showToast('success', null, this.i18nService.t('deletedFolder'));
-            this.onDeletedFolder.emit(this.folder);
-        } catch (e) {
-            this.logService.error(e);
-        }
-
-        return true;
+  async delete(): Promise<boolean> {
+    const confirmed = await this.platformUtilsService.showDialog(
+      this.i18nService.t("deleteFolderConfirmation"),
+      this.i18nService.t("deleteFolder"),
+      this.i18nService.t("yes"),
+      this.i18nService.t("no"),
+      "warning"
+    );
+    if (!confirmed) {
+      return false;
     }
 
-    protected async init() {
-        this.editMode = this.folderId != null;
-
-        if (this.editMode) {
-            this.editMode = true;
-            this.title = this.i18nService.t('editFolder');
-            const folder = await this.folderService.get(this.folderId);
-            this.folder = await folder.decrypt();
-        } else {
-            this.title = this.i18nService.t('addFolder');
-        }
+    try {
+      this.deletePromise = this.folderService.deleteWithServer(this.folder.id);
+      await this.deletePromise;
+      this.platformUtilsService.showToast("success", null, this.i18nService.t("deletedFolder"));
+      this.onDeletedFolder.emit(this.folder);
+    } catch (e) {
+      this.logService.error(e);
     }
+
+    return true;
+  }
+
+  protected async init() {
+    this.editMode = this.folderId != null;
+
+    if (this.editMode) {
+      this.editMode = true;
+      this.title = this.i18nService.t("editFolder");
+      const folder = await this.folderService.get(this.folderId);
+      this.folder = await folder.decrypt();
+    } else {
+      this.title = this.i18nService.t("addFolder");
+    }
+  }
 }

angular/src/components/hint.component.ts

@@ -1,46 +1,56 @@
-import { Router } from '@angular/router';
+import { Router } from "@angular/router";
 
-import { PasswordHintRequest } from 'jslib-common/models/request/passwordHintRequest';
+import { PasswordHintRequest } from "jslib-common/models/request/passwordHintRequest";
 
-import { ApiService } from 'jslib-common/abstractions/api.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { LogService } from 'jslib-common/abstractions/log.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { ApiService } from "jslib-common/abstractions/api.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { LogService } from "jslib-common/abstractions/log.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
 export class HintComponent {
-    email: string = '';
-    formPromise: Promise<any>;
+  email: string = "";
+  formPromise: Promise<any>;
 
-    protected successRoute = 'login';
-    protected onSuccessfulSubmit: () => void;
+  protected successRoute = "login";
+  protected onSuccessfulSubmit: () => void;
 
-    constructor(protected router: Router, protected i18nService: I18nService,
-        protected apiService: ApiService, protected platformUtilsService: PlatformUtilsService,
-        private logService: LogService) { }
+  constructor(
+    protected router: Router,
+    protected i18nService: I18nService,
+    protected apiService: ApiService,
+    protected platformUtilsService: PlatformUtilsService,
+    private logService: LogService
+  ) {}
 
-    async submit() {
-        if (this.email == null || this.email === '') {
-            this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'),
-                this.i18nService.t('emailRequired'));
-            return;
-        }
-        if (this.email.indexOf('@') === -1) {
-            this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'),
-                this.i18nService.t('invalidEmail'));
-            return;
-        }
-
-        try {
-            this.formPromise = this.apiService.postPasswordHint(new PasswordHintRequest(this.email));
-            await this.formPromise;
-            this.platformUtilsService.showToast('success', null, this.i18nService.t('masterPassSent'));
-            if (this.onSuccessfulSubmit != null) {
-                this.onSuccessfulSubmit();
-            } else if (this.router != null) {
-                this.router.navigate([this.successRoute]);
-            }
-        } catch (e) {
-            this.logService.error(e);
-        }
+  async submit() {
+    if (this.email == null || this.email === "") {
+      this.platformUtilsService.showToast(
+        "error",
+        this.i18nService.t("errorOccurred"),
+        this.i18nService.t("emailRequired")
+      );
+      return;
     }
+    if (this.email.indexOf("@") === -1) {
+      this.platformUtilsService.showToast(
+        "error",
+        this.i18nService.t("errorOccurred"),
+        this.i18nService.t("invalidEmail")
+      );
+      return;
+    }
+
+    try {
+      this.formPromise = this.apiService.postPasswordHint(new PasswordHintRequest(this.email));
+      await this.formPromise;
+      this.platformUtilsService.showToast("success", null, this.i18nService.t("masterPassSent"));
+      if (this.onSuccessfulSubmit != null) {
+        this.onSuccessfulSubmit();
+      } else if (this.router != null) {
+        this.router.navigate([this.successRoute]);
+      }
+    } catch (e) {
+      this.logService.error(e);
+    }
+  }
 }

angular/src/components/icon.component.html

@@ -1,4 +1,4 @@
 <div class="icon" aria-hidden="true">
-    <img [src]="image" appFallbackSrc="{{fallbackImage}}" *ngIf="imageEnabled && image" alt="" />
-    <i class="fa fa-fw fa-lg {{icon}}" *ngIf="!imageEnabled || !image"></i>
+  <img [src]="image" appFallbackSrc="{{ fallbackImage }}" *ngIf="imageEnabled && image" alt="" />
+  <i class="fa fa-fw fa-lg {{ icon }}" *ngIf="!imageEnabled || !image"></i>
 </div>

angular/src/components/modal/dynamic-modal.component.ts

@@ -1,76 +1,80 @@
 import {
-    AfterViewInit,
-    ChangeDetectorRef,
-    Component,
-    ComponentRef,
-    ElementRef,
-    OnDestroy,
-    Type,
-    ViewChild,
-    ViewContainerRef
-} from '@angular/core';
+  AfterViewInit,
+  ChangeDetectorRef,
+  Component,
+  ComponentRef,
+  ElementRef,
+  OnDestroy,
+  Type,
+  ViewChild,
+  ViewContainerRef,
+} from "@angular/core";
 
-import {
-    ConfigurableFocusTrap,
-    ConfigurableFocusTrapFactory,
-} from '@angular/cdk/a11y';
+import { ConfigurableFocusTrap, ConfigurableFocusTrapFactory } from "@angular/cdk/a11y";
 
-import { ModalService } from '../../services/modal.service';
+import { ModalService } from "../../services/modal.service";
 
-import { ModalRef } from './modal.ref';
+import { ModalRef } from "./modal.ref";
 
 @Component({
-    selector: 'app-modal',
-    template: '<ng-template #modalContent></ng-template>',
+  selector: "app-modal",
+  template: "<ng-template #modalContent></ng-template>",
 })
 export class DynamicModalComponent implements AfterViewInit, OnDestroy {
-    componentRef: ComponentRef<any>;
+  componentRef: ComponentRef<any>;
 
-    @ViewChild('modalContent', { read: ViewContainerRef, static: true }) modalContentRef: ViewContainerRef;
+  @ViewChild("modalContent", { read: ViewContainerRef, static: true })
+  modalContentRef: ViewContainerRef;
 
-    childComponentType: Type<any>;
-    setComponentParameters: (component: any) => void;
+  childComponentType: Type<any>;
+  setComponentParameters: (component: any) => void;
 
-    private focusTrap: ConfigurableFocusTrap;
+  private focusTrap: ConfigurableFocusTrap;
 
-    constructor(private modalService: ModalService, private cd: ChangeDetectorRef,
-        private el: ElementRef<HTMLElement>, private focusTrapFactory: ConfigurableFocusTrapFactory,
-        public modalRef: ModalRef) { }
+  constructor(
+    private modalService: ModalService,
+    private cd: ChangeDetectorRef,
+    private el: ElementRef<HTMLElement>,
+    private focusTrapFactory: ConfigurableFocusTrapFactory,
+    public modalRef: ModalRef
+  ) {}
 
-    ngAfterViewInit() {
-        this.loadChildComponent(this.childComponentType);
-        if (this.setComponentParameters != null) {
-            this.setComponentParameters(this.componentRef.instance);
-        }
-        this.cd.detectChanges();
-
-        this.modalRef.created(this.el.nativeElement);
-        this.focusTrap = this.focusTrapFactory.create(this.el.nativeElement.querySelector('.modal-dialog'));
-        if (this.el.nativeElement.querySelector('[appAutoFocus]') == null) {
-            this.focusTrap.focusFirstTabbableElementWhenReady();
-        }
+  ngAfterViewInit() {
+    this.loadChildComponent(this.childComponentType);
+    if (this.setComponentParameters != null) {
+      this.setComponentParameters(this.componentRef.instance);
     }
+    this.cd.detectChanges();
 
-    loadChildComponent(componentType: Type<any>) {
-        const componentFactory = this.modalService.resolveComponentFactory(componentType);
-
-        this.modalContentRef.clear();
-        this.componentRef = this.modalContentRef.createComponent(componentFactory);
+    this.modalRef.created(this.el.nativeElement);
+    this.focusTrap = this.focusTrapFactory.create(
+      this.el.nativeElement.querySelector(".modal-dialog")
+    );
+    if (this.el.nativeElement.querySelector("[appAutoFocus]") == null) {
+      this.focusTrap.focusFirstTabbableElementWhenReady();
     }
+  }
 
-    ngOnDestroy() {
-        if (this.componentRef) {
-            this.componentRef.destroy();
-        }
-        this.focusTrap.destroy();
-    }
+  loadChildComponent(componentType: Type<any>) {
+    const componentFactory = this.modalService.resolveComponentFactory(componentType);
 
-    close() {
-        this.modalRef.close();
-    }
+    this.modalContentRef.clear();
+    this.componentRef = this.modalContentRef.createComponent(componentFactory);
+  }
 
-    getFocus() {
-        const autoFocusEl = this.el.nativeElement.querySelector('[appAutoFocus]') as HTMLElement;
-        autoFocusEl?.focus();
+  ngOnDestroy() {
+    if (this.componentRef) {
+      this.componentRef.destroy();
     }
+    this.focusTrap.destroy();
+  }
+
+  close() {
+    this.modalRef.close();
+  }
+
+  getFocus() {
+    const autoFocusEl = this.el.nativeElement.querySelector("[appAutoFocus]") as HTMLElement;
+    autoFocusEl?.focus();
+  }
 }

angular/src/components/modal/modal-injector.ts

@@ -1,15 +1,10 @@
-import {
-    InjectFlags,
-    InjectionToken,
-    Injector,
-    Type
-} from '@angular/core';
+import { InjectFlags, InjectionToken, Injector, Type } from "@angular/core";
 
 export class ModalInjector implements Injector {
-    constructor(private _parentInjector: Injector, private _additionalTokens: WeakMap<any, any>) {}
+  constructor(private _parentInjector: Injector, private _additionalTokens: WeakMap<any, any>) {}
 
-    get<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T, flags?: InjectFlags): T;
-    get(token: any, notFoundValue?: any, flags?: any) {
-        return this._additionalTokens.get(token) ?? this._parentInjector.get<any>(token, notFoundValue);
-    }
+  get<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T, flags?: InjectFlags): T;
+  get(token: any, notFoundValue?: any, flags?: any) {
+    return this._additionalTokens.get(token) ?? this._parentInjector.get<any>(token, notFoundValue);
+  }
 }

angular/src/components/password-generator-history.component.ts

@@ -1,32 +1,38 @@
-import { Directive, OnInit } from '@angular/core';
+import { Directive, OnInit } from "@angular/core";
 
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PasswordGenerationService } from 'jslib-common/abstractions/passwordGeneration.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PasswordGenerationService } from "jslib-common/abstractions/passwordGeneration.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
-import { GeneratedPasswordHistory } from 'jslib-common/models/domain/generatedPasswordHistory';
+import { GeneratedPasswordHistory } from "jslib-common/models/domain/generatedPasswordHistory";
 
 @Directive()
 export class PasswordGeneratorHistoryComponent implements OnInit {
-    history: GeneratedPasswordHistory[] = [];
+  history: GeneratedPasswordHistory[] = [];
 
-    constructor(protected passwordGenerationService: PasswordGenerationService,
-        protected platformUtilsService: PlatformUtilsService, protected i18nService: I18nService,
-        private win: Window) { }
+  constructor(
+    protected passwordGenerationService: PasswordGenerationService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected i18nService: I18nService,
+    private win: Window
+  ) {}
 
-    async ngOnInit() {
-        this.history = await this.passwordGenerationService.getHistory();
-    }
+  async ngOnInit() {
+    this.history = await this.passwordGenerationService.getHistory();
+  }
 
-    clear() {
-        this.history = [];
-        this.passwordGenerationService.clear();
-    }
+  clear() {
+    this.history = [];
+    this.passwordGenerationService.clear();
+  }
 
-    copy(password: string) {
-        const copyOptions = this.win != null ? { window: this.win } : null;
-        this.platformUtilsService.copyToClipboard(password, copyOptions);
-        this.platformUtilsService.showToast('info', null,
-            this.i18nService.t('valueCopied', this.i18nService.t('password')));
-    }
+  copy(password: string) {
+    const copyOptions = this.win != null ? { window: this.win } : null;
+    this.platformUtilsService.copyToClipboard(password, copyOptions);
+    this.platformUtilsService.showToast(
+      "info",
+      null,
+      this.i18nService.t("valueCopied", this.i18nService.t("password"))
+    );
+  }
 }

angular/src/components/password-generator.component.ts

@@ -1,101 +1,106 @@
-import {
-    Directive,
-    EventEmitter,
-    Input,
-    OnInit,
-    Output,
-} from '@angular/core';
+import { Directive, EventEmitter, Input, OnInit, Output } from "@angular/core";
 
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PasswordGenerationService } from 'jslib-common/abstractions/passwordGeneration.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PasswordGenerationService } from "jslib-common/abstractions/passwordGeneration.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
-import { PasswordGeneratorPolicyOptions } from 'jslib-common/models/domain/passwordGeneratorPolicyOptions';
+import { PasswordGeneratorPolicyOptions } from "jslib-common/models/domain/passwordGeneratorPolicyOptions";
 
 @Directive()
 export class PasswordGeneratorComponent implements OnInit {
-    @Input() showSelect: boolean = false;
-    @Output() onSelected = new EventEmitter<string>();
+  @Input() showSelect: boolean = false;
+  @Output() onSelected = new EventEmitter<string>();
 
-    passTypeOptions: any[];
-    options: any = {};
-    password: string = '-';
-    showOptions = false;
-    avoidAmbiguous = false;
-    enforcedPolicyOptions: PasswordGeneratorPolicyOptions;
+  passTypeOptions: any[];
+  options: any = {};
+  password: string = "-";
+  showOptions = false;
+  avoidAmbiguous = false;
+  enforcedPolicyOptions: PasswordGeneratorPolicyOptions;
 
-    constructor(protected passwordGenerationService: PasswordGenerationService,
-        protected platformUtilsService: PlatformUtilsService, protected i18nService: I18nService,
-        private win: Window) {
-            this.passTypeOptions = [
-                { name: i18nService.t('password'), value: 'password' },
-                { name: i18nService.t('passphrase'), value: 'passphrase' },
-            ];
-         }
+  constructor(
+    protected passwordGenerationService: PasswordGenerationService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected i18nService: I18nService,
+    private win: Window
+  ) {
+    this.passTypeOptions = [
+      { name: i18nService.t("password"), value: "password" },
+      { name: i18nService.t("passphrase"), value: "passphrase" },
+    ];
+  }
 
-    async ngOnInit() {
-        const optionsResponse = await this.passwordGenerationService.getOptions();
-        this.options = optionsResponse[0];
-        this.enforcedPolicyOptions = optionsResponse[1];
-        this.avoidAmbiguous = !this.options.ambiguous;
-        this.options.type = this.options.type === 'passphrase' ? 'passphrase' : 'password';
-        this.password = await this.passwordGenerationService.generatePassword(this.options);
-        await this.passwordGenerationService.addHistory(this.password);
+  async ngOnInit() {
+    const optionsResponse = await this.passwordGenerationService.getOptions();
+    this.options = optionsResponse[0];
+    this.enforcedPolicyOptions = optionsResponse[1];
+    this.avoidAmbiguous = !this.options.ambiguous;
+    this.options.type = this.options.type === "passphrase" ? "passphrase" : "password";
+    this.password = await this.passwordGenerationService.generatePassword(this.options);
+    await this.passwordGenerationService.addHistory(this.password);
+  }
+
+  async sliderChanged() {
+    this.saveOptions(false);
+    await this.passwordGenerationService.addHistory(this.password);
+  }
+
+  async sliderInput() {
+    this.normalizeOptions();
+    this.password = await this.passwordGenerationService.generatePassword(this.options);
+  }
+
+  async saveOptions(regenerate: boolean = true) {
+    this.normalizeOptions();
+    await this.passwordGenerationService.saveOptions(this.options);
+
+    if (regenerate) {
+      await this.regenerate();
     }
+  }
 
-    async sliderChanged() {
-        this.saveOptions(false);
-        await this.passwordGenerationService.addHistory(this.password);
-    }
+  async regenerate() {
+    this.password = await this.passwordGenerationService.generatePassword(this.options);
+    await this.passwordGenerationService.addHistory(this.password);
+  }
 
-    async sliderInput() {
-        this.normalizeOptions();
-        this.password = await this.passwordGenerationService.generatePassword(this.options);
-    }
+  copy() {
+    const copyOptions = this.win != null ? { window: this.win } : null;
+    this.platformUtilsService.copyToClipboard(this.password, copyOptions);
+    this.platformUtilsService.showToast(
+      "info",
+      null,
+      this.i18nService.t("valueCopied", this.i18nService.t("password"))
+    );
+  }
 
-    async saveOptions(regenerate: boolean = true) {
-        this.normalizeOptions();
-        await this.passwordGenerationService.saveOptions(this.options);
+  select() {
+    this.onSelected.emit(this.password);
+  }
 
-        if (regenerate) {
-            await this.regenerate();
+  toggleOptions() {
+    this.showOptions = !this.showOptions;
+  }
+
+  private normalizeOptions() {
+    // Application level normalize options depedent on class variables
+    this.options.ambiguous = !this.avoidAmbiguous;
+
+    if (
+      !this.options.uppercase &&
+      !this.options.lowercase &&
+      !this.options.number &&
+      !this.options.special
+    ) {
+      this.options.lowercase = true;
+      if (this.win != null) {
+        const lowercase = this.win.document.querySelector("#lowercase") as HTMLInputElement;
+        if (lowercase) {
+          lowercase.checked = true;
         }
+      }
     }
 
-    async regenerate() {
-        this.password = await this.passwordGenerationService.generatePassword(this.options);
-        await this.passwordGenerationService.addHistory(this.password);
-    }
-
-    copy() {
-        const copyOptions = this.win != null ? { window: this.win } : null;
-        this.platformUtilsService.copyToClipboard(this.password, copyOptions);
-        this.platformUtilsService.showToast('info', null,
-            this.i18nService.t('valueCopied', this.i18nService.t('password')));
-    }
-
-    select() {
-        this.onSelected.emit(this.password);
-    }
-
-    toggleOptions() {
-        this.showOptions = !this.showOptions;
-    }
-
-    private normalizeOptions() {
-        // Application level normalize options depedent on class variables
-        this.options.ambiguous = !this.avoidAmbiguous;
-
-        if (!this.options.uppercase && !this.options.lowercase && !this.options.number && !this.options.special) {
-            this.options.lowercase = true;
-            if (this.win != null) {
-                const lowercase = this.win.document.querySelector('#lowercase') as HTMLInputElement;
-                if (lowercase) {
-                    lowercase.checked = true;
-                }
-            }
-        }
-
-        this.passwordGenerationService.normalizeOptions(this.options, this.enforcedPolicyOptions);
-    }
+    this.passwordGenerationService.normalizeOptions(this.options, this.enforcedPolicyOptions);
+  }
 }

angular/src/components/password-history.component.ts

@@ -1,33 +1,40 @@
-import { Directive, OnInit } from '@angular/core';
+import { Directive, OnInit } from "@angular/core";
 
-import { CipherService } from 'jslib-common/abstractions/cipher.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { CipherService } from "jslib-common/abstractions/cipher.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
-import { PasswordHistoryView } from 'jslib-common/models/view/passwordHistoryView';
+import { PasswordHistoryView } from "jslib-common/models/view/passwordHistoryView";
 
 @Directive()
 export class PasswordHistoryComponent implements OnInit {
-    cipherId: string;
-    history: PasswordHistoryView[] = [];
+  cipherId: string;
+  history: PasswordHistoryView[] = [];
 
-    constructor(protected cipherService: CipherService, protected platformUtilsService: PlatformUtilsService,
-        protected i18nService: I18nService, private win: Window) { }
+  constructor(
+    protected cipherService: CipherService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected i18nService: I18nService,
+    private win: Window
+  ) {}
 
-    async ngOnInit() {
-        await this.init();
-    }
+  async ngOnInit() {
+    await this.init();
+  }
 
-    copy(password: string) {
-        const copyOptions = this.win != null ? { window: this.win } : null;
-        this.platformUtilsService.copyToClipboard(password, copyOptions);
-        this.platformUtilsService.showToast('info', null,
-            this.i18nService.t('valueCopied', this.i18nService.t('password')));
-    }
+  copy(password: string) {
+    const copyOptions = this.win != null ? { window: this.win } : null;
+    this.platformUtilsService.copyToClipboard(password, copyOptions);
+    this.platformUtilsService.showToast(
+      "info",
+      null,
+      this.i18nService.t("valueCopied", this.i18nService.t("password"))
+    );
+  }
 
-    protected async init() {
-        const cipher = await this.cipherService.get(this.cipherId);
-        const decCipher = await cipher.decrypt();
-        this.history = decCipher.passwordHistory == null ? [] : decCipher.passwordHistory;
-    }
+  protected async init() {
+    const cipher = await this.cipherService.get(this.cipherId);
+    const decCipher = await cipher.decrypt();
+    this.history = decCipher.passwordHistory == null ? [] : decCipher.passwordHistory;
+  }
 }

angular/src/components/password-reprompt.component.ts

@@ -1,30 +1,36 @@
-import { Directive } from '@angular/core';
+import { Directive } from "@angular/core";
 
-import { CryptoService } from 'jslib-common/abstractions/crypto.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
-import { ModalRef } from './modal/modal.ref';
+import { CryptoService } from "jslib-common/abstractions/crypto.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
+import { ModalRef } from "./modal/modal.ref";
 
 @Directive()
 export class PasswordRepromptComponent {
+  showPassword = false;
+  masterPassword = "";
 
-    showPassword = false;
-    masterPassword = '';
+  constructor(
+    private modalRef: ModalRef,
+    private cryptoService: CryptoService,
+    private platformUtilsService: PlatformUtilsService,
+    private i18nService: I18nService
+  ) {}
 
-    constructor(private modalRef: ModalRef, private cryptoService: CryptoService, private platformUtilsService: PlatformUtilsService,
-        private i18nService: I18nService) {}
+  togglePassword() {
+    this.showPassword = !this.showPassword;
+  }
 
-    togglePassword() {
-        this.showPassword = !this.showPassword;
+  async submit() {
+    if (!(await this.cryptoService.compareAndUpdateKeyHash(this.masterPassword, null))) {
+      this.platformUtilsService.showToast(
+        "error",
+        this.i18nService.t("errorOccurred"),
+        this.i18nService.t("invalidMasterPassword")
+      );
+      return;
     }
 
-    async submit() {
-        if (!await this.cryptoService.compareAndUpdateKeyHash(this.masterPassword, null)) {
-            this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'),
-                this.i18nService.t('invalidMasterPassword'));
-            return;
-        }
-
-        this.modalRef.close(true);
-    }
+    this.modalRef.close(true);
+  }
 }

angular/src/components/send/efflux-dates.component.ts

@@ -1,341 +1,354 @@
-import { DatePipe } from '@angular/common';
-import {
-    Directive,
-    EventEmitter,
-    Input,
-    OnInit,
-    Output
-} from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
+import { DatePipe } from "@angular/common";
+import { Directive, EventEmitter, Input, OnInit, Output } from "@angular/core";
+import { FormControl, FormGroup } from "@angular/forms";
 
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
 // Different BrowserPath = different controls.
 enum BrowserPath {
-    // Native datetime-locale.
-    // We are happy.
-    Default = 'default',
+  // Native datetime-locale.
+  // We are happy.
+  Default = "default",
 
-    // Native date and time inputs, but no datetime-locale.
-    // We use individual date and time inputs and create a datetime programatically on submit.
-    Firefox = 'firefox',
+  // Native date and time inputs, but no datetime-locale.
+  // We use individual date and time inputs and create a datetime programatically on submit.
+  Firefox = "firefox",
 
-    // No native date, time, or datetime-locale inputs.
-    // We use a polyfill for dates and a dropdown for times.
-    Safari = 'safari',
+  // No native date, time, or datetime-locale inputs.
+  // We use a polyfill for dates and a dropdown for times.
+  Safari = "safari",
 }
 
 enum DateField {
-    DeletionDate = 'deletion',
-    ExpriationDate = 'expiration',
+  DeletionDate = "deletion",
+  ExpriationDate = "expiration",
 }
 
 // Value = hours
 enum DatePreset {
-    OneHour = 1,
-    OneDay = 24,
-    TwoDays = 48,
-    ThreeDays = 72,
-    SevenDays = 168,
-    ThirtyDays = 720,
-    Custom = 0,
-    Never = null,
+  OneHour = 1,
+  OneDay = 24,
+  TwoDays = 48,
+  ThreeDays = 72,
+  SevenDays = 168,
+  ThirtyDays = 720,
+  Custom = 0,
+  Never = null,
 }
 
 // TimeOption is used for the dropdown implementation of custom times
 // twelveHour = displayed time; twentyFourHour = time used in logic
 interface TimeOption {
-    twelveHour: string;
-    twentyFourHour: string;
+  twelveHour: string;
+  twentyFourHour: string;
 }
 
 @Directive()
 export class EffluxDatesComponent implements OnInit {
-    @Input() readonly initialDeletionDate: Date;
-    @Input() readonly initialExpirationDate: Date;
-    @Input() readonly editMode: boolean;
-    @Input() readonly disabled: boolean;
+  @Input() readonly initialDeletionDate: Date;
+  @Input() readonly initialExpirationDate: Date;
+  @Input() readonly editMode: boolean;
+  @Input() readonly disabled: boolean;
 
-    @Output() datesChanged = new EventEmitter<{deletionDate: string, expirationDate: string}>();
+  @Output() datesChanged = new EventEmitter<{ deletionDate: string; expirationDate: string }>();
 
-    get browserPath(): BrowserPath {
-        if (this.platformUtilsService.isFirefox()) {
-            return BrowserPath.Firefox;
-        } else if (this.platformUtilsService.isSafari()) {
-            return BrowserPath.Safari;
-        }
-        return BrowserPath.Default;
+  get browserPath(): BrowserPath {
+    if (this.platformUtilsService.isFirefox()) {
+      return BrowserPath.Firefox;
+    } else if (this.platformUtilsService.isSafari()) {
+      return BrowserPath.Safari;
     }
+    return BrowserPath.Default;
+  }
 
-    datesForm = new FormGroup({
-        selectedDeletionDatePreset: new FormControl(),
-        selectedExpirationDatePreset: new FormControl(),
-        defaultDeletionDateTime: new FormControl(),
-        defaultExpirationDateTime: new FormControl(),
-        fallbackDeletionDate: new FormControl(),
-        fallbackDeletionTime: new FormControl(),
-        fallbackExpirationDate: new FormControl(),
-        fallbackExpirationTime: new FormControl(),
-    });
+  datesForm = new FormGroup({
+    selectedDeletionDatePreset: new FormControl(),
+    selectedExpirationDatePreset: new FormControl(),
+    defaultDeletionDateTime: new FormControl(),
+    defaultExpirationDateTime: new FormControl(),
+    fallbackDeletionDate: new FormControl(),
+    fallbackDeletionTime: new FormControl(),
+    fallbackExpirationDate: new FormControl(),
+    fallbackExpirationTime: new FormControl(),
+  });
 
-    deletionDatePresets: any[] = [
-            { name: this.i18nService.t('oneHour'), value: DatePreset.OneHour },
-            { name: this.i18nService.t('oneDay'), value: DatePreset.OneDay },
-            { name: this.i18nService.t('days', '2'), value: DatePreset.TwoDays },
-            { name: this.i18nService.t('days', '3'), value: DatePreset.ThreeDays },
-            { name: this.i18nService.t('days', '7'), value: DatePreset.SevenDays },
-            { name: this.i18nService.t('days', '30'), value: DatePreset.ThirtyDays },
-            { name: this.i18nService.t('custom'), value: DatePreset.Custom },
-    ];
+  deletionDatePresets: any[] = [
+    { name: this.i18nService.t("oneHour"), value: DatePreset.OneHour },
+    { name: this.i18nService.t("oneDay"), value: DatePreset.OneDay },
+    { name: this.i18nService.t("days", "2"), value: DatePreset.TwoDays },
+    { name: this.i18nService.t("days", "3"), value: DatePreset.ThreeDays },
+    { name: this.i18nService.t("days", "7"), value: DatePreset.SevenDays },
+    { name: this.i18nService.t("days", "30"), value: DatePreset.ThirtyDays },
+    { name: this.i18nService.t("custom"), value: DatePreset.Custom },
+  ];
 
-    expirationDatePresets: any[] = [
-            { name: this.i18nService.t('never'), value: DatePreset.Never },
-    ].concat([...this.deletionDatePresets]);
+  expirationDatePresets: any[] = [
+    { name: this.i18nService.t("never"), value: DatePreset.Never },
+  ].concat([...this.deletionDatePresets]);
 
-    get selectedDeletionDatePreset(): FormControl {
-        return this.datesForm.get('selectedDeletionDatePreset') as FormControl;
-    }
+  get selectedDeletionDatePreset(): FormControl {
+    return this.datesForm.get("selectedDeletionDatePreset") as FormControl;
+  }
 
-    get selectedExpirationDatePreset(): FormControl {
-        return this.datesForm.get('selectedExpirationDatePreset') as FormControl;
-    }
+  get selectedExpirationDatePreset(): FormControl {
+    return this.datesForm.get("selectedExpirationDatePreset") as FormControl;
+  }
 
-    get defaultDeletionDateTime(): FormControl {
-        return this.datesForm.get('defaultDeletionDateTime') as FormControl;
-    }
+  get defaultDeletionDateTime(): FormControl {
+    return this.datesForm.get("defaultDeletionDateTime") as FormControl;
+  }
 
-    get defaultExpirationDateTime(): FormControl {
-        return this.datesForm.get('defaultExpirationDateTime') as FormControl;
-    }
+  get defaultExpirationDateTime(): FormControl {
+    return this.datesForm.get("defaultExpirationDateTime") as FormControl;
+  }
 
-    get fallbackDeletionDate(): FormControl {
-        return this.datesForm.get('fallbackDeletionDate') as FormControl;
-    }
+  get fallbackDeletionDate(): FormControl {
+    return this.datesForm.get("fallbackDeletionDate") as FormControl;
+  }
 
-    get fallbackDeletionTime(): FormControl {
-        return this.datesForm.get('fallbackDeletionTime') as FormControl;
-    }
+  get fallbackDeletionTime(): FormControl {
+    return this.datesForm.get("fallbackDeletionTime") as FormControl;
+  }
 
-    get fallbackExpirationDate(): FormControl {
-        return this.datesForm.get('fallbackExpirationDate') as FormControl;
-    }
+  get fallbackExpirationDate(): FormControl {
+    return this.datesForm.get("fallbackExpirationDate") as FormControl;
+  }
 
-    get fallbackExpirationTime(): FormControl {
-        return this.datesForm.get('fallbackExpirationTime') as FormControl;
-    }
+  get fallbackExpirationTime(): FormControl {
+    return this.datesForm.get("fallbackExpirationTime") as FormControl;
+  }
 
-    // Should be able to call these at any time and compute a submitable value
-    get formattedDeletionDate(): string {
-        switch (this.selectedDeletionDatePreset.value as DatePreset) {
-            case DatePreset.Never:
-                this.selectedDeletionDatePreset.setValue(DatePreset.SevenDays);
-                return this.formattedDeletionDate;
-            case DatePreset.Custom:
-                switch (this.browserPath) {
-                    case BrowserPath.Safari:
-                    case BrowserPath.Firefox:
-                        return this.fallbackDeletionDate.value + 'T' + this.fallbackDeletionTime.value;
-                    default:
-                        return this.defaultDeletionDateTime.value;
-                }
-            default:
-                const now = new Date();
-                const miliseconds = now.setTime(now.getTime() +
-                    (this.selectedDeletionDatePreset.value as number * 60 * 60 * 1000)) ;
-                return new Date(miliseconds).toString();
-        }
-    }
-
-    get formattedExpirationDate(): string {
-        switch (this.selectedExpirationDatePreset.value as DatePreset) {
-            case DatePreset.Never:
-                return null;
-            case DatePreset.Custom:
-                switch (this.browserPath) {
-                    case BrowserPath.Safari:
-                    case BrowserPath.Firefox:
-                        if ((!this.fallbackExpirationDate.value || !this.fallbackExpirationTime.value) &&
-                            this.editMode) {
-                            return null;
-                        }
-                        return this.fallbackExpirationDate.value + 'T' + this.fallbackExpirationTime.value;
-                    default:
-                        if (!this.defaultExpirationDateTime.value) {
-                            return null;
-                        }
-                        return this.defaultExpirationDateTime.value;
-                }
-            default:
-                const now = new Date();
-                const miliseconds = now.setTime(now.getTime() +
-                    (this.selectedExpirationDatePreset.value as number * 60 * 60 * 1000));
-                return new Date(miliseconds).toString();
-        }
-    }
-    //
-
-    get safariDeletionTimePresetOptions() {
-        return this.safariTimePresetOptions(DateField.DeletionDate);
-    }
-
-    get safariExpirationTimePresetOptions() {
-        return this.safariTimePresetOptions(DateField.ExpriationDate);
-    }
-
-    private get nextWeek(): Date {
-        const nextWeek = new Date();
-        nextWeek.setDate(nextWeek.getDate() + 7);
-        return nextWeek;
-    }
-
-    constructor(protected i18nService: I18nService, protected platformUtilsService: PlatformUtilsService,
-        protected datePipe: DatePipe) {
-    }
-
-    ngOnInit(): void {
-        this.setInitialFormValues();
-        this.emitDates();
-        this.datesForm.valueChanges.subscribe(() => {
-            this.emitDates();
-        });
-    }
-
-    onDeletionDatePresetSelect(value: DatePreset) {
-        this.selectedDeletionDatePreset.setValue(value);
-    }
-
-    clearExpiration() {
+  // Should be able to call these at any time and compute a submitable value
+  get formattedDeletionDate(): string {
+    switch (this.selectedDeletionDatePreset.value as DatePreset) {
+      case DatePreset.Never:
+        this.selectedDeletionDatePreset.setValue(DatePreset.SevenDays);
+        return this.formattedDeletionDate;
+      case DatePreset.Custom:
         switch (this.browserPath) {
-            case BrowserPath.Safari:
-            case BrowserPath.Firefox:
-                this.fallbackExpirationDate.setValue(null);
-                this.fallbackExpirationTime.setValue(null);
-                break;
-            case BrowserPath.Default:
-                this.defaultExpirationDateTime.setValue(null);
-                break;
+          case BrowserPath.Safari:
+          case BrowserPath.Firefox:
+            return this.fallbackDeletionDate.value + "T" + this.fallbackDeletionTime.value;
+          default:
+            return this.defaultDeletionDateTime.value;
         }
+      default:
+        const now = new Date();
+        const miliseconds = now.setTime(
+          now.getTime() + (this.selectedDeletionDatePreset.value as number) * 60 * 60 * 1000
+        );
+        return new Date(miliseconds).toString();
     }
+  }
 
-    protected emitDates() {
-        this.datesChanged.emit({
-            deletionDate: this.formattedDeletionDate,
-            expirationDate: this.formattedExpirationDate,
-        });
-    }
-
-    protected setInitialFormValues() {
-        if (this.editMode) {
-            this.selectedDeletionDatePreset.setValue(DatePreset.Custom);
-            this.selectedExpirationDatePreset.setValue(DatePreset.Custom);
-            switch (this.browserPath) {
-                case BrowserPath.Safari:
-                case BrowserPath.Firefox:
-                    this.fallbackDeletionDate.setValue(this.initialDeletionDate.toISOString().slice(0, 10));
-                    this.fallbackDeletionTime.setValue(this.initialDeletionDate.toTimeString().slice(0, 5));
-                    if (this.initialExpirationDate != null) {
-                        this.fallbackExpirationDate.setValue(this.initialExpirationDate.toISOString().slice(0, 10));
-                        this.fallbackExpirationTime.setValue(this.initialExpirationDate.toTimeString().slice(0, 5));
-                    }
-                    break;
-                case BrowserPath.Default:
-                    if (this.initialExpirationDate) {
-                        this.defaultExpirationDateTime.setValue(
-                            this.datePipe.transform(new Date(this.initialExpirationDate), 'yyyy-MM-ddTHH:mm'));
-                    }
-                    this.defaultDeletionDateTime.setValue(this.datePipe.transform(new Date(this.initialDeletionDate), 'yyyy-MM-ddTHH:mm'));
-                    break;
+  get formattedExpirationDate(): string {
+    switch (this.selectedExpirationDatePreset.value as DatePreset) {
+      case DatePreset.Never:
+        return null;
+      case DatePreset.Custom:
+        switch (this.browserPath) {
+          case BrowserPath.Safari:
+          case BrowserPath.Firefox:
+            if (
+              (!this.fallbackExpirationDate.value || !this.fallbackExpirationTime.value) &&
+              this.editMode
+            ) {
+              return null;
             }
+            return this.fallbackExpirationDate.value + "T" + this.fallbackExpirationTime.value;
+          default:
+            if (!this.defaultExpirationDateTime.value) {
+              return null;
+            }
+            return this.defaultExpirationDateTime.value;
+        }
+      default:
+        const now = new Date();
+        const miliseconds = now.setTime(
+          now.getTime() + (this.selectedExpirationDatePreset.value as number) * 60 * 60 * 1000
+        );
+        return new Date(miliseconds).toString();
+    }
+  }
+  //
+
+  get safariDeletionTimePresetOptions() {
+    return this.safariTimePresetOptions(DateField.DeletionDate);
+  }
+
+  get safariExpirationTimePresetOptions() {
+    return this.safariTimePresetOptions(DateField.ExpriationDate);
+  }
+
+  private get nextWeek(): Date {
+    const nextWeek = new Date();
+    nextWeek.setDate(nextWeek.getDate() + 7);
+    return nextWeek;
+  }
+
+  constructor(
+    protected i18nService: I18nService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected datePipe: DatePipe
+  ) {}
+
+  ngOnInit(): void {
+    this.setInitialFormValues();
+    this.emitDates();
+    this.datesForm.valueChanges.subscribe(() => {
+      this.emitDates();
+    });
+  }
+
+  onDeletionDatePresetSelect(value: DatePreset) {
+    this.selectedDeletionDatePreset.setValue(value);
+  }
+
+  clearExpiration() {
+    switch (this.browserPath) {
+      case BrowserPath.Safari:
+      case BrowserPath.Firefox:
+        this.fallbackExpirationDate.setValue(null);
+        this.fallbackExpirationTime.setValue(null);
+        break;
+      case BrowserPath.Default:
+        this.defaultExpirationDateTime.setValue(null);
+        break;
+    }
+  }
+
+  protected emitDates() {
+    this.datesChanged.emit({
+      deletionDate: this.formattedDeletionDate,
+      expirationDate: this.formattedExpirationDate,
+    });
+  }
+
+  protected setInitialFormValues() {
+    if (this.editMode) {
+      this.selectedDeletionDatePreset.setValue(DatePreset.Custom);
+      this.selectedExpirationDatePreset.setValue(DatePreset.Custom);
+      switch (this.browserPath) {
+        case BrowserPath.Safari:
+        case BrowserPath.Firefox:
+          this.fallbackDeletionDate.setValue(this.initialDeletionDate.toISOString().slice(0, 10));
+          this.fallbackDeletionTime.setValue(this.initialDeletionDate.toTimeString().slice(0, 5));
+          if (this.initialExpirationDate != null) {
+            this.fallbackExpirationDate.setValue(
+              this.initialExpirationDate.toISOString().slice(0, 10)
+            );
+            this.fallbackExpirationTime.setValue(
+              this.initialExpirationDate.toTimeString().slice(0, 5)
+            );
+          }
+          break;
+        case BrowserPath.Default:
+          if (this.initialExpirationDate) {
+            this.defaultExpirationDateTime.setValue(
+              this.datePipe.transform(new Date(this.initialExpirationDate), "yyyy-MM-ddTHH:mm")
+            );
+          }
+          this.defaultDeletionDateTime.setValue(
+            this.datePipe.transform(new Date(this.initialDeletionDate), "yyyy-MM-ddTHH:mm")
+          );
+          break;
+      }
+    } else {
+      this.selectedDeletionDatePreset.setValue(DatePreset.SevenDays);
+      this.selectedExpirationDatePreset.setValue(DatePreset.Never);
+
+      switch (this.browserPath) {
+        case BrowserPath.Safari:
+          this.fallbackDeletionDate.setValue(this.nextWeek.toISOString().slice(0, 10));
+          this.fallbackDeletionTime.setValue(
+            this.safariTimePresetOptions(DateField.DeletionDate)[1].twentyFourHour
+          );
+          break;
+        default:
+          break;
+      }
+    }
+  }
+
+  protected safariTimePresetOptions(field: DateField): TimeOption[] {
+    // init individual arrays for major sort groups
+    const noon: TimeOption[] = [];
+    const midnight: TimeOption[] = [];
+    const ams: TimeOption[] = [];
+    const pms: TimeOption[] = [];
+
+    // determine minute skip (5 min, 10 min, 15 min, etc.)
+    const minuteIncrementer = 15;
+
+    // loop through each hour on a 12 hour system
+    for (let h = 1; h <= 12; h++) {
+      // loop through each minute in the hour using the skip to incriment
+      for (let m = 0; m < 60; m += minuteIncrementer) {
+        // init the final strings that will be added to the lists
+        let hour = h.toString();
+        let minutes = m.toString();
+
+        // add prepending 0s to single digit hours/minutes
+        if (h < 10) {
+          hour = "0" + hour;
+        }
+        if (m < 10) {
+          minutes = "0" + minutes;
+        }
+
+        // build time strings and push to relevant sort groups
+        if (h === 12) {
+          const midnightOption: TimeOption = {
+            twelveHour: `${hour}:${minutes} AM`,
+            twentyFourHour: `00:${minutes}`,
+          };
+          midnight.push(midnightOption);
+
+          const noonOption: TimeOption = {
+            twelveHour: `${hour}:${minutes} PM`,
+            twentyFourHour: `${hour}:${minutes}`,
+          };
+          noon.push(noonOption);
         } else {
-            this.selectedDeletionDatePreset.setValue(DatePreset.SevenDays);
-            this.selectedExpirationDatePreset.setValue(DatePreset.Never);
+          const amOption: TimeOption = {
+            twelveHour: `${hour}:${minutes} AM`,
+            twentyFourHour: `${hour}:${minutes}`,
+          };
+          ams.push(amOption);
 
-            switch (this.browserPath) {
-                case BrowserPath.Safari:
-                    this.fallbackDeletionDate.setValue(this.nextWeek.toISOString().slice(0, 10));
-                    this.fallbackDeletionTime.setValue(this.safariTimePresetOptions(DateField.DeletionDate)[1].twentyFourHour);
-                    break;
-                default:
-                    break;
-            }
+          const pmOption: TimeOption = {
+            twelveHour: `${hour}:${minutes} PM`,
+            twentyFourHour: `${h + 12}:${minutes}`,
+          };
+          pms.push(pmOption);
         }
+      }
     }
 
-    protected safariTimePresetOptions(field: DateField): TimeOption[] {
-        // init individual arrays for major sort groups
-        const noon: TimeOption[] = [];
-        const midnight: TimeOption[] = [];
-        const ams: TimeOption[] = [];
-        const pms: TimeOption[] = [];
+    // bring all the arrays together in the right order
+    const validTimes = [...midnight, ...ams, ...noon, ...pms];
 
-        // determine minute skip (5 min, 10 min, 15 min, etc.)
-        const minuteIncrementer = 15;
-
-        // loop through each hour on a 12 hour system
-        for (let h = 1; h <= 12; h++) {
-            // loop through each minute in the hour using the skip to incriment
-            for (let m = 0; m < 60; m += minuteIncrementer) {
-                // init the final strings that will be added to the lists
-                let hour = h.toString();
-                let minutes = m.toString();
-
-                // add prepending 0s to single digit hours/minutes
-                if (h < 10) {
-                    hour = '0' + hour;
-                }
-                if (m < 10) {
-                    minutes = '0' + minutes;
-                }
-
-                // build time strings and push to relevant sort groups
-                if (h === 12) {
-                    const midnightOption: TimeOption = {
-                        twelveHour: `${hour}:${minutes} AM`,
-                        twentyFourHour: `00:${minutes}`,
-                    };
-                    midnight.push(midnightOption);
-
-                    const noonOption: TimeOption = {
-                        twelveHour: `${hour}:${minutes} PM`,
-                        twentyFourHour: `${hour}:${minutes}`,
-                    };
-                    noon.push(noonOption);
-                } else {
-                    const amOption: TimeOption = {
-                        twelveHour: `${hour}:${minutes} AM`,
-                        twentyFourHour: `${hour}:${minutes}`,
-                    };
-                    ams.push(amOption);
-
-                    const pmOption: TimeOption = {
-                        twelveHour: `${hour}:${minutes} PM`,
-                        twentyFourHour: `${h + 12}:${minutes}`,
-                    };
-                    pms.push(pmOption);
-                }
-            }
-        }
-
-        // bring all the arrays together in the right order
-        const validTimes = [...midnight, ...ams, ...noon, ...pms];
-
-        // determine if an unsupported value already exists on the send & add that to the top of the option list
-        // example: if the Send was created with a different client
-        if (field === DateField.ExpriationDate && this.initialExpirationDate != null && this.editMode) {
-            const previousValue: TimeOption = {
-                twelveHour: this.datePipe.transform(this.initialExpirationDate, 'hh:mm a'),
-                twentyFourHour: this.datePipe.transform(this.initialExpirationDate, 'HH:mm'),
-            };
-            return [previousValue, { twelveHour: null, twentyFourHour: null }, ...validTimes];
-        } else if (field === DateField.DeletionDate && this.initialDeletionDate != null && this.editMode) {
-            const previousValue: TimeOption = {
-                twelveHour: this.datePipe.transform(this.initialDeletionDate, 'hh:mm a'),
-                twentyFourHour: this.datePipe.transform(this.initialDeletionDate, 'HH:mm'),
-            };
-            return [previousValue, ...validTimes];
-        } else {
-            return [{ twelveHour: null, twentyFourHour: null }, ...validTimes];
-        }
+    // determine if an unsupported value already exists on the send & add that to the top of the option list
+    // example: if the Send was created with a different client
+    if (field === DateField.ExpriationDate && this.initialExpirationDate != null && this.editMode) {
+      const previousValue: TimeOption = {
+        twelveHour: this.datePipe.transform(this.initialExpirationDate, "hh:mm a"),
+        twentyFourHour: this.datePipe.transform(this.initialExpirationDate, "HH:mm"),
+      };
+      return [previousValue, { twelveHour: null, twentyFourHour: null }, ...validTimes];
+    } else if (
+      field === DateField.DeletionDate &&
+      this.initialDeletionDate != null &&
+      this.editMode
+    ) {
+      const previousValue: TimeOption = {
+        twelveHour: this.datePipe.transform(this.initialDeletionDate, "hh:mm a"),
+        twentyFourHour: this.datePipe.transform(this.initialDeletionDate, "HH:mm"),
+      };
+      return [previousValue, ...validTimes];
+    } else {
+      return [{ twelveHour: null, twentyFourHour: null }, ...validTimes];
     }
+  }
 }

angular/src/components/settings/vault-timeout-input.component.ts

@@ -1,138 +1,140 @@
+import { Directive, Input, OnInit } from "@angular/core";
 import {
-    Directive,
-    Input,
-    OnInit,
-} from '@angular/core';
-import {
-    AbstractControl,
-    ControlValueAccessor,
-    FormBuilder,
-    ValidationErrors,
-    Validator
-} from '@angular/forms';
+  AbstractControl,
+  ControlValueAccessor,
+  FormBuilder,
+  ValidationErrors,
+  Validator,
+} from "@angular/forms";
 
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PolicyService } from 'jslib-common/abstractions/policy.service';
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PolicyService } from "jslib-common/abstractions/policy.service";
 
-import { PolicyType } from 'jslib-common/enums/policyType';
-import { Policy } from 'jslib-common/models/domain/policy';
+import { PolicyType } from "jslib-common/enums/policyType";
+import { Policy } from "jslib-common/models/domain/policy";
 
 @Directive()
 export class VaultTimeoutInputComponent implements ControlValueAccessor, Validator, OnInit {
+  get showCustom() {
+    return this.form.get("vaultTimeout").value === VaultTimeoutInputComponent.CUSTOM_VALUE;
+  }
 
-    get showCustom() {
-        return this.form.get('vaultTimeout').value === VaultTimeoutInputComponent.CUSTOM_VALUE;
+  static CUSTOM_VALUE = -100;
+
+  form = this.fb.group({
+    vaultTimeout: [null],
+    custom: this.fb.group({
+      hours: [null],
+      minutes: [null],
+    }),
+  });
+
+  @Input() vaultTimeouts: { name: string; value: number }[];
+  vaultTimeoutPolicy: Policy;
+  vaultTimeoutPolicyHours: number;
+  vaultTimeoutPolicyMinutes: number;
+
+  private onChange: (vaultTimeout: number) => void;
+  private validatorChange: () => void;
+
+  constructor(
+    private fb: FormBuilder,
+    private policyService: PolicyService,
+    private i18nService: I18nService
+  ) {}
+
+  async ngOnInit() {
+    if (await this.policyService.policyAppliesToUser(PolicyType.MaximumVaultTimeout)) {
+      const vaultTimeoutPolicy = await this.policyService.getAll(PolicyType.MaximumVaultTimeout);
+
+      this.vaultTimeoutPolicy = vaultTimeoutPolicy[0];
+      this.vaultTimeoutPolicyHours = Math.floor(this.vaultTimeoutPolicy.data.minutes / 60);
+      this.vaultTimeoutPolicyMinutes = this.vaultTimeoutPolicy.data.minutes % 60;
+
+      this.vaultTimeouts = this.vaultTimeouts.filter(
+        (t) =>
+          t.value <= this.vaultTimeoutPolicy.data.minutes &&
+          (t.value > 0 || t.value === VaultTimeoutInputComponent.CUSTOM_VALUE) &&
+          t.value != null
+      );
+      this.validatorChange();
     }
 
-    static CUSTOM_VALUE = -100;
-
-    form = this.fb.group({
-        vaultTimeout: [null],
-        custom: this.fb.group({
-            hours: [null],
-            minutes: [null],
-        }),
+    this.form.valueChanges.subscribe(async (value) => {
+      this.onChange(this.getVaultTimeout(value));
     });
 
-    @Input() vaultTimeouts: { name: string; value: number; }[];
-    vaultTimeoutPolicy: Policy;
-    vaultTimeoutPolicyHours: number;
-    vaultTimeoutPolicyMinutes: number;
+    // Assign the previous value to the custom fields
+    this.form.get("vaultTimeout").valueChanges.subscribe((value) => {
+      if (value !== VaultTimeoutInputComponent.CUSTOM_VALUE) {
+        return;
+      }
 
-    private onChange: (vaultTimeout: number) => void;
-    private validatorChange: () => void;
+      const current = Math.max(this.form.value.vaultTimeout, 0);
+      this.form.patchValue({
+        custom: {
+          hours: Math.floor(current / 60),
+          minutes: current % 60,
+        },
+      });
+    });
+  }
 
-    constructor(private fb: FormBuilder, private policyService: PolicyService, private i18nService: I18nService) {
+  ngOnChanges() {
+    this.vaultTimeouts.push({
+      name: this.i18nService.t("custom"),
+      value: VaultTimeoutInputComponent.CUSTOM_VALUE,
+    });
+  }
+
+  getVaultTimeout(value: any) {
+    if (value.vaultTimeout !== VaultTimeoutInputComponent.CUSTOM_VALUE) {
+      return value.vaultTimeout;
     }
 
-    async ngOnInit() {
-        if (await this.policyService.policyAppliesToUser(PolicyType.MaximumVaultTimeout)) {
-            const vaultTimeoutPolicy = await this.policyService.getAll(PolicyType.MaximumVaultTimeout);
+    return value.custom.hours * 60 + value.custom.minutes;
+  }
 
-            this.vaultTimeoutPolicy = vaultTimeoutPolicy[0];
-            this.vaultTimeoutPolicyHours = Math.floor(this.vaultTimeoutPolicy.data.minutes / 60);
-            this.vaultTimeoutPolicyMinutes = this.vaultTimeoutPolicy.data.minutes % 60;
-
-            this.vaultTimeouts = this.vaultTimeouts.filter(t =>
-                t.value <= this.vaultTimeoutPolicy.data.minutes &&
-                (t.value > 0 || t.value === VaultTimeoutInputComponent.CUSTOM_VALUE) &&
-                t.value != null
-            );
-            this.validatorChange();
-        }
-
-        this.form.valueChanges.subscribe(async value => {
-            this.onChange(this.getVaultTimeout(value));
-        });
-
-        // Assign the previous value to the custom fields
-        this.form.get('vaultTimeout').valueChanges.subscribe(value => {
-            if (value !== VaultTimeoutInputComponent.CUSTOM_VALUE) {
-                return;
-            }
-
-            const current = Math.max(this.form.value.vaultTimeout, 0);
-            this.form.patchValue({
-                custom: {
-                    hours: Math.floor(current / 60),
-                    minutes: current % 60,
-                },
-            });
-        });
+  writeValue(value: number): void {
+    if (value == null) {
+      return;
     }
 
-    ngOnChanges() {
-        this.vaultTimeouts.push({ name: this.i18nService.t('custom'), value: VaultTimeoutInputComponent.CUSTOM_VALUE });
+    if (this.vaultTimeouts.every((p) => p.value !== value)) {
+      this.form.setValue({
+        vaultTimeout: VaultTimeoutInputComponent.CUSTOM_VALUE,
+        custom: {
+          hours: Math.floor(value / 60),
+          minutes: value % 60,
+        },
+      });
+      return;
     }
 
-    getVaultTimeout(value: any) {
-        if (value.vaultTimeout !== VaultTimeoutInputComponent.CUSTOM_VALUE) {
-            return value.vaultTimeout;
-        }
+    this.form.patchValue({
+      vaultTimeout: value,
+    });
+  }
 
-        return value.custom.hours * 60 + value.custom.minutes;
+  registerOnChange(onChange: any): void {
+    this.onChange = onChange;
+  }
+
+  // tslint:disable-next-line
+  registerOnTouched(onTouched: any): void {}
+
+  // tslint:disable-next-line
+  setDisabledState?(isDisabled: boolean): void {}
+
+  validate(control: AbstractControl): ValidationErrors {
+    if (this.vaultTimeoutPolicy && this.vaultTimeoutPolicy?.data?.minutes < control.value) {
+      return { policyError: true };
     }
 
-    writeValue(value: number): void {
-        if (value == null) {
-            return;
-        }
+    return null;
+  }
 
-        if (this.vaultTimeouts.every(p => p.value !== value)) {
-            this.form.setValue({
-                vaultTimeout: VaultTimeoutInputComponent.CUSTOM_VALUE,
-                custom: {
-                    hours: Math.floor(value / 60),
-                    minutes: value % 60,
-                },
-            });
-            return;
-        }
-
-        this.form.patchValue({
-            vaultTimeout: value,
-        });
-    }
-
-    registerOnChange(onChange: any): void {
-        this.onChange = onChange;
-    }
-
-    // tslint:disable-next-line
-    registerOnTouched(onTouched: any): void {}
-
-    // tslint:disable-next-line
-    setDisabledState?(isDisabled: boolean): void { }
-
-    validate(control: AbstractControl): ValidationErrors {
-        if (this.vaultTimeoutPolicy && this.vaultTimeoutPolicy?.data?.minutes < control.value) {
-            return { policyError: true };
-        }
-
-        return null;
-    }
-
-    registerOnValidatorChange(fn: () => void): void {
-        this.validatorChange = fn;
-    }
+  registerOnValidatorChange(fn: () => void): void {
+    this.validatorChange = fn;
+  }
 }

angular/src/components/two-factor-options.component.ts

@@ -1,38 +1,37 @@
-import {
-    Directive,
-    EventEmitter,
-    OnInit,
-    Output,
-} from '@angular/core';
-import { Router } from '@angular/router';
+import { Directive, EventEmitter, OnInit, Output } from "@angular/core";
+import { Router } from "@angular/router";
 
-import { TwoFactorProviderType } from 'jslib-common/enums/twoFactorProviderType';
+import { TwoFactorProviderType } from "jslib-common/enums/twoFactorProviderType";
 
-import { AuthService } from 'jslib-common/abstractions/auth.service';
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { AuthService } from "jslib-common/abstractions/auth.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
 @Directive()
 export class TwoFactorOptionsComponent implements OnInit {
-    @Output() onProviderSelected = new EventEmitter<TwoFactorProviderType>();
-    @Output() onRecoverSelected = new EventEmitter();
+  @Output() onProviderSelected = new EventEmitter<TwoFactorProviderType>();
+  @Output() onRecoverSelected = new EventEmitter();
 
-    providers: any[] = [];
+  providers: any[] = [];
 
-    constructor(protected authService: AuthService, protected router: Router,
-        protected i18nService: I18nService, protected platformUtilsService: PlatformUtilsService,
-        protected win: Window) { }
+  constructor(
+    protected authService: AuthService,
+    protected router: Router,
+    protected i18nService: I18nService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected win: Window
+  ) {}
 
-    ngOnInit() {
-        this.providers = this.authService.getSupportedTwoFactorProviders(this.win);
-    }
+  ngOnInit() {
+    this.providers = this.authService.getSupportedTwoFactorProviders(this.win);
+  }
 
-    choose(p: any) {
-        this.onProviderSelected.emit(p.type);
-    }
+  choose(p: any) {
+    this.onProviderSelected.emit(p.type);
+  }
 
-    recover() {
-        this.platformUtilsService.launchUri('https://help.bitwarden.com/article/lost-two-step-device/');
-        this.onRecoverSelected.emit();
-    }
+  recover() {
+    this.platformUtilsService.launchUri("https://help.bitwarden.com/article/lost-two-step-device/");
+    this.onRecoverSelected.emit();
+  }
 }

angular/src/components/verify-master-password.component.html

@@ -1,25 +1,46 @@
 <ng-container *ngIf="!usesKeyConnector">
-    <label for="masterPassword">{{'masterPass' | i18n}}</label>
-    <input id="masterPassword" type="password" name="MasterPasswordHash" class="form-control"
-        [formControl]="secret" required appAutofocus appInputVerbatim>
-    <small class="form-text text-muted">{{'confirmIdentity' | i18n}}</small>
+  <label for="masterPassword">{{ "masterPass" | i18n }}</label>
+  <input
+    id="masterPassword"
+    type="password"
+    name="MasterPasswordHash"
+    class="form-control"
+    [formControl]="secret"
+    required
+    appAutofocus
+    appInputVerbatim
+  />
+  <small class="form-text text-muted">{{ "confirmIdentity" | i18n }}</small>
 </ng-container>
 <ng-container *ngIf="usesKeyConnector">
-    <div class="form-group">
-        <label class="d-block">{{'sendVerificationCode' | i18n}}</label>
-        <button type="button" class="btn btn-outline-secondary" (click)="requestOTP()" [disabled]="disableRequestOTP">
-            {{'sendCode' | i18n}}
-        </button>
-        <span class="ml-2 text-success" role="alert" @sent *ngIf="sentCode">
-            <i class="fa fa-check-circle-o" aria-hidden="true"></i>
-            {{'codeSent' | i18n}}
-        </span>
-    </div>
+  <div class="form-group">
+    <label class="d-block">{{ "sendVerificationCode" | i18n }}</label>
+    <button
+      type="button"
+      class="btn btn-outline-secondary"
+      (click)="requestOTP()"
+      [disabled]="disableRequestOTP"
+    >
+      {{ "sendCode" | i18n }}
+    </button>
+    <span class="ml-2 text-success" role="alert" @sent *ngIf="sentCode">
+      <i class="fa fa-check-circle-o" aria-hidden="true"></i>
+      {{ "codeSent" | i18n }}
+    </span>
+  </div>
 
-    <div class="form-group">
-        <label for="verificationCode">{{'verificationCode' | i18n}}</label>
-        <input id="verificationCode" type="input" name="verificationCode" class="form-control"
-            [formControl]="secret" required appAutofocus appInputVerbatim>
-        <small class="form-text text-muted">{{'confirmIdentity' | i18n}}</small>
-    </div>
+  <div class="form-group">
+    <label for="verificationCode">{{ "verificationCode" | i18n }}</label>
+    <input
+      id="verificationCode"
+      type="input"
+      name="verificationCode"
+      class="form-control"
+      [formControl]="secret"
+      required
+      appAutofocus
+      appInputVerbatim
+    />
+    <small class="form-text text-muted">{{ "confirmIdentity" | i18n }}</small>
+  </div>
 </ng-container>

angular/src/components/verify-master-password.component.ts

@@ -1,105 +1,92 @@
-import {
-    animate,
-    style,
-    transition,
-    trigger,
-} from '@angular/animations';
-import {
-    Component,
-    OnInit,
-} from '@angular/core';
-import {
-    ControlValueAccessor,
-    FormControl,
-    NG_VALUE_ACCESSOR,
-} from '@angular/forms';
+import { animate, style, transition, trigger } from "@angular/animations";
+import { Component, OnInit } from "@angular/core";
+import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from "@angular/forms";
 
-import { KeyConnectorService } from 'jslib-common/abstractions/keyConnector.service';
-import { UserVerificationService } from 'jslib-common/abstractions/userVerification.service';
+import { KeyConnectorService } from "jslib-common/abstractions/keyConnector.service";
+import { UserVerificationService } from "jslib-common/abstractions/userVerification.service";
 
-import { VerificationType } from 'jslib-common/enums/verificationType';
+import { VerificationType } from "jslib-common/enums/verificationType";
 
-import { Verification } from 'jslib-common/types/verification';
+import { Verification } from "jslib-common/types/verification";
 
 @Component({
-    selector: 'app-verify-master-password',
-    templateUrl: 'verify-master-password.component.html',
-    providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            multi: true,
-            useExisting: VerifyMasterPasswordComponent,
-        },
-    ],
-    animations: [
-        trigger('sent', [
-            transition(':enter', [
-                style({ opacity: 0 }),
-                animate('100ms', style({ opacity: 1 })),
-            ]),
-        ]),
-    ],
+  selector: "app-verify-master-password",
+  templateUrl: "verify-master-password.component.html",
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      multi: true,
+      useExisting: VerifyMasterPasswordComponent,
+    },
+  ],
+  animations: [
+    trigger("sent", [
+      transition(":enter", [style({ opacity: 0 }), animate("100ms", style({ opacity: 1 }))]),
+    ]),
+  ],
 })
 export class VerifyMasterPasswordComponent implements ControlValueAccessor, OnInit {
-    usesKeyConnector: boolean = false;
-    disableRequestOTP: boolean = false;
-    sentCode: boolean = false;
+  usesKeyConnector: boolean = false;
+  disableRequestOTP: boolean = false;
+  sentCode: boolean = false;
 
-    secret = new FormControl('');
+  secret = new FormControl("");
 
-    private onChange: (value: Verification) => void;
+  private onChange: (value: Verification) => void;
 
-    constructor(private keyConnectorService: KeyConnectorService,
-        private userVerificationService: UserVerificationService) { }
+  constructor(
+    private keyConnectorService: KeyConnectorService,
+    private userVerificationService: UserVerificationService
+  ) {}
 
-    async ngOnInit() {
-        this.usesKeyConnector = await this.keyConnectorService.getUsesKeyConnector();
-        this.processChanges(this.secret.value);
+  async ngOnInit() {
+    this.usesKeyConnector = await this.keyConnectorService.getUsesKeyConnector();
+    this.processChanges(this.secret.value);
 
-        this.secret.valueChanges.subscribe(secret => this.processChanges(secret));
+    this.secret.valueChanges.subscribe((secret) => this.processChanges(secret));
+  }
+
+  async requestOTP() {
+    if (this.usesKeyConnector) {
+      this.disableRequestOTP = true;
+      try {
+        await this.userVerificationService.requestOTP();
+        this.sentCode = true;
+      } finally {
+        this.disableRequestOTP = false;
+      }
+    }
+  }
+
+  writeValue(obj: any): void {
+    this.secret.setValue(obj);
+  }
+
+  registerOnChange(fn: any): void {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+    // Not implemented
+  }
+
+  setDisabledState?(isDisabled: boolean): void {
+    this.disableRequestOTP = isDisabled;
+    if (isDisabled) {
+      this.secret.disable();
+    } else {
+      this.secret.enable();
+    }
+  }
+
+  private processChanges(secret: string) {
+    if (this.onChange == null) {
+      return;
     }
 
-    async requestOTP() {
-        if (this.usesKeyConnector) {
-            this.disableRequestOTP = true;
-            try {
-                await this.userVerificationService.requestOTP();
-                this.sentCode = true;
-            } finally {
-                this.disableRequestOTP = false;
-            }
-        }
-    }
-
-    writeValue(obj: any): void {
-        this.secret.setValue(obj);
-    }
-
-    registerOnChange(fn: any): void {
-        this.onChange = fn;
-    }
-
-    registerOnTouched(fn: any): void {
-        // Not implemented
-    }
-
-    setDisabledState?(isDisabled: boolean): void {
-        this.disableRequestOTP = isDisabled;
-        if (isDisabled) {
-            this.secret.disable();
-        } else {
-            this.secret.enable();
-        }
-    }
-
-    private processChanges(secret: string) {
-        if (this.onChange == null) {
-            return;
-        }
-
-        this.onChange({
-            type: this.usesKeyConnector ? VerificationType.OTP : VerificationType.MasterPassword,
-            secret: secret,
-        });
-    }
+    this.onChange({
+      type: this.usesKeyConnector ? VerificationType.OTP : VerificationType.MasterPassword,
+      secret: secret,
+    });
+  }
 }

angular/src/components/view-custom-fields.component.ts

@@ -1,35 +1,32 @@
-import {
-    Directive,
-    Input,
-} from '@angular/core';
+import { Directive, Input } from "@angular/core";
 
-import { EventType } from 'jslib-common/enums/eventType';
-import { FieldType } from 'jslib-common/enums/fieldType';
+import { EventType } from "jslib-common/enums/eventType";
+import { FieldType } from "jslib-common/enums/fieldType";
 
-import { EventService } from 'jslib-common/abstractions/event.service';
+import { EventService } from "jslib-common/abstractions/event.service";
 
-import { CipherView } from 'jslib-common/models/view/cipherView';
-import { FieldView } from 'jslib-common/models/view/fieldView';
+import { CipherView } from "jslib-common/models/view/cipherView";
+import { FieldView } from "jslib-common/models/view/fieldView";
 
 @Directive()
 export class ViewCustomFieldsComponent {
-    @Input() cipher: CipherView;
-    @Input() promptPassword: () => Promise<boolean>;
-    @Input() copy: (value: string, typeI18nKey: string, aType: string) => void;
+  @Input() cipher: CipherView;
+  @Input() promptPassword: () => Promise<boolean>;
+  @Input() copy: (value: string, typeI18nKey: string, aType: string) => void;
 
-    fieldType = FieldType;
+  fieldType = FieldType;
 
-    constructor(private eventService: EventService) { }
+  constructor(private eventService: EventService) {}
 
-    async toggleFieldValue(field: FieldView) {
-        if (!await this.promptPassword()) {
-            return;
-        }
-
-        const f = (field as any);
-        f.showValue = !f.showValue;
-        if (f.showValue) {
-            this.eventService.collect(EventType.Cipher_ClientToggledHiddenFieldVisible, this.cipher.id);
-        }
+  async toggleFieldValue(field: FieldView) {
+    if (!(await this.promptPassword())) {
+      return;
     }
+
+    const f = field as any;
+    f.showValue = !f.showValue;
+    if (f.showValue) {
+      this.eventService.collect(EventType.Cipher_ClientToggledHiddenFieldVisible, this.cipher.id);
+    }
+  }
 }

angular/src/directives/a11y-title.directive.ts

@@ -1,28 +1,23 @@
-import {
-    Directive,
-    ElementRef,
-    Input,
-    Renderer2,
-} from '@angular/core';
+import { Directive, ElementRef, Input, Renderer2 } from "@angular/core";
 
 @Directive({
-    selector: '[appA11yTitle]',
+  selector: "[appA11yTitle]",
 })
 export class A11yTitleDirective {
-    @Input() set appA11yTitle(title: string) {
-        this.title = title;
+  @Input() set appA11yTitle(title: string) {
+    this.title = title;
+  }
+
+  private title: string;
+
+  constructor(private el: ElementRef, private renderer: Renderer2) {}
+
+  ngOnInit() {
+    if (!this.el.nativeElement.hasAttribute("title")) {
+      this.renderer.setAttribute(this.el.nativeElement, "title", this.title);
     }
-
-    private title: string;
-
-    constructor(private el: ElementRef, private renderer: Renderer2) { }
-
-    ngOnInit() {
-        if (!this.el.nativeElement.hasAttribute('title')) {
-            this.renderer.setAttribute(this.el.nativeElement, 'title', this.title);
-        }
-        if (!this.el.nativeElement.hasAttribute('aria-label')) {
-            this.renderer.setAttribute(this.el.nativeElement, 'aria-label', this.title);
-        }
+    if (!this.el.nativeElement.hasAttribute("aria-label")) {
+      this.renderer.setAttribute(this.el.nativeElement, "aria-label", this.title);
     }
+  }
 }

angular/src/directives/api-action.directive.ts

@@ -1,42 +1,46 @@
-import {
-    Directive,
-    ElementRef,
-    Input,
-    OnChanges,
-} from '@angular/core';
-import { LogService } from 'jslib-common/abstractions/log.service';
+import { Directive, ElementRef, Input, OnChanges } from "@angular/core";
+import { LogService } from "jslib-common/abstractions/log.service";
 
-import { ErrorResponse } from 'jslib-common/models/response/errorResponse';
+import { ErrorResponse } from "jslib-common/models/response/errorResponse";
 
-import { ValidationService } from '../services/validation.service';
+import { ValidationService } from "../services/validation.service";
 
 @Directive({
-    selector: '[appApiAction]',
+  selector: "[appApiAction]",
 })
 export class ApiActionDirective implements OnChanges {
-    @Input() appApiAction: Promise<any>;
+  @Input() appApiAction: Promise<any>;
 
-    constructor(private el: ElementRef, private validationService: ValidationService,
-        private logService: LogService) { }
+  constructor(
+    private el: ElementRef,
+    private validationService: ValidationService,
+    private logService: LogService
+  ) {}
 
-    ngOnChanges(changes: any) {
-        if (this.appApiAction == null || this.appApiAction.then == null) {
-            return;
-        }
-
-        this.el.nativeElement.loading = true;
-
-        this.appApiAction.then((response: any) => {
-            this.el.nativeElement.loading = false;
-        }, (e: any) => {
-            this.el.nativeElement.loading = false;
-
-            if ((e instanceof ErrorResponse || e.constructor.name === 'ErrorResponse') && (e as ErrorResponse).captchaRequired) {
-                this.logService.error('Captcha required error response: ' + e.getSingleMessage());
-                return;
-            }
-            this.logService?.error(`Received API exception: ${e}`);
-            this.validationService.showError(e);
-        });
+  ngOnChanges(changes: any) {
+    if (this.appApiAction == null || this.appApiAction.then == null) {
+      return;
     }
+
+    this.el.nativeElement.loading = true;
+
+    this.appApiAction.then(
+      (response: any) => {
+        this.el.nativeElement.loading = false;
+      },
+      (e: any) => {
+        this.el.nativeElement.loading = false;
+
+        if (
+          (e instanceof ErrorResponse || e.constructor.name === "ErrorResponse") &&
+          (e as ErrorResponse).captchaRequired
+        ) {
+          this.logService.error("Captcha required error response: " + e.getSingleMessage());
+          return;
+        }
+        this.logService?.error(`Received API exception: ${e}`);
+        this.validationService.showError(e);
+      }
+    );
+  }
 }

angular/src/directives/autofocus.directive.ts

@@ -1,33 +1,28 @@
-import {
-    Directive,
-    ElementRef,
-    Input,
-    NgZone,
-} from '@angular/core';
+import { Directive, ElementRef, Input, NgZone } from "@angular/core";
 
-import { take } from 'rxjs/operators';
+import { take } from "rxjs/operators";
 
-import { Utils } from 'jslib-common/misc/utils';
+import { Utils } from "jslib-common/misc/utils";
 
 @Directive({
-    selector: '[appAutofocus]',
+  selector: "[appAutofocus]",
 })
 export class AutofocusDirective {
-    @Input() set appAutofocus(condition: boolean | string) {
-        this.autofocus = condition === '' || condition === true;
-    }
-
-    private autofocus: boolean;
-
-    constructor(private el: ElementRef, private ngZone: NgZone) { }
-
-    ngOnInit() {
-        if (!Utils.isMobileBrowser && this.autofocus) {
-            if (this.ngZone.isStable) {
-                this.el.nativeElement.focus();
-            } else {
-                this.ngZone.onStable.pipe(take(1)).subscribe(() => this.el.nativeElement.focus());
-            }
-        }
+  @Input() set appAutofocus(condition: boolean | string) {
+    this.autofocus = condition === "" || condition === true;
+  }
+
+  private autofocus: boolean;
+
+  constructor(private el: ElementRef, private ngZone: NgZone) {}
+
+  ngOnInit() {
+    if (!Utils.isMobileBrowser && this.autofocus) {
+      if (this.ngZone.isStable) {
+        this.el.nativeElement.focus();
+      } else {
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => this.el.nativeElement.focus());
+      }
     }
+  }
 }

angular/src/directives/blur-click.directive.ts

@@ -1,17 +1,12 @@
-import {
-    Directive,
-    ElementRef,
-    HostListener,
-} from '@angular/core';
+import { Directive, ElementRef, HostListener } from "@angular/core";
 
 @Directive({
-    selector: '[appBlurClick]',
+  selector: "[appBlurClick]",
 })
 export class BlurClickDirective {
-    constructor(private el: ElementRef) {
-    }
+  constructor(private el: ElementRef) {}
 
-    @HostListener('click') onClick() {
-        this.el.nativeElement.blur();
-    }
+  @HostListener("click") onClick() {
+    this.el.nativeElement.blur();
+  }
 }

angular/src/directives/box-row.directive.ts

@@ -1,51 +1,59 @@
-import {
-    Directive,
-    ElementRef,
-    HostListener,
-    OnInit,
-} from '@angular/core';
+import { Directive, ElementRef, HostListener, OnInit } from "@angular/core";
 
 @Directive({
-    selector: '[appBoxRow]',
+  selector: "[appBoxRow]",
 })
 export class BoxRowDirective implements OnInit {
-    el: HTMLElement = null;
-    formEls: Element[];
+  el: HTMLElement = null;
+  formEls: Element[];
 
-    constructor(private elRef: ElementRef) {
-        this.el = elRef.nativeElement;
+  constructor(private elRef: ElementRef) {
+    this.el = elRef.nativeElement;
+  }
+
+  ngOnInit(): void {
+    this.formEls = Array.from(
+      this.el.querySelectorAll('input:not([type="hidden"]), select, textarea')
+    );
+    this.formEls.forEach((formEl) => {
+      formEl.addEventListener(
+        "focus",
+        (event: Event) => {
+          this.el.classList.add("active");
+        },
+        false
+      );
+
+      formEl.addEventListener(
+        "blur",
+        (event: Event) => {
+          this.el.classList.remove("active");
+        },
+        false
+      );
+    });
+  }
+
+  @HostListener("click", ["$event"]) onClick(event: Event) {
+    const target = event.target as HTMLElement;
+    if (
+      target !== this.el &&
+      !target.classList.contains("progress") &&
+      !target.classList.contains("progress-bar")
+    ) {
+      return;
     }
 
-    ngOnInit(): void {
-        this.formEls = Array.from(this.el.querySelectorAll('input:not([type="hidden"]), select, textarea'));
-        this.formEls.forEach(formEl => {
-            formEl.addEventListener('focus', (event: Event) => {
-                this.el.classList.add('active');
-            }, false);
-
-            formEl.addEventListener('blur', (event: Event) => {
-                this.el.classList.remove('active');
-            }, false);
-        });
-    }
-
-    @HostListener('click', ['$event']) onClick(event: Event) {
-        const target = event.target as HTMLElement;
-        if (target !== this.el && !target.classList.contains('progress') &&
-            !target.classList.contains('progress-bar')) {
-            return;
-        }
-
-        if (this.formEls.length > 0) {
-            const formEl = (this.formEls[0] as HTMLElement);
-            if (formEl.tagName.toLowerCase() === 'input') {
-                const inputEl = (formEl as HTMLInputElement);
-                if (inputEl.type != null && inputEl.type.toLowerCase() === 'checkbox') {
-                    inputEl.click();
-                    return;
-                }
-            }
-            formEl.focus();
+    if (this.formEls.length > 0) {
+      const formEl = this.formEls[0] as HTMLElement;
+      if (formEl.tagName.toLowerCase() === "input") {
+        const inputEl = formEl as HTMLInputElement;
+        if (inputEl.type != null && inputEl.type.toLowerCase() === "checkbox") {
+          inputEl.click();
+          return;
         }
+      }
+      formEl.focus();
     }
+  }
 }

angular/src/directives/cipherListVirtualScroll.directive.ts

@@ -1,62 +1,76 @@
 import {
-    CdkFixedSizeVirtualScroll,
-    FixedSizeVirtualScrollStrategy,
-    VIRTUAL_SCROLL_STRATEGY,
-} from '@angular/cdk/scrolling';
-import {
-    Directive,
-    forwardRef,
-} from '@angular/core';
+  CdkFixedSizeVirtualScroll,
+  FixedSizeVirtualScrollStrategy,
+  VIRTUAL_SCROLL_STRATEGY,
+} from "@angular/cdk/scrolling";
+import { Directive, forwardRef } from "@angular/core";
 
 // Custom virtual scroll strategy for cdk-virtual-scroll
 // Uses a sample list item to set the itemSize for FixedSizeVirtualScrollStrategy
 // The use case is the same as FixedSizeVirtualScrollStrategy, but it avoids locking in pixel sizes in the template.
 export class CipherListVirtualScrollStrategy extends FixedSizeVirtualScrollStrategy {
-    private checkItemSizeCallback: any;
-    private timeout: any;
+  private checkItemSizeCallback: any;
+  private timeout: any;
 
-    constructor(itemSize: number, minBufferPx: number, maxBufferPx: number, checkItemSizeCallback: any) {
-        super(itemSize, minBufferPx, maxBufferPx);
-        this.checkItemSizeCallback = checkItemSizeCallback;
+  constructor(
+    itemSize: number,
+    minBufferPx: number,
+    maxBufferPx: number,
+    checkItemSizeCallback: any
+  ) {
+    super(itemSize, minBufferPx, maxBufferPx);
+    this.checkItemSizeCallback = checkItemSizeCallback;
+  }
+
+  onContentRendered() {
+    if (this.timeout != null) {
+      clearTimeout(this.timeout);
     }
 
-    onContentRendered() {
-        if (this.timeout != null) {
-            clearTimeout(this.timeout);
-        }
-
-        this.timeout = setTimeout(this.checkItemSizeCallback, 500);
-    }
+    this.timeout = setTimeout(this.checkItemSizeCallback, 500);
+  }
 }
 
 export function _cipherListVirtualScrollStrategyFactory(cipherListDir: CipherListVirtualScroll) {
-    return cipherListDir._scrollStrategy;
+  return cipherListDir._scrollStrategy;
 }
 
 @Directive({
-    selector: 'cdk-virtual-scroll-viewport[itemSize]',
-    providers: [{
-        provide: VIRTUAL_SCROLL_STRATEGY,
-        useFactory: _cipherListVirtualScrollStrategyFactory,
-        deps: [forwardRef(() => CipherListVirtualScroll)],
-    }],
+  selector: "cdk-virtual-scroll-viewport[itemSize]",
+  providers: [
+    {
+      provide: VIRTUAL_SCROLL_STRATEGY,
+      useFactory: _cipherListVirtualScrollStrategyFactory,
+      deps: [forwardRef(() => CipherListVirtualScroll)],
+    },
+  ],
 })
 export class CipherListVirtualScroll extends CdkFixedSizeVirtualScroll {
-    _scrollStrategy: CipherListVirtualScrollStrategy;
+  _scrollStrategy: CipherListVirtualScrollStrategy;
 
-    constructor() {
-        super();
-        this._scrollStrategy = new CipherListVirtualScrollStrategy(this.itemSize, this.minBufferPx, this.maxBufferPx,
-            this.checkAndUpdateItemSize);
-    }
-
-    checkAndUpdateItemSize = () => {
-        const sampleItem = document.querySelector('cdk-virtual-scroll-viewport .virtual-scroll-item') as HTMLElement;
-        const newItemSize = sampleItem?.offsetHeight;
-
-        if (newItemSize != null && newItemSize !== this.itemSize) {
-            this.itemSize = newItemSize;
-            this._scrollStrategy.updateItemAndBufferSize(this.itemSize, this.minBufferPx, this.maxBufferPx);
-        }
+  constructor() {
+    super();
+    this._scrollStrategy = new CipherListVirtualScrollStrategy(
+      this.itemSize,
+      this.minBufferPx,
+      this.maxBufferPx,
+      this.checkAndUpdateItemSize
+    );
+  }
+
+  checkAndUpdateItemSize = () => {
+    const sampleItem = document.querySelector(
+      "cdk-virtual-scroll-viewport .virtual-scroll-item"
+    ) as HTMLElement;
+    const newItemSize = sampleItem?.offsetHeight;
+
+    if (newItemSize != null && newItemSize !== this.itemSize) {
+      this.itemSize = newItemSize;
+      this._scrollStrategy.updateItemAndBufferSize(
+        this.itemSize,
+        this.minBufferPx,
+        this.maxBufferPx
+      );
     }
+  };
 }

angular/src/directives/fallback-src.directive.ts

@@ -1,20 +1,14 @@
-import {
-    Directive,
-    ElementRef,
-    HostListener,
-    Input,
-} from '@angular/core';
+import { Directive, ElementRef, HostListener, Input } from "@angular/core";
 
 @Directive({
-    selector: '[appFallbackSrc]',
+  selector: "[appFallbackSrc]",
 })
 export class FallbackSrcDirective {
-    @Input('appFallbackSrc') appFallbackSrc: string;
+  @Input("appFallbackSrc") appFallbackSrc: string;
 
-    constructor(private el: ElementRef) {
-    }
+  constructor(private el: ElementRef) {}
 
-    @HostListener('error') onError() {
-        this.el.nativeElement.src = this.appFallbackSrc;
-    }
+  @HostListener("error") onError() {
+    this.el.nativeElement.src = this.appFallbackSrc;
+  }
 }

angular/src/directives/input-verbatim.directive.ts

@@ -1,37 +1,32 @@
-import {
-    Directive,
-    ElementRef,
-    Input,
-    Renderer2,
-} from '@angular/core';
+import { Directive, ElementRef, Input, Renderer2 } from "@angular/core";
 
 @Directive({
-    selector: '[appInputVerbatim]',
+  selector: "[appInputVerbatim]",
 })
 export class InputVerbatimDirective {
-    @Input() set appInputVerbatim(condition: boolean | string) {
-        this.disableComplete = condition === '' || condition === true;
+  @Input() set appInputVerbatim(condition: boolean | string) {
+    this.disableComplete = condition === "" || condition === true;
+  }
+
+  private disableComplete: boolean;
+
+  constructor(private el: ElementRef, private renderer: Renderer2) {}
+
+  ngOnInit() {
+    if (this.disableComplete && !this.el.nativeElement.hasAttribute("autocomplete")) {
+      this.renderer.setAttribute(this.el.nativeElement, "autocomplete", "off");
     }
-
-    private disableComplete: boolean;
-
-    constructor(private el: ElementRef, private renderer: Renderer2) { }
-
-    ngOnInit() {
-        if (this.disableComplete && !this.el.nativeElement.hasAttribute('autocomplete')) {
-            this.renderer.setAttribute(this.el.nativeElement, 'autocomplete', 'off');
-        }
-        if (!this.el.nativeElement.hasAttribute('autocapitalize')) {
-            this.renderer.setAttribute(this.el.nativeElement, 'autocapitalize', 'none');
-        }
-        if (!this.el.nativeElement.hasAttribute('autocorrect')) {
-            this.renderer.setAttribute(this.el.nativeElement, 'autocorrect', 'none');
-        }
-        if (!this.el.nativeElement.hasAttribute('spellcheck')) {
-            this.renderer.setAttribute(this.el.nativeElement, 'spellcheck', 'false');
-        }
-        if (!this.el.nativeElement.hasAttribute('inputmode')) {
-            this.renderer.setAttribute(this.el.nativeElement, 'inputmode', 'verbatim');
-        }
+    if (!this.el.nativeElement.hasAttribute("autocapitalize")) {
+      this.renderer.setAttribute(this.el.nativeElement, "autocapitalize", "none");
     }
+    if (!this.el.nativeElement.hasAttribute("autocorrect")) {
+      this.renderer.setAttribute(this.el.nativeElement, "autocorrect", "none");
+    }
+    if (!this.el.nativeElement.hasAttribute("spellcheck")) {
+      this.renderer.setAttribute(this.el.nativeElement, "spellcheck", "false");
+    }
+    if (!this.el.nativeElement.hasAttribute("inputmode")) {
+      this.renderer.setAttribute(this.el.nativeElement, "inputmode", "verbatim");
+    }
+  }
 }

angular/src/directives/select-copy.directive.ts

@@ -1,41 +1,37 @@
-import {
-    Directive,
-    ElementRef,
-    HostListener,
-} from '@angular/core';
+import { Directive, ElementRef, HostListener } from "@angular/core";
 
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
 @Directive({
-    selector: '[appSelectCopy]',
+  selector: "[appSelectCopy]",
 })
 export class SelectCopyDirective {
-    constructor(private el: ElementRef, private platformUtilsService: PlatformUtilsService) { }
+  constructor(private el: ElementRef, private platformUtilsService: PlatformUtilsService) {}
 
-    @HostListener('copy') onCopy() {
-        if (window == null) {
-            return;
-        }
-        let copyText = '';
-        const selection = window.getSelection();
-        for (let i = 0; i < selection.rangeCount; i++) {
-            const range = selection.getRangeAt(i);
-            const text = range.toString();
-
-            // The selection should only contain one line of text. In some cases however, the
-            // selection contains newlines and space characters from the indentation of following
-            // sibling nodes. To avoid copying passwords containing trailing newlines and spaces
-            // that aren't part of the password, the selection has to be trimmed.
-            let stringEndPos = text.length;
-            const newLinePos = text.search(/(?:\r\n|\r|\n)/);
-            if (newLinePos > -1) {
-                const otherPart = text.substr(newLinePos).trim();
-                if (otherPart === '') {
-                    stringEndPos = newLinePos;
-                }
-            }
-            copyText += text.substring(0, stringEndPos);
-        }
-        this.platformUtilsService.copyToClipboard(copyText, { window: window });
+  @HostListener("copy") onCopy() {
+    if (window == null) {
+      return;
     }
+    let copyText = "";
+    const selection = window.getSelection();
+    for (let i = 0; i < selection.rangeCount; i++) {
+      const range = selection.getRangeAt(i);
+      const text = range.toString();
+
+      // The selection should only contain one line of text. In some cases however, the
+      // selection contains newlines and space characters from the indentation of following
+      // sibling nodes. To avoid copying passwords containing trailing newlines and spaces
+      // that aren't part of the password, the selection has to be trimmed.
+      let stringEndPos = text.length;
+      const newLinePos = text.search(/(?:\r\n|\r|\n)/);
+      if (newLinePos > -1) {
+        const otherPart = text.substr(newLinePos).trim();
+        if (otherPart === "") {
+          stringEndPos = newLinePos;
+        }
+      }
+      copyText += text.substring(0, stringEndPos);
+    }
+    this.platformUtilsService.copyToClipboard(copyText, { window: window });
+  }
 }

angular/src/directives/stop-click.directive.ts

@@ -1,13 +1,10 @@
-import {
-    Directive,
-    HostListener,
-} from '@angular/core';
+import { Directive, HostListener } from "@angular/core";
 
 @Directive({
-    selector: '[appStopClick]',
+  selector: "[appStopClick]",
 })
 export class StopClickDirective {
-    @HostListener('click', ['$event']) onClick($event: MouseEvent) {
-        $event.preventDefault();
-    }
+  @HostListener("click", ["$event"]) onClick($event: MouseEvent) {
+    $event.preventDefault();
+  }
 }

angular/src/directives/stop-prop.directive.ts

@@ -1,13 +1,10 @@
-import {
-    Directive,
-    HostListener,
-} from '@angular/core';
+import { Directive, HostListener } from "@angular/core";
 
 @Directive({
-    selector: '[appStopProp]',
+  selector: "[appStopProp]",
 })
 export class StopPropDirective {
-    @HostListener('click', ['$event']) onClick($event: MouseEvent) {
-        $event.stopPropagation();
-    }
+  @HostListener("click", ["$event"]) onClick($event: MouseEvent) {
+    $event.stopPropagation();
+  }
 }

angular/src/directives/true-false-value.directive.ts

@@ -1,54 +1,49 @@
-import {
-    Directive,
-    ElementRef,
-    forwardRef,
-    HostListener,
-    Input,
-    Renderer2,
-} from '@angular/core';
-import {
-    ControlValueAccessor,
-    NgControl,
-    NG_VALUE_ACCESSOR,
-} from '@angular/forms';
+import { Directive, ElementRef, forwardRef, HostListener, Input, Renderer2 } from "@angular/core";
+import { ControlValueAccessor, NgControl, NG_VALUE_ACCESSOR } from "@angular/forms";
 
 // ref: https://juristr.com/blog/2018/02/ng-true-value-directive/
 @Directive({
-    selector: 'input[type=checkbox][appTrueFalseValue]',
-    providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => TrueFalseValueDirective),
-            multi: true,
-        },
-    ],
+  selector: "input[type=checkbox][appTrueFalseValue]",
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => TrueFalseValueDirective),
+      multi: true,
+    },
+  ],
 })
 export class TrueFalseValueDirective implements ControlValueAccessor {
-    @Input() trueValue = true;
-    @Input() falseValue = false;
+  @Input() trueValue = true;
+  @Input() falseValue = false;
 
-    constructor(private elementRef: ElementRef, private renderer: Renderer2) { }
+  constructor(private elementRef: ElementRef, private renderer: Renderer2) {}
 
-    @HostListener('change', ['$event'])
-    onHostChange(ev: any) {
-        this.propagateChange(ev.target.checked ? this.trueValue : this.falseValue);
+  @HostListener("change", ["$event"])
+  onHostChange(ev: any) {
+    this.propagateChange(ev.target.checked ? this.trueValue : this.falseValue);
+  }
+
+  writeValue(obj: any): void {
+    if (obj === this.trueValue) {
+      this.renderer.setProperty(this.elementRef.nativeElement, "checked", true);
+    } else {
+      this.renderer.setProperty(this.elementRef.nativeElement, "checked", false);
     }
+  }
 
-    writeValue(obj: any): void {
-        if (obj === this.trueValue) {
-            this.renderer.setProperty(this.elementRef.nativeElement, 'checked', true);
-        } else {
-            this.renderer.setProperty(this.elementRef.nativeElement, 'checked', false);
-        }
-    }
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
 
-    registerOnChange(fn: any): void {
-        this.propagateChange = fn;
-    }
+  registerOnTouched(fn: any): void {
+    /* nothing */
+  }
 
-    registerOnTouched(fn: any): void { /* nothing */ }
+  setDisabledState?(isDisabled: boolean): void {
+    /* nothing */
+  }
 
-    setDisabledState?(isDisabled: boolean): void { /* nothing */ }
-
-    private propagateChange = (_: any) => { /* nothing */ };
+  private propagateChange = (_: any) => {
+    /* nothing */
+  };
 }

angular/src/pipes/color-password.pipe.ts

@@ -1,53 +1,50 @@
-import {
-    Pipe,
-    PipeTransform,
-} from '@angular/core';
-import { Utils } from 'jslib-common/misc/utils';
+import { Pipe, PipeTransform } from "@angular/core";
+import { Utils } from "jslib-common/misc/utils";
 
 /*
  An updated pipe that sanitizes HTML, highlights numbers and special characters (in different colors each)
  and handles Unicode / Emoji characters correctly.
 */
-@Pipe({ name: 'colorPassword' })
+@Pipe({ name: "colorPassword" })
 export class ColorPasswordPipe implements PipeTransform {
-    transform(password: string) {
-        // Convert to an array to handle cases that stings have special characters, ie: emoji.
-        const passwordArray = Array.from(password);
-        let colorizedPassword = '';
-        for (let i = 0; i < passwordArray.length; i++) {
-            let character = passwordArray[i];
-            let isSpecial = false;
-            // Sanitize HTML first.
-            switch (character) {
-                case '&':
-                    character = '&amp;';
-                    isSpecial = true;
-                    break;
-                case '<':
-                    character = '&lt;';
-                    isSpecial = true;
-                    break;
-                case '>':
-                    character = '&gt;';
-                    isSpecial = true;
-                    break;
-                case ' ':
-                    character = '&nbsp;';
-                    isSpecial = true;
-                    break;
-                default:
-                    break;
-            }
-            let type = 'letter';
-            if (character.match(Utils.regexpEmojiPresentation)) {
-                type = 'emoji';
-            } else if (isSpecial || character.match(/[^\w ]/)) {
-                type = 'special';
-            } else if (character.match(/\d/)) {
-                type = 'number';
-            }
-            colorizedPassword += '<span class="password-' + type + '">' + character + '</span>';
-        }
-        return colorizedPassword;
+  transform(password: string) {
+    // Convert to an array to handle cases that stings have special characters, ie: emoji.
+    const passwordArray = Array.from(password);
+    let colorizedPassword = "";
+    for (let i = 0; i < passwordArray.length; i++) {
+      let character = passwordArray[i];
+      let isSpecial = false;
+      // Sanitize HTML first.
+      switch (character) {
+        case "&":
+          character = "&amp;";
+          isSpecial = true;
+          break;
+        case "<":
+          character = "&lt;";
+          isSpecial = true;
+          break;
+        case ">":
+          character = "&gt;";
+          isSpecial = true;
+          break;
+        case " ":
+          character = "&nbsp;";
+          isSpecial = true;
+          break;
+        default:
+          break;
+      }
+      let type = "letter";
+      if (character.match(Utils.regexpEmojiPresentation)) {
+        type = "emoji";
+      } else if (isSpecial || character.match(/[^\w ]/)) {
+        type = "special";
+      } else if (character.match(/\d/)) {
+        type = "number";
+      }
+      colorizedPassword += '<span class="password-' + type + '">' + character + "</span>";
     }
+    return colorizedPassword;
+  }
 }

angular/src/pipes/i18n.pipe.ts

@@ -1,17 +1,14 @@
-import {
-    Pipe,
-    PipeTransform,
-} from '@angular/core';
+import { Pipe, PipeTransform } from "@angular/core";
 
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
+import { I18nService } from "jslib-common/abstractions/i18n.service";
 
 @Pipe({
-    name: 'i18n',
+  name: "i18n",
 })
 export class I18nPipe implements PipeTransform {
-    constructor(private i18nService: I18nService) { }
+  constructor(private i18nService: I18nService) {}
 
-    transform(id: string, p1?: string, p2?: string, p3?: string): string {
-        return this.i18nService.t(id, p1, p2, p3);
-    }
+  transform(id: string, p1?: string, p2?: string, p3?: string): string {
+    return this.i18nService.t(id, p1, p2, p3);
+  }
 }

angular/src/pipes/search-ciphers.pipe.ts

@@ -1,44 +1,41 @@
-import {
-    Pipe,
-    PipeTransform,
-} from '@angular/core';
+import { Pipe, PipeTransform } from "@angular/core";
 
-import { CipherView } from 'jslib-common/models/view/cipherView';
+import { CipherView } from "jslib-common/models/view/cipherView";
 
 @Pipe({
-    name: 'searchCiphers',
+  name: "searchCiphers",
 })
 export class SearchCiphersPipe implements PipeTransform {
-    transform(ciphers: CipherView[], searchText: string, deleted: boolean = false): CipherView[] {
-        if (ciphers == null || ciphers.length === 0) {
-            return [];
-        }
-
-        if (searchText == null || searchText.length < 2) {
-            return ciphers.filter(c => {
-                return deleted !== c.isDeleted;
-            });
-        }
-
-        searchText = searchText.trim().toLowerCase();
-        return ciphers.filter(c => {
-            if (deleted !== c.isDeleted) {
-                return false;
-            }
-            if (c.name != null && c.name.toLowerCase().indexOf(searchText) > -1) {
-                return true;
-            }
-            if (searchText.length >= 8 && c.id.startsWith(searchText)) {
-                return true;
-            }
-            if (c.subTitle != null && c.subTitle.toLowerCase().indexOf(searchText) > -1) {
-                return true;
-            }
-            if (c.login && c.login.uri != null && c.login.uri.toLowerCase().indexOf(searchText) > -1) {
-                return true;
-            }
-
-            return false;
-        });
+  transform(ciphers: CipherView[], searchText: string, deleted: boolean = false): CipherView[] {
+    if (ciphers == null || ciphers.length === 0) {
+      return [];
     }
+
+    if (searchText == null || searchText.length < 2) {
+      return ciphers.filter((c) => {
+        return deleted !== c.isDeleted;
+      });
+    }
+
+    searchText = searchText.trim().toLowerCase();
+    return ciphers.filter((c) => {
+      if (deleted !== c.isDeleted) {
+        return false;
+      }
+      if (c.name != null && c.name.toLowerCase().indexOf(searchText) > -1) {
+        return true;
+      }
+      if (searchText.length >= 8 && c.id.startsWith(searchText)) {
+        return true;
+      }
+      if (c.subTitle != null && c.subTitle.toLowerCase().indexOf(searchText) > -1) {
+        return true;
+      }
+      if (c.login && c.login.uri != null && c.login.uri.toLowerCase().indexOf(searchText) > -1) {
+        return true;
+      }
+
+      return false;
+    });
+  }
 }

angular/src/pipes/search.pipe.ts

@@ -1,33 +1,48 @@
-import {
-    Pipe,
-    PipeTransform,
-} from '@angular/core';
+import { Pipe, PipeTransform } from "@angular/core";
 
 @Pipe({
-    name: 'search',
+  name: "search",
 })
 export class SearchPipe implements PipeTransform {
-    transform(items: any[], searchText: string, prop1?: string, prop2?: string, prop3?: string): any[] {
-        if (items == null || items.length === 0) {
-            return [];
-        }
-
-        if (searchText == null || searchText.length < 2) {
-            return items;
-        }
-
-        searchText = searchText.trim().toLowerCase();
-        return items.filter(i => {
-            if (prop1 != null && i[prop1] != null && i[prop1].toString().toLowerCase().indexOf(searchText) > -1) {
-                return true;
-            }
-            if (prop2 != null && i[prop2] != null && i[prop2].toString().toLowerCase().indexOf(searchText) > -1) {
-                return true;
-            }
-            if (prop3 != null && i[prop3] != null && i[prop3].toString().toLowerCase().indexOf(searchText) > -1) {
-                return true;
-            }
-            return false;
-        });
+  transform(
+    items: any[],
+    searchText: string,
+    prop1?: string,
+    prop2?: string,
+    prop3?: string
+  ): any[] {
+    if (items == null || items.length === 0) {
+      return [];
     }
+
+    if (searchText == null || searchText.length < 2) {
+      return items;
+    }
+
+    searchText = searchText.trim().toLowerCase();
+    return items.filter((i) => {
+      if (
+        prop1 != null &&
+        i[prop1] != null &&
+        i[prop1].toString().toLowerCase().indexOf(searchText) > -1
+      ) {
+        return true;
+      }
+      if (
+        prop2 != null &&
+        i[prop2] != null &&
+        i[prop2].toString().toLowerCase().indexOf(searchText) > -1
+      ) {
+        return true;
+      }
+      if (
+        prop3 != null &&
+        i[prop3] != null &&
+        i[prop3].toString().toLowerCase().indexOf(searchText) > -1
+      ) {
+        return true;
+      }
+      return false;
+    });
+  }
 }

angular/src/pipes/user-name.pipe.ts

@@ -1,22 +1,19 @@
-import {
-    Pipe,
-    PipeTransform,
-} from '@angular/core';
+import { Pipe, PipeTransform } from "@angular/core";
 
 interface User {
-    name?: string;
-    email: string;
+  name?: string;
+  email: string;
 }
 
 @Pipe({
-    name: 'userName',
+  name: "userName",
 })
 export class UserNamePipe implements PipeTransform {
-    transform(user?: User): string {
-        if (user == null) {
-            return null;
-        }
-
-        return user.name == null || user.name.trim() === '' ? user.email : user.name;
+  transform(user?: User): string {
+    if (user == null) {
+      return null;
     }
+
+    return user.name == null || user.name.trim() === "" ? user.email : user.name;
+  }
 }

angular/src/scss/webfonts.css

@@ -1,90 +1,89 @@
 @font-face {
-	font-family: 'Open Sans';
-	font-style: italic;
-	font-weight: 300;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-italic-300.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 300;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-italic-300.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: italic;
-	font-weight: 400;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-italic-400.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 400;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-italic-400.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: italic;
-	font-weight: 600;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-italic-600.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 600;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-italic-600.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: italic;
-	font-weight: 700;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-italic-700.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 700;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-italic-700.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: italic;
-	font-weight: 800;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-italic-800.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 800;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-italic-800.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: normal;
-	font-weight: 300;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-normal-300.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-normal-300.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: normal;
-	font-weight: 400;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-normal-400.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-normal-400.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: normal;
-	font-weight: 600;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-normal-600.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-normal-600.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: normal;
-	font-weight: 700;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-normal-700.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-normal-700.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
 
 @font-face {
-	font-family: 'Open Sans';
-	font-style: normal;
-	font-weight: 800;
-	font-display: auto;
-	src: url(webfonts/Open_Sans-normal-800.woff) format('woff');
-	unicode-range: U+0-10FFFF;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 800;
+  font-display: auto;
+  src: url(webfonts/Open_Sans-normal-800.woff) format("woff");
+  unicode-range: U+0-10FFFF;
 }
-

angular/src/services/broadcaster.service.ts

@@ -1,7 +1,6 @@
-import { Injectable } from '@angular/core';
+import { Injectable } from "@angular/core";
 
-import { BroadcasterService as BaseBroadcasterService } from 'jslib-common/services/broadcaster.service';
+import { BroadcasterService as BaseBroadcasterService } from "jslib-common/services/broadcaster.service";
 
 @Injectable()
-export class BroadcasterService extends BaseBroadcasterService {
-}
+export class BroadcasterService extends BaseBroadcasterService {}

angular/src/services/modal.service.ts

@@ -1,164 +1,179 @@
 import {
-    ApplicationRef,
-    ComponentFactory,
-    ComponentFactoryResolver,
-    ComponentRef,
-    EmbeddedViewRef,
-    Injectable,
-    Injector,
-    Type,
-    ViewContainerRef
-} from '@angular/core';
-import { first } from 'rxjs/operators';
+  ApplicationRef,
+  ComponentFactory,
+  ComponentFactoryResolver,
+  ComponentRef,
+  EmbeddedViewRef,
+  Injectable,
+  Injector,
+  Type,
+  ViewContainerRef,
+} from "@angular/core";
+import { first } from "rxjs/operators";
 
-import { DynamicModalComponent } from '../components/modal/dynamic-modal.component';
-import { ModalInjector } from '../components/modal/modal-injector';
-import { ModalRef } from '../components/modal/modal.ref';
+import { DynamicModalComponent } from "../components/modal/dynamic-modal.component";
+import { ModalInjector } from "../components/modal/modal-injector";
+import { ModalRef } from "../components/modal/modal.ref";
 
 export class ModalConfig<D = any> {
-    data?: D;
-    allowMultipleModals: boolean = false;
+  data?: D;
+  allowMultipleModals: boolean = false;
 }
 
 @Injectable()
 export class ModalService {
-    protected modalList: ComponentRef<DynamicModalComponent>[] = [];
+  protected modalList: ComponentRef<DynamicModalComponent>[] = [];
 
-    // Lazy loaded modules are not available in componentFactoryResolver,
-    // therefore modules needs to manually initialize their resolvers.
-    private factoryResolvers: Map<Type<any>, ComponentFactoryResolver> = new Map();
+  // Lazy loaded modules are not available in componentFactoryResolver,
+  // therefore modules needs to manually initialize their resolvers.
+  private factoryResolvers: Map<Type<any>, ComponentFactoryResolver> = new Map();
 
-    constructor(private componentFactoryResolver: ComponentFactoryResolver, private applicationRef: ApplicationRef,
-        private injector: Injector) {
-        document.addEventListener('keyup', event => {
-            if (event.key === 'Escape' && this.modalCount > 0) {
-                this.topModal.instance.close();
-            }
+  constructor(
+    private componentFactoryResolver: ComponentFactoryResolver,
+    private applicationRef: ApplicationRef,
+    private injector: Injector
+  ) {
+    document.addEventListener("keyup", (event) => {
+      if (event.key === "Escape" && this.modalCount > 0) {
+        this.topModal.instance.close();
+      }
+    });
+  }
+
+  get modalCount() {
+    return this.modalList.length;
+  }
+
+  private get topModal() {
+    return this.modalList[this.modalCount - 1];
+  }
+
+  async openViewRef<T>(
+    componentType: Type<T>,
+    viewContainerRef: ViewContainerRef,
+    setComponentParameters: (component: T) => void = null
+  ): Promise<[ModalRef, T]> {
+    const [modalRef, modalComponentRef] = this.openInternal(componentType, null, false);
+    modalComponentRef.instance.setComponentParameters = setComponentParameters;
+
+    viewContainerRef.insert(modalComponentRef.hostView);
+
+    await modalRef.onCreated.pipe(first()).toPromise();
+
+    return [modalRef, modalComponentRef.instance.componentRef.instance];
+  }
+
+  open(componentType: Type<any>, config?: ModalConfig) {
+    if (!(config?.allowMultipleModals ?? false) && this.modalCount > 0) {
+      return;
+    }
+
+    const [modalRef, _] = this.openInternal(componentType, config, true);
+
+    return modalRef;
+  }
+
+  registerComponentFactoryResolver<T>(
+    componentType: Type<T>,
+    componentFactoryResolver: ComponentFactoryResolver
+  ): void {
+    this.factoryResolvers.set(componentType, componentFactoryResolver);
+  }
+
+  resolveComponentFactory<T>(componentType: Type<T>): ComponentFactory<T> {
+    if (this.factoryResolvers.has(componentType)) {
+      return this.factoryResolvers.get(componentType).resolveComponentFactory(componentType);
+    }
+
+    return this.componentFactoryResolver.resolveComponentFactory(componentType);
+  }
+
+  protected openInternal(
+    componentType: Type<any>,
+    config?: ModalConfig,
+    attachToDom?: boolean
+  ): [ModalRef, ComponentRef<DynamicModalComponent>] {
+    const [modalRef, componentRef] = this.createModalComponent(config);
+    componentRef.instance.childComponentType = componentType;
+
+    if (attachToDom) {
+      this.applicationRef.attachView(componentRef.hostView);
+      const domElem = (componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;
+      document.body.appendChild(domElem);
+    }
+
+    modalRef.onClosed.pipe(first()).subscribe(() => {
+      if (attachToDom) {
+        this.applicationRef.detachView(componentRef.hostView);
+      }
+      componentRef.destroy();
+
+      this.modalList.pop();
+      if (this.modalCount > 0) {
+        this.topModal.instance.getFocus();
+      }
+    });
+
+    this.setupHandlers(modalRef);
+
+    this.modalList.push(componentRef);
+
+    return [modalRef, componentRef];
+  }
+
+  protected setupHandlers(modalRef: ModalRef) {
+    let backdrop: HTMLElement = null;
+
+    // Add backdrop, setup [data-dismiss] handler.
+    modalRef.onCreated.pipe(first()).subscribe((el) => {
+      document.body.classList.add("modal-open");
+
+      const modalEl: HTMLElement = el.querySelector(".modal");
+      const dialogEl = modalEl.querySelector(".modal-dialog") as HTMLElement;
+
+      backdrop = document.createElement("div");
+      backdrop.className = "modal-backdrop fade";
+      backdrop.style.zIndex = `${this.modalCount}040`;
+      modalEl.prepend(backdrop);
+
+      dialogEl.addEventListener("click", (e: Event) => {
+        e.stopPropagation();
+      });
+      dialogEl.style.zIndex = `${this.modalCount}050`;
+
+      const modals = Array.from(
+        el.querySelectorAll('.modal-backdrop, .modal *[data-dismiss="modal"]')
+      );
+      for (const closeElement of modals) {
+        closeElement.addEventListener("click", (event) => {
+          modalRef.close();
         });
-    }
+      }
+    });
 
-    get modalCount() {
-        return this.modalList.length;
-    }
+    // onClose is used in Web to hook into bootstrap. On other projects we pipe it directly to closed.
+    modalRef.onClose.pipe(first()).subscribe(() => {
+      modalRef.closed();
 
-    private get topModal() {
-        return this.modalList[this.modalCount - 1];
-    }
+      if (this.modalCount === 0) {
+        document.body.classList.remove("modal-open");
+      }
+    });
+  }
 
-    async openViewRef<T>(componentType: Type<T>, viewContainerRef: ViewContainerRef,
-        setComponentParameters: (component: T) => void = null): Promise<[ModalRef, T]> {
+  protected createModalComponent(
+    config: ModalConfig
+  ): [ModalRef, ComponentRef<DynamicModalComponent>] {
+    const modalRef = new ModalRef();
 
-        const [modalRef, modalComponentRef] = this.openInternal(componentType, null, false);
-        modalComponentRef.instance.setComponentParameters = setComponentParameters;
+    const map = new WeakMap();
+    map.set(ModalConfig, config);
+    map.set(ModalRef, modalRef);
 
-        viewContainerRef.insert(modalComponentRef.hostView);
+    const componentFactory =
+      this.componentFactoryResolver.resolveComponentFactory(DynamicModalComponent);
+    const componentRef = componentFactory.create(new ModalInjector(this.injector, map));
 
-        await modalRef.onCreated.pipe(first()).toPromise();
-
-        return [modalRef, modalComponentRef.instance.componentRef.instance];
-    }
-
-    open(componentType: Type<any>, config?: ModalConfig) {
-        if (!(config?.allowMultipleModals ?? false) && this.modalCount > 0) {
-            return;
-        }
-
-        const [modalRef, _] = this.openInternal(componentType, config, true);
-
-        return modalRef;
-    }
-
-    registerComponentFactoryResolver<T>(componentType: Type<T>, componentFactoryResolver: ComponentFactoryResolver): void {
-        this.factoryResolvers.set(componentType, componentFactoryResolver);
-    }
-
-    resolveComponentFactory<T>(componentType: Type<T>): ComponentFactory<T> {
-        if (this.factoryResolvers.has(componentType)) {
-            return this.factoryResolvers.get(componentType).resolveComponentFactory(componentType);
-        }
-
-        return this.componentFactoryResolver.resolveComponentFactory(componentType);
-    }
-
-    protected openInternal(componentType: Type<any>, config?: ModalConfig, attachToDom?: boolean):
-        [ModalRef, ComponentRef<DynamicModalComponent>] {
-
-        const [modalRef, componentRef] = this.createModalComponent(config);
-        componentRef.instance.childComponentType = componentType;
-
-        if (attachToDom) {
-            this.applicationRef.attachView(componentRef.hostView);
-            const domElem = (componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;
-            document.body.appendChild(domElem);
-        }
-
-        modalRef.onClosed.pipe(first()).subscribe(() => {
-            if (attachToDom) {
-                this.applicationRef.detachView(componentRef.hostView);
-            }
-            componentRef.destroy();
-
-            this.modalList.pop();
-            if (this.modalCount > 0) {
-                this.topModal.instance.getFocus();
-            }
-        });
-
-        this.setupHandlers(modalRef);
-
-        this.modalList.push(componentRef);
-
-        return [modalRef, componentRef];
-    }
-
-    protected setupHandlers(modalRef: ModalRef) {
-        let backdrop: HTMLElement = null;
-
-        // Add backdrop, setup [data-dismiss] handler.
-        modalRef.onCreated.pipe(first()).subscribe(el => {
-            document.body.classList.add('modal-open');
-
-            const modalEl: HTMLElement = el.querySelector('.modal');
-            const dialogEl = modalEl.querySelector('.modal-dialog') as HTMLElement;
-
-            backdrop = document.createElement('div');
-            backdrop.className = 'modal-backdrop fade';
-            backdrop.style.zIndex = `${this.modalCount}040`;
-            modalEl.prepend(backdrop);
-
-            dialogEl.addEventListener('click', (e: Event) => {
-                e.stopPropagation();
-            });
-            dialogEl.style.zIndex = `${this.modalCount}050`;
-
-            const modals = Array.from(el.querySelectorAll('.modal-backdrop, .modal *[data-dismiss="modal"]'));
-            for (const closeElement of modals) {
-                closeElement.addEventListener('click', event => {
-                    modalRef.close();
-                });
-            }
-        });
-
-        // onClose is used in Web to hook into bootstrap. On other projects we pipe it directly to closed.
-        modalRef.onClose.pipe(first()).subscribe(() => {
-            modalRef.closed();
-
-            if (this.modalCount === 0) {
-                document.body.classList.remove('modal-open');
-            }
-        });
-    }
-
-    protected createModalComponent(config: ModalConfig): [ModalRef, ComponentRef<DynamicModalComponent>] {
-        const modalRef = new ModalRef();
-
-        const map = new WeakMap();
-        map.set(ModalConfig, config);
-        map.set(ModalRef, modalRef);
-
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicModalComponent);
-        const componentRef = componentFactory.create(new ModalInjector(this.injector, map));
-
-        return [modalRef, componentRef];
-    }
+    return [modalRef, componentRef];
+  }
 }

angular/src/services/passwordReprompt.service.ts

@@ -1,37 +1,40 @@
-import { Injectable } from '@angular/core';
+import { Injectable } from "@angular/core";
 
-import { KeyConnectorService } from 'jslib-common/abstractions/keyConnector.service';
-import { PasswordRepromptService as PasswordRepromptServiceAbstraction } from 'jslib-common/abstractions/passwordReprompt.service';
+import { KeyConnectorService } from "jslib-common/abstractions/keyConnector.service";
+import { PasswordRepromptService as PasswordRepromptServiceAbstraction } from "jslib-common/abstractions/passwordReprompt.service";
 
-import { PasswordRepromptComponent } from '../components/password-reprompt.component';
-import { ModalService } from './modal.service';
+import { PasswordRepromptComponent } from "../components/password-reprompt.component";
+import { ModalService } from "./modal.service";
 
 @Injectable()
 export class PasswordRepromptService implements PasswordRepromptServiceAbstraction {
-    protected component = PasswordRepromptComponent;
+  protected component = PasswordRepromptComponent;
 
-    constructor(private modalService: ModalService, private keyConnectorService: KeyConnectorService) { }
+  constructor(
+    private modalService: ModalService,
+    private keyConnectorService: KeyConnectorService
+  ) {}
 
-    protectedFields() {
-        return ['TOTP', 'Password', 'H_Field', 'Card Number', 'Security Code'];
+  protectedFields() {
+    return ["TOTP", "Password", "H_Field", "Card Number", "Security Code"];
+  }
+
+  async showPasswordPrompt() {
+    if (!(await this.enabled())) {
+      return true;
     }
 
-    async showPasswordPrompt() {
-        if (!await this.enabled()) {
-            return true;
-        }
+    const ref = this.modalService.open(this.component, { allowMultipleModals: true });
 
-        const ref = this.modalService.open(this.component, {allowMultipleModals: true});
-
-        if (ref == null) {
-            return false;
-        }
-
-        const result = await ref.onClosedPromise();
-        return result === true;
+    if (ref == null) {
+      return false;
     }
 
-    async enabled() {
-        return !await this.keyConnectorService.getUsesKeyConnector();
-    }
+    const result = await ref.onClosedPromise();
+    return result === true;
+  }
+
+  async enabled() {
+    return !(await this.keyConnectorService.getUsesKeyConnector());
+  }
 }

angular/src/services/validation.service.ts

@@ -1,36 +1,39 @@
-import { Injectable } from '@angular/core';
+import { Injectable } from "@angular/core";
 
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
-import { ErrorResponse } from 'jslib-common/models/response/errorResponse';
+import { ErrorResponse } from "jslib-common/models/response/errorResponse";
 
 @Injectable()
 export class ValidationService {
-    constructor(private i18nService: I18nService, private platformUtilsService: PlatformUtilsService) { }
+  constructor(
+    private i18nService: I18nService,
+    private platformUtilsService: PlatformUtilsService
+  ) {}
 
-    showError(data: any): string[] {
-        const defaultErrorMessage = this.i18nService.t('unexpectedError');
-        let errors: string[] = [];
+  showError(data: any): string[] {
+    const defaultErrorMessage = this.i18nService.t("unexpectedError");
+    let errors: string[] = [];
 
-        if (data != null && typeof data === 'string') {
-            errors.push(data);
-        } else if (data == null || typeof data !== 'object') {
-            errors.push(defaultErrorMessage);
-        } else if (data.validationErrors != null) {
-            errors = errors.concat((data as ErrorResponse).getAllMessages());
-        } else {
-            errors.push(data.message ? data.message : defaultErrorMessage);
-        }
-
-        if (errors.length === 1) {
-            this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'), errors[0]);
-        } else if (errors.length > 1) {
-            this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'), errors, {
-                timeout: 5000 * errors.length,
-            });
-        }
-
-        return errors;
+    if (data != null && typeof data === "string") {
+      errors.push(data);
+    } else if (data == null || typeof data !== "object") {
+      errors.push(defaultErrorMessage);
+    } else if (data.validationErrors != null) {
+      errors = errors.concat((data as ErrorResponse).getAllMessages());
+    } else {
+      errors.push(data.message ? data.message : defaultErrorMessage);
     }
+
+    if (errors.length === 1) {
+      this.platformUtilsService.showToast("error", this.i18nService.t("errorOccurred"), errors[0]);
+    } else if (errors.length > 1) {
+      this.platformUtilsService.showToast("error", this.i18nService.t("errorOccurred"), errors, {
+        timeout: 5000 * errors.length,
+      });
+    }
+
+    return errors;
+  }
 }

angular/tsconfig.json

@@ -14,17 +14,9 @@
     "declarationDir": "dist/types",
     "outDir": "dist",
     "paths": {
-      "jslib-common/*": [
-        "../common/src/*"
-      ]
+      "jslib-common/*": ["../common/src/*"]
     }
   },
-  "include": [
-    "src",
-    "spec"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
+  "include": ["src", "spec"],
+  "exclude": ["node_modules", "dist"]
 }

common/src/abstractions/appId.service.ts

@@ -1,4 +1,4 @@
 export abstract class AppIdService {
-    getAppId: () => Promise<string>;
-    getAnonymousAppId: () => Promise<string>;
+  getAppId: () => Promise<string>;
+  getAnonymousAppId: () => Promise<string>;
 }

common/src/abstractions/audit.service.ts

@@ -1,6 +1,6 @@
-import { BreachAccountResponse } from '../models/response/breachAccountResponse';
+import { BreachAccountResponse } from "../models/response/breachAccountResponse";
 
 export abstract class AuditService {
-    passwordLeaked: (password: string) => Promise<number>;
-    breachedAccounts: (username: string) => Promise<BreachAccountResponse[]>;
+  passwordLeaked: (password: string) => Promise<number>;
+  breachedAccounts: (username: string) => Promise<BreachAccountResponse[]>;
 }

common/src/abstractions/auth.service.ts

@@ -1,35 +1,60 @@
-import { TwoFactorProviderType } from '../enums/twoFactorProviderType';
+import { TwoFactorProviderType } from "../enums/twoFactorProviderType";
 
-import { AuthResult } from '../models/domain/authResult';
-import { SymmetricCryptoKey } from '../models/domain/symmetricCryptoKey';
+import { AuthResult } from "../models/domain/authResult";
+import { SymmetricCryptoKey } from "../models/domain/symmetricCryptoKey";
 
 export abstract class AuthService {
-    email: string;
-    masterPasswordHash: string;
-    code: string;
-    codeVerifier: string;
-    ssoRedirectUrl: string;
-    clientId: string;
-    clientSecret: string;
-    twoFactorProvidersData: Map<TwoFactorProviderType, { [key: string]: string; }>;
-    selectedTwoFactorProviderType: TwoFactorProviderType;
+  email: string;
+  masterPasswordHash: string;
+  code: string;
+  codeVerifier: string;
+  ssoRedirectUrl: string;
+  clientId: string;
+  clientSecret: string;
+  twoFactorProvidersData: Map<TwoFactorProviderType, { [key: string]: string }>;
+  selectedTwoFactorProviderType: TwoFactorProviderType;
 
-    logIn: (email: string, masterPassword: string, captchaToken?: string) => Promise<AuthResult>;
-    logInSso: (code: string, codeVerifier: string, redirectUrl: string, orgId: string) => Promise<AuthResult>;
-    logInApiKey: (clientId: string, clientSecret: string) => Promise<AuthResult>;
-    logInTwoFactor: (twoFactorProvider: TwoFactorProviderType, twoFactorToken: string,
-        remember?: boolean) => Promise<AuthResult>;
-    logInComplete: (email: string, masterPassword: string, twoFactorProvider: TwoFactorProviderType,
-        twoFactorToken: string, remember?: boolean, captchaToken?: string) => Promise<AuthResult>;
-    logInSsoComplete: (code: string, codeVerifier: string, redirectUrl: string,
-        twoFactorProvider: TwoFactorProviderType, twoFactorToken: string, remember?: boolean) => Promise<AuthResult>;
-    logInApiKeyComplete: (clientId: string, clientSecret: string, twoFactorProvider: TwoFactorProviderType,
-        twoFactorToken: string, remember?: boolean) => Promise<AuthResult>;
-    logOut: (callback: Function) => void;
-    getSupportedTwoFactorProviders: (win: Window) => any[];
-    getDefaultTwoFactorProvider: (webAuthnSupported: boolean) => TwoFactorProviderType;
-    makePreloginKey: (masterPassword: string, email: string) => Promise<SymmetricCryptoKey>;
-    authingWithApiKey: () => boolean;
-    authingWithSso: () => boolean;
-    authingWithPassword: () => boolean;
+  logIn: (email: string, masterPassword: string, captchaToken?: string) => Promise<AuthResult>;
+  logInSso: (
+    code: string,
+    codeVerifier: string,
+    redirectUrl: string,
+    orgId: string
+  ) => Promise<AuthResult>;
+  logInApiKey: (clientId: string, clientSecret: string) => Promise<AuthResult>;
+  logInTwoFactor: (
+    twoFactorProvider: TwoFactorProviderType,
+    twoFactorToken: string,
+    remember?: boolean
+  ) => Promise<AuthResult>;
+  logInComplete: (
+    email: string,
+    masterPassword: string,
+    twoFactorProvider: TwoFactorProviderType,
+    twoFactorToken: string,
+    remember?: boolean,
+    captchaToken?: string
+  ) => Promise<AuthResult>;
+  logInSsoComplete: (
+    code: string,
+    codeVerifier: string,
+    redirectUrl: string,
+    twoFactorProvider: TwoFactorProviderType,
+    twoFactorToken: string,
+    remember?: boolean
+  ) => Promise<AuthResult>;
+  logInApiKeyComplete: (
+    clientId: string,
+    clientSecret: string,
+    twoFactorProvider: TwoFactorProviderType,
+    twoFactorToken: string,
+    remember?: boolean
+  ) => Promise<AuthResult>;
+  logOut: (callback: Function) => void;
+  getSupportedTwoFactorProviders: (win: Window) => any[];
+  getDefaultTwoFactorProvider: (webAuthnSupported: boolean) => TwoFactorProviderType;
+  makePreloginKey: (masterPassword: string, email: string) => Promise<SymmetricCryptoKey>;
+  authingWithApiKey: () => boolean;
+  authingWithSso: () => boolean;
+  authingWithPassword: () => boolean;
 }

common/src/abstractions/biometric.main.ts

@@ -1,6 +1,6 @@
 export abstract class BiometricMain {
-    isError: boolean;
-    init: () => Promise<void>;
-    supportsBiometric: () => Promise<boolean>;
-    authenticateBiometric: () => Promise<boolean>;
+  isError: boolean;
+  init: () => Promise<void>;
+  supportsBiometric: () => Promise<boolean>;
+  authenticateBiometric: () => Promise<boolean>;
 }

common/src/abstractions/broadcaster.service.ts

@@ -1,5 +1,5 @@
 export abstract class BroadcasterService {
-    send: (message: any, id?: string) => void;
-    subscribe: (id: string, messageCallback: (message: any) => any) => void;
-    unsubscribe: (id: string) => void;
+  send: (message: any, id?: string) => void;
+  subscribe: (id: string, messageCallback: (message: any) => any) => void;
+  unsubscribe: (id: string) => void;
 }

common/src/abstractions/cryptoFunction.service.ts

@@ -1,27 +1,62 @@
-import { DecryptParameters } from '../models/domain/decryptParameters';
-import { SymmetricCryptoKey } from '../models/domain/symmetricCryptoKey';
+import { DecryptParameters } from "../models/domain/decryptParameters";
+import { SymmetricCryptoKey } from "../models/domain/symmetricCryptoKey";
 
 export abstract class CryptoFunctionService {
-    pbkdf2: (password: string | ArrayBuffer, salt: string | ArrayBuffer, algorithm: 'sha256' | 'sha512',
-        iterations: number) => Promise<ArrayBuffer>;
-    hkdf: (ikm: ArrayBuffer, salt: string | ArrayBuffer, info: string | ArrayBuffer,
-        outputByteSize: number, algorithm: 'sha256' | 'sha512') => Promise<ArrayBuffer>;
-    hkdfExpand: (prk: ArrayBuffer, info: string | ArrayBuffer, outputByteSize: number,
-        algorithm: 'sha256' | 'sha512') => Promise<ArrayBuffer>;
-    hash: (value: string | ArrayBuffer, algorithm: 'sha1' | 'sha256' | 'sha512' | 'md5') => Promise<ArrayBuffer>;
-    hmac: (value: ArrayBuffer, key: ArrayBuffer, algorithm: 'sha1' | 'sha256' | 'sha512') => Promise<ArrayBuffer>;
-    compare: (a: ArrayBuffer, b: ArrayBuffer) => Promise<boolean>;
-    hmacFast: (value: ArrayBuffer | string, key: ArrayBuffer | string, algorithm: 'sha1' | 'sha256' | 'sha512') =>
-        Promise<ArrayBuffer | string>;
-    compareFast: (a: ArrayBuffer | string, b: ArrayBuffer | string) => Promise<boolean>;
-    aesEncrypt: (data: ArrayBuffer, iv: ArrayBuffer, key: ArrayBuffer) => Promise<ArrayBuffer>;
-    aesDecryptFastParameters: (data: string, iv: string, mac: string, key: SymmetricCryptoKey) =>
-        DecryptParameters<ArrayBuffer | string>;
-    aesDecryptFast: (parameters: DecryptParameters<ArrayBuffer | string>) => Promise<string>;
-    aesDecrypt: (data: ArrayBuffer, iv: ArrayBuffer, key: ArrayBuffer) => Promise<ArrayBuffer>;
-    rsaEncrypt: (data: ArrayBuffer, publicKey: ArrayBuffer, algorithm: 'sha1' | 'sha256') => Promise<ArrayBuffer>;
-    rsaDecrypt: (data: ArrayBuffer, privateKey: ArrayBuffer, algorithm: 'sha1' | 'sha256') => Promise<ArrayBuffer>;
-    rsaExtractPublicKey: (privateKey: ArrayBuffer) => Promise<ArrayBuffer>;
-    rsaGenerateKeyPair: (length: 1024 | 2048 | 4096) => Promise<[ArrayBuffer, ArrayBuffer]>;
-    randomBytes: (length: number) => Promise<ArrayBuffer>;
+  pbkdf2: (
+    password: string | ArrayBuffer,
+    salt: string | ArrayBuffer,
+    algorithm: "sha256" | "sha512",
+    iterations: number
+  ) => Promise<ArrayBuffer>;
+  hkdf: (
+    ikm: ArrayBuffer,
+    salt: string | ArrayBuffer,
+    info: string | ArrayBuffer,
+    outputByteSize: number,
+    algorithm: "sha256" | "sha512"
+  ) => Promise<ArrayBuffer>;
+  hkdfExpand: (
+    prk: ArrayBuffer,
+    info: string | ArrayBuffer,
+    outputByteSize: number,
+    algorithm: "sha256" | "sha512"
+  ) => Promise<ArrayBuffer>;
+  hash: (
+    value: string | ArrayBuffer,
+    algorithm: "sha1" | "sha256" | "sha512" | "md5"
+  ) => Promise<ArrayBuffer>;
+  hmac: (
+    value: ArrayBuffer,
+    key: ArrayBuffer,
+    algorithm: "sha1" | "sha256" | "sha512"
+  ) => Promise<ArrayBuffer>;
+  compare: (a: ArrayBuffer, b: ArrayBuffer) => Promise<boolean>;
+  hmacFast: (
+    value: ArrayBuffer | string,
+    key: ArrayBuffer | string,
+    algorithm: "sha1" | "sha256" | "sha512"
+  ) => Promise<ArrayBuffer | string>;
+  compareFast: (a: ArrayBuffer | string, b: ArrayBuffer | string) => Promise<boolean>;
+  aesEncrypt: (data: ArrayBuffer, iv: ArrayBuffer, key: ArrayBuffer) => Promise<ArrayBuffer>;
+  aesDecryptFastParameters: (
+    data: string,
+    iv: string,
+    mac: string,
+    key: SymmetricCryptoKey
+  ) => DecryptParameters<ArrayBuffer | string>;
+  aesDecryptFast: (parameters: DecryptParameters<ArrayBuffer | string>) => Promise<string>;
+  aesDecrypt: (data: ArrayBuffer, iv: ArrayBuffer, key: ArrayBuffer) => Promise<ArrayBuffer>;
+  rsaEncrypt: (
+    data: ArrayBuffer,
+    publicKey: ArrayBuffer,
+    algorithm: "sha1" | "sha256"
+  ) => Promise<ArrayBuffer>;
+  rsaDecrypt: (
+    data: ArrayBuffer,
+    privateKey: ArrayBuffer,
+    algorithm: "sha1" | "sha256"
+  ) => Promise<ArrayBuffer>;
+  rsaExtractPublicKey: (privateKey: ArrayBuffer) => Promise<ArrayBuffer>;
+  rsaGenerateKeyPair: (length: 1024 | 2048 | 4096) => Promise<[ArrayBuffer, ArrayBuffer]>;
+  randomBytes: (length: number) => Promise<ArrayBuffer>;
 }

common/src/abstractions/environment.service.ts

@@ -1,34 +1,34 @@
-import { Observable } from 'rxjs';
+import { Observable } from "rxjs";
 
 export type Urls = {
-    base?: string;
-    webVault?: string;
-    api?: string;
-    identity?: string;
-    icons?: string;
-    notifications?: string;
-    events?: string;
-    keyConnector?: string;
+  base?: string;
+  webVault?: string;
+  api?: string;
+  identity?: string;
+  icons?: string;
+  notifications?: string;
+  events?: string;
+  keyConnector?: string;
 };
 
 export type PayPalConfig = {
-    businessId?: string;
-    buttonAction?: string;
+  businessId?: string;
+  buttonAction?: string;
 };
 
 export abstract class EnvironmentService {
-    urls: Observable<Urls>;
+  urls: Observable<Urls>;
 
-    hasBaseUrl: () => boolean;
-    getNotificationsUrl: () => string;
-    getWebVaultUrl: () => string;
-    getSendUrl: () => string;
-    getIconsUrl: () => string;
-    getApiUrl: () => string;
-    getIdentityUrl: () => string;
-    getEventsUrl: () => string;
-    getKeyConnectorUrl: () => string;
-    setUrlsFromStorage: () => Promise<void>;
-    setUrls: (urls: any, saveSettings?: boolean) => Promise<Urls>;
-    getUrls: () => Urls;
+  hasBaseUrl: () => boolean;
+  getNotificationsUrl: () => string;
+  getWebVaultUrl: () => string;
+  getSendUrl: () => string;
+  getIconsUrl: () => string;
+  getApiUrl: () => string;
+  getIdentityUrl: () => string;
+  getEventsUrl: () => string;
+  getKeyConnectorUrl: () => string;
+  setUrlsFromStorage: () => Promise<void>;
+  setUrls: (urls: any, saveSettings?: boolean) => Promise<Urls>;
+  getUrls: () => Urls;
 }

common/src/abstractions/export.service.ts

@@ -1,8 +1,11 @@
-import { EventView } from '../models/view/eventView';
+import { EventView } from "../models/view/eventView";
 
 export abstract class ExportService {
-    getExport: (format?: 'csv' | 'json' | 'encrypted_json') => Promise<string>;
-    getOrganizationExport: (organizationId: string, format?: 'csv' | 'json' | 'encrypted_json') => Promise<string>;
-    getEventExport: (events: EventView[]) => Promise<string>;
-    getFileName: (prefix?: string, extension?: string) => string;
+  getExport: (format?: "csv" | "json" | "encrypted_json") => Promise<string>;
+  getOrganizationExport: (
+    organizationId: string,
+    format?: "csv" | "json" | "encrypted_json"
+  ) => Promise<string>;
+  getEventExport: (events: EventView[]) => Promise<string>;
+  getFileName: (prefix?: string, extension?: string) => string;
 }

common/src/abstractions/fileUpload.service.ts

@@ -1,11 +1,18 @@
-import { EncArrayBuffer } from '../models/domain/encArrayBuffer';
-import { EncString } from '../models/domain/encString';
-import { AttachmentUploadDataResponse } from '../models/response/attachmentUploadDataResponse';
-import { SendFileUploadDataResponse } from '../models/response/sendFileUploadDataResponse';
+import { EncArrayBuffer } from "../models/domain/encArrayBuffer";
+import { EncString } from "../models/domain/encString";
+import { AttachmentUploadDataResponse } from "../models/response/attachmentUploadDataResponse";
+import { SendFileUploadDataResponse } from "../models/response/sendFileUploadDataResponse";
 
 export abstract class FileUploadService {
-    uploadSendFile: (uploadData: SendFileUploadDataResponse, fileName: EncString,
-        encryptedFileData: EncArrayBuffer) => Promise<any>;
-    uploadCipherAttachment: (admin: boolean, uploadData: AttachmentUploadDataResponse, fileName: EncString,
-        encryptedFileData: EncArrayBuffer) => Promise<any>;
+  uploadSendFile: (
+    uploadData: SendFileUploadDataResponse,
+    fileName: EncString,
+    encryptedFileData: EncArrayBuffer
+  ) => Promise<any>;
+  uploadCipherAttachment: (
+    admin: boolean,
+    uploadData: AttachmentUploadDataResponse,
+    fileName: EncString,
+    encryptedFileData: EncArrayBuffer
+  ) => Promise<any>;
 }

common/src/abstractions/i18n.service.ts

@@ -1,9 +1,9 @@
 export abstract class I18nService {
-    locale: string;
-    supportedTranslationLocales: string[];
-    translationLocale: string;
-    collator: Intl.Collator;
-    localeNames: Map<string, string>;
-    t: (id: string, p1?: string, p2?: string, p3?: string) => string;
-    translate: (id: string, p1?: string, p2?: string, p3?: string) => string;
+  locale: string;
+  supportedTranslationLocales: string[];
+  translationLocale: string;
+  collator: Intl.Collator;
+  localeNames: Map<string, string>;
+  t: (id: string, p1?: string, p2?: string, p3?: string) => string;
+  translate: (id: string, p1?: string, p2?: string, p3?: string) => string;
 }

common/src/abstractions/import.service.ts

@@ -1,13 +1,13 @@
-import { Importer } from '../importers/importer';
+import { Importer } from "../importers/importer";
 
 export interface ImportOption {
-    id: string;
-    name: string;
+  id: string;
+  name: string;
 }
 export abstract class ImportService {
-    featuredImportOptions: ImportOption[];
-    regularImportOptions: ImportOption[];
-    getImportOptions: () => ImportOption[];
-    import: (importer: Importer, fileContents: string, organizationId?: string) => Promise<Error>;
-    getImporter: (format: string, organizationId: string) => Importer;
+  featuredImportOptions: ImportOption[];
+  regularImportOptions: ImportOption[];
+  getImportOptions: () => ImportOption[];
+  import: (importer: Importer, fileContents: string, organizationId?: string) => Promise<Error>;
+  getImporter: (format: string, organizationId: string) => Importer;
 }

common/src/abstractions/keyConnector.service.ts

@@ -1,14 +1,14 @@
-import { Organization } from '../models/domain/organization';
+import { Organization } from "../models/domain/organization";
 
 export abstract class KeyConnectorService {
-    getAndSetKey: (url?: string) => Promise<void>;
-    getManagingOrganization: () => Promise<Organization>;
-    getUsesKeyConnector: () => Promise<boolean>;
-    migrateUser: () => Promise<void>;
-    userNeedsMigration: () => Promise<boolean>;
-    setUsesKeyConnector: (enabled: boolean) => Promise<void>;
-    setConvertAccountRequired: (status: boolean) => Promise<void>;
-    getConvertAccountRequired: () => Promise<boolean>;
-    removeConvertAccountRequired: () => Promise<void>;
-    clear: () => Promise<void>;
+  getAndSetKey: (url?: string) => Promise<void>;
+  getManagingOrganization: () => Promise<Organization>;
+  getUsesKeyConnector: () => Promise<boolean>;
+  migrateUser: () => Promise<void>;
+  userNeedsMigration: () => Promise<boolean>;
+  setUsesKeyConnector: (enabled: boolean) => Promise<void>;
+  setConvertAccountRequired: (status: boolean) => Promise<void>;
+  getConvertAccountRequired: () => Promise<boolean>;
+  removeConvertAccountRequired: () => Promise<void>;
+  clear: () => Promise<void>;
 }

common/src/abstractions/log.service.ts

@@ -1,11 +1,11 @@
-import { LogLevelType } from '../enums/logLevelType';
+import { LogLevelType } from "../enums/logLevelType";
 
 export abstract class LogService {
-    debug: (message: string) => void;
-    info: (message: string) => void;
-    warning: (message: string) => void;
-    error: (message: string) => void;
-    write: (level: LogLevelType, message: string) => void;
-    time: (label: string) => void;
-    timeEnd: (label: string) => [number, number];
+  debug: (message: string) => void;
+  info: (message: string) => void;
+  warning: (message: string) => void;
+  error: (message: string) => void;
+  write: (level: LogLevelType, message: string) => void;
+  time: (label: string) => void;
+  timeEnd: (label: string) => [number, number];
 }

common/src/abstractions/messaging.service.ts

@@ -1,3 +1,3 @@
 export abstract class MessagingService {
-    send: (subscriber: string, arg?: any) => void;
+  send: (subscriber: string, arg?: any) => void;
 }

common/src/abstractions/notifications.service.ts

@@ -1,6 +1,6 @@
 export abstract class NotificationsService {
-    init: () => Promise<void>;
-    updateConnection: (sync?: boolean) => Promise<void>;
-    reconnectFromActivity: () => Promise<void>;
-    disconnectFromInactivity: () => Promise<void>;
+  init: () => Promise<void>;
+  updateConnection: (sync?: boolean) => Promise<void>;
+  reconnectFromActivity: () => Promise<void>;
+  disconnectFromInactivity: () => Promise<void>;
 }

common/src/abstractions/passwordReprompt.service.ts

@@ -1,5 +1,5 @@
 export abstract class PasswordRepromptService {
-    protectedFields: () => string[];
-    showPasswordPrompt: () => Promise<boolean>;
-    enabled: () => Promise<boolean>;
+  protectedFields: () => string[];
+  showPasswordPrompt: () => Promise<boolean>;
+  enabled: () => Promise<boolean>;
 }

common/src/abstractions/search.service.ts

@@ -1,14 +1,16 @@
-import { CipherView } from '../models/view/cipherView';
-import { SendView } from '../models/view/sendView';
+import { CipherView } from "../models/view/cipherView";
+import { SendView } from "../models/view/sendView";
 
 export abstract class SearchService {
-    indexedEntityId?: string = null;
-    clearIndex: () => void;
-    isSearchable: (query: string) => boolean;
-    indexCiphers: (indexedEntityGuid?: string, ciphersToIndex?: CipherView[]) => Promise<void>;
-    searchCiphers: (query: string,
-        filter?: ((cipher: CipherView) => boolean) | (((cipher: CipherView) => boolean)[]),
-        ciphers?: CipherView[]) => Promise<CipherView[]>;
-    searchCiphersBasic: (ciphers: CipherView[], query: string, deleted?: boolean) => CipherView[];
-    searchSends: (sends: SendView[], query: string) => SendView[];
+  indexedEntityId?: string = null;
+  clearIndex: () => void;
+  isSearchable: (query: string) => boolean;
+  indexCiphers: (indexedEntityGuid?: string, ciphersToIndex?: CipherView[]) => Promise<void>;
+  searchCiphers: (
+    query: string,
+    filter?: ((cipher: CipherView) => boolean) | ((cipher: CipherView) => boolean)[],
+    ciphers?: CipherView[]
+  ) => Promise<CipherView[]>;
+  searchCiphersBasic: (ciphers: CipherView[], query: string, deleted?: boolean) => CipherView[];
+  searchSends: (sends: SendView[], query: string) => SendView[];
 }

common/src/abstractions/totp.service.ts

@@ -1,5 +1,5 @@
 export abstract class TotpService {
-    getCode: (key: string) => Promise<string>;
-    getTimeInterval: (key: string) => number;
-    isAutoCopyEnabled: () => Promise<boolean>;
+  getCode: (key: string) => Promise<string>;
+  getTimeInterval: (key: string) => number;
+  isAutoCopyEnabled: () => Promise<boolean>;
 }

common/src/abstractions/userVerification.service.ts

@@ -1,10 +1,13 @@
-import { SecretVerificationRequest } from '../models/request/secretVerificationRequest';
+import { SecretVerificationRequest } from "../models/request/secretVerificationRequest";
 
-import { Verification } from '../types/verification';
+import { Verification } from "../types/verification";
 
 export abstract class UserVerificationService {
-    buildRequest: <T extends SecretVerificationRequest> (verification: Verification,
-        requestClass?: new () => T, alreadyHashed?: boolean) => Promise<T>;
-    verifyUser: (verification: Verification) => Promise<boolean>;
-    requestOTP: () => Promise<void>;
+  buildRequest: <T extends SecretVerificationRequest>(
+    verification: Verification,
+    requestClass?: new () => T,
+    alreadyHashed?: boolean
+  ) => Promise<T>;
+  verifyUser: (verification: Verification) => Promise<boolean>;
+  requestOTP: () => Promise<void>;
 }

common/src/enums/cipherRepromptType.ts

@@ -1,4 +1,4 @@
 export enum CipherRepromptType {
-    None = 0,
-    Password = 1,
+  None = 0,
+  Password = 1,
 }

common/src/enums/cipherType.ts

@@ -1,6 +1,6 @@
 export enum CipherType {
-    Login = 1,
-    SecureNote = 2,
-    Card = 3,
-    Identity = 4,
+  Login = 1,
+  SecureNote = 2,
+  Card = 3,
+  Identity = 4,
 }

common/src/enums/deviceType.ts

@@ -1,23 +1,23 @@
 export enum DeviceType {
-    Android = 0,
-    iOS = 1,
-    ChromeExtension = 2,
-    FirefoxExtension = 3,
-    OperaExtension = 4,
-    EdgeExtension = 5,
-    WindowsDesktop = 6,
-    MacOsDesktop = 7,
-    LinuxDesktop = 8,
-    ChromeBrowser = 9,
-    FirefoxBrowser = 10,
-    OperaBrowser = 11,
-    EdgeBrowser = 12,
-    IEBrowser = 13,
-    UnknownBrowser = 14,
-    AndroidAmazon = 15,
-    UWP = 16,
-    SafariBrowser = 17,
-    VivaldiBrowser = 18,
-    VivaldiExtension = 19,
-    SafariExtension = 20,
+  Android = 0,
+  iOS = 1,
+  ChromeExtension = 2,
+  FirefoxExtension = 3,
+  OperaExtension = 4,
+  EdgeExtension = 5,
+  WindowsDesktop = 6,
+  MacOsDesktop = 7,
+  LinuxDesktop = 8,
+  ChromeBrowser = 9,
+  FirefoxBrowser = 10,
+  OperaBrowser = 11,
+  EdgeBrowser = 12,
+  IEBrowser = 13,
+  UnknownBrowser = 14,
+  AndroidAmazon = 15,
+  UWP = 16,
+  SafariBrowser = 17,
+  VivaldiBrowser = 18,
+  VivaldiExtension = 19,
+  SafariExtension = 20,
 }

common/src/enums/emergencyAccessStatusType.ts

@@ -1,7 +1,7 @@
 export enum EmergencyAccessStatusType {
-    Invited = 0,
-    Accepted = 1,
-    Confirmed = 2,
-    RecoveryInitiated = 3,
-    RecoveryApproved = 4,
+  Invited = 0,
+  Accepted = 1,
+  Confirmed = 2,
+  RecoveryInitiated = 3,
+  RecoveryApproved = 4,
 }

common/src/enums/emergencyAccessType.ts

@@ -1,5 +1,4 @@
-export enum EmergencyAccessType
-{
-    View = 0,
-    Takeover = 1,
+export enum EmergencyAccessType {
+  View = 0,
+  Takeover = 1,
 }

common/src/enums/encryptionType.ts

@@ -1,9 +1,9 @@
 export enum EncryptionType {
-    AesCbc256_B64 = 0,
-    AesCbc128_HmacSha256_B64 = 1,
-    AesCbc256_HmacSha256_B64 = 2,
-    Rsa2048_OaepSha256_B64 = 3,
-    Rsa2048_OaepSha1_B64 = 4,
-    Rsa2048_OaepSha256_HmacSha256_B64 = 5,
-    Rsa2048_OaepSha1_HmacSha256_B64 = 6,
+  AesCbc256_B64 = 0,
+  AesCbc128_HmacSha256_B64 = 1,
+  AesCbc256_HmacSha256_B64 = 2,
+  Rsa2048_OaepSha256_B64 = 3,
+  Rsa2048_OaepSha1_B64 = 4,
+  Rsa2048_OaepSha256_HmacSha256_B64 = 5,
+  Rsa2048_OaepSha1_HmacSha256_B64 = 6,
 }

common/src/enums/eventType.ts

@@ -1,72 +1,72 @@
 export enum EventType {
-    User_LoggedIn = 1000,
-    User_ChangedPassword = 1001,
-    User_Updated2fa = 1002,
-    User_Disabled2fa = 1003,
-    User_Recovered2fa = 1004,
-    User_FailedLogIn = 1005,
-    User_FailedLogIn2fa = 1006,
-    User_ClientExportedVault = 1007,
-    User_UpdatedTempPassword = 1008,
-    User_MigratedKeyToKeyConnector = 1009,
+  User_LoggedIn = 1000,
+  User_ChangedPassword = 1001,
+  User_Updated2fa = 1002,
+  User_Disabled2fa = 1003,
+  User_Recovered2fa = 1004,
+  User_FailedLogIn = 1005,
+  User_FailedLogIn2fa = 1006,
+  User_ClientExportedVault = 1007,
+  User_UpdatedTempPassword = 1008,
+  User_MigratedKeyToKeyConnector = 1009,
 
-    Cipher_Created = 1100,
-    Cipher_Updated = 1101,
-    Cipher_Deleted = 1102,
-    Cipher_AttachmentCreated = 1103,
-    Cipher_AttachmentDeleted = 1104,
-    Cipher_Shared = 1105,
-    Cipher_UpdatedCollections = 1106,
-    Cipher_ClientViewed = 1107,
-    Cipher_ClientToggledPasswordVisible = 1108,
-    Cipher_ClientToggledHiddenFieldVisible = 1109,
-    Cipher_ClientToggledCardCodeVisible = 1110,
-    Cipher_ClientCopiedPassword = 1111,
-    Cipher_ClientCopiedHiddenField = 1112,
-    Cipher_ClientCopiedCardCode = 1113,
-    Cipher_ClientAutofilled = 1114,
-    Cipher_SoftDeleted = 1115,
-    Cipher_Restored = 1116,
-    Cipher_ClientToggledCardNumberVisible = 1117,
+  Cipher_Created = 1100,
+  Cipher_Updated = 1101,
+  Cipher_Deleted = 1102,
+  Cipher_AttachmentCreated = 1103,
+  Cipher_AttachmentDeleted = 1104,
+  Cipher_Shared = 1105,
+  Cipher_UpdatedCollections = 1106,
+  Cipher_ClientViewed = 1107,
+  Cipher_ClientToggledPasswordVisible = 1108,
+  Cipher_ClientToggledHiddenFieldVisible = 1109,
+  Cipher_ClientToggledCardCodeVisible = 1110,
+  Cipher_ClientCopiedPassword = 1111,
+  Cipher_ClientCopiedHiddenField = 1112,
+  Cipher_ClientCopiedCardCode = 1113,
+  Cipher_ClientAutofilled = 1114,
+  Cipher_SoftDeleted = 1115,
+  Cipher_Restored = 1116,
+  Cipher_ClientToggledCardNumberVisible = 1117,
 
-    Collection_Created = 1300,
-    Collection_Updated = 1301,
-    Collection_Deleted = 1302,
+  Collection_Created = 1300,
+  Collection_Updated = 1301,
+  Collection_Deleted = 1302,
 
-    Group_Created = 1400,
-    Group_Updated = 1401,
-    Group_Deleted = 1402,
+  Group_Created = 1400,
+  Group_Updated = 1401,
+  Group_Deleted = 1402,
 
-    OrganizationUser_Invited = 1500,
-    OrganizationUser_Confirmed = 1501,
-    OrganizationUser_Updated = 1502,
-    OrganizationUser_Removed = 1503,
-    OrganizationUser_UpdatedGroups = 1504,
-    OrganizationUser_UnlinkedSso = 1505,
-    OrganizationUser_ResetPassword_Enroll = 1506,
-    OrganizationUser_ResetPassword_Withdraw = 1507,
-    OrganizationUser_AdminResetPassword = 1508,
-    OrganizationUser_ResetSsoLink = 1509,
-    OrganizationUser_FirstSsoLogin = 1510,
+  OrganizationUser_Invited = 1500,
+  OrganizationUser_Confirmed = 1501,
+  OrganizationUser_Updated = 1502,
+  OrganizationUser_Removed = 1503,
+  OrganizationUser_UpdatedGroups = 1504,
+  OrganizationUser_UnlinkedSso = 1505,
+  OrganizationUser_ResetPassword_Enroll = 1506,
+  OrganizationUser_ResetPassword_Withdraw = 1507,
+  OrganizationUser_AdminResetPassword = 1508,
+  OrganizationUser_ResetSsoLink = 1509,
+  OrganizationUser_FirstSsoLogin = 1510,
 
-    Organization_Updated = 1600,
-    Organization_PurgedVault = 1601,
-    // Organization_ClientExportedVault = 1602,
-    Organization_VaultAccessed = 1603,
-    Organization_EnabledSso = 1604,
-    Organization_DisabledSso = 1605,
-    Organization_EnabledKeyConnector = 1606,
-    Organization_DisabledKeyConnector = 1607,
+  Organization_Updated = 1600,
+  Organization_PurgedVault = 1601,
+  // Organization_ClientExportedVault = 1602,
+  Organization_VaultAccessed = 1603,
+  Organization_EnabledSso = 1604,
+  Organization_DisabledSso = 1605,
+  Organization_EnabledKeyConnector = 1606,
+  Organization_DisabledKeyConnector = 1607,
 
-    Policy_Updated = 1700,
+  Policy_Updated = 1700,
 
-    ProviderUser_Invited = 1800,
-    ProviderUser_Confirmed = 1801,
-    ProviderUser_Updated = 1802,
-    ProviderUser_Removed = 1803,
+  ProviderUser_Invited = 1800,
+  ProviderUser_Confirmed = 1801,
+  ProviderUser_Updated = 1802,
+  ProviderUser_Removed = 1803,
 
-    ProviderOrganization_Created = 1900,
-    ProviderOrganization_Added = 1901,
-    ProviderOrganization_Removed = 1902,
-    ProviderOrganization_VaultAccessed = 1903,
+  ProviderOrganization_Created = 1900,
+  ProviderOrganization_Added = 1901,
+  ProviderOrganization_Removed = 1902,
+  ProviderOrganization_VaultAccessed = 1903,
 }

common/src/enums/fieldType.ts

@@ -1,6 +1,6 @@
 export enum FieldType {
-    Text = 0,
-    Hidden = 1,
-    Boolean = 2,
-    Linked = 3,
+  Text = 0,
+  Hidden = 1,
+  Boolean = 2,
+  Linked = 3,
 }

common/src/enums/fileUploadType.ts

@@ -1,4 +1,4 @@
 export enum FileUploadType {
-    Direct = 0,
-    Azure = 1,
+  Direct = 0,
+  Azure = 1,
 }

common/src/enums/hashPurpose.ts

@@ -1,4 +1,4 @@
 export enum HashPurpose {
-    ServerAuthorization = 1,
-    LocalAuthorization = 2,
+  ServerAuthorization = 1,
+  LocalAuthorization = 2,
 }

common/src/enums/kdfType.ts

@@ -1,3 +1,3 @@
 export enum KdfType {
-    PBKDF2_SHA256 = 0,
+  PBKDF2_SHA256 = 0,
 }

common/src/enums/linkedIdType.ts

@@ -2,39 +2,39 @@ export type LinkedIdType = LoginLinkedId | CardLinkedId | IdentityLinkedId;
 
 // LoginView
 export enum LoginLinkedId {
-    Username = 100,
-    Password = 101,
+  Username = 100,
+  Password = 101,
 }
 
 // CardView
 export enum CardLinkedId {
-    CardholderName = 300,
-    ExpMonth = 301,
-    ExpYear = 302,
-    Code = 303,
-    Brand = 304,
-    Number = 305,
+  CardholderName = 300,
+  ExpMonth = 301,
+  ExpYear = 302,
+  Code = 303,
+  Brand = 304,
+  Number = 305,
 }
 
 // IdentityView
 export enum IdentityLinkedId {
-    Title = 400,
-    MiddleName = 401,
-    Address1 = 402,
-    Address2 = 403,
-    Address3 = 404,
-    City = 405,
-    State = 406,
-    PostalCode = 407,
-    Country = 408,
-    Company = 409,
-    Email = 410,
-    Phone = 411,
-    Ssn = 412,
-    Username = 413,
-    PassportNumber = 414,
-    LicenseNumber = 415,
-    FirstName = 416,
-    LastName = 417,
-    FullName = 418,
+  Title = 400,
+  MiddleName = 401,
+  Address1 = 402,
+  Address2 = 403,
+  Address3 = 404,
+  City = 405,
+  State = 406,
+  PostalCode = 407,
+  Country = 408,
+  Company = 409,
+  Email = 410,
+  Phone = 411,
+  Ssn = 412,
+  Username = 413,
+  PassportNumber = 414,
+  LicenseNumber = 415,
+  FirstName = 416,
+  LastName = 417,
+  FullName = 418,
 }

common/src/enums/logLevelType.ts

@@ -1,6 +1,6 @@
 export enum LogLevelType {
-    Debug,
-    Info,
-    Warning,
-    Error,
+  Debug,
+  Info,
+  Warning,
+  Error,
 }

common/src/enums/notificationType.ts

@@ -1,20 +1,20 @@
 export enum NotificationType {
-    SyncCipherUpdate = 0,
-    SyncCipherCreate = 1,
-    SyncLoginDelete = 2,
-    SyncFolderDelete = 3,
-    SyncCiphers = 4,
+  SyncCipherUpdate = 0,
+  SyncCipherCreate = 1,
+  SyncLoginDelete = 2,
+  SyncFolderDelete = 3,
+  SyncCiphers = 4,
 
-    SyncVault = 5,
-    SyncOrgKeys = 6,
-    SyncFolderCreate = 7,
-    SyncFolderUpdate = 8,
-    SyncCipherDelete = 9,
-    SyncSettings = 10,
+  SyncVault = 5,
+  SyncOrgKeys = 6,
+  SyncFolderCreate = 7,
+  SyncFolderUpdate = 8,
+  SyncCipherDelete = 9,
+  SyncSettings = 10,
 
-    LogOut = 11,
+  LogOut = 11,
 
-    SyncSendCreate = 12,
-    SyncSendUpdate = 13,
-    SyncSendDelete = 14,
+  SyncSendCreate = 12,
+  SyncSendUpdate = 13,
+  SyncSendDelete = 14,
 }

common/src/enums/organizationUserStatusType.ts

@@ -1,5 +1,5 @@
 export enum OrganizationUserStatusType {
-    Invited = 0,
-    Accepted = 1,
-    Confirmed = 2,
+  Invited = 0,
+  Accepted = 1,
+  Confirmed = 2,
 }

common/src/enums/organizationUserType.ts

@@ -1,7 +1,7 @@
 export enum OrganizationUserType {
-    Owner = 0,
-    Admin = 1,
-    User = 2,
-    Manager = 3,
-    Custom = 4,
+  Owner = 0,
+  Admin = 1,
+  User = 2,
+  Manager = 3,
+  Custom = 4,
 }

common/src/enums/paymentMethodType.ts

@@ -1,11 +1,11 @@
 export enum PaymentMethodType {
-    Card = 0,
-    BankAccount = 1,
-    PayPal = 2,
-    BitPay = 3,
-    Credit = 4,
-    WireTransfer = 5,
-    AppleInApp = 6,
-    GoogleInApp = 7,
-    Check = 8,
+  Card = 0,
+  BankAccount = 1,
+  PayPal = 2,
+  BitPay = 3,
+  Credit = 4,
+  WireTransfer = 5,
+  AppleInApp = 6,
+  GoogleInApp = 7,
+  Check = 8,
 }

common/src/enums/permissions.ts

@@ -1,27 +1,27 @@
 export enum Permissions {
-    AccessEventLogs,
-    AccessImportExport,
-    AccessReports,
-    /**
-     * @deprecated Sep 29 2021: This permission has been split out to `createNewCollections`, `editAnyCollection`, and
-     * `deleteAnyCollection`. It exists here for backwards compatibility with Server versions <= 1.43.0
-     */
-    ManageAllCollections,
-    /**
-     * @deprecated Sep 29 2021: This permission has been split out to `editAssignedCollections` and
-     * `deleteAssignedCollections`. It exists here for backwards compatibility with Server versions <= 1.43.0
-     */
-    ManageAssignedCollections,
-    ManageGroups,
-    ManageOrganization ,
-    ManagePolicies,
-    ManageProvider,
-    ManageUsers,
-    ManageUsersPassword,
-    CreateNewCollections,
-    EditAnyCollection,
-    DeleteAnyCollection,
-    EditAssignedCollections,
-    DeleteAssignedCollections,
-    ManageSso,
+  AccessEventLogs,
+  AccessImportExport,
+  AccessReports,
+  /**
+   * @deprecated Sep 29 2021: This permission has been split out to `createNewCollections`, `editAnyCollection`, and
+   * `deleteAnyCollection`. It exists here for backwards compatibility with Server versions <= 1.43.0
+   */
+  ManageAllCollections,
+  /**
+   * @deprecated Sep 29 2021: This permission has been split out to `editAssignedCollections` and
+   * `deleteAssignedCollections`. It exists here for backwards compatibility with Server versions <= 1.43.0
+   */
+  ManageAssignedCollections,
+  ManageGroups,
+  ManageOrganization,
+  ManagePolicies,
+  ManageProvider,
+  ManageUsers,
+  ManageUsersPassword,
+  CreateNewCollections,
+  EditAnyCollection,
+  DeleteAnyCollection,
+  EditAssignedCollections,
+  DeleteAssignedCollections,
+  ManageSso,
 }

common/src/enums/planSponsorshipType.ts

@@ -1,3 +1,3 @@
 export enum PlanSponsorshipType {
-    FamiliesForEnterprise = 0,
+  FamiliesForEnterprise = 0,
 }

common/src/enums/planType.ts

@@ -1,14 +1,14 @@
 export enum PlanType {
-    Free = 0,
-    FamiliesAnnually2019 = 1,
-    TeamsMonthly2019 = 2,
-    TeamsAnnually2019 = 3,
-    EnterpriseMonthly2019 = 4,
-    EnterpriseAnnually2019 = 5,
-    Custom = 6,
-    FamiliesAnnually = 7,
-    TeamsMonthly = 8,
-    TeamsAnnually = 9,
-    EnterpriseMonthly = 10,
-    EnterpriseAnnually = 11,
+  Free = 0,
+  FamiliesAnnually2019 = 1,
+  TeamsMonthly2019 = 2,
+  TeamsAnnually2019 = 3,
+  EnterpriseMonthly2019 = 4,
+  EnterpriseAnnually2019 = 5,
+  Custom = 6,
+  FamiliesAnnually = 7,
+  TeamsMonthly = 8,
+  TeamsAnnually = 9,
+  EnterpriseMonthly = 10,
+  EnterpriseAnnually = 11,
 }

common/src/enums/policyType.ts

@@ -1,13 +1,13 @@
 export enum PolicyType {
-    TwoFactorAuthentication = 0, // Requires users to have 2fa enabled
-    MasterPassword = 1, // Sets minimum requirements for master password complexity
-    PasswordGenerator = 2, // Sets minimum requirements/default type for generated passwords/passphrases
-    SingleOrg = 3, // Allows users to only be apart of one organization
-    RequireSso = 4, // Requires users to authenticate with SSO
-    PersonalOwnership = 5, // Disables personal vault ownership for adding/cloning items
-    DisableSend = 6, // Disables the ability to create and edit Bitwarden Sends
-    SendOptions = 7, // Sets restrictions or defaults for Bitwarden Sends
-    ResetPassword = 8, // Allows orgs to use reset password : also can enable auto-enrollment during invite flow
-    MaximumVaultTimeout = 9, // Sets the maximum allowed vault timeout
-    DisablePersonalVaultExport = 10, // Disable personal vault export
+  TwoFactorAuthentication = 0, // Requires users to have 2fa enabled
+  MasterPassword = 1, // Sets minimum requirements for master password complexity
+  PasswordGenerator = 2, // Sets minimum requirements/default type for generated passwords/passphrases
+  SingleOrg = 3, // Allows users to only be apart of one organization
+  RequireSso = 4, // Requires users to authenticate with SSO
+  PersonalOwnership = 5, // Disables personal vault ownership for adding/cloning items
+  DisableSend = 6, // Disables the ability to create and edit Bitwarden Sends
+  SendOptions = 7, // Sets restrictions or defaults for Bitwarden Sends
+  ResetPassword = 8, // Allows orgs to use reset password : also can enable auto-enrollment during invite flow
+  MaximumVaultTimeout = 9, // Sets the maximum allowed vault timeout
+  DisablePersonalVaultExport = 10, // Disable personal vault export
 }

common/src/enums/productType.ts

@@ -1,6 +1,6 @@
 export enum ProductType {
-    Free = 0,
-    Families = 1,
-    Teams = 2,
-    Enterprise = 3,
+  Free = 0,
+  Families = 1,
+  Teams = 2,
+  Enterprise = 3,
 }

common/src/enums/providerUserStatusType.ts

@@ -1,5 +1,5 @@
 export enum ProviderUserStatusType {
-    Invited = 0,
-    Accepted = 1,
-    Confirmed = 2,
+  Invited = 0,
+  Accepted = 1,
+  Confirmed = 2,
 }

common/src/enums/providerUserType.ts

@@ -1,4 +1,4 @@
 export enum ProviderUserType {
-    ProviderAdmin = 0,
-    ServiceUser = 1,
+  ProviderAdmin = 0,
+  ServiceUser = 1,
 }

common/src/enums/secureNoteType.ts

@@ -1,3 +1,3 @@
 export enum SecureNoteType {
-    Generic = 0,
+  Generic = 0,
 }

common/src/enums/sendType.ts

@@ -1,4 +1,4 @@
 export enum SendType {
-    Text = 0,
-    File = 1,
+  Text = 0,
+  File = 1,
 }

common/src/enums/themeType.ts

@@ -1,7 +1,7 @@
 export enum ThemeType {
-    System = 'system',
-    Light = 'light',
-    Dark = 'dark',
-    Nord = 'nord',
-    SolarizedDark = 'solarizedDark',
+  System = "system",
+  Light = "light",
+  Dark = "dark",
+  Nord = "nord",
+  SolarizedDark = "solarizedDark",
 }

common/src/enums/transactionType.ts

@@ -1,7 +1,7 @@
 export enum TransactionType {
-    Charge = 0,
-    Credit = 1,
-    PromotionalCredit = 2,
-    ReferralCredit = 3,
-    Refund = 4,
+  Charge = 0,
+  Credit = 1,
+  PromotionalCredit = 2,
+  ReferralCredit = 3,
+  Refund = 4,
 }