@sheerid/jslib 1.97.0 → 1.100.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>
  */
@@ -1180,6 +1180,7 @@ const defaultOptions = {
     minimumOrganizationSearchLength: DEFAULT_MINIMUM_ORG_SEARCH_VALUE_LENGTH,
     httpRequestTimeout: HTTP_REQUEST_TIMEOUT,
     hideTestModeFlag: false,
+    hideMilitaryFamilyAcceptableUploads: true,
 };
 let options$1 = { ...defaultOptions };
 const getOptions = () => options$1;
@@ -1344,6 +1345,10 @@ const setOptions = (newOptions) => {
             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 {
@@ -1372,9 +1377,6 @@ const defaultJsonHeaders = {
     Accept: "application/json",
     "Content-Type": "application/json",
 };
-const defaultFileUploadHeaders = {
-    Accept: "application/json",
-};
 const defaultUploadHeaders = {
     "Content-Type": "application/json",
 };
@@ -1440,26 +1442,6 @@ const GetResponse = async (url, headers = defaultJsonHeaders) => fetchWithTimeou
     headers,
     method: "GET",
 });
-const createFormData = (files) => {
-    const formData = new FormData();
-    files.forEach((file, index) => {
-        if (file) {
-            formData.append(`file${index}`, file);
-        }
-    });
-    return formData;
-};
-const PostFiles = async (url, files, headers = defaultFileUploadHeaders) => {
-    const timeLog = new ResponseTimeLogger(url);
-    logger.info(`PostFiles posting to ${url}`, files);
-    const formData = createFormData(files);
-    const response = await fetch(url, {
-        headers,
-        method: "POST",
-        body: formData,
-    });
-    return processResponse(response, timeLog);
-};
 const createDocUploadData = (files) => files
     .filter((file) => !!file)
     .map((file) => ({
@@ -1467,10 +1449,12 @@ const createDocUploadData = (files) => files
     mimeType: file.type,
     fileSize: file.size,
 }));
