@sheerid/jslib 1.111.0 → 1.114.0

package/sheerides6.js

@@ -1136,6 +1136,7 @@ const iframeClassNames = {
     CLOSE_TEXT: "sid-modal__close-text",
     CLOSE_ICON: "sid-modal__close-icon",
 };
+const iframeTitle = "SheerID Verification Form";
 const iframeConstants = {
     CLASS_NAMES: iframeClassNames,
     DEFAULT_MOBILE_THRESHOLD_WIDTH: 620,
@@ -2550,14 +2551,20 @@ var enUSMessages = {
 	"requestOrganizationMessages.ineligibleOrgs": "Ineligible Schools. We are sorry, people from these schools are not eligible for this offer:",
 	"requestOrganizationMessages.noCountry": "Don't see your school’s country or region? You are not eligible for this offer.",
 	"requestOrganizationMessages.none": "None",
+	"requestOrganizationMessages.orgType.eligible": " - Eligible for this offer. Click the icon to copy name then return to the verification form:",
+	"requestOrganizationMessages.orgType.highSchool": "High Schools / Secondary Schools {e}",
+	"requestOrganizationMessages.orgType.ineligible": "  - (Not eligible for this offer)",
+	"requestOrganizationMessages.orgType.k12": "K12 {e}",
+	"requestOrganizationMessages.orgType.postSecondary": "Post Secondary Institutions {e}",
+	"requestOrganizationMessages.orgType.university": "Universities {e}",
 	"requestOrganizationMessages.poweredBy": "Verification services powered by SheerID",
 	"requestOrganizationMessages.searchByOrgName": "Don't see your school? Search by name.",
 	"requestOrganizationMessages.step.error.contactUs": "contact us",
 	"requestOrganizationMessages.step.error.description": "Sorry we are not able to process your request. Please try again later.",
 	"requestOrganizationMessages.step.error.seeingProblem": "If you keep seeing this problem <a class='sid-link' href='{feedbackUrl}&pid={programId}' target='_blank'>contact us</a>.",
 	"requestOrganizationMessages.step.error.title": "An unexpected error occurred",
-	"requestOrganizationMessages.step.success.description": "As a reminder, each request is evaluated by SheerID against the requirements set by this offer. There is no guarantee that your school will be added. The evaluation process takes up to 7 business days.",
-	"requestOrganizationMessages.step.success.title": "Thank you for submitting your school request",
+	"requestOrganizationMessages.step.success.description": "Your request to add your educational institution has been received. As a reminder, each request is evaluated by SheerID against the requirements set by this offer. There is no guarantee that your school will be added. The evaluation process can take up to 7 business days.",
+	"requestOrganizationMessages.step.success.title": "Thank you",
 	"requestOrganizationMessages.submit": "Submit",
 	"requestOrganizationMessages.title": "Request to Add School",
 	"segmentMessages.age.emailExplanation": "Needed to send you your unique code",
@@ -2776,154 +2783,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-3ae39586.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-27f8a3fb.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-6620ee13.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-a9edc7f5.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-9acf0460.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-0a738d79.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-0b0465fd.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-6d465014.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-e370c535.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-ecfb36e6.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-98e713da.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-efb0eb96.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-4c9b2809.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-ec95a71d.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-ad689109.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-6e018097.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-29447ba1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-02739eef.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-9a9cfb4b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-639ce3ed.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-6318fdae.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-ea4679bd.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-bbb1ff16.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-1f9d20d7.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-1ef386d0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-834b76d1.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-3a56687e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-acda52c1.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-a70ecd9a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-1f25d049.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-66daacc1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-63296be9.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-2032b91e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-50e6c872.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-7c41f1f9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-c2e37d78.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-fb4128c9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-96f7c7dd.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-54d59d72.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-78d7b382.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-0b09b49c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-e211dcec.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-85367514.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-b08d150f.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-0decdf24.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-d7018245.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-06109373.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-51a9f4ec.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-a26a72a5.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-a8391221.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-dc0c2f70.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-4502a589.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-80d5ee2f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-3ef8396a.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-c72dbd5e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-c335287a.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-18843366.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-3e70d7bf.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-1cd8142d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-3cfda03f.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-626bf398.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-91041e4c.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-81bca4d0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-cc3139eb.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-98cd630e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-178885a6.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-36130f7a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-54b3e8ec.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-b8f5e402.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-63995de1.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-f2672873.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-fa9bd73f.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-866fc64f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-038b18f8.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -3819,9 +3826,9 @@ const RequestOrganizationSuccessComponent = ({ requestOrganizationService, }) =>
             React.createElement("div", { className: "sid-logo sid-l-space-top-lg" },
                 React.createElement("img", { className: "sid-logo__icon", alt: "Success", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/circle-check.svg" })),
             React.createElement("div", { className: "sid-title" },
-                React.createElement(FormattedHTMLMessage, { id: "step.success.title", defaultMessage: "Thank you for submitting your school request" })),
+                React.createElement(FormattedHTMLMessage, { id: "step.success.title", defaultMessage: "Thank you" })),
             React.createElement("div", { className: "sid-soft-font-color" },
-                React.createElement(FormattedHTMLMessage, { id: "step.success.description", defaultMessage: "As a reminder, each request is evaluated by SheerID against the requirements set by this offer. There is no guarantee that your school will be added. The evaluation process takes up to 7 business days." })))));
+                React.createElement(FormattedHTMLMessage, { id: "step.success.description", defaultMessage: "Your request to add your educational institution has been received. As a reminder, each request is evaluated by SheerID against the requirements set by this offer. There is no guarantee that your school will be added. The evaluation process can take up to 7 business days." })))));
 };
 
 var CountryCode;
