work: is that it? (#4592)

Co-authored-by: Jared Snider <116684653+JaredSnider-Bitwarden@users.noreply.github.com>

apps/desktop/src/app/accounts/register.component.html

@@ -59,7 +59,8 @@
         </div>
       </div>
       <div id="masterPasswordHelp" class="box-footer">
-        {{ "masterPassDesc" | i18n }}
+        <b>{{ "important" | i18n }}</b> {{ "masterPasswordHint" | i18n }}
+        {{ characterMinimumMessage }}
       </div>
     </div>
     <div class="box">
@@ -112,8 +113,15 @@
         {{ "masterPassHintDesc" | i18n }}
       </div>
     </div>
-    <div class="box last" *ngIf="showTerms">
+
+    <div class="box last">
       <div class="box-footer checkbox">
+        <input type="checkbox" id="checkForBreaches" formControlName="checkForBreaches" />
+        <label for="checkForBreaches">
+          {{ "checkForBreaches" | i18n }}
+        </label>
+      </div>
+      <div class="box-footer checkbox" *ngIf="showTerms">
         <input type="checkbox" id="acceptPolicies" formControlName="acceptPolicies" />
         <label for="acceptPolicies">
           {{ "acceptPolicies" | i18n }}<br />

apps/desktop/src/locales/en/messages.json

@@ -1790,7 +1790,7 @@
   },
   "removePasswordConfirmation": {
     "message": "Are you sure you want to remove the password?"
-  },  
+  },
   "maxAccessCountReached": {
     "message": "Max access count reached"
   },
@@ -2064,5 +2064,35 @@
   "toggleCharacterCount": {
     "message": "Toggle character count",
     "description": "'Character count' describes a feature that displays a number next to each character of the password."
+  },
+  "exposedMasterPassword": {
+    "message": "Exposed Master Password"
+  },
+  "exposedMasterPasswordDesc": {
+    "message": "Password found in a data breach. Use a unique password to protect your account. Are you sure you want to use an exposed password?"
+  },
+  "weakAndExposedMasterPassword": {
+    "message": "Weak and Exposed Master Password"
+  },
+  "weakAndBreachedMasterPasswordDesc": {
+    "message": "Weak password identified and found in a data breach. Use a strong and unique password to protect your account. Are you sure you want to use this password?"
+  },
+  "checkForBreaches": {
+    "message": "Check known data breaches for this password"
+  },
+  "important": {
+    "message": "Important:"
+  },
+  "masterPasswordHint": {
+    "message": "Your master password cannot be recovered if you forget it!"
+  },
+  "characterMinimum": {
+    "message": "$LENGTH$ character minimum",
+    "placeholders": {
+      "length": {
+        "content": "$1",
+        "example": "14"
+      }
+    }
   }
 }

apps/desktop/src/scss/box.scss

@@ -96,6 +96,10 @@
         background-color: initial;
       }
     }
+
+    &.row-top-padding {
+      padding-top: 10px;
+    }
   }
 
   .box-footer {