[SG-805] Update copy for Autofill on page load (#4628)

* [SG-805] Update copy for Autofill on page load

* [SG-805] Added learn more auto-fill hyperlink

apps/browser/src/_locales/en/messages.json

@@ -960,7 +960,10 @@
     "message": "If a login form is detected, auto-fill when the web page loads."
   },
   "experimentalFeature": {
-    "message": "This is currently an experimental feature. Use at your own risk."
+    "message": "Compromised or untrusted websites can exploit auto-fill on page load."
+  },
+  "learnMoreAboutAutofill":{
+    "message": "Learn more about auto-fill"
   },
   "defaultAutoFillOnPageLoad": {
     "message": "Default autofill setting for login items"

apps/browser/src/popup/settings/autofill.component.html

@@ -28,6 +28,7 @@
       {{ "enableAutoFillOnPageLoadDesc" | i18n }}
       <b>{{ "warning" | i18n }}</b
       >: {{ "experimentalFeature" | i18n }}
+      <a (click)="AboutAutofill()">{{ "learnMoreAboutAutofill" | i18n }}</a>
     </div>
   </div>
   <div class="box">

apps/browser/src/popup/settings/autofill.component.ts

@@ -4,6 +4,8 @@ import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
 import { StateService } from "@bitwarden/common/abstractions/state.service";
 import { UriMatchType } from "@bitwarden/common/enums/uriMatchType";
 
+import { BrowserApi } from "../../browser/browserApi";
+
 @Component({
   selector: "app-autofill",
   templateUrl: "autofill.component.html",
@@ -51,4 +53,8 @@ export class AutofillComponent implements OnInit {
   async saveDefaultUriMatch() {
     await this.stateService.setDefaultUriMatch(this.defaultUriMatch);
   }
+
+  AboutAutofill() {
+    BrowserApi.createNewTab("https://bitwarden.com/help/auto-fill-browser/");
+  }
 }