@sheerid/jslib 1.99.0 → 1.100.0

package/sheerides6.js

@@ -1377,9 +1377,6 @@ const defaultJsonHeaders = {
     Accept: "application/json",
     "Content-Type": "application/json",
 };
-const defaultFileUploadHeaders = {
-    Accept: "application/json",
-};
 const defaultUploadHeaders = {
     "Content-Type": "application/json",
 };
@@ -1445,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) => ({
@@ -1472,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",
@@ -3165,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}",
     });
@@ -4763,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 ||
@@ -4854,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",
     });
@@ -4875,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,
         }),
@@ -4885,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,
         }),
@@ -4909,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,
         }),
@@ -4966,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);
@@ -4975,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);
@@ -4984,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);
@@ -9645,10 +9624,11 @@ const Country = ({ value, isErrored, options, onChange, onKeyDown, intl, placeho
     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`, isRequired: isRequired }),
-        React.createElement(InputSelectComponent, { fieldId: "country", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (country) => onChange(country), onKeyDown: onKeyDown, placeholder: placeholder || intl.formatMessage({ id: "countryPlaceholder", defaultMessage: "Country" }), value: value
+        React.createElement(InputSelectComponent, { fieldId: "country", inputId: inputId, fieldLabelId: `${inputId}-label`, isErrored: isErrored, options: options, onChange: (country) => onChange(country), onKeyDown: onKeyDown, placeholder: placeholder ||
+                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,
                     }),
@@ -9701,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",
                 }),
@@ -11650,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) {
@@ -11704,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}`));
 }
@@ -13838,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,
@@ -17478,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;
@@ -18000,7 +17974,7 @@ 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",
                 }), 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 }),
@@ -18025,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 === "");
@@ -18135,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 = {
@@ -18476,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,
 };
@@ -18586,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);
@@ -18594,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);
@@ -18749,7 +18733,7 @@ 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",
                 }), programId: programId, value: value, inputHtmlId: id, openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl, orgSearchTags: searchTags, locale: locale, urlAddSchoolForm: urlAddSchoolForm, isRequired: true }),
@@ -18866,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));
 };
@@ -18878,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));
 };
@@ -18993,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));
 };
@@ -19063,7 +19051,7 @@ 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",
                 }) }),
@@ -19185,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) => {
@@ -19262,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));
 };
@@ -19380,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));
 };
@@ -19393,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));
 };
@@ -19511,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));
 };
@@ -19524,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));
 };
@@ -19665,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);
@@ -19675,7 +19674,8 @@ const Company = ({ onChange, value, isErrored, verificationService, intl, placeh
     return (React.createElement("div", { className: "sid-field sid-company-id" },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "company", defaultMessage: "Company" }), htmlForLabel: "sid-company", id: "sid-company-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
-        React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder || intl.formatMessage({ id: "companyPlaceholder", defaultMessage: "Company" }), programId: programId, value: value, inputHtmlId: "sid-company", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
+        React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder ||
+                intl.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));
 };
@@ -19782,7 +19782,7 @@ 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: "Driver license number",
                 }), refId: "driverLicenseNumber", value: value, required: isRequired, "aria-labelledby": "sid-driver-license-number-label" }),
@@ -19797,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: "State",
                 }), value: value
                 ? {
                     value: value.value,
-                    label: intl.formatMessage({
+                    label: intl.formatHTMLMessage({
                         id: `states.${value.value}`,
                         defaultMessage: value.label || value.value,
                     }),
@@ -20080,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));
 };
@@ -20092,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));
 };
@@ -20119,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;
@@ -20312,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));
 };
@@ -20725,7 +20730,7 @@ const SMSCode = ({ onChange, value, isErrored, errorId, intl, placeholder = "",
         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);
 
@@ -20737,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",
     });
@@ -20851,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",
             }));
@@ -22515,11 +22520,6 @@ const UploadInfoComponent = ({ verificationService }) => {
     }
 };
 
-const useFlag = (name) => {
-    const flags = lib_4();
-    return flags[name];
-};
-
 const StepDocUpload = ({ verificationService, intl }) => {
     const verificationResponse = verificationService.verificationResponse;
     const { rejectionReasons } = verificationResponse;
@@ -22579,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) {
@@ -22657,7 +22655,7 @@ const StepDocUpload = ({ verificationService, intl }) => {
                     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(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 },