@sheerid/jslib 1.81.1 → 1.82.0

package/sheerides6.js

@@ -1,5 +1,5 @@
 import React, { useRef, useCallback, useEffect, useMemo, cloneElement, Component, useLayoutEffect, useReducer, PureComponent, useState, forwardRef, useImperativeHandle, Fragment as Fragment$4, Suspense as Suspense$4 } from 'react';
-import { FormattedHTMLMessage, injectIntl, IntlProvider, FormattedMessage } from 'react-intl';
+import { FormattedHTMLMessage, injectIntl, FormattedMessage, IntlProvider } from 'react-intl';
 import 'react-intl/locale-data/en.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -484,6 +484,9 @@ var VerificationStepsEnum;
     VerificationStepsEnum["cancelEmailLoop"] = "cancelEmailLoop";
 })(VerificationStepsEnum || (VerificationStepsEnum = {}));
 const VerificationSteps = Object.values(VerificationStepsEnum); // For runtime checks
+// This depends on all collect steps starting with the string 'collect' if that
+// stops being true this will need to change.
+const CollectInfoSteps = VerificationSteps.filter((step) => step.startsWith('collect'));
 var TryAgainStepsEnum;
 (function (TryAgainStepsEnum) {
     TryAgainStepsEnum["docUpload"] = "docUpload";
@@ -2348,6 +2351,8 @@ var enUSMessages = {
 	"defaultMessages.step.pending.titleCountdown": "Processing",
 	"defaultMessages.step.pending.titleReview": "Reviewing",
 	"defaultMessages.step.pending.turnaroundTime": "Turnaround time for your language is typically {estReviewTime}, and in rare times of high volume may take up to {maxReviewTime}.",
+	"defaultMessages.step.personalInfo.verifyingSubtitle": "This should only take a minute",
+	"defaultMessages.step.personalInfo.verifyingTitle": "Verifying your status",
 	"defaultMessages.step.smsLoop.errors.codeExpired": "Verification code could not be validated.",
 	"defaultMessages.step.smsLoop.errors.codeResendLimit": "Maximum number of re-tries has been reached.",
 	"defaultMessages.step.smsLoop.errors.codeVerification": "Verification code could not be validated.",
@@ -2427,6 +2432,7 @@ var enUSMessages = {
 	"segmentMessages.age.step.personalInfo.title": "Unlock Your Special Offer",
 	"segmentMessages.age.step.personalInfo.tryAgain.subtitle": "Your full name and birthdate must match what is on your government-issued documents.",
 	"segmentMessages.age.step.personalInfo.tryAgain.title": "Check Your Name & Birthdate",
+	"segmentMessages.age.step.personalInfo.verifyingTitle": "Verifying your age",
 	"segmentMessages.age.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.age.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.age.step.success.title": "You've been verified",
@@ -2440,6 +2446,7 @@ var enUSMessages = {
 	"segmentMessages.employment.step.personalInfo.title": "Unlock this Employment-Only Offer",
 	"segmentMessages.employment.step.personalInfo.tryAgain.subtitle": "The information you have provided should match your official documents.",
 	"segmentMessages.employment.step.personalInfo.tryAgain.title": "Check the information that you have provided",
+	"segmentMessages.employment.step.personalInfo.verifyingTitle": "Verifying your employment status",
 	"segmentMessages.employment.step.sso.cancel": "Upload proof of employment",
 	"segmentMessages.employment.step.sso.login": "Sign in to my email",
 	"segmentMessages.employment.step.sso.subtitle": "Please sign in to your company's email portal. It will open in a new tab.",
@@ -2458,6 +2465,7 @@ var enUSMessages = {
 	"segmentMessages.firstResponder.step.personalInfo.title": "Unlock this 1st Responder-Only Offer",
 	"segmentMessages.firstResponder.step.personalInfo.tryAgain.subtitle": "Your full name, organization name, and email must match what is on record with your agency.",
 	"segmentMessages.firstResponder.step.personalInfo.tryAgain.title": "Check Your Name, Email & Organization",
+	"segmentMessages.firstResponder.step.personalInfo.verifyingTitle": "Verifying your first responder status",
 	"segmentMessages.firstResponder.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.firstResponder.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.firstResponder.step.success.title": "You've been verified",
@@ -2471,6 +2479,7 @@ var enUSMessages = {
 	"segmentMessages.identity.step.personalInfo.title": "Unlock Your Special Offer",
 	"segmentMessages.identity.step.personalInfo.tryAgain.subtitle": "Your information must match what is on your government-issued document(s).",
 	"segmentMessages.identity.step.personalInfo.tryAgain.title": "Check Your Name & other fields",
+	"segmentMessages.identity.step.personalInfo.verifyingTitle": "Verifying your identity",
 	"segmentMessages.identity.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.identity.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.identity.step.success.title": "You've been verified",
@@ -2484,6 +2493,7 @@ var enUSMessages = {
 	"segmentMessages.licensedProfessional.step.personalInfo.title": "Unlock this Special Offer",
 	"segmentMessages.licensedProfessional.step.personalInfo.tryAgain.subtitle": "Your information must match what is on your government-issued document(s).",
 	"segmentMessages.licensedProfessional.step.personalInfo.tryAgain.title": "Check Your Name & other fields",
+	"segmentMessages.licensedProfessional.step.personalInfo.verifyingTitle": "Verifying your license",
 	"segmentMessages.licensedProfessional.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.licensedProfessional.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.licensedProfessional.step.success.title": "You've been verified",
@@ -2497,6 +2507,7 @@ var enUSMessages = {
 	"segmentMessages.medical.step.personalInfo.title": "Unlock this Medical Professional-Only Offer",
 	"segmentMessages.medical.step.personalInfo.tryAgain.subtitle": "Your first and last name, birthdate and organization must match what is on your official documents.",
 	"segmentMessages.medical.step.personalInfo.tryAgain.title": "Check your Name, Birthdate & Organization",
+	"segmentMessages.medical.step.personalInfo.verifyingTitle": "Verifying your medical professional status",
 	"segmentMessages.medical.step.sso.login": "Sign into my employer web portal",
 	"segmentMessages.medical.step.sso.subtitle": "Please sign into your employer's web portal. It will open in a new tab.",
 	"segmentMessages.medical.step.sso.title": "Verify your Healthcare status",
@@ -2513,6 +2524,7 @@ var enUSMessages = {
 	"segmentMessages.member.step.personalInfo.title": "Unlock this Members-Only Offer",
 	"segmentMessages.member.step.personalInfo.tryAgain.subtitle": "The information you have provided should match your official documents.",
 	"segmentMessages.member.step.personalInfo.tryAgain.title": "Check the information that you have provided",
+	"segmentMessages.member.step.personalInfo.verifyingTitle": "Verifying your membership status",
 	"segmentMessages.member.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.member.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.member.step.success.title": "You've been verified",
@@ -2526,6 +2538,7 @@ var enUSMessages = {
 	"segmentMessages.military.step.personalInfo.title": "Unlock this Military-Only Offer",
 	"segmentMessages.military.step.personalInfo.tryAgain.subtitle": "Enter your first and last name on the form as it appears on your military document(s). Keep in mind that may be your given name.",
 	"segmentMessages.military.step.personalInfo.tryAgain.title": "Check Your Name & Birthdate",
+	"segmentMessages.military.step.personalInfo.verifyingTitle": "Verifying your military status",
 	"segmentMessages.military.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.military.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.military.step.success.title": "You've been verified",
@@ -2539,6 +2552,7 @@ var enUSMessages = {
 	"segmentMessages.recentMover.step.personalInfo.title": "Unlock this Special Offer",
 	"segmentMessages.recentMover.step.personalInfo.tryAgain.subtitle": "Your first and last name and address must match what is on your official documents.",
 	"segmentMessages.recentMover.step.personalInfo.tryAgain.title": "Check Your Name & Address Information",
+	"segmentMessages.recentMover.step.personalInfo.verifyingTitle": "Verifying your moving status",
 	"segmentMessages.recentMover.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.recentMover.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.recentMover.step.success.title": "You've been verified",
@@ -2552,6 +2566,7 @@ var enUSMessages = {
 	"segmentMessages.senior.step.personalInfo.title": "Unlock Your Special Offer",
 	"segmentMessages.senior.step.personalInfo.tryAgain.subtitle": "Your full name and birthdate must match what is on your government-issued documents.",
 	"segmentMessages.senior.step.personalInfo.tryAgain.title": "Check Your Name & Birthdate",
+	"segmentMessages.senior.step.personalInfo.verifyingTitle": "Verifying your age",
 	"segmentMessages.senior.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.senior.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.senior.step.success.title": "You've been verified",
@@ -2566,6 +2581,7 @@ var enUSMessages = {
 	"segmentMessages.student.step.personalInfo.title": "Unlock this Student-Only Offer",
 	"segmentMessages.student.step.personalInfo.tryAgain.subtitle": "Your full name and birthdate must match what is on your official school records.",
 	"segmentMessages.student.step.personalInfo.tryAgain.title": "Check Your Name & Birthdate",
+	"segmentMessages.student.step.personalInfo.verifyingTitle": "Verifying your student status",
 	"segmentMessages.student.step.sso.cancel": "Upload Proof of Enrollment",
 	"segmentMessages.student.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.student.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
@@ -2581,6 +2597,7 @@ var enUSMessages = {
 	"segmentMessages.teacher.step.personalInfo.title": "Unlock this Teaching Staff-Only Offer",
 	"segmentMessages.teacher.step.personalInfo.tryAgain.subtitle": "Your full name and email address must match what is on record with your school.",
 	"segmentMessages.teacher.step.personalInfo.tryAgain.title": "Check Your Name & Email",
+	"segmentMessages.teacher.step.personalInfo.verifyingTitle": "Verifying your teacher status",
 	"segmentMessages.teacher.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.teacher.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
 	"segmentMessages.teacher.step.success.title": "You've been verified"
@@ -2605,118 +2622,118 @@ const getMessagesModuleByLocale = async (locale) => {
     /* tslint:disable:space-in-parens */
     switch (locale) {
         case 'ar':
-            localizedMessages = await import(/* webpackChunkName: "messages_ar" */ './es6/ar-cb29c5de.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ar" */ './es6/ar-9e0fad1f.es.js').then(m => m.default);
             break;
         case 'bg':
-            localizedMessages = await import(/* webpackChunkName: "messages_bg" */ './es6/bg-fed08b4c.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_bg" */ './es6/bg-2aca771b.es.js').then(m => m.default);
             break;
         case 'cs':
-            localizedMessages = await import(/* webpackChunkName: "messages_cs" */ './es6/cs-40a8a187.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_cs" */ './es6/cs-f5c83c6a.es.js').then(m => m.default);
             break;
         case 'da':
-            localizedMessages = await import(/* webpackChunkName: "messages_da" */ './es6/da-5518b2bd.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_da" */ './es6/da-b8d9bd0b.es.js').then(m => m.default);
             break;
         case 'de':
-            localizedMessages = await import(/* webpackChunkName: "messages_de" */ './es6/de-96c87dcb.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_de" */ './es6/de-0a779e2e.es.js').then(m => m.default);
             break;
         case 'el':
-            localizedMessages = await import(/* webpackChunkName: "messages_el" */ './es6/el-a4c7c87a.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_el" */ './es6/el-0408a569.es.js').then(m => m.default);
             break;
         case 'en-GB':
-            localizedMessages = await import(/* webpackChunkName: "messages_en-GB" */ './es6/en-GB-9dbd452a.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_en-GB" */ './es6/en-GB-8b783a90.es.js').then(m => m.default);
             break;
         case 'en-US':
             localizedMessages = enUSMessages;
             break;
         case 'es-ES':
-            localizedMessages = await import(/* webpackChunkName: "messages_es-ES" */ './es6/es-ES-0dd99a59.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_es-ES" */ './es6/es-ES-0f1f844e.es.js').then(m => m.default);
             break;
         case 'es':
-            localizedMessages = await import(/* webpackChunkName: "messages_es" */ './es6/es-f3809fcb.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_es" */ './es6/es-20274dff.es.js').then(m => m.default);
             break;
         case 'fi':
-            localizedMessages = await import(/* webpackChunkName: "messages_fi" */ './es6/fi-e45351d6.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_fi" */ './es6/fi-a7b09e0e.es.js').then(m => m.default);
             break;
         case 'fr-CA':
-            localizedMessages = await import(/* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-45df5324.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-77227517.es.js').then(m => m.default);
             break;
         case 'fr':
-            localizedMessages = await import(/* webpackChunkName: "messages_fr" */ './es6/fr-1db95d70.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_fr" */ './es6/fr-759c23ea.es.js').then(m => m.default);
             break;
         case 'ga':
-            localizedMessages = await import(/* webpackChunkName: "messages_ga" */ './es6/ga-184cc094.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ga" */ './es6/ga-8ad780c1.es.js').then(m => m.default);
             break;
         case 'hr':
-            localizedMessages = await import(/* webpackChunkName: "messages_hr" */ './es6/hr-065f62e3.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_hr" */ './es6/hr-8f666201.es.js').then(m => m.default);
             break;
         case 'hu':
-            localizedMessages = await import(/* webpackChunkName: "messages_hu" */ './es6/hu-f68a0ce6.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_hu" */ './es6/hu-2d552fd1.es.js').then(m => m.default);
             break;
         case 'id':
-            localizedMessages = await import(/* webpackChunkName: "messages_id" */ './es6/id-c25e786a.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_id" */ './es6/id-d4274ccb.es.js').then(m => m.default);
             break;
         case 'it':
-            localizedMessages = await import(/* webpackChunkName: "messages_it" */ './es6/it-230764c3.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_it" */ './es6/it-e6743833.es.js').then(m => m.default);
             break;
         case 'iw':
-            localizedMessages = await import(/* webpackChunkName: "messages_iw" */ './es6/iw-032e372f.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_iw" */ './es6/iw-0aa73f61.es.js').then(m => m.default);
             break;
         case 'ja':
-            localizedMessages = await import(/* webpackChunkName: "messages_ja" */ './es6/ja-ff8c17c0.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ja" */ './es6/ja-c1f752a6.es.js').then(m => m.default);
             break;
         case 'ko':
-            localizedMessages = await import(/* webpackChunkName: "messages_ko" */ './es6/ko-8518fa04.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ko" */ './es6/ko-bcddc775.es.js').then(m => m.default);
             break;
         case 'lo':
-            localizedMessages = await import(/* webpackChunkName: "messages_lo" */ './es6/lo-d7ff1047.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_lo" */ './es6/lo-ab067913.es.js').then(m => m.default);
             break;
         case 'lt':
-            localizedMessages = await import(/* webpackChunkName: "messages_lt" */ './es6/lt-54533a36.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_lt" */ './es6/lt-7f1cd913.es.js').then(m => m.default);
             break;
         case 'ms':
-            localizedMessages = await import(/* webpackChunkName: "messages_ms" */ './es6/ms-4d678469.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ms" */ './es6/ms-e3f64cc3.es.js').then(m => m.default);
             break;
         case 'nl':
-            localizedMessages = await import(/* webpackChunkName: "messages_nl" */ './es6/nl-2f72af5f.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_nl" */ './es6/nl-7a4d62d2.es.js').then(m => m.default);
             break;
         case 'no':
-            localizedMessages = await import(/* webpackChunkName: "messages_no" */ './es6/no-96c1beb5.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_no" */ './es6/no-a25a637c.es.js').then(m => m.default);
             break;
         case 'pl':
-            localizedMessages = await import(/* webpackChunkName: "messages_pl" */ './es6/pl-428a4933.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_pl" */ './es6/pl-8981210c.es.js').then(m => m.default);
             break;
         case 'pt-BR':
-            localizedMessages = await import(/* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-053ef8ff.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-ea998ac8.es.js').then(m => m.default);
             break;
         case 'pt':
-            localizedMessages = await import(/* webpackChunkName: "messages_pt" */ './es6/pt-502dc0b8.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_pt" */ './es6/pt-db66cedf.es.js').then(m => m.default);
             break;
         case 'ru':
-            localizedMessages = await import(/* webpackChunkName: "messages_ru" */ './es6/ru-e84e80a2.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ru" */ './es6/ru-b8865189.es.js').then(m => m.default);
             break;
         case 'sk':
-            localizedMessages = await import(/* webpackChunkName: "messages_sk" */ './es6/sk-addb6953.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_sk" */ './es6/sk-43185e62.es.js').then(m => m.default);
             break;
         case 'sl':
-            localizedMessages = await import(/* webpackChunkName: "messages_sl" */ './es6/sl-6d181948.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_sl" */ './es6/sl-efe6c730.es.js').then(m => m.default);
             break;
         case 'sr':
-            localizedMessages = await import(/* webpackChunkName: "messages_sr" */ './es6/sr-a725ed21.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_sr" */ './es6/sr-a179f1ae.es.js').then(m => m.default);
             break;
         case 'sv':
-            localizedMessages = await import(/* webpackChunkName: "messages_sv" */ './es6/sv-e8e2aca0.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_sv" */ './es6/sv-28a792ba.es.js').then(m => m.default);
             break;
         case 'th':
-            localizedMessages = await import(/* webpackChunkName: "messages_th" */ './es6/th-f819cf32.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_th" */ './es6/th-243f9d7e.es.js').then(m => m.default);
             break;
         case 'tr':
-            localizedMessages = await import(/* webpackChunkName: "messages_tr" */ './es6/tr-2fadf137.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_tr" */ './es6/tr-68ce213a.es.js').then(m => m.default);
             break;
         case 'zh-HK':
-            localizedMessages = await import(/* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-967c4b27.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-cc047d27.es.js').then(m => m.default);
             break;
         case 'zh':
-            localizedMessages = await import(/* webpackChunkName: "messages_zh" */ './es6/zh-1b8acc97.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_zh" */ './es6/zh-14c4dc8f.es.js').then(m => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -9731,8 +9748,17 @@ const RequestOrganizationSearch = ({ intl }) => {
 };
 const RequestOrganizationSearchComponent = injectIntl(RequestOrganizationSearch);
 
-const LoadingScreenComponent = () => (React.createElement("div", { className: "sid-loading-screen" },
-    React.createElement(LoadingSpinnerComponent, null)));
+// eslint-disable-next-line react/prop-types
+const LoadingScreenMessage = ({ step }) => (React.createElement("div", { className: "sid-loading-screen__message" },
+    CollectInfoSteps.includes(step) && (React.createElement("div", { className: "sid-loading-screen__message-header" },
+        React.createElement(FormattedMessage, { id: "step.personalInfo.verifyingTitle", defaultMessage: "Verifying your status" }))),
+    React.createElement("div", { className: "sid-loading-screen__message-subhead" },
+        React.createElement(FormattedMessage, { id: "step.personalInfo.verifyingSubtitle", defaultMessage: "This should only take a minute" }))));
+
+// eslint-disable-next-line react/prop-types
+const LoadingScreenComponent = ({ step }) => (React.createElement("div", { className: "sid-loading-screen" },
+    React.createElement(LoadingSpinnerComponent, null),
+    step && React.createElement(LoadingScreenMessage, { step: step })));
 
 let overriddenComponents = {};
 const overrideComponent = (componentName, newComponent) => {
@@ -9798,6 +9824,7 @@ const firstResponderMessages = {
                 title: 'Check Your Name, Email & Organization',
                 subtitle: 'Your full name, organization name, and email must match what is on record with your agency.',
             },
+            verifyingTitle: 'Verifying your first responder status',
         },
         docUpload: {
             title: 'We need your ID',
@@ -9831,6 +9858,7 @@ const militaryMessages = {
                 title: 'Check Your Name & Birthdate',
                 subtitle: 'Enter your first and last name on the form as it appears on your military document(s). Keep in mind that may be your given name.',
             },
+            verifyingTitle: 'Verifying your military status',
         },
         docUpload: {
             title: 'We need more information',
@@ -9864,6 +9892,7 @@ const seniorMessages = {
                 title: 'Check Your Name & Birthdate',
                 subtitle: 'Your full name and birthdate must match what is on your government-issued documents.',
             },
+            verifyingTitle: 'Verifying your age',
         },
         docUpload: {
             title: 'We need your license or passport',
@@ -9896,6 +9925,7 @@ const ageMessages = {
                 title: 'Check Your Name & Birthdate',
                 subtitle: 'Your full name and birthdate must match what is on your government-issued documents.',
             },
+            verifyingTitle: 'Verifying your age',
         },
         docUpload: {
             howDoesVerifyingWorkDetails: `Document review is handled by SheerID, a trusted partner who specializes in verifying age.
@@ -9931,6 +9961,7 @@ const studentMessages = {
                 title: 'Check Your Name & Birthdate',
                 subtitle: 'Your full name and birthdate must match what is on your official school records.',
             },
+            verifyingTitle: 'Verifying your student status',
         },
         docUpload: {
             title: 'We need your ID & class schedule',
@@ -9969,6 +10000,7 @@ const teacherMessages = {
                 title: 'Check Your Name & Email',
                 subtitle: 'Your full name and email address must match what is on record with your school.',
             },
+            verifyingTitle: 'Verifying your teacher status',
         },
         docUpload: {
             title: 'We need more information',
@@ -10001,6 +10033,7 @@ const memberMessages = {
                 title: 'Check the information that you have provided',
                 subtitle: 'The information you have provided should match your official documents.',
             },
+            verifyingTitle: 'Verifying your membership status',
         },
         docUpload: {
             title: 'We need more information',
@@ -10033,6 +10066,7 @@ const medicalMessages = {
                 title: 'Check your Name, Birthdate & Organization',
                 subtitle: 'Your first and last name, birthdate and organization must match what is on your official documents.',
             },
+            verifyingTitle: 'Verifying your medical professional status',
         },
         docUpload: {
             title: 'We need more information',
@@ -10068,6 +10102,7 @@ const employmentMessages = {
                 title: 'Check the information that you have provided',
                 subtitle: 'The information you have provided should match your official documents.',
             },
+            verifyingTitle: 'Verifying your employment status',
         },
         docUpload: {
             title: 'We need more information',
@@ -10107,6 +10142,7 @@ const identityMessages = {
                 title: 'Check Your Name & other fields',
                 subtitle: 'Your information must match what is on your government-issued document(s).',
             },
+            verifyingTitle: 'Verifying your identity',
         },
         docUpload: {
             howDoesVerifyingWorkDetails: `Document review is handled by SheerID, a trusted partner who specializes in verifying identity.
@@ -10139,6 +10175,7 @@ const licensedProfessionalMessages = {
                 title: 'Check Your Name & other fields',
                 subtitle: 'Your information must match what is on your government-issued document(s).',
             },
+            verifyingTitle: 'Verifying your license',
         },
         docUpload: {
             title: 'We need your professional license or certificate',
@@ -10172,6 +10209,7 @@ const moverMessages = {
                 title: 'Check Your Name & Address Information',
                 subtitle: 'Your first and last name and address must match what is on your official documents.',
             },
+            verifyingTitle: 'Verifying your moving status',
         },
         docUpload: {
             title: 'We need some more info',
@@ -13450,7 +13488,7 @@ const createUpdateFieldValidationErrors = (dispatch) => async (fieldValidationEr
 const createSubmitStep = (dispatch) => async (stepName, viewModel, previousResponse) => {
     logger.log(`submitStep(): submitting stepName ${stepName}, viewModel:`, viewModel);
     scrollToWindowTop();
-    await dispatch({ type: 'IS_LOADING', isLoading: true });
+    await dispatch({ type: 'IS_LOADING', isLoading: true, loadingStep: stepName });
     logger.info(`submitting step ${stepName}`, viewModel);
     setGaDimensionIsTest(viewModel);
     const verificationResponse = await VerificationApiClient.submitStep(stepName, previousResponse, viewModel);
@@ -14046,6 +14084,7 @@ const verificationServiceReducer = (state = getInitialState(), action) => {
             return {
                 ...state,
                 isLoading: action.isLoading,
+                loadingStep: action.isLoading ? action.loadingStep : undefined,
             };
         case 'IS_ERRORED':
             return {
@@ -20818,10 +20857,10 @@ const NewVerificationInnerComponent = ({ locale, messages, programTheme, verific
     return (
     // Don't change locale, so we don't have to load pluralization data, which has complications. HD-560
     React.createElement(IntlProvider, { locale: "en", key: locale, messages: messagesWithOptions, textComponent: CustomTextWrapper },
-        React.createElement(CustomCssWrapperComponent, { styles: getCustomCss(programTheme) },
-            React.createElement("div", { className: rtlDetect_1.isRtlLang(modernizeLocale(locale)) ? 'sid-rtl' : 'sid-ltr' },
+        React.createElement(CustomCssWrapperComponent, { styles: getCustomCss(programTheme) }, verificationService.isLoading ? React.createElement(LoadingScreenComponent, { step: verificationService.loadingStep })
+            : (React.createElement("div", { className: rtlDetect_1.isRtlLang(modernizeLocale(locale)) ? 'sid-rtl' : 'sid-ltr' },
                 React.createElement(TestModeFlagComponent, { verificationService: verificationService }),
-                React.createElement(LoadStepComponent, { stepToLoad: verificationService.verificationResponse.currentStep, verificationService: verificationService })))));
+                React.createElement(LoadStepComponent, { stepToLoad: verificationService.verificationResponse.currentStep, verificationService: verificationService }))))));
 };
 
 /* eslint-disable */
@@ -20849,9 +20888,11 @@ class NewVerification extends React.Component {
         }
     }
     render() {
-        if (this.props.verificationService.isLoading) {
+        // Note: If we have a loadingStep set we don't use this loading screen, we use the one inside
+        // the inner component that is inside the internationalization provoder.
+        if (this.props.verificationService.isLoading && !this.props.verificationService.loadingStep) {
             logger.info('NewVerificationComponent: VerificationService is loading');
-            return React.createElement(LoadingScreenComponent, null); // Note: we don't know locale yet
+            return React.createElement(LoadingScreenComponent, null);
         }
         const { programTheme } = this.props.verificationService;
         const { verificationResponse } = this.props.verificationService;