@sheerid/jslib 1.96.0 → 1.99.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, FormattedMessage, IntlProvider } from 'react-intl';
+import { FormattedHTMLMessage, injectIntl, IntlProvider } from 'react-intl';
 import 'react-intl/locale-data/en.js';
 import ReactDOMServer from 'react-dom/server';
 
@@ -886,7 +886,7 @@ var copyToClipboard = copy;
  * Wrap a button or link with copy-to-clipboard behavior.
  *
  * Example Use:
-    <CopyToClipboard textToCopy={htmlSource} notificationText={<FormattedMessage id="copied" />}>
+    <CopyToClipboard textToCopy={htmlSource} notificationText={<FormattedHTMLMessage id="copied" />}>
         <LinkButton ... />
     </CopyToClipboard>
  */
@@ -921,7 +921,7 @@ class CopyToClipboard extends React.Component {
         const { isShowing } = this.state;
         const { notificationText, children } = this.props;
         return (React.createElement("div", { className: "sid-to-clipboard" },
-            React.createElement("div", { className: `${isShowing ? classNameVisible : classNameHidden}`, role: "alert", "aria-live": "polite", "aria-label": "Copied" }, notificationText || "Copied"),
+            isShowing && (React.createElement("div", { className: `${isShowing ? classNameVisible : classNameHidden}`, role: "alert", "aria-live": "polite" }, notificationText || "Copied")),
             React.createElement("div", { onClick: this.doCopy, onKeyPress: this.doCopy, role: "button", tabIndex: 0, className: "sid-to-clipboard__clickable-text sid-link" }, children || "Copy")));
     }
 }
@@ -931,6 +931,7 @@ const getQueryParamsFromUrl = (url) => {
     const newUrl = new URL(url || window.location.toString());
     return new URLSearchParams(newUrl.search.slice(1));
 };
