@sheerid/jslib 1.81.1 → 1.84.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";
@@ -1128,7 +1131,7 @@ const defaultOptions = {
     urlMedicalFaq: 'https://verify.sheerid.com/us-medical-faq/',
     urlEmploymentFaq: 'https://verify.sheerid.com/employment-faq/',
     urlIdentityFaq: 'https://verify.sheerid.com/identity-faq/',
-    urlLicensedProfessionalFaq: 'https://verify.sheerid.com/licensed-professional-faq/',
+    urlLicensedProfessionalFaq: 'https://verify.sheerid.com/professions-faq/',
     urlAddSchoolFaq: 'https://verify.sheerid.com/add-school-request-faq/',
     urlAddSchoolForm: 'https://offers.sheerid.com/sheerid/add-school-request/',
     privacyPolicyUrl: undefined,
@@ -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-45218d09.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-9fc8dc83.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-405794db.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-aa14f8b8.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-85ee9944.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-578ba48b.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-f4994296.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-356fb969.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-00de3342.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-fb16dee9.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-0d541b88.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-f339b695.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-2ef75556.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-9ea6b84e.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-f8d0f7b3.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-20cc43df.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-6e1647cb.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-9da3d502.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-fdb63bed.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-600681df.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-b13786ca.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-86bcff40.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-6cf76c5f.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-1840217b.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-39cdc2f9.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-61f6449b.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-b8d159b3.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-5fd522ff.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-5b8abbc8.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-e1b4e309.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-bfb1e97c.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-55cd6511.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-65116117.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-152afbae.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-85a3c50d.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-2ded2e8e.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-c84d40ec.es.js').then(m => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -3309,6 +3326,7 @@ const licensedProfessionalPInfoReqEmpty = {
         name: '',
     },
     statuses: [],