-const PostFilesS3 = async (url, files, headers = defaultUploadHeaders) => {
+const PostFiles = async (url, files, headers = defaultUploadHeaders) => {
     const timeLog = new ResponseTimeLogger(url);
     logger.info(`PostFiles posting to ${url}`, files);
-    const docUploadData = JSON.stringify(createDocUploadData(files));
+    const docUploadData = JSON.stringify({
+        files: createDocUploadData(files),
+    });
     const response = await fetch(url, {
         headers,
         method: "POST",
@@ -1823,15 +1807,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",
@@ -2072,7 +2056,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",
@@ -2100,10 +2084,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",
@@ -2166,7 +2150,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",
@@ -2176,7 +2160,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",
@@ -2219,7 +2203,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",
@@ -2227,7 +2211,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",
@@ -2237,7 +2221,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",
@@ -2245,13 +2229,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",
@@ -2304,7 +2288,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",
@@ -2502,7 +2486,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",
@@ -2698,7 +2682,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",
@@ -2734,154 +2718,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`);
@@ -3160,7 +3144,7 @@ const getPrivacyPolicyCompanyName = (programTheme, intl) => {
     if (privacyPolicyHostName === DEFAULT_PRIVACY_POLICY_HOST) {
         return SHEERID;
     }
-    return intl.formatMessage({
+    return intl.formatHTMLMessage({
         id: "companyName",
         defaultMessage: "{companyName}",
     });
@@ -4758,7 +4742,7 @@ const getStatusLabel = (intl, status, defaultMessages) => {
     if (!status) {
         return "";
     }
-    return intl.formatMessage({ id: status, defaultMessage: defaultMessages[status] });
+    return intl.formatHTMLMessage({ id: status, defaultMessage: defaultMessages[status] });
 };
 const getAvailableMilitaryStatuses = (verificationService, intl) => {
     const availableStatusesResponse = verificationService.verificationResponse.availableStatuses ||
@@ -4849,12 +4833,12 @@ const submitForm = (viewModel, verificationService, step) => {
  * @return {Object}
  */
 const getEstAndMaxReviewTimes = (verificationResponse, programTheme, intl) => {
-    const estReviewTime = intl.formatMessage({
+    const estReviewTime = intl.formatHTMLMessage({
         id: `dateTime.${getSafe(() => verificationResponse.estimatedReviewTime) ||
             getEstimatedReviewTime(programTheme)}`,
         default: "a few minutes",
     });
-    const maxReviewTime = intl.formatMessage({
+    const maxReviewTime = intl.formatHTMLMessage({
         id: `dateTime.${getSafe(() => verificationResponse.maxReviewTime) || getMaxReviewTime(programTheme)}`,
         default: "2 hours",
     });
@@ -4870,7 +4854,7 @@ const getAvailableCountryChoices = (programTheme, intl) => {
     const availableCountries = getConfiguredCountries(programTheme);
     return availableCountries.map((countryCode) => ({
         value: countryCode,
-        label: intl.formatMessage({
+        label: intl.formatHTMLMessage({
             id: `countries.${countryCode}`,
             defaultMessage: countryCode,
         }),
@@ -4880,7 +4864,7 @@ const getAvailableStateChoices = (programTheme, intl) => {
     const availableStates = getConfiguredStates(programTheme);
     return availableStates.map((stateCode) => ({
         value: stateCode,
-        label: intl.formatMessage({
+        label: intl.formatHTMLMessage({
             id: `states.${stateCode}`,
             defaultMessage: stateCode,
         }),
@@ -4904,7 +4888,7 @@ const getAvailableLocaleChoices = (programTheme, intl) => {
     const availableLocales = getAvailableLocales(programTheme);
     return availableLocales.map((locale) => ({
         value: locale,
-        label: intl.formatMessage({
+        label: intl.formatHTMLMessage({
             id: `locales.${locale}`,
             defaultMessage: locale,
         }),
@@ -4961,7 +4945,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.formatHTMLMessage({ 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);
@@ -4970,7 +4954,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.formatHTMLMessage({ 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);
@@ -4979,7 +4963,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.formatHTMLMessage({ 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);
@@ -9639,12 +9623,12 @@ 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(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
+                intl.formatHTMLMessage({ id: "countryPlaceholder", defaultMessage: "Country" }), value: value
                 ? {
                     value: value.value,
-                    label: intl.formatMessage({
+                    label: intl.formatHTMLMessage({
                         id: `countries.${value.value}`,
                         defaultMessage: value.label || value.value,
                     }),
@@ -9697,14 +9681,17 @@ const SelectComponent = Select;
 const ChangeLocale = ({ value, options, onChange, intl, }) => {
     const newOptions = options.map((option) => ({
         value: option.value,
-        label: intl.formatMessage({ id: `locales.${option.value}`, defaultMessage: "Label not found" }),
+        label: intl.formatHTMLMessage({
+            id: `locales.${option.value}`,
+            defaultMessage: "Label not found",
+        }),
     }));
     return (React.createElement("div", { className: "sid-change-locale" },
         React.createElement("div", { className: "sid-field__label sid-change-locale__label " },
             React.createElement(FormattedHTMLMessage, { id: "changeLanguage", defaultMessage: "Change language" })),
         React.createElement(SelectComponent, { className: "sid-change-locale__select", hideDropDownButton: true, options: newOptions, onChange: (locale) => onChange(locale), overrideInputClassName: "sid-change-locale__input", value: {
                 value: value.value,
-                label: intl.formatMessage({
+                label: intl.formatHTMLMessage({
                     id: `locales.${value.value}`,
                     defaultMessage: "Label not found",
                 }),
@@ -10171,7 +10158,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",
@@ -10907,9 +10894,9 @@ const getOverriddenMock = async (overriddenStep, serverResponse) => {
 // 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(FormattedHTMLMessage, { 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" }))));
+        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
@@ -11171,11 +11158,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 &&
@@ -11183,15 +11175,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";
@@ -11348,14 +11337,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");
@@ -11651,27 +11633,18 @@ const stepToRequest = {
     sso: null,
     docUpload: null,
 };
-async function submitFromVerificationStep(step, previousResponse, viewModel, flag) {
+async function submitFromVerificationStep(step, previousResponse, viewModel) {
     let response;
     const { docUpload, cancelSocialSecurityNumber, sso, cancelEmailLoop } = VerificationStepsEnum;
     try {
         if (step === docUpload) {
             const requestBody = viewModel;
             const { file1, file2, file3 } = requestBody;
-            if (flag) {
-                response = await PostFilesS3(previousResponse.submissionUrl, [
-                    file1,
-                    file2,
-                    file3,
-                ]);
-            }
-            else {
-                response = await PostFiles(previousResponse.submissionUrl, [
-                    file1,
-                    file2,
-                    file3,
-                ]);
-            }
+            response = await PostFiles(previousResponse.submissionUrl, [
+                file1,
+                file2,
+                file3,
+            ]);
             return response;
         }
         if (step === cancelSocialSecurityNumber || step === sso) {
@@ -11705,10 +11678,10 @@ function getUnrecoverableErrorStep() {
     };
     return response;
 }
-async function submitStep(stepName, previousResponse, viewModel, flag) {
+async function submitStep(stepName, previousResponse, viewModel) {
     assertValidVerificationStepName(stepName);
     if (VerificationStepsEnum[stepName]) {
-        return submitFromVerificationStep(stepName, previousResponse, viewModel, flag);
+        return submitFromVerificationStep(stepName, previousResponse, viewModel);
     }
     return Promise.reject(new Error(`Unknown step ${stepName}`));
 }
@@ -13807,8 +13780,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) => {
@@ -13839,13 +13812,13 @@ const createUpdateFieldValidationErrors = (dispatch) => async (fieldValidationEr
  * @description Action creator to submit a step to the backend REST API
  * @param dispatch
  */
-const createSubmitStep = (dispatch) => async (stepName, viewModel, previousResponse, flag) => {
+const createSubmitStep = (dispatch) => async (stepName, viewModel, previousResponse) => {
     logger.log(`submitStep(): submitting stepName ${stepName}, viewModel:`, viewModel);
     scrollToWindowTop();
     await dispatch({ type: "IS_LOADING", isLoading: true, loadingStep: stepName });
     logger.info(`submitting step ${stepName}`, viewModel);
     setGaDimensionIsTest(viewModel);
-    const verificationResponse = await VerificationApiClient.submitStep(stepName, previousResponse, viewModel, flag);
+    const verificationResponse = await VerificationApiClient.submitStep(stepName, previousResponse, viewModel);
     const newViewModel = handleSubmitResponse(verificationResponse, viewModel);
     const promiseVerificationResponse = dispatch({
         verificationResponse,
@@ -14412,8 +14385,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);
@@ -14496,14 +14477,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
@@ -17472,7 +17452,7 @@ unwrapExports(lib$1);
 lib$1.withLDConsumer;
 lib$1.withLDProvider;
 lib$1.useLDClient;
-var lib_4 = lib$1.useFlags;
+lib$1.useFlags;
 lib$1.camelCaseKeys;
 lib$1.asyncWithLDProvider;
 var lib_7 = lib$1.LDProvider;
@@ -17687,7 +17667,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))));
 };
@@ -17702,7 +17682,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;
 };
@@ -17740,13 +17720,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);
 
@@ -17994,9 +17974,9 @@ const CollegeName = ({ onChange, value, isErrored, verificationService, intl, pl
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "schoolName", defaultMessage: "University / College name" }), htmlForLabel: "sid-college-name", id: "sid-college-name-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: country, minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder ||
-                intl.formatMessage({
+                intl.formatHTMLMessage({
                     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));
@@ -18019,33 +17999,42 @@ const BirthDate = ({ onChange, intl, isErrored, isRequired = true, errorId, valu
     const months = [
         {
             value: "1",
-            label: intl.formatMessage({ id: "dateTime.january", defaultMessage: "January" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.january", defaultMessage: "January" }),
         },
         {
             value: "2",
-            label: intl.formatMessage({ id: "dateTime.february", defaultMessage: "February" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.february", defaultMessage: "February" }),
+        },
+        {
+            value: "3",
+            label: intl.formatHTMLMessage({ id: "dateTime.march", defaultMessage: "March" }),
+        },
+        {
+            value: "4",
+            label: intl.formatHTMLMessage({ id: "dateTime.april", defaultMessage: "April" }),
+        },
+        { value: "5", label: intl.formatHTMLMessage({ id: "dateTime.may", defaultMessage: "May" }) },
+        { value: "6", label: intl.formatHTMLMessage({ id: "dateTime.june", defaultMessage: "June" }) },
+        { value: "7", label: intl.formatHTMLMessage({ id: "dateTime.july", defaultMessage: "July" }) },
+        {
+            value: "8",
+            label: intl.formatHTMLMessage({ id: "dateTime.august", defaultMessage: "August" }),
         },
-        { value: "3", label: intl.formatMessage({ id: "dateTime.march", defaultMessage: "March" }) },
-        { value: "4", label: intl.formatMessage({ id: "dateTime.april", defaultMessage: "April" }) },
-        { value: "5", label: intl.formatMessage({ id: "dateTime.may", defaultMessage: "May" }) },
-        { value: "6", label: intl.formatMessage({ id: "dateTime.june", defaultMessage: "June" }) },
-        { value: "7", label: intl.formatMessage({ id: "dateTime.july", defaultMessage: "July" }) },
-        { value: "8", label: intl.formatMessage({ id: "dateTime.august", defaultMessage: "August" }) },
         {
             value: "9",
-            label: intl.formatMessage({ id: "dateTime.september", defaultMessage: "September" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.september", defaultMessage: "September" }),
         },
         {
             value: "10",
-            label: intl.formatMessage({ id: "dateTime.october", defaultMessage: "October" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.october", defaultMessage: "October" }),
         },
         {
             value: "11",
-            label: intl.formatMessage({ id: "dateTime.november", defaultMessage: "November" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.november", defaultMessage: "November" }),
         },
         {
             value: "12",
-            label: intl.formatMessage({ id: "dateTime.december", defaultMessage: "December" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.december", defaultMessage: "December" }),
         },
     ];
     const isDateFieldEmpty = (year, month, day) => (!day || day === "") && (!month || month === "") && (!year || year === "");
@@ -18129,9 +18118,9 @@ const BirthDate = ({ onChange, intl, isErrored, isRequired = true, errorId, valu
                         // clear the birth month
                         updateBirthMonth(null);
                     }
-                }, placeholder: intl.formatMessage({ id: "dateTime.month", defaultMessage: "Month" }), suppressPlaceholder: false, value: birthDateMonth ? months[birthDateMonth - 1] : undefined, isRequired: isRequired, buttonRef: "inputSelectButtonBirthDate" }),
-            React.createElement("input", { className: `sid-birthdate__day sid-text-input sid-text-input--required ${isErrored ? "sid-text-input--error" : ""}`, id: "sid-birthdate-day", min: 1, max: 31, name: "sid-birthdate-day", onChange: (e) => updateBirthDay(e.target.value), onBlur: getBirthDate, pattern: "\\d*", placeholder: intl.formatMessage({ id: "dateTime.day", defaultMessage: "Day" }), "aria-label": intl.formatMessage({ id: "dateTime.day", defaultMessage: "Day" }), "aria-labelledby": "sid-birthdate", "aria-required": isRequired, ref: (input) => setRef("birthDateDay", input), type: "text", value: birthDateDay || "" }),
-            React.createElement("input", { className: `sid-birthdate__year sid-text-input sid-text-input--required ${isErrored ? "sid-text-input--error" : ""}`, id: "sid-birthdate-year", name: "sid-birthdate-year", type: "text", min: minBirthYear, max: thisYear, value: birthDateYear || "", pattern: "\\d*", placeholder: intl.formatMessage({ id: "dateTime.year", defaultMessage: "Year" }), "aria-label": intl.formatMessage({ id: "dateTime.year", defaultMessage: "Year" }), "aria-labelledby": "sid-birthdate", "aria-required": isRequired, ref: (input) => setRef("birthDateYear", input), onChange: (e) => updateBirthYear(e.target.value), onBlur: getBirthDate })),
+                }, placeholder: intl.formatHTMLMessage({ id: "dateTime.month", defaultMessage: "Month" }), suppressPlaceholder: false, value: birthDateMonth ? months[birthDateMonth - 1] : undefined, isRequired: isRequired, buttonRef: "inputSelectButtonBirthDate" }),
+            React.createElement("input", { className: `sid-birthdate__day sid-text-input sid-text-input--required ${isErrored ? "sid-text-input--error" : ""}`, id: "sid-birthdate-day", min: 1, max: 31, name: "sid-birthdate-day", onChange: (e) => updateBirthDay(e.target.value), onBlur: getBirthDate, pattern: "\\d*", placeholder: intl.formatHTMLMessage({ id: "dateTime.day", defaultMessage: "Day" }), "aria-label": intl.formatHTMLMessage({ id: "dateTime.day", defaultMessage: "Day" }), "aria-labelledby": "sid-birthdate", "aria-required": isRequired, ref: (input) => setRef("birthDateDay", input), type: "text", value: birthDateDay || "" }),
+            React.createElement("input", { className: `sid-birthdate__year sid-text-input sid-text-input--required ${isErrored ? "sid-text-input--error" : ""}`, id: "sid-birthdate-year", name: "sid-birthdate-year", type: "text", min: minBirthYear, max: thisYear, value: birthDateYear || "", pattern: "\\d*", placeholder: intl.formatHTMLMessage({ id: "dateTime.year", defaultMessage: "Year" }), "aria-label": intl.formatHTMLMessage({ id: "dateTime.year", defaultMessage: "Year" }), "aria-labelledby": "sid-birthdate", "aria-required": isRequired, ref: (input) => setRef("birthDateYear", input), onChange: (e) => updateBirthYear(e.target.value), onBlur: getBirthDate })),
         isErrored ? errMsg : null));
 };
 BirthDate.defaultProps = {
@@ -18310,7 +18299,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));
 };
@@ -18339,26 +18328,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;
     }
@@ -18469,7 +18459,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.formatHTMLMessage({ id: "postalCodePlaceholder", defaultMessage: "Postal Code" }), refId: "postalCode", value: value, required: true, "aria-labelledby": ariaLabelledBy }));
 PostalCodeInput.defaultProps = {
     isValid: true,
 };
@@ -18579,7 +18569,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.formatHTMLMessage({ 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);
@@ -18587,7 +18577,8 @@ 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.formatHTMLMessage({ 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);
@@ -18742,9 +18733,9 @@ const TeacherSchool = ({ value, isErrored, onChange, verificationService, intl,
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "schoolName", defaultMessage: "School name" }), htmlForLabel: id, id: `${id}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: country, onChange: (choice) => onChange(choice), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, placeholder: placeholder ||
-                intl.formatMessage({
+                intl.formatHTMLMessage({
                     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));
@@ -18859,7 +18850,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.formatHTMLMessage({ 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));
 };
@@ -18871,7 +18862,10 @@ 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.formatHTMLMessage({
+                    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));
 };
@@ -18986,7 +18980,8 @@ 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.formatHTMLMessage({ id: "statusPlaceholder", defaultMessage: "Status" }) }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidStatus", defaultMessage: "Invalid military status" }))) : null));
 };
@@ -19029,7 +19024,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));
@@ -19056,9 +19051,9 @@ const BranchOfService = ({ autoFocus, onChange, value, isErrored, organizations,
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "branchOfService", defaultMessage: "Branch Of Service" }), htmlForLabel: inputId, id: `${inputId}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
         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({
+                intl.formatHTMLMessage({
                     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));
@@ -19178,33 +19173,42 @@ const DischargeDate = ({ onChange, intl, isErrored, value, }) => {
     const months = [
         {
             value: "1",
-            label: intl.formatMessage({ id: "dateTime.january", defaultMessage: "January" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.january", defaultMessage: "January" }),
         },
         {
             value: "2",
-            label: intl.formatMessage({ id: "dateTime.february", defaultMessage: "February" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.february", defaultMessage: "February" }),
+        },
+        {
+            value: "3",
+            label: intl.formatHTMLMessage({ id: "dateTime.march", defaultMessage: "March" }),
+        },
+        {
+            value: "4",
+            label: intl.formatHTMLMessage({ id: "dateTime.april", defaultMessage: "April" }),
+        },
+        { value: "5", label: intl.formatHTMLMessage({ id: "dateTime.may", defaultMessage: "May" }) },
+        { value: "6", label: intl.formatHTMLMessage({ id: "dateTime.june", defaultMessage: "June" }) },
+        { value: "7", label: intl.formatHTMLMessage({ id: "dateTime.july", defaultMessage: "July" }) },
+        {
+            value: "8",
+            label: intl.formatHTMLMessage({ id: "dateTime.august", defaultMessage: "August" }),
         },
-        { value: "3", label: intl.formatMessage({ id: "dateTime.march", defaultMessage: "March" }) },
-        { value: "4", label: intl.formatMessage({ id: "dateTime.april", defaultMessage: "April" }) },
-        { value: "5", label: intl.formatMessage({ id: "dateTime.may", defaultMessage: "May" }) },
-        { value: "6", label: intl.formatMessage({ id: "dateTime.june", defaultMessage: "June" }) },
-        { value: "7", label: intl.formatMessage({ id: "dateTime.july", defaultMessage: "July" }) },
-        { value: "8", label: intl.formatMessage({ id: "dateTime.august", defaultMessage: "August" }) },
         {
             value: "9",
-            label: intl.formatMessage({ id: "dateTime.september", defaultMessage: "September" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.september", defaultMessage: "September" }),
         },
         {
             value: "10",
-            label: intl.formatMessage({ id: "dateTime.october", defaultMessage: "October" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.october", defaultMessage: "October" }),
         },
         {
             value: "11",
-            label: intl.formatMessage({ id: "dateTime.november", defaultMessage: "November" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.november", defaultMessage: "November" }),
         },
         {
             value: "12",
-            label: intl.formatMessage({ id: "dateTime.december", defaultMessage: "December" }),
+            label: intl.formatHTMLMessage({ id: "dateTime.december", defaultMessage: "December" }),
         },
     ];
     const updateDischargeMonth = (month) => {
@@ -19255,8 +19259,8 @@ const DischargeDate = ({ onChange, intl, isErrored, value, }) => {
                         // clear the discharge month
                         updateDischargeMonth(null);
                     }
-                }, placeholder: intl.formatMessage({ id: "dateTime.month", defaultMessage: "Month" }), suppressPlaceholder: false, value: dischargeDateMonth ? months[dischargeDateMonth - 1] : undefined, buttonRef: "inputSelectButtonDischargeDate", isRequired: true }),
-            React.createElement(InputTextComponent, { className: `${inputId}__year`, id: "discharge-date-year", isErrored: isErrored, max: thisYear, min: minDischargeYear, onBlur: getDischargeDate, onChange: (e) => updateDischargeYear(e.target.value), pattern: "\\d*", placeholder: intl.formatMessage({ id: "dateTime.year", defaultMessage: "Year" }), hidePlaceholder: false, refId: "dischargeDateYear", required: true, value: dischargeDateYear || "", "aria-labelledby": "sid-discharge-date-label" })),
+                }, placeholder: intl.formatHTMLMessage({ id: "dateTime.month", defaultMessage: "Month" }), suppressPlaceholder: false, value: dischargeDateMonth ? months[dischargeDateMonth - 1] : undefined, buttonRef: "inputSelectButtonDischargeDate", isRequired: true }),
+            React.createElement(InputTextComponent, { className: `${inputId}__year`, id: "discharge-date-year", isErrored: isErrored, max: thisYear, min: minDischargeYear, onBlur: getDischargeDate, onChange: (e) => updateDischargeYear(e.target.value), pattern: "\\d*", placeholder: intl.formatHTMLMessage({ id: "dateTime.year", defaultMessage: "Year" }), hidePlaceholder: false, refId: "dischargeDateYear", required: true, value: dischargeDateYear || "", "aria-labelledby": "sid-discharge-date-label" })),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidDischargeDate", defaultMessage: "Invalid discharge date" }))) : null));
 };
@@ -19373,7 +19377,8 @@ 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.formatHTMLMessage({ id: "statusPlaceholder", defaultMessage: "Status" }) }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidStatus", defaultMessage: "Invalid first responder status" }))) : null));
 };
@@ -19386,7 +19391,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.formatHTMLMessage({ 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));
 };
@@ -19504,7 +19509,8 @@ 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.formatHTMLMessage({ 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));
 };
@@ -19517,7 +19523,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.formatHTMLMessage({ 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));
 };
@@ -19658,7 +19664,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.formatHTMLMessage({ 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);
@@ -19669,7 +19675,7 @@ const Company = ({ onChange, value, isErrored, verificationService, intl, placeh
         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 }),
+                intl.formatHTMLMessage({ 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));
 };
@@ -19776,9 +19782,9 @@ const DriverLicenseNumber = ({ value, isErrored, onChange, explanation, intl, pl
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "driverLicenseNumber", defaultMessage: "Driver license number" }), htmlForLabel: "sid-driver-license-number", id: "sid-driver-license-number-label", displayClasses: `sid-field__label-with-explanation${placeholder && " sid-h-screen-reader-only"}`, isRequired: isRequired }, explanation || getDefaultExplanation()),
         React.createElement(InputTextComponent, { id: "driver-license-number", isErrored: isErrored, onChange: (e) => onChange(e.target.value), placeholder: placeholder ||
-                intl.formatMessage({
+                intl.formatHTMLMessage({
                     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));
@@ -19791,13 +19797,13 @@ const StateSelect = ({ value, isErrored, options, onChange, onKeyDown, intl, pla
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: label || React.createElement(FormattedHTMLMessage, { id: "state", defaultMessage: "State where you live" }), htmlForLabel: inputId, id: `${inputId}-label`, displayClasses: placeholder && "sid-h-screen-reader-only", isRequired: isRequired }),
         React.createElement(InputSelectComponent, { fieldId: "state", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (state) => onChange(state), onKeyDown: onKeyDown, placeholder: placeholder ||
-                intl.formatMessage({
+                intl.formatHTMLMessage({
                     id: "statePlaceholder",
-                    defaultMessage: isRequired ? "State*" : "State",
+                    defaultMessage: "State",
                 }), value: value
                 ? {
                     value: value.value,
-                    label: intl.formatMessage({
+                    label: intl.formatHTMLMessage({
                         id: `states.${value.value}`,
                         defaultMessage: value.label || value.value,
                     }),
@@ -20074,7 +20080,8 @@ 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.formatHTMLMessage({ id: "statusPlaceholder", defaultMessage: "Status" }), isRequired: true }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidStatus", defaultMessage: "Invalid status" }))) : null));
 };
@@ -20086,7 +20093,10 @@ 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.formatHTMLMessage({
+                    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));
 };
@@ -20113,7 +20123,7 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
         if (!status) {
             return "";
         }
-        return intl.formatMessage({ id: status, defaultMessage: defaultStatusMessages[status] });
+        return intl.formatHTMLMessage({ id: status, defaultMessage: defaultStatusMessages[status] });
     };
     const getAvailableLicensedProfessionalStatuses = () => {
         const availableStatusesResponse = verificationResponse.availableStatuses;
@@ -20306,7 +20316,8 @@ const SocialSecurity = ({ value, isErrored, onChange, intl, placeholder = "", })
     return (React.createElement("div", { className: "sid-field sid-ssn" },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "ssn", defaultMessage: "Social Security Number" }), htmlForLabel: "sid-ssn", id: "sid-ssn-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
-        React.createElement(InputTextComponent, { id: "ssn", refId: FieldIdEnum.socialSecurityNumber, className: "sid-ssn__input", isErrored: isErrored, required: true, placeholder: placeholder || intl.formatMessage({ id: "ssnPlaceholder", defaultMessage: "000-00-0000" }), value: displaySSN(value), hidePlaceholder: false, onChange: (e) => changeSsn(unDisplaySSN(e.target.value)), "aria-labelledby": "sid-ssn-label" }),
+        React.createElement(InputTextComponent, { id: "ssn", refId: FieldIdEnum.socialSecurityNumber, className: "sid-ssn__input", isErrored: isErrored, required: true, placeholder: placeholder ||
+                intl.formatHTMLMessage({ id: "ssnPlaceholder", defaultMessage: "000-00-0000" }), value: displaySSN(value), hidePlaceholder: false, onChange: (e) => changeSsn(unDisplaySSN(e.target.value)), "aria-labelledby": "sid-ssn-label" }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidSocialSecurityNumber", defaultMessage: "Invalid SSN" }))) : null));
 };
@@ -20537,7 +20548,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.
@@ -20708,18 +20719,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.formatHTMLMessage({ id: "smsCodePlaceholder", defaultMessage: "SMS Code" }), value: value, onChange: (e) => onChange(e.target.value) })));
 };
 const SMSCodeComponent = injectIntl(SMSCode);
 
@@ -20731,19 +20742,19 @@ const StepSMSLoop = ({ intl, verificationService }) => {
     const [stepResultMessage, setStepResultMessage] = React.useState("");
     const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(verificationResponse.errorIds &&
         verificationResponse.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded"));
-    const stepSuccessMessage = intl.formatMessage({
+    const stepSuccessMessage = intl.formatHTMLMessage({
         id: "step.smsLoop.successResend",
         defaultMessage: "SMS message re-sent successfully",
     });
-    const maxTotalRetriesMessage = intl.formatMessage({
+    const maxTotalRetriesMessage = intl.formatHTMLMessage({
         id: "step.smsLoop.errors.codeResendLimit",
         defaultMessage: "Maximum number of re-tries has been reached.",
     });
-    const maxRetriesPerCodeMessage = intl.formatMessage({
+    const maxRetriesPerCodeMessage = intl.formatHTMLMessage({
         id: "step.smsLoop.errors.codeResendLimit",
         defaultMessage: "Maximum number of re-tries has been reached.",
     });
-    const errorResendingSMSMessage = intl.formatMessage({
+    const errorResendingSMSMessage = intl.formatHTMLMessage({
         id: "step.smsLoop.errors.resend",
         defaultMessage: "Error sending the SMS message",
     });
@@ -20782,25 +20793,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);
 
@@ -20845,12 +20856,12 @@ const StepEmailLoop = ({ intl, verificationService }) => {
                 defaultMessage: "Error sending email",
             };
             const message = response.status === 204
-                ? intl.formatMessage(successMsgObject)
-                : intl.formatMessage(maxRetriesMsgObject);
+                ? intl.formatHTMLMessage(successMsgObject)
+                : intl.formatHTMLMessage(maxRetriesMsgObject);
             setResendMessage(message);
         }
         else {
-            setResendMessage(intl.formatMessage({
+            setResendMessage(intl.formatHTMLMessage({
                 id: "step.emailLoop.errors.resend",
                 defaultMessage: "Error sending email",
             }));
@@ -20865,19 +20876,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" }))));
@@ -22347,7 +22358,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));
 };
 
@@ -22360,160 +22371,155 @@ 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;
     }
 };
 
-const useFlag = (name) => {
-    const flags = lib_4();
-    return flags[name];
-};
-
 const StepDocUpload = ({ verificationService, intl }) => {
     const verificationResponse = verificationService.verificationResponse;
     const { rejectionReasons } = verificationResponse;
@@ -22573,11 +22579,9 @@ const StepDocUpload = ({ verificationService, intl }) => {
         verificationService.updateFieldValidationErrors(nextFieldValidationErrors);
         addFilesAndUpdate(acceptedFiles, erroredFilenames);
     };
-    // HD-4214
-    const directToS3DocUploadFlag = useFlag("directToS3DocUpload");
     const submitForm = () => {
         logger.info("StepDocUploadComponent submitting form");
-        verificationService.submitStep(VerificationStepsEnum.docUpload, viewModel, verificationService.verificationResponse, directToS3DocUploadFlag);
+        verificationService.submitStep(VerificationStepsEnum.docUpload, viewModel, verificationService.verificationResponse);
     };
     const onFileDrop = (draggedFiles) => {
         if (draggedFiles.length > 0) {
@@ -22611,11 +22615,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",
@@ -22624,7 +22628,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" },
@@ -22648,9 +22653,9 @@ 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({
+                React.createElement("button", { id: "sid-submit-doc-upload", onClick: submitForm, type: "submit", className: "sid-btn sid-btn--dark sid-submit__continue", "aria-label": intl.formatHTMLMessage({
                         id: "step.docUpload.submitButtonLabel",
                         defaultMessage: "Continue",
                     }), disabled: currentFileNames.length <= 0 },
@@ -22909,6 +22914,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.");
@@ -22932,7 +22942,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;
         }
@@ -23033,6 +23043,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,
@@ -23068,8 +23080,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) {
@@ -23094,6 +23128,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);
     }
@@ -23158,12 +23199,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() {
@@ -23182,16 +23223,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");
@@ -23209,16 +23250,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;