+const getQueryParam = (paramKey, url) => getQueryParamsFromUrl(url).get(paramKey);
 const getVerificationIdFromQueryString = (queryString) => {
     const verificationIdQueryParameter = "verificationId";
     const queryStringParameters = new URLSearchParams(queryString);
@@ -1178,6 +1179,8 @@ const defaultOptions = {
     verificationId: undefined,
     minimumOrganizationSearchLength: DEFAULT_MINIMUM_ORG_SEARCH_VALUE_LENGTH,
     httpRequestTimeout: HTTP_REQUEST_TIMEOUT,
+    hideTestModeFlag: false,
+    hideMilitaryFamilyAcceptableUploads: true,
 };
 let options$1 = { ...defaultOptions };
 const getOptions = () => options$1;
@@ -1337,6 +1340,15 @@ const setOptions = (newOptions) => {
         options$1.privacyPolicyUrl = newOptions.privacyPolicyUrl;
         logger.info('option "privacyPolicyUrl" set to', options$1.privacyPolicyUrl);
     }
+    if (newOptions.hasOwnProperty("hideTestModeFlag") || getQueryParam("hideTestModeFlag")) {
+        options$1.hideTestModeFlag =
+            newOptions.hideTestModeFlag || getQueryParam("hideTestModeFlag") === "true";
+        logger.info('option "hideTestModeFlag" set to', options$1.hideTestModeFlag);
+    }
+    if (newOptions.hasOwnProperty("hideMilitaryFamilyAcceptableUploads")) {
+        options$1.hideMilitaryFamilyAcceptableUploads = newOptions.hideMilitaryFamilyAcceptableUploads;
+        logger.info('option "hideMilitaryFamilyAcceptableUploads" set to', options$1.hideMilitaryFamilyAcceptableUploads);
+    }
 };
 
 class ResponseTimeLogger {
@@ -1816,15 +1828,15 @@ var enUSMessages = {
 	"defaultMessages.VETERAN": "Military Veteran or Retiree",
 	"defaultMessages.VETERINARIAN": "Veterinarian",
 	"defaultMessages.address": "Address",
-	"defaultMessages.addressPlaceholder": "Address*",
+	"defaultMessages.addressPlaceholder": "Address",
 	"defaultMessages.birthDate": "Date of birth",
 	"defaultMessages.branchOfService": "Branch of service",
-	"defaultMessages.branchOfServicePlaceholder": "Branch Of Service*",
+	"defaultMessages.branchOfServicePlaceholder": "Branch Of Service",
 	"defaultMessages.changeLanguage": "Change language",
 	"defaultMessages.city": "City",
-	"defaultMessages.cityPlaceholder": "City*",
+	"defaultMessages.cityPlaceholder": "City",
 	"defaultMessages.company": "Company",
-	"defaultMessages.companyPlaceholder": "Company*",
+	"defaultMessages.companyPlaceholder": "Company",
 	"defaultMessages.copied": "Copied",
 	"defaultMessages.countries.AD": "Andorra",
 	"defaultMessages.countries.AE": "United Arab Emirates",
@@ -2065,7 +2077,7 @@ var enUSMessages = {
 	"defaultMessages.countries.ZM": "Zambia",
 	"defaultMessages.countries.ZW": "Zimbabwe",
 	"defaultMessages.country": "Country",
-	"defaultMessages.countryPlaceholder": "Country*",
+	"defaultMessages.countryPlaceholder": "Country",
 	"defaultMessages.dateTime.20_MIN": "20 minutes",
 	"defaultMessages.dateTime.24_HRS": "24 hours",
 	"defaultMessages.dateTime.2_DAY": "2 days",
@@ -2093,10 +2105,10 @@ var enUSMessages = {
 	"defaultMessages.dateTime.year": "Year",
 	"defaultMessages.dischargeDate": "Discharge date",
 	"defaultMessages.driverLicenseNumber": "Driver license number",
-	"defaultMessages.driverLicenseNumberPlaceholder": "Driver license number*",
+	"defaultMessages.driverLicenseNumberPlaceholder": "Driver license number",
 	"defaultMessages.driverLicenseState": "Driver license state",
 	"defaultMessages.emailAddress": "Email address",
-	"defaultMessages.emailAddressPlaceholder": "Email address*",
+	"defaultMessages.emailAddressPlaceholder": "Email address",
 	"defaultMessages.error": "Error",
 	"defaultMessages.errorId.apiRateLimitExceeded": "Unable to process your request at this time, please try again later",
 	"defaultMessages.errorId.dischargeDateBeforeBirthDate": "Discharge Date before birthdate",
@@ -2159,7 +2171,7 @@ var enUSMessages = {
 	"defaultMessages.errorId.unsupportedDocMimeType": "One or more files is an unsupported format",
 	"defaultMessages.errorId.verificationLimitExceeded": "We're glad you're enthusiastic, but it looks like you've already redeemed or attempted to redeem this offer.",
 	"defaultMessages.firstName": "First name",
-	"defaultMessages.firstNamePlaceholder": "First name*",
+	"defaultMessages.firstNamePlaceholder": "First name",
 	"defaultMessages.firstResponderInfoShared": "Information entered here will be used for verification purposes. ",
 	"defaultMessages.footerText": "By submitting the personal information above, I acknowledge that my personal information is being collected under the <privacyPolicy>privacy policy</privacyPolicy> of the business from which I am seeking a discount, and I understand that my personal information will be shared with SheerID as a processor/third-party service provider in order for SheerID to confirm my eligibility for a special offer. <aboutSheerID>More about SheerID</aboutSheerID>.",
 	"defaultMessages.getHelp": "Get help",
@@ -2169,7 +2181,7 @@ var enUSMessages = {
 	"defaultMessages.infoShared2": ". I understand that my information will be shared with {companyName}. ",
 	"defaultMessages.informationTransferredToUS": "Your information will be transferred to the United States and will be treated according to SheerID’s privacy policy.",
 	"defaultMessages.lastName": "Last name",
-	"defaultMessages.lastNamePlaceholder": "Last name*",
+	"defaultMessages.lastNamePlaceholder": "Last name",
 	"defaultMessages.limitExceededError": "Verification Limit Exceeded",
 	"defaultMessages.loading": "Loading...",
 	"defaultMessages.locales.ar": "Arabic",
@@ -2212,7 +2224,7 @@ var enUSMessages = {
 	"defaultMessages.locales.zh-HK": "Chinese (Hong Kong)",
 	"defaultMessages.lowRewardPool": "<span class='sid-fire-emoji'>&#128293;</span> Only {offersRemaining} offers left!",
 	"defaultMessages.memberId": "ID Number",
-	"defaultMessages.memberIdPlaceholder": "ID Number*",
+	"defaultMessages.memberIdPlaceholder": "ID Number",
 	"defaultMessages.militaryFamilyCardNote": "Note: this offer is only available to military family members with a Dependent ID card.",
 	"defaultMessages.militaryInfoShared": "Information entered here will be used for verification purposes. ",
 	"defaultMessages.militaryStatus": "Military status",
@@ -2220,7 +2232,7 @@ var enUSMessages = {
 	"defaultMessages.optIn": "Yes, send me {company} marketing communications about exclusive sales, special offers, latest products and more",
 	"defaultMessages.optional": "Optional",
 	"defaultMessages.organization": "Organization",
-	"defaultMessages.organizationPlaceholder": "Organization*",
+	"defaultMessages.organizationPlaceholder": "Organization",
 	"defaultMessages.personalInformation": "Personal Information",
 	"defaultMessages.personalOrSchoolIsFine": "Personal or school email is fine",
 	"defaultMessages.phoneNumber": "Mobile Number",
@@ -2230,7 +2242,7 @@ var enUSMessages = {
 	"defaultMessages.phoneUsPlaceholder": "555-555-5555",
 	"defaultMessages.postalCode": "Postal code",
 	"defaultMessages.postalCodeExplanation": "Use the location on file with your licensing body",
-	"defaultMessages.postalCodePlaceholder": "Postal code*",
+	"defaultMessages.postalCodePlaceholder": "Postal code",
 	"defaultMessages.poweredBy": "Verification services powered by SheerID",
 	"defaultMessages.privacyPolicy": "Privacy Policy",
 	"defaultMessages.proceed": "Proceed",
@@ -2238,13 +2250,13 @@ var enUSMessages = {
 	"defaultMessages.requiredFields": "All fields are required",
 	"defaultMessages.school": "School",
 	"defaultMessages.schoolName": "University / College name",
-	"defaultMessages.schoolNamePlaceholder": "University / College name*",
+	"defaultMessages.schoolNamePlaceholder": "University / College name",
 	"defaultMessages.sheeridFaqs": "SheerID FAQs",
-	"defaultMessages.smsCodePlaceholder": "SMS Code*",
+	"defaultMessages.smsCodePlaceholder": "SMS Code",
 	"defaultMessages.ssn": "Social Security Number",
 	"defaultMessages.ssnPlaceholder": "000-00-0000",
 	"defaultMessages.state": "State",
-	"defaultMessages.statePlaceholder": "State*",
+	"defaultMessages.statePlaceholder": "State",
 	"defaultMessages.states.AK": "Alaska",
 	"defaultMessages.states.AL": "Alabama",
 	"defaultMessages.states.AR": "Arkansas",
@@ -2297,7 +2309,7 @@ var enUSMessages = {
 	"defaultMessages.states.WV": "West Virginia",
 	"defaultMessages.states.WY": "Wyoming",
 	"defaultMessages.status": "Status",
-	"defaultMessages.statusPlaceholder": "Status*",
+	"defaultMessages.statusPlaceholder": "Status",
 	"defaultMessages.step.collectMedicalPersonalInfo.autorisationsIdExplanation": "Your Professional Membership Registration Number",
 	"defaultMessages.step.collectMedicalPersonalInfo.autorisationsIdLabel": "Registration Number",
 	"defaultMessages.step.collectMedicalPersonalInfo.gbrNummerExplanation": "Your Professional Membership Registration Number",
@@ -2495,7 +2507,7 @@ var enUSMessages = {
 	"requestOrganizationMessages.changeLanguage": "Change language",
 	"requestOrganizationMessages.completeRequest": "Don't see your school in the list of eligible or ineligible schools? Complete your request",
 	"requestOrganizationMessages.copied": "Copied",
-	"requestOrganizationMessages.country": "Where do you go to school?",
+	"requestOrganizationMessages.country": "Where is your educational institution located?",
 	"requestOrganizationMessages.description": "Please fill out the form below. Schools submitted are not guaranteed to be added, but all requests are researched and considered by SheerID.",
 	"requestOrganizationMessages.eligibleOrgs": "Eligible schools. Click the icon to copy name then return to the verification form:",
 	"requestOrganizationMessages.errorId.invalidCountry": "Field is required",
@@ -2673,7 +2685,7 @@ var enUSMessages = {
 	"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",
-	"segmentMessages.student.emailExplanation": "Needed to send you your unique code",
+	"segmentMessages.student.emailExplanation": "A student email address is preferred",
 	"segmentMessages.student.schoolName": "University / college name",
 	"segmentMessages.student.step.docUpload.howDoesVerifyingWorkDetails": "Document review is handled by SheerID, a trusted partner who specializes in verifying students.\n                <br/><br/>\n                Documents are used only for verifying your student status is current and will be permanently deleted after review is finalized.",
 	"segmentMessages.student.step.docUpload.subtitle": "Documents will be reviewed in {estimatedWaitTime} by staff at SheerID, a trusted partner.",
@@ -2691,7 +2703,7 @@ var enUSMessages = {
 	"segmentMessages.student.step.success.title": "You've been verified",
 	"segmentMessages.teacher.emailExplanation": "Must be your school-issued email address",
 	"segmentMessages.teacher.schoolName": "School name",
-	"segmentMessages.teacher.schoolNamePlaceholder": "School name*",
+	"segmentMessages.teacher.schoolNamePlaceholder": "School name",
 	"segmentMessages.teacher.step.docUpload.howDoesVerifyingWorkDetails": "Document review is handled by SheerID, a trusted partner who specializes in verifying teachers.\n                <br><br>\n                Documents are used only for verifying your teacher or faculty status is current and will be permanently\n                deleted after review is finalized. They will not be shared with {companyName}",
 	"segmentMessages.teacher.step.docUpload.subtitle": "Documents will be reviewed in {estimatedWaitTime} by staff at SheerID, a trusted partner.",
 	"segmentMessages.teacher.step.docUpload.title": "We need more information",
@@ -2727,154 +2739,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-5460f3d0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-aa7923c0.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-281f24b3.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-7716e1e1.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-e565db80.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-0102f276.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-3c705e46.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-7ea93323.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-537321c2.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-37bf2739.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-c9990bcf.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-04fa4103.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-e9dcfb39.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-8acf43be.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-85e3b001.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-c906634a.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-d1c5b93d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-5112b32e.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-6d449d20.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-2277ea1e.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-22a7b622.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-bfca14f3.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-2173007f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-b9d3dc58.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-ea05536c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-4bf9710e.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-744c126e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-ed9b974f.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-04580e0a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-a36c8244.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-b071e0a1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-5896c7f1.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-9e7905e9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-7c28e015.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-b55daf23.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-e61ca28b.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-c2c69eac.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-5e5d13be.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-057bdc1e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-e4c5d44d.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-28326ffd.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-3d03c534.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-f8a551a7.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-99c6971e.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-fdd8472d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-e537ec43.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-6659a0b5.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-162d7a39.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-6038f686.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-53861522.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-efd4f6a9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-b2b55c9f.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-e6fa02bd.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-a9efa2ab.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-b63dcda6.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-61825a2b.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-d458eb7d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-cba590b5.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-94bb280e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-a190ec18.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-1b8b2783.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-fb23d48f.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-2bdcef9d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-07ed6a42.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-ff0880c0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-bd7e69b0.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-22c1fd69.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-ee9b4c94.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-37531685.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-133c4315.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-287fa77c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-bea37a07.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-44805cba.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-52690171.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -4921,9 +4933,9 @@ const produceDraftViewModel = (previousModel, key, value) => fn(previousModel, (
 
 const FieldLabel = ({ text, htmlForLabel, id, displayClasses, isRequired, children, }) => (React.createElement("label", { htmlFor: htmlForLabel },
     React.createElement("div", { id: id, className: `sid-field__label sid-l-space-btm-sm ${displayClasses}` },
-        React.createElement("span", { className: "sid-field__label-name" },
+        React.createElement("span", { className: "sid-field__label-name", "aria-hidden": "true" },
             text,
-            isRequired && React.createElement("span", { className: "sid-field__label--required" }, "*")),
+            isRequired && (React.createElement("span", { "aria-hidden": "true", className: "sid-field__label--required" }, "*"))),
         children && React.createElement("div", { className: "sid-field__label-explanation" }, children))));
 FieldLabel.defaultProps = {
     id: "",
@@ -4954,7 +4966,7 @@ const FirstName = ({ value, isErrored, onChange, intl, placeholder = "", }) => (
     React.createElement("div", { className: "sid-l-space-top-md" }),
     React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "firstName", defaultMessage: "First name" }), htmlForLabel: "sid-first-name", id: "sid-first-name-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
     React.createElement(InputTextComponent, { id: "first-name", isErrored: isErrored, onChange: (e) => onChange(e.target.value), placeholder: placeholder ||
-            intl.formatMessage({ id: "firstNamePlaceholder", defaultMessage: "First Name*" }), refId: "firstName", value: value, required: true, "aria-labelledby": "sid-first-name-label" }),
+            intl.formatMessage({ id: "firstNamePlaceholder", defaultMessage: "First Name" }), refId: "firstName", value: value, required: true, "aria-labelledby": "sid-first-name-label" }),
     isErrored ? (React.createElement("div", { className: "sid-field-error" },
         React.createElement(FormattedHTMLMessage, { id: "errorId.invalidFirstName", defaultMessage: "Invalid first name" }))) : null));
 const FirstNameComponent = injectIntl(FirstName);
@@ -4963,7 +4975,7 @@ const LastName = ({ value, isErrored, onChange, intl, placeholder = "", }) => (R
     React.createElement("div", { className: "sid-l-space-top-md" }),
     React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "lastName", defaultMessage: "Last name" }), htmlForLabel: "sid-last-name", id: "sid-last-name-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
     React.createElement(InputTextComponent, { id: "last-name", isErrored: isErrored, onChange: (event) => onChange(event.target.value), placeholder: placeholder ||
-            intl.formatMessage({ id: "lastNamePlaceholder", defaultMessage: "Last Name*" }), refId: "lastName", value: value, required: true, "aria-labelledby": "sid-last-name-label" }),
+            intl.formatMessage({ id: "lastNamePlaceholder", defaultMessage: "Last Name" }), refId: "lastName", value: value, required: true, "aria-labelledby": "sid-last-name-label" }),
     isErrored ? (React.createElement("div", { className: "sid-field-error" },
         React.createElement(FormattedHTMLMessage, { id: "errorId.invalidLastName", defaultMessage: "Invalid last name" }))) : null));
 const LastNameComponent = injectIntl(LastName);
@@ -4972,7 +4984,7 @@ const Email = ({ value, isErrored, onChange, explanation, intl, onKeyDown = unde
     React.createElement("div", { className: "sid-l-space-top-md" }),
     React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "emailAddress", defaultMessage: "Email address" }), htmlForLabel: "sid-email", id: "sid-email-label", displayClasses: `sid-field__label-with-explanation${placeholder && " sid-h-screen-reader-only"}` }, explanation || (React.createElement(FormattedHTMLMessage, { id: "emailExplanation", defaultMessage: "Needed to send you your unique code" }))),
     React.createElement(InputTextComponent, { id: "email", isErrored: isErrored, onChange: (event) => onChange(event.target.value), onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined, placeholder: placeholder ||
-            intl.formatMessage({ id: "emailAddressPlaceholder", defaultMessage: "Email*" }), type: "email", value: value, required: true, "aria-labelledby": "sid-email-label" }),
+            intl.formatMessage({ id: "emailAddressPlaceholder", defaultMessage: "Email" }), type: "email", value: value, required: true, "aria-labelledby": "sid-email-label" }),
     isErrored ? (React.createElement("div", { className: "sid-field-error" },
         React.createElement(FormattedHTMLMessage, { id: "errorId.invalidEmail", defaultMessage: "Invalid email" }))) : null));
 const EmailComponent = injectIntl(Email);
@@ -9632,9 +9644,8 @@ const Country = ({ value, isErrored, options, onChange, onKeyDown, intl, placeho
     const inputId = "sid-country";
     return (React.createElement("div", { className: `sid-field ${inputId}` },
         React.createElement("div", { className: "sid-l-space-top-md" }),
-        React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "country", defaultMessage: "Country" }), htmlForLabel: inputId, id: `${inputId}-label`, displayClasses: placeholder && "sid-h-screen-reader-only", isRequired: isRequired }),
-        React.createElement(InputSelectComponent, { fieldId: "country", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (country) => onChange(country), onKeyDown: onKeyDown, placeholder: placeholder ||
-                intl.formatMessage({ id: "countryPlaceholder", defaultMessage: "Country*" }), value: value
+        React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "country", defaultMessage: "Country" }), htmlForLabel: inputId, id: `${inputId}-label`, isRequired: isRequired }),
+        React.createElement(InputSelectComponent, { fieldId: "country", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (country) => onChange(country), onKeyDown: onKeyDown, placeholder: placeholder || intl.formatMessage({ id: "countryPlaceholder", defaultMessage: "Country" }), value: value
                 ? {
                     value: value.value,
                     label: intl.formatMessage({
@@ -9987,66 +9998,6 @@ const RequestOrganizationSearch = ({ intl }) => {
 };
 const RequestOrganizationSearchComponent = injectIntl(RequestOrganizationSearch);
 
-// 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) => {
-    logger.log(`overrideComponent registering ${componentName}`);
-    overriddenComponents[componentName] = newComponent;
-};
-const getOverridenComponent = (componentName) => {
-    if (overriddenComponents[componentName]) {
-        logger.log(`getOverridenComponent returning ${componentName}`);
-        return overriddenComponents[componentName];
-    }
-    return null;
-};
-const resetOverriddenComponents = () => {
-    overriddenComponents = {};
-};
-
-const RequestOrganizationLoadStepComponent = ({ requestOrganizationService, }) => {
-    const { error } = requestOrganizationService;
-    const { submitted } = requestOrganizationService;
-    const { isLoading } = requestOrganizationService;
-    let OverriddenComponent;
-    if (isLoading) {
-        return React.createElement(LoadingScreenComponent, null);
-    }
-    if (error) {
-        OverriddenComponent = getOverridenComponent("RequestOrganizationErrorComponent");
-        if (OverriddenComponent) {
-            return React.createElement(OverriddenComponent, { requestOrganizationService: requestOrganizationService });
-        }
-        return (React.createElement(RequestOrganizationErrorComponent, { requestOrganizationService: requestOrganizationService }));
-    }
-    if (submitted) {
-        OverriddenComponent = getOverridenComponent("RequestOrganizationSuccessComponent");
-        if (OverriddenComponent) {
-            return React.createElement(OverriddenComponent, { requestOrganizationService: requestOrganizationService });
-        }
-        return (React.createElement(RequestOrganizationSuccessComponent, { requestOrganizationService: requestOrganizationService }));
-    }
-    OverriddenComponent = getOverridenComponent("RequestOrganizationSearchComponent");
-    if (OverriddenComponent) {
-        return React.createElement(OverriddenComponent, null);
-    }
-    return React.createElement(RequestOrganizationSearchComponent, null);
-};
-
-const NewInnerRequestOrganizationFormComponent = ({ locale, messages, requestOrganizationService, }) => (React.createElement(IntlProvider, { locale: "en-US", key: locale, messages: messages, textComponent: CustomTextWrapper },
-    React.createElement(RequestOrganizationLoadStepComponent, { requestOrganizationService: requestOrganizationService })));
-
 const firstResponderMessages = {
     emailExplanation: "Needed to send you your unique code",
     step: {
@@ -10183,7 +10134,7 @@ const ageMessages = {
 };
 
 const studentMessages = {
-    emailExplanation: "Needed to send you your unique code",
+    emailExplanation: "A student email address is preferred",
     schoolName: "University / college name",
     step: {
         personalInfo: {
@@ -10224,7 +10175,7 @@ const studentMessages = {
 const teacherMessages = {
     emailExplanation: "Must be your school-issued email address",
     schoolName: "School name",
-    schoolNamePlaceholder: "School name*",
+    schoolNamePlaceholder: "School name",
     step: {
         personalInfo: {
             title: "Unlock this Teaching Staff-Only Offer",
@@ -10845,13 +10796,23 @@ const isMockingLoading = () => {
     try {
         const parsed = new URLSearchParams(window.location.search);
         return (parsed.get(QUERY_STRING_STEP_OVERRIDE) === MockStepsEnum.loading ||
-            getOptions().mockStep === MockStepsEnum.loading);
+            getOptions()[QUERY_STRING_STEP_OVERRIDE] === MockStepsEnum.loading);
     }
     catch (e) {
         logger.error(e, "isMockingLoading");
         return false;
     }
 };
+// Special case when mocking loading. To get text to show up, specify a previous step
+const getMockedLoadingStep = () => {
+    try {
+        const parsed = new URLSearchParams(window.location.search);
+        return (parsed.get(QUERY_STRING_PREV_STEP_OVERRIDE) || getOptions()[QUERY_STRING_PREV_STEP_OVERRIDE]);
+    }
+    catch (e) {
+        return undefined;
+    }
+};
 // When loading the success step, specify a reward code
 const getRewardCodeOverride = () => {
     try {
@@ -10947,6 +10908,67 @@ const getOverriddenMock = async (overriddenStep, serverResponse) => {
     return Promise.resolve(mockResponse);
 };
 
+// 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(FormattedHTMLMessage, { id: "step.personalInfo.verifyingTitle", defaultMessage: "Verifying your status" }))),
+    React.createElement("div", { className: "sid-loading-screen__message-subhead" },
+        React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.verifyingSubtitle", defaultMessage: "This should only take a minute" }))));
+
+// By default, try and getMockedLoadingStep to allow text to be shown when mocking the loading step
+// eslint-disable-next-line react/prop-types
+const LoadingScreenComponent = ({ step = getMockedLoadingStep() }) => (React.createElement("div", { className: "sid-loading-screen" },
+    React.createElement(LoadingSpinnerComponent, null),
+    step && React.createElement(LoadingScreenMessage, { step: step })));
+
+let overriddenComponents = {};
+const overrideComponent = (componentName, newComponent) => {
+    logger.log(`overrideComponent registering ${componentName}`);
+    overriddenComponents[componentName] = newComponent;
+};
+const getOverridenComponent = (componentName) => {
+    if (overriddenComponents[componentName]) {
+        logger.log(`getOverridenComponent returning ${componentName}`);
+        return overriddenComponents[componentName];
+    }
+    return null;
+};
+const resetOverriddenComponents = () => {
+    overriddenComponents = {};
+};
+
+const RequestOrganizationLoadStepComponent = ({ requestOrganizationService, }) => {
+    const { error } = requestOrganizationService;
+    const { submitted } = requestOrganizationService;
+    const { isLoading } = requestOrganizationService;
+    let OverriddenComponent;
+    if (isLoading) {
+        return React.createElement(LoadingScreenComponent, null);
+    }
+    if (error) {
+        OverriddenComponent = getOverridenComponent("RequestOrganizationErrorComponent");
+        if (OverriddenComponent) {
+            return React.createElement(OverriddenComponent, { requestOrganizationService: requestOrganizationService });
+        }
+        return (React.createElement(RequestOrganizationErrorComponent, { requestOrganizationService: requestOrganizationService }));
+    }
+    if (submitted) {
+        OverriddenComponent = getOverridenComponent("RequestOrganizationSuccessComponent");
+        if (OverriddenComponent) {
+            return React.createElement(OverriddenComponent, { requestOrganizationService: requestOrganizationService });
+        }
+        return (React.createElement(RequestOrganizationSuccessComponent, { requestOrganizationService: requestOrganizationService }));
+    }
+    OverriddenComponent = getOverridenComponent("RequestOrganizationSearchComponent");
+    if (OverriddenComponent) {
+        return React.createElement(OverriddenComponent, null);
+    }
+    return React.createElement(RequestOrganizationSearchComponent, null);
+};
+
+const NewInnerRequestOrganizationFormComponent = ({ locale, messages, requestOrganizationService, }) => (React.createElement(IntlProvider, { locale: "en-US", key: locale, messages: messages, textComponent: CustomTextWrapper },
+    React.createElement(RequestOrganizationLoadStepComponent, { requestOrganizationService: requestOrganizationService })));
+
 async function fetchExistingVerificationRequest(verificationId) {
     try {
         logger.info("fetchExistingVerificationRequest: Calling back-end for existing verification request");
@@ -11153,11 +11175,16 @@ const convertByTrackingId = async (accountId, trackingId, conversionRequest) =>
 
 // Create IE + others compatible event handler
 const eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
-const eventer = window[eventMethod];
 const messageEvent = eventMethod === "attachEvent" ? "onmessage" : "message";
-/**
- * @private
- */
+/* =========== From an install page =========== */
+const listenToSheerIdFrame = (callback) => {
+    assertValidFunction(callback);
+    const receiveMessage = (event) => {
+        callback(event);
+    };
+    window[eventMethod](messageEvent, receiveMessage, false);
+};
+/* =========== From within a MySheerID iFrame =========== */
 const speakToOuterFrame = (message) => {
     if (window.parent &&
         window.parent.postMessage &&
@@ -11165,15 +11192,12 @@ const speakToOuterFrame = (message) => {
         window.parent.postMessage(message, "*");
     }
 };
-/**
- * @private
- */
-const listenToSheerIdFrame = (callback) => {
+const listenToInstallPage = (callback) => {
     assertValidFunction(callback);
     const receiveMessage = (event) => {
         callback(event);
     };
-    eventer(messageEvent, receiveMessage, false);
+    window[eventMethod](messageEvent, receiveMessage, false);
 };
 
 const VERIFICATION_ID_COOKIE_NAME = "sid-verificationId";
@@ -11330,14 +11354,7 @@ async function fetchProgramTheme(programId, locale) {
         if (locale)
             assertValidLocale(locale);
         const cleanLocale = locale || getLocaleSafely();
-        let url;
-        if (cleanLocale !== DEFAULT_LOCALE) {
-            url = getProgramThemeUrl(programId, cleanLocale);
-        }
-        else {
-            url = getProgramThemeUrl(programId);
-        }
-        return (await GetJson(url));
+        return (await GetJson(getProgramThemeUrl(programId, cleanLocale)));
     }
     catch (e) {
         logger.error(e, "fetchProgramTheme");
@@ -13789,8 +13806,8 @@ const createFetchVerificationRequest = async ({ dispatch, verificationResponsePr
  * @description Action creator to update the view model in redux.
  * @param dispatch
  */
-const createUpdateViewModel = (dispatch) => async (viewModel) => await Promise.all([
-    dispatch({ viewModel, type: "VIEW_MODEL" }),
+const createUpdateViewModel = (dispatch) => async (viewModel, partial = false) => Promise.all([
+    dispatch({ viewModel, type: "VIEW_MODEL", partial }),
     dispatch({ type: "FORM_VALIDATION_OPTIONS" }),
 ]);
 const createUpdateLocale = (dispatch, programId) => async (viewModel, programTheme, segment) => {
@@ -14394,8 +14411,16 @@ const verificationServiceReducer = (state = getInitialState(), action) => {
         case "VIEW_MODEL":
             const newState = { ...state };
             if (action.viewModel) {
-                // Allow action.viewModel to be a sparse object. Bring along all previous viewModel
-                newState.viewModel = { ...action.viewModel };
+                if (action.partial) {
+                    // New functionality: action.viewModel can be a sparse object. Bring along all previous viewModel
+                    // This allows devs to set just one field, like firstName, without supplying the rest of the viewModel object
+                    newState.viewModel = deepMerge({}, state.viewModel, action.viewModel);
+                }
+                else {
+                    // Existing functionality: replace viewModel object. Leave here for backwards compatibility.
+                    // WARNING - this is not a deep clone!
+                    newState.viewModel = { ...action.viewModel };
+                }
             }
             if (action.viewModel && action.viewModel.metadata) {
                 setMetadata(action.viewModel.metadata);
@@ -14478,14 +14503,13 @@ const refreshStore = () => {
 const store$1 = getStore();
 /**
  * @description Set the viewModel for the form or reset it by passing an empty object
- * @todo allow sparse viewModel to be provided
  */
-const setViewModel = (newViewModel) => {
+const setViewModel = (newViewModel, options = { partial: false }) => {
     const state = store$1.getState();
     const doSet = () => {
         const updatedViewModel = deepClone(newViewModel);
         logger.info("Setting viewModel", updatedViewModel);
-        createUpdateViewModel(store$1.dispatch)(updatedViewModel);
+        createUpdateViewModel(store$1.dispatch)(updatedViewModel, options.partial);
     };
     // The viewModel may not be set until later, and default messages may fail to load
     // so re-use setOptions to make sure we know about the desire to use this locale
@@ -17669,7 +17693,7 @@ const OptInComponent = ({ isErrored, isRequired, onChange, value, verificationSe
         React.createElement("div", { className: "sid-l-position" },
             React.createElement("label", { htmlFor: "sid-opt-in__optIn" },
                 React.createElement(OptInInputComponent, { id: "optIn", isErrored: isErrored, onChange: onChange, value: value }),
-                React.createElement("div", { className: "sid-field__label sid-checkbox__label" }, verificationService ? (React.createElement(FormattedMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: "optIn", values: { company: companyName }, defaultMessage: defaultMessage })))) : (React.createElement(FormattedHTMLMessage, { id: "optIn", defaultMessage: defaultMessage }))),
+                React.createElement("div", { className: "sid-field__label sid-checkbox__label" }, verificationService ? (React.createElement(FormattedHTMLMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: "optIn", values: { company: companyName }, defaultMessage: defaultMessage })))) : (React.createElement(FormattedHTMLMessage, { id: "optIn", defaultMessage: defaultMessage }))),
                 isErrored ? (React.createElement("div", { className: "sid-field-error" },
                     React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOptIn", defaultMessage: "Must be selected to continue" }))) : null))));
 };
@@ -17684,7 +17708,7 @@ const LogoComponent = ({ verificationService }) => {
     const logoUrl = getLogoUrl(verificationService.programTheme);
     if (logoUrl) {
         return (React.createElement("div", { className: "sid-logo sid-l-space-top-md" },
-            React.createElement(FormattedMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement("img", { className: "sid-logo__img", alt: `${companyName} logo`, src: logoUrl })))));
+            React.createElement(FormattedHTMLMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement("img", { className: "sid-logo__img", alt: `${companyName} logo`, src: logoUrl })))));
     }
     return null;
 };
@@ -17722,13 +17746,13 @@ selectedCountryCode = "us", }) => {
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidPhoneNumber", defaultMessage: "Invalid mobile number" }))) : null,
         displaySmsConsent && (React.createElement("div", { className: "sid-h-small-text sid-l-space-top-md sid-sms-consent" },
-            React.createElement(FormattedMessage, { id: "phoneNumberWarnMessage1", defaultMessage: "By submitting this form with a mobile number, you consent to receive SMS/text messages for verification purposes. Standard phone carrier text messaging (SMS) and data rates may apply." }))),
+            React.createElement(FormattedHTMLMessage, { id: "phoneNumberWarnMessage1", defaultMessage: "By submitting this form with a mobile number, you consent to receive SMS/text messages for verification purposes. Standard phone carrier text messaging (SMS) and data rates may apply." }))),
         requireCarrierConsent && (React.createElement("div", { className: "sid-l-position sid-carrier-disclosure-consent" },
             React.createElement("div", { className: "sid-h-small-text sid-l-space-top-md" },
                 React.createElement("label", { htmlFor: "sid-opt-in__carrier-consent" },
                     React.createElement(OptInInputComponent, { id: "carrier-consent", isErrored: isErrored, value: carrierConsent, onChange: (value) => onCarrierConsentChange(value) }),
                     React.createElement("div", { className: "sid-field__label sid-checkbox__label" },
-                        React.createElement(FormattedMessage, { id: "phoneNumberWarnMessage2", defaultMessage: "You authorize your mobile service provider to disclose your mobile number and certain account information to SheerID, solely for identity verification and to avoid fraud." }))))))));
+                        React.createElement(FormattedHTMLMessage, { id: "phoneNumberWarnMessage2", defaultMessage: "You authorize your mobile service provider to disclose your mobile number and certain account information to SheerID, solely for identity verification and to avoid fraud." }))))))));
 };
 const PhoneNumberComponent = injectIntl(PhoneNumber);
 
@@ -17978,7 +18002,7 @@ const CollegeName = ({ onChange, value, isErrored, verificationService, intl, pl
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: country, minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder ||
                 intl.formatMessage({
                     id: "schoolNamePlaceholder",
-                    defaultMessage: "University / College name*",
+                    defaultMessage: "University / College name",
                 }), programId: programId, value: value, inputHtmlId: "sid-college-name", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl, orgSearchTags: searchTags, locale: locale, urlAddSchoolForm: urlAddSchoolForm, isRequired: isRequired }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
@@ -18292,7 +18316,7 @@ const HowDoesVerifyingWorkComponent = ({ verificationService, initialVisibility
         tooltipVisibility ? (React.createElement("div", { className: "sid-how-verify-works__container" },
             React.createElement("div", { className: "sid-how-verify-works__caret" }),
             React.createElement("div", { className: "sid-how-verify-works__tooltip", "aria-live": "polite", role: "tooltip", id: "how-does-verifying-work" },
-                React.createElement(FormattedMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: `step.${step === VerificationStepsEnum.docUpload ? "docUpload" : "personalInfo"}.howDoesVerifyingWorkDetails`, defaultMessage: defaultMessage, values: { companyName } }))),
+                React.createElement(FormattedHTMLMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: `step.${step === VerificationStepsEnum.docUpload ? "docUpload" : "personalInfo"}.howDoesVerifyingWorkDetails`, defaultMessage: defaultMessage, values: { companyName } }))),
                 "\u00A0",
                 React.createElement(FaqLinkComponent, { verificationService: verificationService })))) : null));
 };
@@ -18321,26 +18345,27 @@ const BaseCountryComponentWrapper = ({ verificationService, viewModel, intl, vie
                 ? viewModel.countryChoice
                 : defaultCountryChoice;
             updateCountryChoice(countryChoice);
-            return;
         }
+    }, [firstRender]);
+    React.useEffect(() => {
         if (!hasMultipleCountries) {
             const fieldsToSkip = viewModel.fieldsToSkipValidation
                 ? [...viewModel.fieldsToSkipValidation, "country"]
                 : ["country"];
             verificationService.updateViewModel(produceDraftViewModel(viewModel, "fieldsToSkipValidation", fieldsToSkip));
         }
-        else {
-            const updatedFieldValidationErrors = fn(verificationService.fieldValidationErrors, (draft) => {
-                if (draft.country) {
-                    draft.country = validateFieldById("country", viewModel.countryChoice, verificationService.formValidationOptions);
-                }
-                if ("postalCode" in viewModel && viewModel.postalCode) {
-                    draft.postalCode = validateFieldById("postalCode", viewModel.postalCode, verificationService.formValidationOptions);
-                }
-            });
-            updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);
-        }
-    }, [viewModel.countryChoice, hasMultipleCountries, firstRender]);
+    }, [hasMultipleCountries]);
+    React.useEffect(() => {
+        const updatedFieldValidationErrors = fn(verificationService.fieldValidationErrors, (draft) => {
+            if (draft.country) {
+                draft.country = validateFieldById("country", viewModel.countryChoice, verificationService.formValidationOptions);
+            }
+            if ("postalCode" in viewModel && viewModel.postalCode) {
+                draft.postalCode = validateFieldById("postalCode", viewModel.postalCode, verificationService.formValidationOptions);
+            }
+        });
+        updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);
+    }, [viewModel.countryChoice]);
     if (!hasMultipleCountries) {
         return null;
     }
@@ -18451,7 +18476,7 @@ const StepStudentPersonalInfo = ({ intl, verificationService, }) => {
 const StepStudentPersonalInfoComponent = injectIntl(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.formatMessage({ id: "postalCodePlaceholder", defaultMessage: "Postal Code*" }), refId: "postalCode", value: value, required: true, "aria-labelledby": ariaLabelledBy }));