+    metadata: { marketConsentValue: false },
 };
 const moverPInfoReqEmpty = {
     ...coreFieldsEmpty,
@@ -4550,7 +4568,7 @@ const adjustFirstErroredFieldId = (firstErroredFieldId) => {
  */
 const getFirstErroredFieldId = (fieldDisplayOrder, fieldValidationErrors) => {
     let firstErroredFieldId;
-    fieldDisplayOrder.forEach((field) => {
+    fieldDisplayOrder.reverse().forEach((field) => {
         if (fieldValidationErrors[field]) {
             firstErroredFieldId = field;
             return adjustFirstErroredFieldId(firstErroredFieldId);
@@ -9329,12 +9347,12 @@ const InputSelectListComponent = InputSelectList;
 const InputSelectButton = ({ clearSelection, disabled, getToggleButtonProps, isOpen, buttonRef, }) => {
     if (clearSelection) {
         return (React.createElement("button", { "aria-label": "clear selection", className: "sid-input-select-button", disabled: disabled, onClick: clearSelection, type: "button", tabIndex: 0, ref: input => setRef(buttonRef, input) },
-            React.createElement("svg", { viewBox: "0 0 20 20", preserveAspectRatio: "none", width: 12, fill: "transparent", stroke: "#979797", strokeWidth: "1.1px" },
+            React.createElement("svg", { viewBox: "0 0 20 20", preserveAspectRatio: "none", width: 12, fill: "transparent", stroke: "#8A8A8A", strokeWidth: "1.1px" },
                 React.createElement("path", { d: "M1,1 L19,19" }),
                 React.createElement("path", { d: "M19,1 L1,19" }))));
     }
     return (React.createElement("button", Object.assign({}, getToggleButtonProps(), { className: "sid-input-select-button", disabled: disabled, type: "button", tabIndex: 0, ref: input => setRef(buttonRef, input) }),
-        React.createElement("svg", { viewBox: "0 0 20 20", preserveAspectRatio: "none", width: 16, fill: "transparent", stroke: "#979797", strokeWidth: "1.1px", transform: isOpen ? 'rotate(180)' : undefined },
+        React.createElement("svg", { viewBox: "0 0 20 20", preserveAspectRatio: "none", width: 16, fill: "transparent", stroke: "#8A8A8A", strokeWidth: "1.1px", transform: isOpen ? 'rotate(180)' : undefined },
             React.createElement("path", { d: "M1,6 L10,15 L19,6" }))));
 };
 const InputSelectButtonComponent = InputSelectButton;
@@ -9731,8 +9749,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 +9825,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 +9859,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 +9893,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 +9926,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 +9962,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 +10001,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 +10034,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 +10067,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 +10103,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 +10143,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 +10176,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 +10210,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 +13489,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 +14085,7 @@ const verificationServiceReducer = (state = getInitialState(), action) => {
             return {
                 ...state,
                 isLoading: action.isLoading,
+                loadingStep: action.isLoading ? action.loadingStep : undefined,
             };
         case 'IS_ERRORED':
             return {
@@ -15658,6 +15698,7 @@ Object.defineProperty(self$1, '_BIDI_RTL_LANGS', {
         'dv',   /* Dhivehi */
         'fa',   /* 'فارسی', Persian */
         'glk',  /* 'گیلکی', Gilaki */
+        'he',   /* 'עברית', Hebrew */
         'ku',   /* 'Kurdî / كوردی', Kurdish */
         'mzn',  /* 'مازِرونی', Mazanderani */
         'nqo',  /* N'Ko */
@@ -15665,7 +15706,8 @@ Object.defineProperty(self$1, '_BIDI_RTL_LANGS', {
         'ps',   /* 'پښتو', Pashto, */
         'sd',   /* 'سنڌي', Sindhi */
         'ug',   /* 'Uyghurche / ئۇيغۇرچە', Uyghur */
-        'ur'    /* 'اردو', Urdu */
+        'ur',    /* 'اردو', Urdu */
+        'yi'    /* 'ייִדיש', Yiddish */
     ],
     writable: false,
     enumerable: true,
@@ -15997,12 +16039,9 @@ const Typeahead = ({ onChange, programId, className, countryCode, disabled, mini
     // Maintain same labelledby value as previous versions even though label has "for" attribute
     const comboboxArgs = { 'aria-labelledby': `${inputHtmlId}-label` };
     const inputRef = React.createRef();
-    useEffect(() => {
-        setRef('organization', inputRef.current);
-    }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", Object.assign({ className: "sid-organization-list" }, getComboboxProps(comboboxArgs)),
-            React.createElement("input", Object.assign({}, getInputProps({ ref: inputRef }), { className: `sid-l-full-width sid-hidden-placeholder sid-text-input ${className}`, disabled: disabled, id: inputHtmlId, placeholder: placeholder, "aria-required": isRequired })),
+            React.createElement("input", Object.assign({}, getInputProps({ ref: inputRef }), { className: `sid-l-full-width sid-hidden-placeholder sid-text-input ${className}`, disabled: disabled, id: inputHtmlId, placeholder: placeholder, "aria-required": isRequired, ref: (input => setRef('organization', input)) })),
             React.createElement("div", Object.assign({}, getMenuProps()), isOpen
                 ? (React.createElement(FetchOrganizationsComponent, { countryCode: countryCode, getItemProps: getItemProps, highlightedIndex: highlightedIndex, itemToString: itemToString, minimumSearchValueLength: minimumSearchValueLength, onLoaded: loadedOrganizations => setLoadedOrgs(loadedOrganizations), programId: programId, searchValue: inputValue, orgSearchUrl: orgSearchUrl, orgSearchTags: orgSearchTags, locale: locale, urlAddSchoolForm: urlAddSchoolForm, openOrgSearchEnabled: openOrgSearchEnabled }))
                 : null))));
@@ -16289,8 +16328,8 @@ const HowDoesVerifyingWorkComponent = ({ verificationService, initialVisibility
         timeoutId = window.setTimeout(() => setTooltipVisibility(false));
     };
     const handleOnClick = (tooltipIsOpen) => (tooltipIsOpen ? hideTooltip() : showTooltip());
-    return (React.createElement("div", { className: "sid-how-verify-works", onMouseEnter: showTooltip, onMouseLeave: hideTooltip, onFocus: showTooltip, onBlur: hideTooltip },
-        React.createElement("a", { href: "#", className: "sid-link", "aria-expanded": tooltipVisibility, onClick: () => handleOnClick(tooltipVisibility), "aria-describedby": tooltipVisibility ? 'how-does-verifying-work-tooltip' : null },
+    return (React.createElement("div", { className: "sid-how-verify-works", onMouseEnter: showTooltip, onMouseLeave: hideTooltip },
+        React.createElement("a", { href: "#", className: "sid-link", "aria-expanded": tooltipVisibility, onClick: () => handleOnClick(tooltipVisibility), "aria-describedby": tooltipVisibility ? 'how-does-verifying-work-tooltip' : null, role: "button" },
             React.createElement(FormattedHTMLMessage, { id: "howDoesVerifyingWork", defaultMessage: "How does verifying work?" })),
         tooltipVisibility
             ? (React.createElement("div", { className: "sid-how-verify-works__container" },
@@ -16406,7 +16445,7 @@ const StepStudentPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Student-Only Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Student-Only Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you're a student at a degree-granting school." }),
                     "\u00A0",
@@ -16501,7 +16540,7 @@ const StepSeniorPersonalInfo = ({ verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock Your Special Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock Your Special Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify your current age." }),
                     "\u00A0",
@@ -16788,7 +16827,7 @@ const StepTeacherPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Teaching Staff-Only Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Teaching Staff-Only Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you're a teacher, faculty or staff at a K-12 or degree-granting university." }),
                     "\u00A0",
@@ -16912,7 +16951,7 @@ const StepMemberPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Members-Only Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Members-Only Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you're a current member of an eligible organization." }),
                     "\u00A0",
@@ -17085,7 +17124,7 @@ const StepActiveMilitaryPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Military-Only Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Military-Only Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you're a member of the armed forces." })),
                 React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
@@ -17268,7 +17307,7 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Military-Only Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Military-Only Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you're a member of the armed forces." }),
                     "\u00A0",
@@ -17409,7 +17448,7 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this 1st Responder-Only Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this 1st Responder-Only Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you're an active first responder." })),
                 React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
@@ -17573,7 +17612,7 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Medical Professional-Only Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Medical Professional-Only Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you're a licensed medical professional." })),
                 React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
@@ -17680,7 +17719,7 @@ const StepEmploymentPersonalInfo = ({ verificationService }) => {
             React.createElement("div", { className: "sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Employment-Only Offer" })),
+                React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Employment-Only Offer", tagName: "h1" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you're a current employee at an eligible company." }),
                 "\u00A0",
@@ -17820,7 +17859,7 @@ const StepDriverLicensePersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you have a valid driver license" })),
                 React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
@@ -17897,7 +17936,7 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify your identity" })),
                 React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
@@ -17987,7 +18026,7 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify your identity" })),
                 React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
@@ -18126,7 +18165,7 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService }) =>
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title***", defaultMessage: "Unlock this Special Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title***", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle***", defaultMessage: "Verify you have a professional license in your field." })),
                 React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
@@ -18210,7 +18249,7 @@ const StepMoverPersonalInfo = ({ verificationService }) => {
                 React.createElement("div", { className: "sid-l-horz-center" },
                     React.createElement(LogoComponent, { verificationService: verificationService })),
                 React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
                 React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center" },
                     React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.subtitle", defaultMessage: "Verify you have recently moved." }),
                     React.createElement("br", null),
@@ -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;