MC-22950: Enable 2FA by default for Admins

- Browser compatibility (*ahem* Safari *ahem*)
- Minor template updates

Author: nathanjosiah

TwoFactorAuth/Model/Provider/Engine/U2fKey/WebAuthn.php

@@ -140,10 +140,9 @@ public function getAuthenticateData(array $publicKeys): array
         $data = [
             'credentialRequestOptions' => [
                 'challenge' => $this->convertBytesToArray($challenge),
-                'mediation' => 'required',
                 'timeout' => 60000,
                 'allowCredentials' => $allowedCredentials,
-                'userVerification' => 'required',
+                'userVerification' => 'discouraged',
                 'extensions' => [
                     'txAuthSimple' => 'Authenticate with ' . $store->getName(),
                 ],
@@ -192,7 +191,7 @@ public function getRegisterData(UserInterface $user): array
                 'authenticatorSelection' => [
                     'authenticatorAttachment' => 'cross-platform',
                     'requireResidentKey' => false,
-                    'userVerification' => 'required'
+                    'userVerification' => 'discouraged'
                 ],
                 'timeout' => 60000,
                 // Currently only one device may be registered at a time

TwoFactorAuth/view/adminhtml/web/template/u2fkey/auth.html

@@ -4,14 +4,14 @@
  * See COPYING.txt for license details.
  */
 -->
-<div data-bind="afterRender: onAfterRender">
+<div afterRender="onAfterRender">
     <div visible='currentStep() === "register"'>
         <fieldset class="admin__fieldset">
             <legend class="admin__legend">
-                <span data-bind='i18n: "2FA - U2F key verification"'></span>
+                <span translate="'2FA - U2F key verification'"></span>
             </legend><br/>
             <div class="tfa-u2f-touch-key">
-                <h3 data-bind='i18n: "Plug in your U2F key, then touch button"'></h3>
+                <h3 translate="'Plug in your U2F key and follow instructions'"></h3>
                 <div visible="$data.idle" class="tfa-u2f-try-again">
                     <a href="javascript:void(0)" click="waitForTouch" translate="'Try again'"></a>
                 </div>
@@ -25,6 +25,6 @@ <h3 data-bind='i18n: "Plug in your U2F key, then touch button"'></h3>
                 <span/><span/><span/><span/><span/><span/><span/><span/>
             </div>
         </div>
-        <div data-bind='i18n: "Redirecting to Magento Admin Panel..."'></div>
+        <div translate="'Redirecting to Magento Admin Panel...'"></div>
     </div>
 </div>

TwoFactorAuth/view/adminhtml/web/template/u2fkey/configure.html

@@ -4,14 +4,14 @@
  * See COPYING.txt for license details.
  */
 -->
-<div data-bind="afterRender: onAfterRender">
+<div afterRender="onAfterRender">
     <div visible='currentStep() === "register"'>
         <fieldset class="admin__fieldset">
             <legend class="admin__legend">
-                <span data-bind='i18n: "2FA - U2F key device registration"'></span>
+                <span translate="'2FA - U2F key device registration'"></span>
             </legend><br/>
             <div id="u2f-touch-key">
-                <h3 data-bind='i18n: "Plug in your U2F key, then touch button"'></h3>
+                <h3 translate="'Plug in your U2F key and follow instructions'"></h3>
                 <div visible="$data.idle" class="tfa-u2f-try-again">
                     <a href="javascript:void(0)" click="waitForTouch" translate="'Try again'"></a>
                 </div>
@@ -25,6 +25,6 @@ <h3 data-bind='i18n: "Plug in your U2F key, then touch button"'></h3>
                 <span/><span/><span/><span/><span/><span/><span/><span/>
             </div>
         </div>
-        <div data-bind='i18n: "Redirecting to Magento Admin Panel..."'></div>
+        <div translate="'Redirecting to Magento Admin Panel...'"></div>
     </div>
 </div>