[SSO/Auto Enroll] Set Password banner (#2050)

* [SSO/Auto Enroll] Set Password banner

* Fix merge conflict

* Add missing string/style

* Update jslib

jslib

@@ -1 +1 @@
-Subproject commit 30419a625fbdeefee1b0d0c24ee1d26064b17ba2
+Subproject commit ef743ea8ca3d4c3b05077ba72d391ab89347848f

src/_locales/en/messages.json

@@ -1765,7 +1765,16 @@
   "updateMasterPasswordWarning": {
     "message": "Your Master Password was recently changed by an administrator in your organization. In order to access the vault, you must update it now. Proceeding will log you out of your current session, requiring you to log back in. Active sessions on other devices may continue to remain active for up to one hour."
   },
+  "resetPasswordPolicyAutoEnroll": {
+    "message": "Automatic Enrollment"
+  },
+  "resetPasswordAutoEnrollInviteWarning": {
+    "message": "This organization has an enterprise policy that will automatically enroll you in password reset. Enrollment will allow organization administrators to change your master password."
+  },
   "selectFolder": {
     "message": "Select folder..."
+  },
+  "ssoCompleteRegistration": {
+    "message": "In order to complete logging in with SSO, please set a master password to access and protect your vault."
   }
 }

src/popup/accounts/set-password.component.html

@@ -20,6 +20,10 @@
         <div *ngIf="!syncLoading">
             <div class="box">
                 <app-callout type="tip">{{'ssoCompleteRegistration' | i18n}}</app-callout>
+                <app-callout type="warning" title="{{'resetPasswordPolicyAutoEnroll' | i18n}}"
+                    *ngIf="resetPassswordAutoEnroll">
+                    {{'resetPasswordAutoEnrollInviteWarning' | i18n}}
+                </app-callout>
                 <app-callout type="info" [enforcedPolicyOptions]="enforcedPolicyOptions" *ngIf="enforcedPolicyOptions">
                 </app-callout>
             </div>

src/popup/scss/misc.scss

@@ -339,6 +339,11 @@ app-vault-icon {
             }
         }
     }
+
+    .enforced-policy-options ul {
+        padding-left: 30px;
+        margin: 0;
+    }
 }
 
 input[type="password"]::-ms-reveal {