+        intl.formatMessage({ id: "postalCodePlaceholder", defaultMessage: "Postal Code" }), refId: "postalCode", value: value, required: true, "aria-labelledby": ariaLabelledBy }));
 PostalCodeInput.defaultProps = {
     isValid: true,
 };
@@ -18561,7 +18586,7 @@ const carrierConsentValueValidator = (countryChoiceValue) => (value, programThem
 const City = ({ value, isErrored, onChange, intl, onKeyDown = undefined, placeholder = "", }) => (React.createElement("div", { className: "sid-field sid-city" },
     React.createElement("div", { className: "sid-l-space-top-md" }),
     React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "city", defaultMessage: "City" }), htmlForLabel: "sid-city", id: "sid-city-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
-    React.createElement(InputTextComponent, { id: "city", isErrored: isErrored, onChange: (e) => onChange(e.target.value), onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined, placeholder: placeholder || intl.formatMessage({ id: "cityPlaceholder", defaultMessage: "City*" }), value: value, "aria-labelledby": "sid-city-label" }),
+    React.createElement(InputTextComponent, { id: "city", isErrored: isErrored, onChange: (e) => onChange(e.target.value), onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined, placeholder: placeholder || intl.formatMessage({ id: "cityPlaceholder", defaultMessage: "City" }), value: value, "aria-labelledby": "sid-city-label" }),
     isErrored ? (React.createElement("div", { className: "sid-field-error" },
         React.createElement(FormattedHTMLMessage, { id: "errorId.invalidCity", defaultMessage: "Invalid city" }))) : null));
 const CityComponent = injectIntl(City);
