Add a button to prompt WebAuthn on FF and Safari (#1879)

jslib

@@ -1 +1 @@
-Subproject commit 1016bbfb9eb28c220de8d2ab86d1f2757328f254
+Subproject commit ff387622e0e8bbfb45a6a06da5eb86c8da9d763d

src/_locales/en/messages.json

@@ -803,7 +803,10 @@
     "message": "Insert your security key into your computer's USB port. If it has a button, touch it."
   },
   "webAuthnNewTab": {
-    "message": "Continue the WebAuthn 2FA verification in the new tab."
+    "message": "To start the WebAuthn 2FA verification. Click the button below to open a new tab and follow the instructions provided in the new tab."
+  },
+  "webAuthnNewTabOpen": {
+    "message": "Open new tab"
   },
   "webAuthnAuthenticate": {
     "message": "Authenticate WebAuthn"

src/popup/accounts/two-factor.component.html

@@ -73,6 +73,7 @@
         <ng-container *ngIf="selectedProviderType === providerType.WebAuthn && webAuthnNewTab">
             <div class="content text-center" *ngIf="webAuthnNewTab">
                 <p class="text-center">{{'webAuthnNewTab' | i18n}}</p>
+                <button class="btn primary block" (click)="authWebAuthn()" appStopClick>{{'webAuthnNewTabOpen' | i18n}}</button>
             </div>
         </ng-container>
         <ng-container *ngIf="selectedProviderType === providerType.Duo ||