LG-9544 - Personal key screen should have simplified content

app/services/marketing_site.rb

@@ -6,6 +6,7 @@ class MarketingSite
   HELP_CENTER_ARTICLES = %w[
     authentication-methods/which-authentication-method-should-i-use
     creating-an-account/authentication-application
+    manage-your-account/personal-key
     signing-in/what-is-a-hardware-security-key
     verify-your-identity/accepted-state-issued-identification
     verify-your-identity/how-to-add-images-of-your-state-issued-id

app/views/shared/_personal_key.html.erb

@@ -7,29 +7,26 @@
     %>
 </div>
 
-<%= render AccordionComponent.new do |c| %>
-  <% c.with_header { t('forms.personal_key_partial.explanation.header') } %>
-  <% t('forms.personal_key_partial.explanation.text').each do |paragraph| %>
-    <p><%= paragraph %></p>
-  <% end %>
-<% end %>
-
 <%= simple_form_for('', url: update_path) do |f| %>
   <p>
     <strong>
       <%= t('forms.personal_key_partial.acknowledgement.header') %>
     </strong>
   </p>
 
-  <p class="margin-bottom-0">
+  <p>
     <%= t('forms.personal_key_partial.acknowledgement.text') %>
   </p>
 
-  <ul>
-    <% t('forms.personal_key_partial.acknowledgement.bullets').each do |bullet| %>
-      <li><%= bullet %></li>
-    <% end %>
-  </ul>
+  <p>
+    <%= new_tab_link_to(
+          t('forms.personal_key_partial.acknowledgement.help_link_text'),
+          MarketingSite.help_center_article_url(
+            category: 'manage-your-account',
+            article: 'personal-key',
+          ),
+        ) %>
+  </p>
 
   <%= render ClickObserverComponent.new(event_name: 'IdV: personal key acknowledgment toggled') do %>
     <%= render ValidatedFieldComponent.new(

config/locales/forms/en.yml

@@ -70,24 +70,15 @@ en:
       confirmation_label: Personal key
       download: Download (text file)
       instructions: Please confirm you have a copy of your personal key by entering it below.
-      required_checkbox: Please check this box to continue.
+      required_checkbox: I saved my personal key in a safe place.
       title: Enter your personal key
     personal_key_partial:
       acknowledgement:
-        bullets:
-          - You’ll lose access to your account
-          - You’ll need to verify your identity again
         header: You need your personal key if you forget your password. Keep it safe and
           don’t share it with anyone.
-        text: 'If you reset your password without your personal key:'
-      explanation:
-        header: What is a personal key?
-        text:
-          - A personal key “locks” your personal information with your account.
-            It’s the only way to unlock your information if you lose or forget
-            your password.
-          - When you reset your password, Login.gov will ask for your personal
-            key to make sure you are you - not someone pretending to be you.
+        help_link_text: Learn more about the personal key
+        text: If you reset your password without your personal key, you’ll need to
+          verify your identity again.
       header: Save your personal key
     phone:
       buttons:

config/locales/forms/es.yml

@@ -75,25 +75,15 @@ es:
       download: Descargar (archivo de texto)
       instructions: Confirme que tiene una copia de su clave personal ingresándola a
         continuación.
-      required_checkbox: Marque esta casilla para continuar.
+      required_checkbox: He guardado mi clave personal en un lugar seguro.
       title: Ingrese su clave personal
     personal_key_partial:
       acknowledgement:
-        bullets:
-          - Perderás el acceso a tu cuenta
-          - Tendrás que verificar tu identidad nuevamente
         header: Necesitarás tu clave personal si olvidas tu contraseña. Mantenla en un
           lugar seguro y no la compartas con nadie.
-        text: 'Si restableces tu contraseña sin tu clave personal:'
-      explanation:
-        header: '¿Qué es una clave personal?'
-        text:
-          - Una clave personal “bloquea” la información personal de tu cuenta.
-            Es la única manera de desbloquear tu información si pierdes u
-            olvidas tu contraseña.
-          - Si restableces tu contraseña, Login.gov te pedirá tu clave personal
-            para asegurarse de que se trata de ti, y no de alguien que quiere
-            hacerse pasar por ti.
+        help_link_text: Más información sobre la clave personal
+        text: 'Si restableces tu contraseña sin tu clave personal, tendrás que volver a
+          verificar tu identidad.'
       header: Guarda tu clave personal
     phone:
       buttons:

config/locales/forms/fr.yml

@@ -77,25 +77,15 @@ fr:
       download: Télécharger (fichier texte)
       instructions: Veuillez confirmer que vous avez une copie de votre clé
         personnelle en l’entrant ci-dessous.
-      required_checkbox: Veuillez cocher cette case pour continuer.
+      required_checkbox: J’ai conservé ma clé personnelle en lieu sûr.
       title: Entrez votre clé personnelle
     personal_key_partial:
       acknowledgement:
-        bullets:
-          - Vous perdrez l’accès à votre compte
-          - Vous allez devoir vérifier à nouveau votre identité
         header: En cas d’oubli de votre mot de passe, vous aurez besoin de votre clé
           personnelle. Gardez-la en sécurité et ne la partagez avec personne.
-        text: 'Si vous réinitialisez votre mot de passe sans votre clé personnelle:'
-      explanation:
-        header: Qu’est-ce qu’une clé personnelle?
-        text:
-          - Une clé personnelle « verrouille » vos informations personnelles
-            avec votre compte. C’est le seul moyen de déverrouiller vos
-            informations si vous perdez ou oubliez votre mot de passe.
-          - Lors de la réinitialisation de votre mot de passe, Login.gov vous
-            demandera votre clé personnelle pour s’assurer que vous êtes bien
-            vous, et non quelqu’un qui se fait passer pour vous.
+        help_link_text: En savoir plus sur la clé personnelle
+        text: Si vous réinitialisez votre mot de passe sans votre clé personnelle, vous
+          devrez à nouveau vérifier votre identité.
       header: Sauvegardez votre clé personnelle
     phone:
       buttons:

spec/features/idv/steps/confirmation_step_spec.rb

@@ -23,10 +23,18 @@
 
   it 'allows the user to refresh and still displays the personal key' do
     # Visit the current path is the same as refreshing
+    expect(page).to have_content(t('idv.messages.confirm'))
+    expect(page).to have_content(t('forms.personal_key_partial.acknowledgement.header'))
     visit current_path
+    expect(page).not_to have_content(t('idv.messages.confirm'))
     expect(page).to have_content(t('forms.personal_key_partial.acknowledgement.header'))
   end
 
+  it 'displays information providing details about personal key' do
+    expect(page).to have_content(t('forms.personal_key_partial.acknowledgement.text'))
+    expect(page).to have_content(t('forms.personal_key_partial.acknowledgement.help_link_text'))
+  end
+
   context 'verifying by gpo' do
     let(:address_verification_mechanism) { :gpo }
 

spec/support/features/session_helper.rb

@@ -336,7 +336,7 @@ def acknowledge_and_confirm_personal_key
     end
 
     def click_acknowledge_personal_key
-      checkbox_header = t('forms.validation.required_checkbox')
+      checkbox_header = t('forms.personal_key.required_checkbox')
       find('label', text: /#{checkbox_header}/).click
       click_continue
     end