From bfb49cc697e396b8736918868b43e0bc38af6a86 Mon Sep 17 00:00:00 2001
From: Zibi Braniecki <zbraniecki@mozilla.com>
Date: Sat, 11 Jul 2020 00:27:33 +0000
Subject: [PATCH] Bug 1649858 - Add SUMO link to re-authentication UI. r=abr

Differential Revision: https://phabricator.services.mozilla.com/D83025
---
 .../formautofill/FormAutofillPreferences.jsm        | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/browser/extensions/formautofill/FormAutofillPreferences.jsm b/browser/extensions/formautofill/FormAutofillPreferences.jsm
index d2eb17eba752..0eefa07840e3 100644
--- a/browser/extensions/formautofill/FormAutofillPreferences.jsm
+++ b/browser/extensions/formautofill/FormAutofillPreferences.jsm
@@ -241,14 +241,21 @@ FormAutofillPreferences.prototype = {
       this.refs.savedCreditCardsBtn = savedCreditCardsBtn;
 
       if (OSKeyStore.canReauth()) {
+        let reauthLearnMoreURL = `${creditCardLearnMoreURL}#w_require-authentication-for-autofill`;
         let reauth = document.createXULElement("hbox");
         let reauthCheckboxGroup = document.createXULElement("hbox");
         let reauthCheckbox = document.createXULElement("checkbox");
+        let reauthLearnMore = document.createXULElement("label", {
+          is: "text-link",
+        });
 
         reauthCheckboxGroup.classList.add("indent");
+        reauthLearnMore.classList.add("learnMore");
+        reauthCheckbox.classList.add("tail-with-learn-more");
         reauthCheckbox.disabled = !FormAutofill.isAutofillCreditCardsEnabled;
 
         reauth.id = "creditCardReauthenticate";
+        reauthLearnMore.id = "creditCardReauthenticateLearnMore";
 
         reauth.setAttribute("data-subcategory", "reauth-credit-card-autofill");
 
@@ -266,6 +273,11 @@ FormAutofillPreferences.prototype = {
           "label",
           this.bundle.GetStringFromName(autofillReauthCheckboxLabel)
         );
+        reauthLearnMore.textContent = this.bundle.GetStringFromName(
+          "learnMoreLabel"
+        );
+
+        reauthLearnMore.setAttribute("href", reauthLearnMoreURL);
 
         // Manually set the checked state
         if (FormAutofillUtils._reauthEnabledByUser) {
@@ -278,6 +290,7 @@ FormAutofillPreferences.prototype = {
         formAutofillGroup.appendChild(reauth);
         reauth.appendChild(reauthCheckboxGroup);
         reauthCheckboxGroup.appendChild(reauthCheckbox);
+        reauthCheckboxGroup.appendChild(reauthLearnMore);
         this.refs.reauthCheckbox = reauthCheckbox;
       }
     }