@@ -18569,7 +18594,7 @@ const CityComponent = injectIntl(City);
 const Address = ({ value, isErrored, onChange, intl, onKeyDown = undefined, placeholder = "", }) => (React.createElement("div", { className: "sid-field sid-address" },
     React.createElement("div", { className: "sid-l-space-top-md" }),
     React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "address", defaultMessage: "Address" }), htmlForLabel: "sid-address", id: "sid-address-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
-    React.createElement(InputTextComponent, { id: "address", isErrored: isErrored, onChange: (e) => onChange(e.target.value), onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined, placeholder: placeholder || intl.formatMessage({ id: "addressPlaceholder", defaultMessage: "Address*" }), value: value, "aria-labelledby": "sid-address-label" }),
+    React.createElement(InputTextComponent, { id: "address", isErrored: isErrored, onChange: (e) => onChange(e.target.value), onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined, placeholder: placeholder || intl.formatMessage({ id: "addressPlaceholder", defaultMessage: "Address" }), value: value, "aria-labelledby": "sid-address-label" }),
     isErrored ? (React.createElement("div", { className: "sid-field-error" },
         React.createElement(FormattedHTMLMessage, { id: "errorId.invalidAddress", defaultMessage: "Invalid address" }))) : null));
 const AddressComponent = injectIntl(Address);
