Skip to content

Mwarren lg 15571 update interstitial content #12216

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Mawar2 merged 11 commits into from
Jun 10, 2025
Merged

Mwarren lg 15571 update interstitial content #12216

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
5a76895
added content changes and handled the handoff check for idv type
Mawar2 May 23, 2025
4a9381e
updated locale files to fix string issue. replaced interstitial icons…
Mawar2 May 28, 2025
8e3e458
Fix sp_name variable reference in doc capture interstitial
Mawar2 May 28, 2025
188896c
made the service provider bold name in the doc capture interstitial
Mawar2 May 29, 2025
ac1c16f
mobile only users who start directly on their phone won't see this te…
Mawar2 May 29, 2025
66dc915
Added bottom margin to continue button per PR feedback
Mawar2 May 30, 2025
0bf49d2
LG-15571 Update doc capture interstitial design and content
Mawar2 May 30, 2025
673e906
changelog: User-Facing Improvements, Document verification, Redesign …
Mawar2 May 30, 2025
cbdd577
Remove duplicate variable assignments in Socure document capture cont…
Mawar2 May 31, 2025
25c74ff
Make @hybrid_flow assignment explicit
Mawar2 Jun 5, 2025
0081aa0
make optimize_assets to fix build error
Mawar2 Jun 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions app/assets/images/idv/interstitial_icons.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions app/controllers/idv/hybrid_mobile/socure/document_capture_controller.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,9 @@ def show
Funnel::DocAuth::RegisterStep.new(document_capture_user.id, sp_session[:issuer])
.call('hybrid_mobile_socure_document_capture', :view, true)

@selfie_check_required = resolved_authn_context_result.facial_match?
@hybrid_flow = true

if document_capture_session.socure_docv_capture_app_url.present?
@url = document_capture_session.socure_docv_capture_app_url
return
Expand Down
3 changes: 3 additions & 0 deletions app/controllers/idv/socure/document_capture_controller.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,9 @@ def show
Funnel::DocAuth::RegisterStep.new(current_user.id, sp_session[:issuer])
.call('socure_document_capture', :view, true)

@selfie_check_required = resolved_authn_context_result.facial_match?
@hybrid_flow = false

if document_capture_session.socure_docv_capture_app_url.present?
@url = document_capture_session.socure_docv_capture_app_url
return
Expand Down
30 changes: 22 additions & 8 deletions app/views/idv/shared/_doc_capture_interstitial.html.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,18 +8,32 @@
) %>
<% end %>

<div class="text-center margin-bottom-4">
<%= image_tag asset_url('idv/interstitial_icons.svg'), width: 207, height: 88, alt: '', class: 'display-block margin-x-auto' %>
</div>

<%= render PageHeadingComponent.new do %>
<%= t('doc_auth.headings.verify_with_phone') %>
<%= t('doc_auth.headings.document_capture') %>
<% end %>

<% if decorated_sp_session.sp_name.present? %>
<p>
<%= t('doc_auth.info.login_access_sp', app_name: APP_NAME, sp_name: decorated_sp_session.sp_name) %>
</p>
<% if @hybrid_flow %>
<% if decorated_sp_session.sp_name.present? %>
<p>
<%= t('doc_auth.info.socure_hybrid_flow_html', app_name: APP_NAME, sp_name: decorated_sp_session.sp_name) %>
</p>
<% else %>
<p>
<%= t('doc_auth.info.socure_hybrid_flow_html', app_name: APP_NAME, sp_name: APP_NAME) %>
</p>
<% end %>
<% end %>

<p>
<%= t('doc_auth.info.socure_basic_idv', app_name: APP_NAME) %>
</p>
<p>
<%= t('doc_auth.info.add_id_consent_with_phone', app_name: APP_NAME) %>
<%= t('doc_auth.info.socure_ial2_idv_finish', app_name: APP_NAME) %>
</p>

