From dc082b0a7b1243c223656b01373a2c7bcfb2b5fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Bispo?= <abispo@bitwarden.com>
Date: Fri, 3 Feb 2023 09:54:08 +0000
Subject: [PATCH] [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              | 5 ++++-
 apps/browser/src/popup/settings/autofill.component.html | 1 +
 apps/browser/src/popup/settings/autofill.component.ts   | 6 ++++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/browser/src/_locales/en/messages.json b/apps/browser/src/_locales/en/messages.json
index 41a8173487..26ecc0396f 100644
--- a/apps/browser/src/_locales/en/messages.json
+++ b/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"
diff --git a/apps/browser/src/popup/settings/autofill.component.html b/apps/browser/src/popup/settings/autofill.component.html
index acc9dcbe46..c3a76e145e 100644
--- a/apps/browser/src/popup/settings/autofill.component.html
+++ b/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">
diff --git a/apps/browser/src/popup/settings/autofill.component.ts b/apps/browser/src/popup/settings/autofill.component.ts
index 0de3ee425c..7c949921b8 100644
--- a/apps/browser/src/popup/settings/autofill.component.ts
+++ b/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/");
+  }
 }