@@ -18726,7 +18751,7 @@ const TeacherSchool = ({ value, isErrored, onChange, verificationService, intl,
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: country, onChange: (choice) => onChange(choice), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, placeholder: placeholder ||
                 intl.formatMessage({
                     id: "schoolNamePlaceholder",
-                    defaultMessage: "School name*",
+                    defaultMessage: "School name",
                 }), programId: programId, value: value, inputHtmlId: id, openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl, orgSearchTags: searchTags, locale: locale, urlAddSchoolForm: urlAddSchoolForm, isRequired: true }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
@@ -18841,7 +18866,7 @@ const MemberId = ({ value, isErrored, onChange, explanation, intl, placeholder =
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: label || React.createElement(FormattedHTMLMessage, { id: "memberId", defaultMessage: "ID Number" }), htmlForLabel: "sid-member-id", id: "sid-member-id-label", displayClasses: `sid-field__label-with-explanation${placeholder && " sid-h-screen-reader-only"}`, isRequired: isRequired }, explanation || getDefaultExplanation()),
         React.createElement(InputTextComponent, { id: "member-id", isErrored: isErrored, onChange: (e) => onChange(e.target.value), placeholder: placeholder ||
-                intl.formatMessage({ id: "memberIdPlaceholder", defaultMessage: "ID Number*" }), refId: "memberId", value: value, "aria-labelledby": "sid-member-id-label" }),
+                intl.formatMessage({ id: "memberIdPlaceholder", defaultMessage: "ID Number" }), refId: "memberId", value: value, "aria-labelledby": "sid-member-id-label" }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidMemberId", defaultMessage: "Invalid ID Number" }))) : null));
 };
@@ -18853,7 +18878,7 @@ const MembershipOrganization = ({ value, isErrored, onChange, verificationServic
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "organization", defaultMessage: "Organization" }), htmlForLabel: "sid-membership", id: "sid-membership-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), onChange: (choice) => onChange(choice), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, placeholder: placeholder ||
-                intl.formatMessage({ id: "organizationNamePlaceholder", defaultMessage: "Organization*" }), programId: programId, value: value, inputHtmlId: "sid-membership", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
+                intl.formatMessage({ id: "organizationNamePlaceholder", defaultMessage: "Organization" }), programId: programId, value: value, inputHtmlId: "sid-membership", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
 };