<%= link_to t('forms.buttons.continue'), @url, class: 'usa-button usa-button--big usa-button--wide' %>
<%= render 'idv/doc_auth/cancel', step: 'verify_id' %>
<%= link_to t('forms.buttons.continue'), @url, class: 'usa-button usa-button--big usa-button--wide margin-top-4 margin-bottom-4' %>
<%= render 'idv/doc_auth/cancel', step: 'verify_id' %>
4 changes: 3 additions & 1 deletion config/locales/en.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -634,7 +634,6 @@ doc_auth.headings.verify_at_post_office: Go to a participating Post Office
doc_auth.headings.verify_identity: Verify your identity
doc_auth.headings.verify_online: Verify your identity online
doc_auth.headings.verify_online_mobile: Verify your identity online using your phone
doc_auth.headings.verify_with_phone: Verify your identity using your phone
doc_auth.headings.welcome: Let’s verify your identity for %{sp_name}
doc_auth.hybrid_flow_warning.explanation_html: You’re using <strong>%{app_name}</strong> to verify your identity for access to <strong>%{service_provider_name}</strong> and its services.
doc_auth.hybrid_flow_warning.explanation_non_sp_html: You’re using <strong>%{app_name}</strong> to verify your identity.
Expand Down Expand Up @@ -691,6 +690,9 @@ doc_auth.info.selfie_capture.action.close: close
doc_auth.info.selfie_capture.action.retake: retake
doc_auth.info.selfie_capture.action.submit: Photo taken. Submit photo.
doc_auth.info.selfie_capture.intro: Camera is on, ready for selfie
doc_auth.info.socure_basic_idv: '%{app_name} will verify your ID using a trusted service provider, Socure. When you continue, you’ll be asked to take photos of your ID with Socure.'
doc_auth.info.socure_hybrid_flow_html: You are using %{app_name} to verify your identity and access <strong>%{sp_name}</strong>.
doc_auth.info.socure_ial2_idv_finish: When you are done taking photos, %{app_name} will finish verifying your information.
doc_auth.info.ssn: We need your Social Security number to verify your name, date of birth and address.
doc_auth.info.stepping_up_html: Verify your identity again to access this service. %{link_html}
doc_auth.info.upload_from_computer: Don’t have a phone? Upload photos of your ID from this computer.
Expand Down
4 changes: 3 additions & 1 deletion config/locales/es.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -645,7 +645,6 @@ doc_auth.headings.verify_at_post_office: Vaya a una oficina de correos participa
doc_auth.headings.verify_identity: Verifique su identidad
doc_auth.headings.verify_online: Verifique su identidad en línea
doc_auth.headings.verify_online_mobile: Verifique su identidad en línea con su teléfono
doc_auth.headings.verify_with_phone: Verifique su identidad con su teléfono
doc_auth.headings.welcome: Verifiquemos su identidad para %{sp_name}
doc_auth.hybrid_flow_warning.explanation_html: Está utilizando <strong>%{app_name}</strong> para verificar su identidad y acceder a <strong>%{service_provider_name}</strong> y sus servicios.
doc_auth.hybrid_flow_warning.explanation_non_sp_html: Está utilizando <strong>%{app_name}</strong> para verificar su identidad.
Expand Down Expand Up @@ -702,6 +701,9 @@ doc_auth.info.selfie_capture.action.close: Cerrar
doc_auth.info.selfie_capture.action.retake: Volver a tomar foto
doc_auth.info.selfie_capture.action.submit: Se tomó la foto. Enviar la foto.
doc_auth.info.selfie_capture.intro: Cámara encendida, lista para tomar selfie
doc_auth.info.socure_basic_idv: '%{app_name} verificará su identificación por medio de Socure, un proveedor de servicios de confianza. Al continuar, se le pedirá que tome las fotografías de su identificación con Socure.'
doc_auth.info.socure_hybrid_flow_html: Está usando %{app_name} para verificar su identidad y acceder a <strong>%{sp_name}</strong>.
doc_auth.info.socure_ial2_idv_finish: Cuando acabe de tomar las fotos, %{app_name} terminará de verificar su información.
doc_auth.info.ssn: Necesitamos su número de Seguro Social para verificar su nombre, fecha de nacimiento y dirección.
doc_auth.info.stepping_up_html: Verifique de nuevo su identidad para acceder a este servicio. %{link_html}
doc_auth.info.upload_from_computer: '¿No tiene un teléfono? Cargue fotos de su identificación desde esta computadora.'
Expand Down
4 changes: 3 additions & 1 deletion config/locales/fr.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -634,7 +634,6 @@ doc_auth.headings.verify_at_post_office: Vous rendre à un bureau de poste parti
doc_auth.headings.verify_identity: Confirmer votre identité
doc_auth.headings.verify_online: Confirmer votre identité en ligne
doc_auth.headings.verify_online_mobile: Confirmer votre identité en ligne à l’aide de votre téléphone
doc_auth.headings.verify_with_phone: Confirmer votre identité à l’aide de votre téléphone
doc_auth.headings.welcome: Vérifions votre identité auprès de %{sp_name}
doc_auth.hybrid_flow_warning.explanation_html: Vous utilisez <strong>%{app_name}</strong> pour confirmer votre identité et accéder à <strong>%{service_provider_name}</strong> et à ses services.
doc_auth.hybrid_flow_warning.explanation_non_sp_html: Vous utilisez <strong>%{app_name}</strong> pour confirmer votre identité.
Expand Down Expand Up @@ -691,6 +690,9 @@ doc_auth.info.selfie_capture.action.close: fermer
doc_auth.info.selfie_capture.action.retake: nouvelle photo
doc_auth.info.selfie_capture.action.submit: Photo prise. Envoyer la photo.
doc_auth.info.selfie_capture.intro: Caméra prête à prendre la photo
doc_auth.info.socure_basic_idv: '%{app_name} vérifiera votre pièce d’identité en faisant appel à Socure, un prestataire de confiance. Il va vous être demandé de prendre des photos de votre pièce d’identité avec Socure.'
doc_auth.info.socure_hybrid_flow_html: Vous utilisez %{app_name} pour vérifier votre identité et accéder à <strong>%{sp_name}</strong>.
doc_auth.info.socure_ial2_idv_finish: Quand vous aurez terminé de prendre les photos, %{app_name} finira de vérifier vos renseignements.
doc_auth.info.ssn: Nous avons besoin de votre numéro de sécurité sociale pour confirmer vos nom, date de naissance et adresse.
doc_auth.info.stepping_up_html: Veuillez confirmer à nouveau votre identité pour accéder à ce service. %{link_html}
doc_auth.info.upload_from_computer: Vous n’avez pas de téléphone ? Téléchargez les photos de votre pièce d’identité depuis cet ordinateur.
Expand Down
4 changes: 3 additions & 1 deletion config/locales/zh.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -645,7 +645,6 @@ doc_auth.headings.verify_at_post_office: 到一个参与本项目的邮局去
doc_auth.headings.verify_identity: 验证你的身份
doc_auth.headings.verify_online: 在网上验证身份
doc_auth.headings.verify_online_mobile: 使用手机在网上验证你的身份
doc_auth.headings.verify_with_phone: 使用你的电话来验证你的身份
doc_auth.headings.welcome: 现在我们来为%{sp_name}验证你的身份
doc_auth.hybrid_flow_warning.explanation_html: 你在使用 <strong>%{app_name}</strong> 验证身份以访问 <strong>%{service_provider_name}</strong> 及其服务。
doc_auth.hybrid_flow_warning.explanation_non_sp_html: 你在使用 <strong>%{app_name}</strong> 验证身份。
Expand Down Expand Up @@ -702,6 +701,9 @@ doc_auth.info.selfie_capture.action.close: 关闭
doc_auth.info.selfie_capture.action.retake: 重拍
doc_auth.info.selfie_capture.action.submit: 照片拍摄完毕。提交照片。
doc_auth.info.selfie_capture.intro: 相机已打开，准备自拍
doc_auth.info.socure_basic_idv: '%{app_name}会使用一家受信任的服务提供商 - Socure – 来验证你的ID。如果你继续，系统会要求你使用 Socure 拍摄你的ID的照片。'
doc_auth.info.socure_hybrid_flow_html: 你正在使用 %{app_name} 验证你的身份并访问 <strong>%{sp_name}</strong>。
doc_auth.info.socure_ial2_idv_finish: 拍完照片后，%{app_name} 会完成你的信息验证。
doc_auth.info.ssn: 我们需要你的社会保障号码来证实你的姓名、生日和地址。
doc_auth.info.stepping_up_html: 再次验证你的身份以使用这项服务。 %{link_html}
doc_auth.info.upload_from_computer: 没有手机？从该电脑上传你身份证件的照片。
Expand Down
2 changes: 1 addition & 1 deletion spec/features/idv/doc_auth/socure_document_capture_spec.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@
# Try Socure again
click_on t('idv.failure.button.warning')
expect(page).to have_current_path(idv_socure_document_capture_path)
expect(page).to have_content(t('doc_auth.headings.verify_with_phone'))
expect(page).to have_content(t('doc_auth.headings.document_capture'))
end
end

Expand Down
2 changes: 1 addition & 1 deletion spec/features/idv/hybrid_mobile/hybrid_socure_mobile_spec.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -242,7 +242,7 @@
# Try Socure again
click_on t('idv.failure.button.warning')
expect(page).to have_current_path(idv_hybrid_mobile_socure_document_capture_path)
expect(page).to have_content(t('doc_auth.headings.verify_with_phone'))
expect(page).to have_content(t('doc_auth.headings.document_capture'))
end
end
end
Expand Down