@@ -5086,20 +5093,64 @@ const Email = ({ value, isErrored, onChange, explanation, intl, onKeyDown = unde
         React.createElement(FormattedHTMLMessage, { id: "errorId.invalidEmail", defaultMessage: "Invalid email" }))) : null));
 const EmailComponent = injectIntl(Email);
 
-const RequestOrganizationSearchResultComponent = ({ eligibleOrgs, ineligibleOrgs, }) => {
+const orgTypes = {
+    university: "UNIVERSITY",
+    k12: "K12",
+    postSecondary: "POST_SECONDARY",
+    highSchool: "HIGH_SCHOOL",
+};
+function byType(org) {
+    return org.type === orgTypes[this];
+} // "this" is the second parameter (the string) provided to .filter() on the following lines. Note you can't use an arrow function b/c of `this` scoping rules. This defn can be moved outside (above) the React component as well.
+const RequestOrganizationSearchResult = ({ eligibleOrgs, ineligibleOrgs, intl, }) => {
     const hasMaxResults = () => eligibleOrgs.length + ineligibleOrgs.length >= requestOrganizationConstants.MAX_RESULT_SIZE;
+    const eligibleUniversities = eligibleOrgs.filter(byType, "university");
+    const eligibleK12 = eligibleOrgs.filter(byType, "k12");
+    const eligiblePostSecondaries = eligibleOrgs.filter(byType, "postSecondary");
+    const eligibleHighSchools = eligibleOrgs.filter(byType, "highSchool");
+    const ineligibleUniversities = ineligibleOrgs.filter(byType, "university");
+    const ineligibleK12 = ineligibleOrgs.filter(byType, "k12");
+    const ineligiblePostSecondaries = ineligibleOrgs.filter(byType, "postSecondary");
+    const ineligibleHighSchools = ineligibleOrgs.filter(byType, "highSchool");
     return (React.createElement("div", { className: "sid-l-space-top-md" },
         hasMaxResults() ? (React.createElement("div", { className: "sid-header__subtitle--error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.tooManyResults", defaultMessage: "Your search returned too many results, please refine your search and try again" }))) : null,
-        React.createElement("div", null,
-            React.createElement(FormattedHTMLMessage, { id: "eligibleOrgs", defaultMessage: "Eligible schools. Click the icon to copy name then return to the verification form:" })),
-        React.createElement("div", { className: "sid-l-space-top-sm" }, eligibleOrgs.length > 0 ? (eligibleOrgs.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))) : (React.createElement("div", null,
-            React.createElement(FormattedHTMLMessage, { id: "none", defaultMessage: "None" })))),
-        React.createElement("div", { className: "sid-l-space-top-md" },
-            React.createElement(FormattedHTMLMessage, { id: "ineligibleOrgs", defaultMessage: "Ineligible Schools. We are sorry, people from these schools are not eligible for this offer:" })),
-        React.createElement("div", { className: "sid-l-space-top-sm" }, ineligibleOrgs.length > 0 ? (ineligibleOrgs.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false })))) : (React.createElement("div", null,
-            React.createElement(FormattedHTMLMessage, { id: "none", defaultMessage: "None" }))))));
-};
+        (eligibleOrgs.length === 0 || ineligibleOrgs.length === 0) && (React.createElement("div", null,
+            React.createElement(FormattedHTMLMessage, { id: "none", defaultMessage: "None" }))),
+        eligibleUniversities.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.university", defaultMessage: "Universities ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.eligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, eligibleUniversities.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))))),
+        eligibleK12.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.k12", defaultMessage: "K12 ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.eligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, eligibleK12.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))))),
+        eligiblePostSecondaries.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.postSecondary", defaultMessage: "Post Secondary Institutions ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.eligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, eligiblePostSecondaries.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))))),
+        eligibleHighSchools.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.highSchool", defaultMessage: "High Schools / Secondary Schools ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.eligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, eligibleHighSchools.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))))),
+        ineligibleUniversities.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.university", defaultMessage: "Universities ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.ineligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, ineligibleUniversities.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false })))))),
+        ineligibleK12.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.k12", defaultMessage: "K12 ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.ineligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, ineligibleK12.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false })))))),
+        ineligiblePostSecondaries.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.postSecondary", defaultMessage: "Post Secondary Institutions ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.ineligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, ineligiblePostSecondaries.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false })))))),
+        ineligibleHighSchools.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.highSchool", defaultMessage: "High Schools / Secondary Schools ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.ineligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, ineligibleHighSchools.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false }))))))));
+};
+const RequestOrganizationSearchResultComponent = injectIntl(RequestOrganizationSearchResult);
 
 const SearchFieldComponent = ({ name, label, value, placeholder, isErrored, onChange, onKeyDown, search, }) => {
     const handleOnKeyDown = (e) => {
@@ -9818,7 +9869,25 @@ const ChangeLocale = ({ value, options, onChange, intl, }) => {
             } }),
         React.createElement("div", { className: "sid-l-space-btm-sm" })));
 };