@@ -18968,7 +18993,7 @@ const MilitaryStatus = ({ value, isErrored, options, onChange, intl, placeholder
     return (React.createElement("div", { className: `sid-field ${inputId}` },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "status", defaultMessage: "Status" }), htmlForLabel: inputId, id: `${inputId}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
-        React.createElement(InputSelectComponent, { fieldId: "status", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: SortByLabel(options), onChange: (status) => onChange(status), value: value, placeholder: placeholder || intl.formatMessage({ id: "statusPlaceholder", defaultMessage: "Status*" }) }),
+        React.createElement(InputSelectComponent, { fieldId: "status", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: SortByLabel(options), onChange: (status) => onChange(status), value: value, placeholder: placeholder || intl.formatMessage({ id: "statusPlaceholder", defaultMessage: "Status" }) }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidStatus", defaultMessage: "Invalid military status" }))) : null));
 };
@@ -19011,7 +19036,7 @@ const BranchOfService = ({ autoFocus, onChange, value, isErrored, organizations,
     const { status } = verificationService.viewModel;
     const viewModel = verificationService.viewModel;
     const inputId = "sid-branch-of-service";
-    const countryChoice = viewModel.countryChoice;
+    const { countryChoice } = viewModel;
     if (organizations) {
         let newOrganizations;
         newOrganizations = organizations.filter(orgsInStatus(status));
@@ -19040,7 +19065,7 @@ const BranchOfService = ({ autoFocus, onChange, value, isErrored, organizations,
         React.createElement(InputSelectComponent, { autoFocus: autoFocus, fieldId: "organization", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: SortByLabel(options), onChange: (branch) => handleStateChange(branch, onChange), value: value, placeholder: placeholder ||
                 intl.formatMessage({
                     id: "branchOfServicePlaceholder",
-                    defaultMessage: "Branch Of Service*",
+                    defaultMessage: "Branch Of Service",
                 }) }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
@@ -19355,7 +19380,7 @@ const FirstResponderStatus = ({ value, isErrored, options, onChange, placeholder
     return (React.createElement("div", { className: `sid-field ${inputId}` },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "status", defaultMessage: "Status" }), htmlForLabel: `${inputId}`, id: `${inputId}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
-        React.createElement(InputSelectComponent, { fieldId: "status", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (status) => onChange(status), onKeyDown: onKeyDown, value: value, placeholder: placeholder || intl.formatMessage({ id: "statusPlaceholder", defaultMessage: "Status*" }) }),
+        React.createElement(InputSelectComponent, { fieldId: "status", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (status) => onChange(status), onKeyDown: onKeyDown, value: value, placeholder: placeholder || intl.formatMessage({ id: "statusPlaceholder", defaultMessage: "Status" }) }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidStatus", defaultMessage: "Invalid first responder status" }))) : null));
 };
@@ -19368,7 +19393,7 @@ const FirstResponderOrganization = ({ onChange, value, isErrored, verificationSe
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "organization", defaultMessage: "Organization" }), htmlForLabel: id, id: `${id}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder ||
-                intl.formatMessage({ id: "organizationPlaceholder", defaultMessage: "Organization*" }), programId: programId, value: value, inputHtmlId: id, openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
+                intl.formatMessage({ id: "organizationPlaceholder", defaultMessage: "Organization" }), programId: programId, value: value, inputHtmlId: id, openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
 };
@@ -19486,7 +19511,7 @@ const MedicalStatus = ({ value, isErrored, options, onChange, intl, placeholder
     return (React.createElement("div", { className: `sid-field ${inputId}` },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "status", defaultMessage: "Status" }), htmlForLabel: inputId, id: `${inputId}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
-        React.createElement(InputSelectComponent, { fieldId: "status", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (status) => onChange(status), onKeyDown: onKeyDown, value: value, placeholder: placeholder || intl.formatMessage({ id: "statusPlaceholder", defaultMessage: "Status*" }), isRequired: true }),
+        React.createElement(InputSelectComponent, { fieldId: "status", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (status) => onChange(status), onKeyDown: onKeyDown, value: value, placeholder: placeholder || intl.formatMessage({ id: "statusPlaceholder", defaultMessage: "Status" }), isRequired: true }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidStatus", defaultMessage: "Invalid medical status" }))) : null));
 };
@@ -19499,7 +19524,7 @@ const MedicalProfessionalOrganization = ({ onChange, value, isErrored, verificat
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "organization", defaultMessage: "Organization" }), htmlForLabel: id, id: `${id}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder ||
-                intl.formatMessage({ id: "organizationPlaceholder", defaultMessage: "Organization*" }), programId: programId, value: value, inputHtmlId: id, openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl, isRequired: true }),
+                intl.formatMessage({ id: "organizationPlaceholder", defaultMessage: "Organization" }), programId: programId, value: value, inputHtmlId: id, openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl, isRequired: true }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
 };
@@ -19640,7 +19665,7 @@ const StepMedicalProfessionalPersonalInfoComponent = injectIntl(StepMedicalProfe
 const State = ({ value, isErrored, onChange, intl, onKeyDown = undefined, placeholder = "", }) => (React.createElement("div", { className: "sid-field sid-state" },
     React.createElement("div", { className: "sid-l-space-top-md" }),
     React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "state", defaultMessage: "State" }), htmlForLabel: "sid-state", id: "sid-state-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
-    React.createElement(InputTextComponent, { id: "state", isErrored: isErrored, onChange: (e) => onChange(e.target.value), onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined, placeholder: placeholder || intl.formatMessage({ id: "statePlaceholder", defaultMessage: "State*" }), value: value, "aria-labelledby": "sid-state-label" }),
+    React.createElement(InputTextComponent, { id: "state", isErrored: isErrored, onChange: (e) => onChange(e.target.value), onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined, placeholder: placeholder || intl.formatMessage({ id: "statePlaceholder", defaultMessage: "State" }), value: value, "aria-labelledby": "sid-state-label" }),
     isErrored ? (React.createElement("div", { className: "sid-field-error" },
         React.createElement(FormattedHTMLMessage, { id: "errorId.invalidState", defaultMessage: "Invalid state" }))) : null));
 const StateComponent = injectIntl(State);
@@ -19650,8 +19675,7 @@ const Company = ({ onChange, value, isErrored, verificationService, intl, placeh
     return (React.createElement("div", { className: "sid-field sid-company-id" },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "company", defaultMessage: "Company" }), htmlForLabel: "sid-company", id: "sid-company-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
-        React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder ||
-                intl.formatMessage({ id: "companyPlaceholder", defaultMessage: "Company*" }), programId: programId, value: value, inputHtmlId: "sid-company", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
+        React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder || intl.formatMessage({ id: "companyPlaceholder", defaultMessage: "Company" }), programId: programId, value: value, inputHtmlId: "sid-company", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
 };
@@ -19760,7 +19784,7 @@ const DriverLicenseNumber = ({ value, isErrored, onChange, explanation, intl, pl
         React.createElement(InputTextComponent, { id: "driver-license-number", isErrored: isErrored, onChange: (e) => onChange(e.target.value), placeholder: placeholder ||
                 intl.formatMessage({
                     id: "driverLicenseNumberPlaceholder",
-                    defaultMessage: isRequired ? "Driver license number*" : "Driver license number",
+                    defaultMessage: "Driver license number",
                 }), refId: "driverLicenseNumber", value: value, required: isRequired, "aria-labelledby": "sid-driver-license-number-label" }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidDriverLicenseNumber", defaultMessage: "Invalid driver license number" }))) : null));
@@ -19775,7 +19799,7 @@ const StateSelect = ({ value, isErrored, options, onChange, onKeyDown, intl, pla
         React.createElement(InputSelectComponent, { fieldId: "state", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (state) => onChange(state), onKeyDown: onKeyDown, placeholder: placeholder ||
                 intl.formatMessage({
                     id: "statePlaceholder",
-                    defaultMessage: isRequired ? "State*" : "State",
+                    defaultMessage: "State",
                 }), value: value
                 ? {
                     value: value.value,
@@ -20056,7 +20080,7 @@ const Status = ({ value, isErrored, options, onChange, intl, placeholder = "", o
     return (React.createElement("div", { className: `sid-field ${inputId}` },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "status", defaultMessage: "Status" }), htmlForLabel: inputId, id: `${inputId}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
-        React.createElement(InputSelectComponent, { fieldId: "status", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (status) => onChange(status), onKeyDown: onKeyDown, value: value, placeholder: placeholder || intl.formatMessage({ id: "statusPlaceholder", defaultMessage: "Status*" }), isRequired: true }),
+        React.createElement(InputSelectComponent, { fieldId: "status", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (status) => onChange(status), onKeyDown: onKeyDown, value: value, placeholder: placeholder || intl.formatMessage({ id: "statusPlaceholder", defaultMessage: "Status" }), isRequired: true }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidStatus", defaultMessage: "Invalid status" }))) : null));
 };
@@ -20068,7 +20092,7 @@ const LicensedProfessionalOrganization = ({ value, isErrored, onChange, verifica
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "organization", defaultMessage: "Organization" }), htmlForLabel: "sid-licensed-professional", id: "sid-licensed-professional-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), onChange: (choice) => onChange(choice), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, placeholder: placeholder ||
-                intl.formatMessage({ id: "organizationNamePlaceholder", defaultMessage: "Organization*" }), programId: programId, value: value, inputHtmlId: "sid-licensed-professional", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
+                intl.formatMessage({ id: "organizationNamePlaceholder", defaultMessage: "Organization" }), programId: programId, value: value, inputHtmlId: "sid-licensed-professional", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
 };
@@ -20501,7 +20525,7 @@ const StepSuccess = ({ verificationService }) => {
     return (React.createElement("div", { id: "sid-step-success", className: "sid-l-container" },
         React.createElement("div", { className: "sid-header sid-l-horz-center sid-l-space-top-md" },
             React.createElement("div", { className: "sid-l-horz-center" }, hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (React.createElement("img", { className: "sid-l-lead-image", alt: "", src: "https://assets-resources.sheerid.com/common/images/2018/icons/circle-check.svg" }))),
-            React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md", role: "alert", "aria-live": "polite" },
+            React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md", role: "status", "aria-live": "polite" },
                 React.createElement(FormattedHTMLMessage, { id: "step.success.title", defaultMessage: "Success! You've been verified." })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-two-thirds-width" },
                 React.createElement(FormattedHTMLMessage, { id: "step.success.subtitle", defaultMessage: `Here is your personal coupon code.
@@ -20519,7 +20543,7 @@ const StepSuccess = ({ verificationService }) => {
             React.createElement("button", { type: "button", onClick: () => redirect(redirectDestination), className: "sid-btn sid-btn--dark" },
                 React.createElement(FormattedHTMLMessage, { id: "step.success.redirectButtonText", defaultMessage: "Use code now" })))) : (""),
         React.createElement("div", { className: "sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text" },
-            React.createElement(FormattedMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: "step.success.verificationOnly", defaultMessage: `
+            React.createElement(FormattedHTMLMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: "step.success.verificationOnly", defaultMessage: `
                                 SheerID handles verification only.
                                 Now that you've been approved, please direct all questions about the
                                 promotion terms to {companyName} customer service.
@@ -20690,18 +20714,18 @@ const SMSCode = ({ onChange, value, isErrored, errorId, intl, placeholder = "",
     const getErrorMessage = (errorId) => {
         switch (errorId) {
             case "invalidSMSCode":
-                return (React.createElement(FormattedMessage, { id: "step.smsLoop.errors.codeVerification", defaultMessage: "Verification code could not be validated." }));
+                return (React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.errors.codeVerification", defaultMessage: "Verification code could not be validated." }));
             case "expiredSMSCode":
-                return (React.createElement(FormattedMessage, { id: "step.smsLoop.errors.codeExpired", defaultMessage: "Verification code expired." }));
+                return (React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.errors.codeExpired", defaultMessage: "Verification code expired." }));
             default:
-                return React.createElement(FormattedMessage, { id: "errorId.unknownError", defaultMessage: "Unknown Error" });
+                return React.createElement(FormattedHTMLMessage, { id: "errorId.unknownError", defaultMessage: "Unknown Error" });
         }
     };
     return (React.createElement("div", { className: "sid-field sid-sms-code-id" },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         isErrored ? React.createElement("div", { className: "sid-field-error" }, getErrorMessage(errorId)) : null,
         React.createElement(InputTextComponent, { id: "sms-code", isErrored: isErrored, required: true, placeholder: placeholder ||
-                intl.formatMessage({ id: "smsCodePlaceholder", defaultMessage: "SMS Code*" }), value: value, onChange: (e) => onChange(e.target.value) })));
+                intl.formatMessage({ id: "smsCodePlaceholder", defaultMessage: "SMS Code" }), value: value, onChange: (e) => onChange(e.target.value) })));
 };
 const SMSCodeComponent = injectIntl(SMSCode);
 
@@ -20764,25 +20788,25 @@ const StepSMSLoop = ({ intl, verificationService }) => {
     };
     return (React.createElement("div", { id: "sid-step-sms-loop", className: "sid-l-container" },
         React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
-            React.createElement(FormattedMessage, { id: "step.smsLoop.verificationCode", defaultMessage: "Verification Code" })),
-        React.createElement("div", { className: "sid-header__subtitle" }, getSafe(() => previousViewModel.phoneNumber) ? (React.createElement(FormattedMessage, { id: "step.smsLoop.titleWithNumber", defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.", values: {
+            React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.verificationCode", defaultMessage: "Verification Code" })),
+        React.createElement("div", { className: "sid-header__subtitle" }, getSafe(() => previousViewModel.phoneNumber) ? (React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.titleWithNumber", defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.", values: {
                 number: getSafe(() => previousViewModel.phoneNumber.slice(-4), ""),
-            } })) : (React.createElement(FormattedMessage, { id: "step.smsLoop.titleWithoutNumber", defaultMessage: "We've sent an SMS to your mobile number. Please enter the code here." }))),
+            } })) : (React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.titleWithoutNumber", defaultMessage: "We've sent an SMS to your mobile number. Please enter the code here." }))),
         React.createElement("div", { className: "sid-sms-code-id-wrapper sid-l-horz-center" },
             React.createElement(SMSCodeComponent, { onChange: updateSmsCode, value: viewModel.smsCode, isErrored: isErrored, errorId: verificationService.fieldValidationErrors.smsCode })),
         stepResultMessage && (React.createElement("div", null,
             React.createElement("p", null, stepResultMessage))),
         React.createElement("div", { className: "sid-submit sid-l-space-top-md sid-l-horz-center" },
             React.createElement("button", { id: "sid-submit-sms-code", onClick: submitForm, type: "button", className: "sid-btn sid-btn--dark sid-submit__continue", "aria-label": "submit", disabled: !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded) },
-                React.createElement(FormattedMessage, { id: "step.smsLoop.submitButton", defaultMessage: "Submit" })),
+                React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.submitButton", defaultMessage: "Submit" })),
             React.createElement("div", { className: "sid-l-space-left-sm" }, "\u00A0"),
             React.createElement("button", { id: "sid-resend-sms-code", onClick: () => resendSmsCode(verificationResponse.verificationId), type: "submit", className: "sid-btn sid-btn--light sid-submit__cancel", "aria-label": "re-send" },
-                React.createElement(FormattedMessage, { id: "step.smsLoop.resendButton", defaultMessage: "Re-send" }))),
+                React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.resendButton", defaultMessage: "Re-send" }))),
         React.createElement("div", { className: "sid-incorrect-number sid-l-horz-center" },
-            React.createElement(FormattedMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber1", defaultMessage: "Incorrect number? Click " }),
+            React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber1", defaultMessage: "Incorrect number? Click " }),
             React.createElement("button", { type: "button", onClick: () => window.location.reload(), className: "sid-incorrect-number__refresh-link" },
                 React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber2", defaultMessage: "here " })),
-            React.createElement(FormattedMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber3", defaultMessage: "to return to {companyName}", values: { companyName } }))))));
+            React.createElement(FormattedHTMLMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber3", defaultMessage: "to return to {companyName}", values: { companyName } }))))));
 };
 const StepSMSLoopComponent = injectIntl(StepSMSLoop);
 
@@ -20847,19 +20871,19 @@ const StepEmailLoop = ({ intl, verificationService }) => {
         React.createElement("div", { className: "sid-header sid-l-horz-center" },
             React.createElement("div", { className: "sid-l-horz-center" }, logo),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
-                React.createElement(FormattedMessage, { id: "step.emailLoop.title", defaultMessage: "Check your email" })),
-            React.createElement("div", { className: "sid-header__subtitle-one" }, email ? (React.createElement(FormattedMessage, { id: "step.emailLoop.subtitleWithEmail", defaultMessage: "An email has been sent to {email} with a personalized link to complete the verification process.", values: { email } })) : (React.createElement(FormattedMessage, { id: "step.emailLoop.subtitleWithoutEmail", defaultMessage: "An email has been sent to your email account with a personalized link to complete the verification process." }))),
+                React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.title", defaultMessage: "Check your email" })),
+            React.createElement("div", { className: "sid-header__subtitle-one" }, email ? (React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.subtitleWithEmail", defaultMessage: "An email has been sent to {email} with a personalized link to complete the verification process.", values: { email } })) : (React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.subtitleWithoutEmail", defaultMessage: "An email has been sent to your email account with a personalized link to complete the verification process." }))),
             React.createElement("div", { className: "sid-l-space-top-md" }),
             React.createElement("div", { className: "sid-header__subtitle-two sid-h-small-text sid-l-space-top-md" },
-                React.createElement(FormattedMessage, { id: "step.emailLoop.subtitle2", defaultMessage: "Please check for an email from us (verify@sheerid.com) for all the details." })),
+                React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.subtitle2", defaultMessage: "Please check for an email from us (verify@sheerid.com) for all the details." })),
             canCancelEmailLoop && (React.createElement("div", { className: "sid-skip-email sid-l-space-top-lg" },
-                React.createElement(FormattedMessage, { id: "step.emailLoop.skipEmail", defaultMessage: "Unable to retrieve this email? Click " }),
+                React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.skipEmail", defaultMessage: "Unable to retrieve this email? Click " }),
                 React.createElement("button", { type: "button", onClick: () => cancelEmailLoop(), className: "sid-incorrect-number__refresh-link" },
                     React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.skipEmailCTA", defaultMessage: "here" })),
-                React.createElement(FormattedMessage, { id: "step.emailLoop.skipEmail2", defaultMessage: " to proceed." }))),
+                React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.skipEmail2", defaultMessage: " to proceed." }))),
             canResendEmailLoop && (React.createElement("div", { className: "sid-header__resend-btn sid-l-space-top-md" },
                 React.createElement("button", { id: "sid-resend-email", onClick: () => resendEmail(verificationId), type: "submit", className: "sid-btn sid-btn--light sid-submit__cancel sid-l-horz-center", "aria-label": "re-send" },
-                    React.createElement(FormattedMessage, { id: "step.emailLoop.resendButton", defaultMessage: "Re-send" })))),
+                    React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.resendButton", defaultMessage: "Re-send" })))),
             resendMessage && (React.createElement("div", null,
                 React.createElement("p", null, resendMessage))),
             React.createElement("div", { className: "sid-l-space-top-xl" }))));
@@ -22329,7 +22353,7 @@ const AcceptableUploadsComponent = ({ verificationService }) => {
     return (React.createElement("div", null,
         React.createElement("span", null,
             React.createElement("strong", null,
-                React.createElement(FormattedMessage, { id: "step.docUpload.acceptableUploadExamples", defaultMessage: "Acceptable examples include:" }))),
+                React.createElement(FormattedHTMLMessage, { id: "step.docUpload.acceptableUploadExamples", defaultMessage: "Acceptable examples include:" }))),
         acceptableUploads));
 };
 
@@ -22342,150 +22366,150 @@ const UploadInfoComponent = ({ verificationService }) => {
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload your school-issued document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload your school-issued document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.student.school", defaultMessage: "Your school" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.student.school", defaultMessage: "Your school" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.student.enrollmentDate", defaultMessage: "Date proving enrollment for the current term (or within last 3 months)" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.student.enrollmentDate", defaultMessage: "Date proving enrollment for the current term (or within last 3 months)" })))));
         case SegmentEnum.TEACHER:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload your school-issued document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload your school-issued document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.teacher.school", defaultMessage: "Your school" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.teacher.school", defaultMessage: "Your school" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.teacher.currentSchoolYear", defaultMessage: "A date in the current school year" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.teacher.currentSchoolYear", defaultMessage: "A date in the current school year" })))));
         case SegmentEnum.MEMBER:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.organization", defaultMessage: "Your organization" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.organization", defaultMessage: "Your organization" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.affiliation", defaultMessage: "Your current affiliation with that organization" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.affiliation", defaultMessage: "Your current affiliation with that organization" })))));
         case SegmentEnum.MILITARY:
             switch (subSegment) {
                 case SubSegmentEnum.MILITARY_FAMILY:
                     return (React.createElement("div", null,
                         React.createElement("span", null,
                             React.createElement("strong", null,
-                                React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.military.uploadInstructionsDependent", defaultMessage: "Please upload a Dependent ID card that clearly shows your first name, last name, valid dates and status" })))));
+                                React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.military.uploadInstructionsDependent", defaultMessage: "Please upload a Dependent ID card that clearly shows your first name, last name, valid dates and status" })))));
                 default:
                     return (React.createElement("div", null,
                         React.createElement("span", null,
                             React.createElement("strong", null,
-                                React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload your government-issued document that shows:" }))),
+                                React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload your government-issued document that shows:" }))),
                         React.createElement("ul", { className: "sid-upload-info-list" },
                             React.createElement("li", { className: "sid-upload-info-list__li" },
-                                React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                                React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                             React.createElement("li", { className: "sid-upload-info-list__li" },
-                                React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.military.serviceBranch", defaultMessage: "Your branch of service" })),
+                                React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.military.serviceBranch", defaultMessage: "Your branch of service" })),
                             React.createElement("li", { className: "sid-upload-info-list__li" },
-                                React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.military.dischargeDate", defaultMessage: "Your discharge date (if applicable)" })),
+                                React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.military.dischargeDate", defaultMessage: "Your discharge date (if applicable)" })),
                             React.createElement("li", { className: "sid-upload-info-list__li" },
-                                React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.military.currentAffiliation", defaultMessage: "Your current affiliation with the armed services" })))));
+                                React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.military.currentAffiliation", defaultMessage: "Your current affiliation with the armed services" })))));
             }
         case SegmentEnum.SENIOR:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload a government-issued document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload a government-issued document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.senior.birthDate", defaultMessage: "Your date of birth" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.senior.birthDate", defaultMessage: "Your date of birth" })))));
         case SegmentEnum.AGE:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload a government-issued document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload a government-issued document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.age.birthDate", defaultMessage: "Your date of birth" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.age.birthDate", defaultMessage: "Your date of birth" })))));
         case SegmentEnum.FIRST_RESPONDER:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.firstResponder.organization", defaultMessage: "Your organization" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.firstResponder.organization", defaultMessage: "Your organization" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.firstResponder.currentAffiliation", defaultMessage: "Your current affiliation with that organization" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.firstResponder.currentAffiliation", defaultMessage: "Your current affiliation with that organization" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.firstResponder.license", defaultMessage: "Your status or license as a First Responder" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.firstResponder.license", defaultMessage: "Your status or license as a First Responder" })))));
         case SegmentEnum.MEDICAL:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.medical.status", defaultMessage: "Your nursing status" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.medical.status", defaultMessage: "Your nursing status" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.medical.validDate", defaultMessage: "A currently valid date" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.medical.validDate", defaultMessage: "A currently valid date" })))));
         case SegmentEnum.EMPLOYMENT:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.employment.company", defaultMessage: "Your company" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.employment.company", defaultMessage: "Your company" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.employment.currentAffiliation", defaultMessage: "Your current affiliation with that company" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.employment.currentAffiliation", defaultMessage: "Your current affiliation with that company" })))));
         case SegmentEnum.IDENTITY:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.identity.validDate", defaultMessage: "A currently valid date" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.identity.validDate", defaultMessage: "A currently valid date" })))));
         case SegmentEnum.LICENSED_PROFESSIONAL:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.licensedProfessional.licenseStatus", defaultMessage: "Your professional license and/or certification status" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.licensedProfessional.licenseStatus", defaultMessage: "Your professional license and/or certification status" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.identity.validDate", defaultMessage: "A currently valid date" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.identity.validDate", defaultMessage: "A currently valid date" })))));
         case SegmentEnum.RECENT_MOVER:
             return (React.createElement("div", null,
                 React.createElement("span", null,
                     React.createElement("strong", null,
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows:" }))),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.recentMover.address", defaultMessage: "Your new address" })),
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.recentMover.address", defaultMessage: "Your new address" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedMessage, { id: "step.docUpload.uploadInfo.recentMover.validDate", defaultMessage: "A valid date for your recent move" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.recentMover.validDate", defaultMessage: "A valid date for your recent move" })))));
         default:
             return null;
     }
@@ -22593,11 +22617,11 @@ const StepDocUpload = ({ verificationService, intl }) => {
             React.createElement(RewardsRemainingComponent, { verificationService: verificationService }),
             rejectionReasons && rejectionReasons.length > 0 ? (React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-position" },
                 React.createElement("div", null,
-                    React.createElement(FormattedMessage, { id: "step.docUpload.rejectedSubtitle", defaultMessage: "We were unable to confirm your eligibility due to:" })),
+                    React.createElement(FormattedHTMLMessage, { id: "step.docUpload.rejectedSubtitle", defaultMessage: "We were unable to confirm your eligibility due to:" })),
                 React.createElement("ul", { className: "sid-upload-rejection-list" }, rejectionReasons.map((rejectionReason) => (React.createElement("li", { key: rejectionReason, className: "sid-upload-rejection-list__li" },
-                    React.createElement(FormattedMessage, { id: `step.docUpload.rejectionReasons.${rejectionReason}`, defaultMessage: `${rejectionReason}` }))))))) : (React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-position" },
+                    React.createElement(FormattedHTMLMessage, { id: `step.docUpload.rejectionReasons.${rejectionReason}`, defaultMessage: `${rejectionReason}` }))))))) : (React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-position" },
                 React.createElement("div", null,
-                    React.createElement(FormattedMessage, { id: "step.docUpload.subtitle", defaultMessage: "Documents will be reviewed in {estimatedWaitTime} by staff at SheerID, a trusted partner.", values: {
+                    React.createElement(FormattedHTMLMessage, { id: "step.docUpload.subtitle", defaultMessage: "Documents will be reviewed in {estimatedWaitTime} by staff at SheerID, a trusted partner.", values: {
                             estimatedWaitTime: getEstAndMaxReviewTimes(verificationResponse, programTheme, intl).estReviewTime,
                         } }),
                     "\u00A0",
@@ -22606,7 +22630,8 @@ const StepDocUpload = ({ verificationService, intl }) => {
             React.createElement("div", { className: "sid-upload-info sid-l-space-top-md" },
                 React.createElement("div", { className: "sid-l-space-top-sm" },
                     React.createElement(UploadInfoComponent, { verificationService: verificationService })),
-                subSegment === SubSegmentEnum.MILITARY_FAMILY ? null : (React.createElement("div", { className: "sid-l-space-top-md" },
+                getOptions().hideMilitaryFamilyAcceptableUploads &&
+                    subSegment === SubSegmentEnum.MILITARY_FAMILY ? null : (React.createElement("div", { className: "sid-l-space-top-md" },
                     React.createElement(AcceptableUploadsComponent, { verificationService: verificationService })))),
             React.createElement("div", { className: "sid-upload-wrap sid-l-space-top-sm" },
                 React.createElement("div", { className: "sid-dropzone-wrap" },
@@ -22630,7 +22655,7 @@ const StepDocUpload = ({ verificationService, intl }) => {
                     role: "button", tabIndex: 0, onKeyDown: (e) => handleAddFileOnKeyDown(e) },
                     React.createElement("input", { type: "file", id: "file", tabIndex: -1, className: "sid-add-more-files__input", "aria-describedby": "sid-add-file", onChange: fileHandler, accept: "image/jpeg,image/gif,image/png,application/pdf,image/bmp,image/gif", ref: (input) => setRef("addFile", input) }),
                     React.createElement("img", { className: "sid-add-more-files__image", alt: "add more files", src: "https://assets-resources.sheerid.com/common/images/2018/icons/add-file.svg" }),
-                    React.createElement(FormattedMessage, { id: "step.docUpload.addFile", defaultMessage: "Add file" })))) : null,
+                    React.createElement(FormattedHTMLMessage, { id: "step.docUpload.addFile", defaultMessage: "Add file" })))) : null,
             React.createElement("div", { className: "sid-submit sid-l-space-top-md" },
                 React.createElement("button", { id: "sid-submit-doc-upload", onClick: submitForm, type: "submit", className: "sid-btn sid-btn--dark sid-submit__continue", "aria-label": intl.formatMessage({
                         id: "step.docUpload.submitButtonLabel",
@@ -22834,7 +22859,7 @@ const NewVerificationInnerComponent = ({ locale, messages, programTheme, verific
     // 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) }, verificationService.isLoading ? (React.createElement(LoadingScreenComponent, { step: verificationService.loadingStep })) : (React.createElement("div", { className: `${rtlDetect_1.isRtlLang(modernizeLocale(locale)) ? "sid-rtl" : "sid-ltr"} sid-locale-${locale}` },
-            React.createElement(TestModeFlagComponent, { verificationService: verificationService }),
+            !getOptions().hideTestModeFlag && (React.createElement(TestModeFlagComponent, { verificationService: verificationService })),
             React.createElement(LoadStepComponent, { stepToLoad: verificationService.verificationResponse.currentStep, verificationService: verificationService }))))));
 };
 
@@ -22891,6 +22916,11 @@ class NewVerification extends React.Component {
     componentDidMount() {
         N$1(); // https://sheerid.atlassian.net/browse/UX-362
         maintainFocusInLightbox();
+        listenToInstallPage((event) => {
+            if (event.data.action === "setViewModel") {
+                setViewModel(event.data.viewModel, { partial: true });
+            }
+        });
         // Special-case, mocking the loading psuedo-step
         if (isMockingLoading()) {
             logger.info("Mocking loading screen. Not fetching new verification request.");
@@ -22914,7 +22944,7 @@ class NewVerification extends React.Component {
         logger.info("NewVerificationComponent: verificationResponse, viewModel", verificationResponse, viewModel);
         const locale = getLocaleSafely(viewModel);
         let messages;
-        // optional param `messages`. If we do not have it, all <FormattedMessages /> should use default fallback anyway.
+        // optional param `messages`. If we do not have it, all <FormattedHTMLMessages /> should use default fallback anyway.
         if (this.props.messages) {
             messages = this.props.messages;
         }
@@ -23015,6 +23045,8 @@ const getVerificationUrl = (url) => {
 
 class Iframe {
     constructor(containerElement, url) {
+        this.hasLoaded = false;
+        this.onLoadEvents = [];
         if (Iframe.isValidHttpUrl(url)) {
             const options = {
                 className: iframeConstants.CLASS_NAMES.INLINE_IFRAME_CONTENT,
@@ -23050,8 +23082,30 @@ class Iframe {
             mark = "&";
         }
         this.iframe.src = `${this.verificationUrl.href}${mark}verificationIframeUid=${this.verificationIframeUid}&${QUERY_STRING_INSTALL_PAGE_URL}=${encodeURIComponent(getCurrentUrl())}`;
+        this.iframe.onload = () => this.onLoad();
         return this.iframe;
     }
+    // If iFrame hasn't loaded yet, queue up the callback
+    // otherwise call it immediately
+    addOnLoadEvent(callback) {
+        try {
+            assertValidFunction(callback);
+        }
+        catch (e) {
+            logger.error("Invalid callback provided to iFrame.onLoad()", e);
+            return;
+        }
+        if (this.hasLoaded) {
+            callback();
+        }
+        else {
+            this.onLoadEvents.push(callback);
+        }
+    }
+    onLoad() {
+        this.hasLoaded = true;
+        this.onLoadEvents.forEach((callback) => callback());
+    }
     addVerificationSizeUpdatesListener() {
         window.addEventListener("message", (event) => {
             if (this.verificationUrl.origin !== event.origin) {
@@ -23076,6 +23130,13 @@ class Iframe {
             }
         });
     }
+    setViewModel(viewModel) {
+        const message = {
+            action: "setViewModel",
+            viewModel,
+        };
+        this.addOnLoadEvent(() => this.iframe.contentWindow.postMessage(message, this.verificationUrl.origin));
+    }
     init() {
         this.containerElement.appendChild(this.iframe);
     }
@@ -23140,12 +23201,12 @@ class Modal {
         wrapper.tabIndex = -1;
         wrapper.setAttribute("role", "dialog");
         wrapper.appendChild(this.createCloseBtn());
-        const iframe = new Iframe(wrapper, this.verificationUrl);
+        this.iframeInstance = new Iframe(wrapper, this.verificationUrl);
         const options = {
             className: iframeConstants.CLASS_NAMES.MODAL_IFRAME,
         };
-        this.iframe = iframe.createIframe(options);
-        wrapper.appendChild(this.iframe);
+        this.iframeInstance.createIframe(options);
+        wrapper.appendChild(this.iframeInstance.iframe);
         return wrapper;
     }
     addPopStateListener() {
@@ -23164,16 +23225,16 @@ class Modal {
                 return;
             }
             if (e.shiftKey && document.activeElement === this.closeButton) {
-                this.iframe.contentWindow.postMessage({ focusOn: "lastElement" }, "*");
+                this.iframeInstance.iframe.contentWindow.postMessage({ focusOn: "lastElement" }, "*");
                 e.preventDefault();
             }
         });
     }
     isInLightboxPostMessage(inLightbox) {
-        this.iframe.contentWindow.postMessage({ isInLightBox: inLightbox }, "*");
+        this.iframeInstance.iframe.contentWindow.postMessage({ isInLightBox: inLightbox }, "*");
     }
     displayModal() {
-        this.iframe.addEventListener("load", () => {
+        this.iframeInstance.iframe.addEventListener("load", () => {
             fadeInElements([this.overlay, this.wrapper]);
             document.body.style.overflow = "hidden";
             this.isInLightboxPostMessage("true");
@@ -23191,16 +23252,24 @@ class Modal {
             this.displayModal();
         }
     }
+    setViewModel(viewModel) {
+        this.iframeInstance.setViewModel(viewModel);
+    }
 }
 
+// Called from the parent page to load the jslib within an iFrame NOT in a modal, but in the flow of a page. e.g. between two divs
 function loadInlineIframe(containerElement, url) {
     const iframe = new Iframe(containerElement, url);
     iframe.init();
+    return iframe;
 }
+// Called from the parent page to load the jslib within an iFrame in a modal
 function loadInModal(url, userConfig = {}) {
     const modal = new Modal(url, userConfig);
     modal.init();
+    return modal;
 }
+// Called from the inner iFrame window to let the parent window know about size updates
 function postVerificationSizeUpdates(options = { origin: "*", interval: 100 }) {
     if (window.self !== window.top) {
         let bodyHeight = document.body.offsetHeight;