-const ChangeLocaleComponent = injectIntl(ChangeLocale);
+const ChangeLocaleComponent = injectIntl(ChangeLocale);
+const ChangeLocaleV2 = ({ verificationService, intl }) => {
+    const localeChoices = getAvailableLocaleChoices(verificationService.programTheme, intl);
+    const defaultLocaleChoice = {
+        value: "en-US",
+        label: "English",
+    };
+    const updateLocale = (localeChoice) => {
+        const nextState = fn(verificationService.viewModel, (draft) => {
+            draft.localeChoice = localeChoice;
+        });
+        verificationService.updateLocale(nextState, verificationService.programTheme, verificationService.verificationResponse.segment);
+    };
+    if (localeChoices.length <= 1) {
+        return null;
+    }
+    return (React.createElement(ChangeLocaleComponent, { options: localeChoices, value: verificationService.viewModel.localeChoice || defaultLocaleChoice, isErrored: false, onChange: (localeChoice) => updateLocale(localeChoice) }));
+};
+const ChangeLocaleV2Component = injectIntl(ChangeLocaleV2);
 
 const LoadingSpinnerComponent = () => (React.createElement("div", { className: "sid-spinner" },
     React.createElement("div", { className: "sid-spinner__frame" }),
@@ -10995,9 +11064,13 @@ const getRedirectUrlOverride = () => {
 const getErrorStepMockResponseOverrides = (mockResponse) => {
     const mockResponseClone = deepClone(mockResponse);
     const errorMock = getErrorIdOverride();
+    const redirectUrlMock = getRedirectUrlOverride();
     if (errorMock) {
         mockResponseClone.errorIds = [errorMock];
     }
+    if (redirectUrlMock) {
+        mockResponseClone.redirectUrl = redirectUrlMock;
+    }
     return mockResponseClone;
 };
 const getSuccessStepMockResponseOverrides = (mockResponse) => {
@@ -14631,6 +14704,7 @@ const verificationServiceReducer = (state = getInitialState(), action) => {
         case "RESET_STATE":
             return {
                 ...deepClone(getInitialState()),
+                programId: state.programId,
             };
         case "FORCE_UPDATE":
             return deepClone(state);
@@ -18494,14 +18568,20 @@ const HowDoesVerifyingWorkComponent = ({ verificationService, initialVisibility
                 React.createElement(FaqLinkComponent, { verificationService: verificationService })))) : null));
 };
 
-const BaseCountryComponentWrapper = ({ verificationService, viewModel, intl, viewModelDraftDecorator, }) => {
+const BaseCountryComponentWrapper = ({ verificationService, viewModelDraftDecorator = undefined, intl, viewModel = undefined, nextFocusField = undefined, }) => {
+    if (viewModel) {
+        logger.warn("viewModel prop is deprecated, use verificationService.viewModel instead");
+    }
+    if (nextFocusField) {
+        logger.warn("nextFocusField prop is deprecated");
+    }
     const countryChoices = getAvailableCountryChoices(verificationService.programTheme, intl);
     const defaultCountryChoice = getDefaultCountryChoice(countryChoices);
     const { fieldValidationErrors } = verificationService;
     const hasMultipleCountries = countryChoices.length > 1;
     const [firstRender, setFirstRender] = React.useState(true);
     const updateCountryChoice = (countryChoice) => {
-        const nextState = fn(viewModel, (draft) => {
+        const nextState = fn(verificationService.viewModel, (draft) => {
             draft.countryChoice = countryChoice || undefined;
             // Adds backwards compatibility with Age and Employment programs
             draft.country = countryChoice ? countryChoice.value : undefined;
@@ -18514,8 +18594,8 @@ const BaseCountryComponentWrapper = ({ verificationService, viewModel, intl, vie
     React.useEffect(() => {
         if (firstRender) {
             setFirstRender(false);
-            const countryChoice = viewModel.countryChoice
-                ? viewModel.countryChoice
+            const countryChoice = verificationService.viewModel.countryChoice
+                ? verificationService.viewModel.countryChoice
                 : defaultCountryChoice;
             updateCountryChoice(countryChoice);
         }
@@ -18523,27 +18603,28 @@ const BaseCountryComponentWrapper = ({ verificationService, viewModel, intl, vie
     React.useEffect(() => {
         const includesUS = countryChoices.some((choice) => choice.value === "US");
         if (!hasMultipleCountries && !includesUS) {
-            const fieldsToSkip = viewModel.fieldsToSkipValidation
-                ? [...viewModel.fieldsToSkipValidation, "country"]
+            const fieldsToSkip = verificationService.viewModel.fieldsToSkipValidation
+                ? [...verificationService.viewModel.fieldsToSkipValidation, "country"]
                 : ["country", "address1", "postalCode", "state", "city"];
-            verificationService.updateViewModel(produceDraftViewModel(viewModel, "fieldsToSkipValidation", fieldsToSkip));
+            verificationService.updateViewModel(produceDraftViewModel(verificationService.viewModel, "fieldsToSkipValidation", fieldsToSkip));
         }
     }, [hasMultipleCountries]);
     React.useEffect(() => {
         const updatedFieldValidationErrors = fn(verificationService.fieldValidationErrors, (draft) => {
             if (draft.country) {
-                draft.country = validateFieldById("country", viewModel.countryChoice, verificationService.formValidationOptions);
+                draft.country = validateFieldById("country", verificationService.viewModel.countryChoice, verificationService.formValidationOptions);
             }
-            if ("postalCode" in viewModel && viewModel.postalCode) {
-                draft.postalCode = validateFieldById("postalCode", viewModel.postalCode, verificationService.formValidationOptions);
+            if ("postalCode" in verificationService.viewModel &&
+                verificationService.viewModel.postalCode) {
+                draft.postalCode = validateFieldById("postalCode", verificationService.viewModel.postalCode, verificationService.formValidationOptions);
             }
         });
         updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);
-    }, [viewModel.countryChoice]);
+    }, [verificationService.viewModel.countryChoice]);
     if (!hasMultipleCountries) {
         return null;
     }
-    return (React.createElement(CountryComponent, { isRequired: true, options: countryChoices, value: viewModel.countryChoice, isErrored: Boolean(fieldValidationErrors.country), onChange: async (countryChoice) => {
+    return (React.createElement(CountryComponent, { isRequired: true, options: countryChoices, value: verificationService.viewModel.countryChoice, isErrored: Boolean(fieldValidationErrors.country), onChange: async (countryChoice) => {
             const countryValue = countryChoice ? countryChoice.value : undefined;
             updateCountryChoice(countryChoice);
             updateFieldValidationErrorsByFieldId("country", countryValue, verificationService);
@@ -18625,14 +18706,9 @@ const ExtraMessage = ({ verificationService, suffix }) => verificationService.me
 /**
  * TODO - preamble
  */
-const StepStudentPersonalInfo = ({ intl, verificationService, }) => {
+const StepStudentPersonalInfo = ({ verificationService, }) => {
     const viewModel = verificationService.viewModel;
     const { fieldValidationErrors } = verificationService;
-    const localeChoices = getAvailableLocaleChoices(verificationService.programTheme, intl);
-    const defaultLocaleChoice = {
-        value: "en-US",
-        label: "English",
-    };
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
     const updateStudentViewModel = (key, value) => {
@@ -18641,12 +18717,6 @@ const StepStudentPersonalInfo = ({ intl, verificationService, }) => {
         });
         verificationService.updateViewModel(nextState);
     };
-    const updateLocale = (localeChoice) => {
-        const nextState = fn(viewModel, (draft) => {
-            draft.localeChoice = localeChoice;
-        });
-        verificationService.updateLocale(nextState, verificationService.programTheme, verificationService.verificationResponse.segment);
-    };
     return (React.createElement("div", { id: "sid-step-student-personal-info", className: "sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
             React.createElement("div", { className: "sid-l-horz-center" },
@@ -18664,8 +18734,8 @@ const StepStudentPersonalInfo = ({ intl, verificationService, }) => {
                 "\u00A0",
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        localeChoices.length > 1 ? (React.createElement(ChangeLocaleComponent, { options: localeChoices, value: viewModel.localeChoice || defaultLocaleChoice, isErrored: false, onChange: (localeChoice) => updateLocale(localeChoice) })) : null,
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         React.createElement(CollegeNameComponent, { value: verificationService.viewModel.organization, verificationService: verificationService, isErrored: !!fieldValidationErrors.organization, isRequired: true, onChange: (choice) => {
                 updateViewModelOrganization(choice, verificationService);
                 updateFieldValidationErrorsByFieldId("organization", choice, verificationService);
@@ -18709,7 +18779,7 @@ const StepStudentPersonalInfo = ({ intl, verificationService, }) => {
                     React.createElement("span", { id: "verify-status-text" }, failedInstantMatch ? (React.createElement(FormattedHTMLMessage, { id: "tryAgain", defaultMessage: "Try Again" })) : (React.createElement(FormattedHTMLMessage, { id: "verifyMyStudentStatus", defaultMessage: "Verify My Student Status" })))))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
 };
-const StepStudentPersonalInfoComponent = injectIntl(StepStudentPersonalInfo);
+const StepStudentPersonalInfoComponent = StepStudentPersonalInfo;
 
 const PostalCodeInput = ({ onChange, value, isValid, intl, placeholder = "", ariaLabelledBy, }) => (React.createElement(InputTextComponent, { id: "postal-code", isErrored: !isValid, onChange: (e) => onChange(e.target.value), pattern: "[a-zA-Z0-9 ]*", placeholder: placeholder ||
         intl.formatHTMLMessage({ id: "postalCodePlaceholder", defaultMessage: "Postal Code" }), refId: "postalCode", value: value, required: true, "aria-labelledby": ariaLabelledBy }));
@@ -18739,7 +18809,7 @@ const StepSeniorPersonalInfo = ({ verificationService }) => {
         });
         verificationService.updateViewModel(nextState);
     };
-    return (React.createElement("div", { id: "sid-step-student-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-senior-personal-info", className: "sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
             React.createElement("div", { className: "sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
@@ -18756,6 +18826,7 @@ const StepSeniorPersonalInfo = ({ verificationService }) => {
                 "\u00A0",
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement("div", { className: "sid-names" },
             React.createElement(FirstNameComponent, { value: viewModel.firstName, isErrored: !!fieldValidationErrors.firstName, onChange: (newValue) => {
                     updateSeniorViewModel("firstName", newValue);
@@ -18905,7 +18976,8 @@ const StepAgePersonalInfo = ({ verificationService, intl }) => {
                 "\u00A0",
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel, viewModelDraftDecorator: (draft, countryChoice) => {
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModelDraftDecorator: (draft, countryChoice) => {
                 const viewModelDraft = draft;
                 const country = countryChoice ? countryChoice.value : undefined;
                 if (!displayPhoneNumber(country, smsLoopEnabled)) {
@@ -18988,32 +19060,17 @@ const TeacherSchool = ({ value, isErrored, onChange, verificationService, intl,
 };
 const TeacherSchoolComponent = injectIntl(TeacherSchool);
 
-/**
- * Step Teacher Personal Info Component
- * TODO - We need to import more from es6
- */
-const StepTeacherPersonalInfo = ({ intl, verificationService, }) => {
+const StepTeacherPersonalInfo = ({ verificationService, }) => {
     const viewModel = verificationService.viewModel;
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
-    const localeChoices = getAvailableLocaleChoices(verificationService.programTheme, intl);
-    const defaultLocaleChoice = {
-        value: "en-US",
-        label: "English",
-    };
     const updateTeacherViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
         });
         verificationService.updateViewModel(nextState);
     };
-    const updateLocale = (localeChoice) => {
-        const nextState = fn(viewModel, (draft) => {
-            draft.localeChoice = localeChoice;
-        });
-        verificationService.updateLocale(nextState, verificationService.programTheme, verificationService.verificationResponse.segment);
-    };
     // Don't validate DOB if ID Check is not enabled
     useEffect(() => {
         if (!verificationService.programTheme.idCheckAddOnEnabled) {
@@ -19041,8 +19098,8 @@ const StepTeacherPersonalInfo = ({ intl, verificationService, }) => {
                 "\u00A0",
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        localeChoices.length > 1 ? (React.createElement(ChangeLocaleComponent, { options: localeChoices, value: viewModel.localeChoice || defaultLocaleChoice, isErrored: false, onChange: (localeChoice) => updateLocale(localeChoice) })) : null,
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         React.createElement(TeacherSchoolComponent, { value: verificationService.viewModel.organization, verificationService: verificationService, isErrored: !!fieldValidationErrors.organization, onChange: (choice) => {
                 updateViewModelOrganization(choice, verificationService);
                 updateFieldValidationErrorsByFieldId("organization", choice, verificationService);
@@ -19090,7 +19147,7 @@ const StepTeacherPersonalInfo = ({ intl, verificationService, }) => {
                     React.createElement("span", { id: "verify-status-text" }, failedInstantMatch ? (React.createElement(FormattedHTMLMessage, { id: "tryAgain", defaultMessage: "Try Again" })) : (React.createElement(FormattedHTMLMessage, { id: "verifyMyTeacherStatus", defaultMessage: "Verify My Teacher Status" })))))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
 };
-const StepTeacherPersonalInfoComponent = injectIntl(StepTeacherPersonalInfo);
+const StepTeacherPersonalInfoComponent = StepTeacherPersonalInfo;
 
 const MemberId = ({ value, isErrored, onChange, explanation, intl, placeholder = "", isRequired = false, label, }) => {
     const getDefaultExplanation = () => !isRequired ? React.createElement(FormattedHTMLMessage, { id: "optional", defaultMessage: "Optional" }) : "";
@@ -19119,31 +19176,17 @@ const MembershipOrganization = ({ value, isErrored, onChange, verificationServic
 };
 const MembershipOrganizationComponent = injectIntl(MembershipOrganization);
 
-/**
- * Step Member Personal Info Component
- */
-const StepMemberPersonalInfo = ({ intl, verificationService, }) => {
+const StepMemberPersonalInfo = ({ verificationService }) => {
     const viewModel = verificationService.viewModel;
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
-    const localeChoices = getAvailableLocaleChoices(verificationService.programTheme, intl);
-    const defaultLocaleChoice = {
-        value: "en-US",
-        label: "English",
-    };
     const updateMemberViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
         });
         verificationService.updateViewModel(nextState);
     };
-    const updateLocale = (localeChoice) => {
-        const nextState = fn(viewModel, (draft) => {
-            draft.localeChoice = localeChoice;
-        });
-        verificationService.updateLocale(nextState, verificationService.programTheme, verificationService.verificationResponse.segment);
-    };
     return (React.createElement("div", { id: "sid-step-member-personal-info", className: "sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
             React.createElement("div", { className: "sid-l-horz-center" },
@@ -19161,8 +19204,8 @@ const StepMemberPersonalInfo = ({ intl, verificationService, }) => {
                 "\u00A0",
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        localeChoices.length > 1 ? (React.createElement(ChangeLocaleComponent, { options: localeChoices, value: viewModel.localeChoice || defaultLocaleChoice, isErrored: false, onChange: (localeChoice) => updateLocale(localeChoice) })) : null,
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         React.createElement(MembershipOrganizationComponent, { value: verificationService.viewModel.organization, verificationService: verificationService, isErrored: !!fieldValidationErrors.organization, onChange: (choice) => {
                 updateViewModelOrganization(choice, verificationService);
                 updateFieldValidationErrorsByFieldId("organization", choice, verificationService);
@@ -19210,7 +19253,7 @@ const StepMemberPersonalInfo = ({ intl, verificationService, }) => {
                     React.createElement("span", { id: "verify-status-text" }, failedInstantMatch ? (React.createElement(FormattedHTMLMessage, { id: "tryAgain", defaultMessage: "Try Again" })) : (React.createElement(FormattedHTMLMessage, { id: "verifyMyMembershipStatus", defaultMessage: "Verify My Membership Status" })))))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
 };
-const StepMemberPersonalInfoComponent = injectIntl(StepMemberPersonalInfo);
+const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;
 
 const compareLabel = (a, b) => {
     let sortValue;
@@ -19353,7 +19396,8 @@ const StepActiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
             React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         availableStatuses ? (React.createElement(MilitaryStatusComponent, { value: {
                 value: viewModel.status,
                 label: getStatusLabel(intl, viewModel.status, MilitaryStatusDefaultMessagesEnum),
@@ -19563,7 +19607,8 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
                 "\u00A0",
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         availableStatuses ? (React.createElement(MilitaryStatusComponent, { value: {
                 value: viewModel.status,
                 label: getStatusLabel(intl, viewModel.status, MilitaryStatusDefaultMessagesEnum),
@@ -19702,7 +19747,8 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService, }) => {
             React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         React.createElement(FirstResponderStatusComponent, { value: {
                 value: viewModel.status,
                 label: getStatusLabel(intl, viewModel.status, FirstResponderStatusDefaultMessagesEnum),
@@ -19857,7 +19903,8 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService, }) =>
             React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         React.createElement(MedicalStatusComponent, { value: {
                 value: viewModel.status,
                 label: getStatusLabel(intl, viewModel.status, MedicalProfessionalStatusDefaultMessagesEnum),
@@ -19981,7 +20028,8 @@ const StepEmploymentPersonalInfo = ({ intl, verificationService, }) => {
                 "\u00A0",
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService }))),
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel, viewModelDraftDecorator: (draft, countryChoice) => {
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModelDraftDecorator: (draft, countryChoice) => {
                 const viewModel = draft;
                 viewModel.shouldCollectAddress = shouldCollectAddressFields(countryChoice, verificationService.programTheme.config.countries);
                 if (!viewModel.shouldCollectAddress) {
@@ -20104,6 +20152,7 @@ const StepDriverLicensePersonalInfo = ({ intl, verificationService, }) => {
             React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement("div", { className: "sid-names" },
             React.createElement(FirstNameComponent, { value: viewModel.firstName, isErrored: !!fieldValidationErrors.firstName, onChange: (newValue) => {
                     updateIdentityViewModel("firstName", newValue);
@@ -20183,6 +20232,7 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService, }) => {
             React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement("div", { className: "sid-names" },
             React.createElement(FirstNameComponent, { value: viewModel.firstName, isErrored: !!fieldValidationErrors.firstName, onChange: (newValue) => {
                     updateIdentityViewModel("firstName", newValue);
@@ -20275,6 +20325,7 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService, }) => {
             React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement("div", { className: "sid-names" },
             React.createElement(FirstNameComponent, { value: viewModel.firstName, isErrored: !!fieldValidationErrors.firstName, onChange: (newValue) => {
                     updateIdentityViewModel("firstName", newValue);
@@ -20403,7 +20454,9 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
         return availableStatuses;
     };
     return (React.createElement("div", { id: "sid-step-licensed-professional-personal-info", className: "sid-l-container" },
-        failedInstantMatch ? (React.createElement("p", null, "Failied instant match")) : (React.createElement("div", { className: "sid-header" },
+        failedInstantMatch ? (
+        // TODO localize this message
+        React.createElement("p", null, "Failied instant match")) : (React.createElement("div", { className: "sid-header" },
             React.createElement("div", { className: "sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
@@ -20413,6 +20466,8 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
             React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         React.createElement(StatusComponent, { segmentId: SEGMENT_ID$1, value: {
                 value: viewModel.statuses ? viewModel.statuses[0] : "",
                 label: viewModel.statuses ? getStatusLabel(viewModel.statuses[0]) : "",
@@ -20502,6 +20557,7 @@ const StepMoverPersonalInfo = ({ verificationService }) => {
                 React.createElement("br", null),
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement("div", { className: "sid-names" },
             React.createElement(FirstNameComponent, { value: viewModel.firstName, isErrored: !!fieldValidationErrors.firstName, onChange: (newValue) => {
                     updateMoverViewModel("firstName", newValue);
@@ -20576,11 +20632,6 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
-    const localeChoices = getAvailableLocaleChoices(verificationService.programTheme, intl);
-    const defaultLocaleChoice = {
-        value: "en-US",
-        label: "English",
-    };
     const selectedStatus = viewModel.statuses[0] ? viewModel.statuses[0] : undefined;
     const isSelectedStatusSnapBenefits = selectedStatus === "SNAP_BENEFITS";
     const updateLowIncomeViewModel = (key, value) => {
@@ -20608,12 +20659,6 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
         }
         return availableStatuses;
     };
-    const updateLocale = (localeChoice) => {
-        const nextState = fn(viewModel, (draft) => {
-            draft.localeChoice = localeChoice;
-        });
-        verificationService.updateLocale(nextState, verificationService.programTheme, verificationService.verificationResponse.segment);
-    };
     React.useEffect(() => {
         if (isSelectedStatusSnapBenefits) {
             const updatedViewModel = { fieldsToSkipValidation: ["organization"] };
@@ -20637,8 +20682,8 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
                 "\u00A0",
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        localeChoices.length > 1 ? (React.createElement(ChangeLocaleComponent, { options: localeChoices, value: viewModel.localeChoice || defaultLocaleChoice, isErrored: false, onChange: (localeChoice) => updateLocale(localeChoice) })) : null,
-        React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
+        React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
+        React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
         React.createElement(StatusComponent, { segmentId: SEGMENT_ID, value: {
                 value: viewModel.statuses ? viewModel.statuses[0] : "",
                 label: viewModel.statuses ? getStatusLabel(viewModel.statuses[0]) : "",
@@ -20784,6 +20829,7 @@ const Step = ({ verificationService }) => {
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.collectSocialSecurityNumber.title", defaultMessage: "Enter your social security number" })),
+            React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
             React.createElement("div", { className: "sid-ssn-wrapper" },
                 React.createElement(SocialSecurityNumber, { value: viewModel.socialSecurityNumber, onChange: (value) => {
                         updateSSNViewModel("socialSecurityNumber", value);
@@ -23530,6 +23576,7 @@ class Iframe {
         if (Iframe.isValidHttpUrl(url)) {
             const options = {
                 className: iframeConstants.CLASS_NAMES.INLINE_IFRAME_CONTENT,
+                title: iframeTitle,
             };
             this.containerElement = containerElement;
             this.verificationUrl = new URL(getVerificationUrl(url));
@@ -23556,7 +23603,7 @@ class Iframe {
     createIframe(options) {
         this.iframe = document.createElement("iframe");
         this.iframe.classList.add(options.className);
-        this.iframe.title = this.verificationUrl.href;
+        this.iframe.title = options.title;
         let mark = "?";
         if (this.verificationUrl.search) {
             mark = "&";
@@ -23681,6 +23728,7 @@ class Modal {
         this.iframeInstance = new Iframe(wrapper, this.verificationUrl);
         const options = {
             className: iframeConstants.CLASS_NAMES.MODAL_IFRAME,
+            title: iframeTitle,
         };
         this.iframeInstance.createIframe(options);
         wrapper.appendChild(this.iframeInstance.iframe);