@sheerid/jslib 1.135.0 → 1.136.0

package/sheerides6.js

@@ -632,6 +632,7 @@ var FirstResponderStatusDefaultMessagesEnum;
     FirstResponderStatusDefaultMessagesEnum["FIREFIGHTER"] = "Firefighter";
     FirstResponderStatusDefaultMessagesEnum["POLICE"] = "Police";
     FirstResponderStatusDefaultMessagesEnum["EMT"] = "EMT";
+    FirstResponderStatusDefaultMessagesEnum["SEARCH_AND_RESCUE"] = "Search and Rescue";
 })(FirstResponderStatusDefaultMessagesEnum || (FirstResponderStatusDefaultMessagesEnum = {}));
 var MedicalProfessionalStatusDefaultMessagesEnum;
 (function (MedicalProfessionalStatusDefaultMessagesEnum) {
@@ -1913,6 +1914,7 @@ var enUSMessages = {
 	"defaultMessages.PHARMACIST": "Pharmacist",
 	"defaultMessages.POLICE": "Police",
 	"defaultMessages.RESERVIST": "Reservist or National Guard",
+	"defaultMessages.SEARCH_AND_RESCUE": "Search and Rescue",
 	"defaultMessages.SNAP_BENEFITS": "Snap Benefits Recipient",
 	"defaultMessages.VETERAN": "Military Veteran or Retiree",
 	"defaultMessages.VETERINARIAN": "Veterinarian",
@@ -2312,6 +2314,7 @@ var enUSMessages = {
 	"defaultMessages.locales.pl": "Polish",
 	"defaultMessages.locales.pt": "Portuguese",
 	"defaultMessages.locales.pt-BR": "Portuguese (Brazil)",
+	"defaultMessages.locales.ro": "Romanian",
 	"defaultMessages.locales.ru": "Russia",
 	"defaultMessages.locales.sk": "Slovak",
 	"defaultMessages.locales.sl": "Slovenian",
@@ -2319,8 +2322,11 @@ var enUSMessages = {
 	"defaultMessages.locales.sv": "Swedish",
 	"defaultMessages.locales.th": "Thai",
 	"defaultMessages.locales.tr": "Turkish",
+	"defaultMessages.locales.ur": "Urdu",
+	"defaultMessages.locales.vi": "Vietnamese",
 	"defaultMessages.locales.zh": "Chinese (Traditional)",
 	"defaultMessages.locales.zh-HK": "Chinese (Hong Kong)",
+	"defaultMessages.locales.zu": "Zulu",
 	"defaultMessages.lowIncomeOrganization": "Government Assistance Program",
 	"defaultMessages.lowIncomeOrganizationPlaceholder": "Government Assistance Program",
 	"defaultMessages.lowRewardPool": "<span class='sid-fire-emoji'>&#128293;</span> Only {offersRemaining} offers left!",
@@ -2888,154 +2894,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-f4b1c657.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-51894b2d.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-11a96fdc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-882cc7da.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-5dd50daf.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-089af4d4.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-9b265831.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-2d95722e.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-8a3d5aa2.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-93e2a822.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-3d378930.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-98f59284.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-d28a6e35.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-3e0f8ef5.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-5c4af7f0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-775dd501.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-6b19a2c3.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-519d8eca.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-c856851e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-897da29d.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-9cef23e0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-c1063ccc.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-c25ecdc7.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-98d586dc.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-79f12f9f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-b943c1d7.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-7723f1b9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-9d5efcb0.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-61d5568f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-954c2355.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-28b2a6f6.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-cd5385a5.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-84349e94.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-ceb32d54.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-102f63ac.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-3063fe3c.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-355e3932.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-0d97a6ad.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-dab58c8c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-94f3a3e5.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-a21a9c48.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-76ce290d.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-9a19fff5.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-55e250ad.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-6a6cb7ff.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-5422f739.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-7d622a35.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-2f39cad8.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-26fb0d8d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-97c5ef89.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-d9a378cf.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-fd238f3a.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-38695537.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-45ea70a9.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-d526a714.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-f9d151b2.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-df8fe3db.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-cb3119d4.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-e8534b4c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-160f8210.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-83742af9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-531afdc0.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-1d9e11fd.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-1e4134ac.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-4deb4db2.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-9363a83e.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-9aa13bce.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-4ed02573.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-6e871a20.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-ee32e948.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-606d2cf5.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-230a17f2.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-0268cdd5.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-981d5854.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -3228,7 +3234,7 @@ const getRequestOrganizationLocale = (programTheme = null) => {
     }
     return locale;
 };
-const standardizeLocale = (locale) => locale === "id" ? "in" : locale.replace("-", "_");
+const standardizeLocale = (locale) => locale.replace("-", "_");
 
 const getCompanyName = (programTheme) => {
     let companyName = "{Company}"; // Show literal string "{Company}" so implementor is prompted to fix by adding in my.sheerid.com
@@ -17014,7 +17020,26 @@ const formatTwoDigitValues = (value) => {
     }
 };
 
-const DateInput = ({ onChange, intl, isErrored, isRequired = true, value = "2000-01-01", errorMsg, label, fieldName, fieldId, mode = "date", }) => {
+/**
+ * Returns true if the given locale formats dates with day-month-year.
+ *
+ * this function works by abusing Intl date formatting and using jan 3, 2222
+ * which will use unique digits for each date part.
+ */
+function isDayFirst(locale) {
+    const day = 3;
+    const date = new Date(2222, 0, day);
+    try {
+        const formatted = new Intl.DateTimeFormat(locale).format(date);
+        // strip zeros in case a date part is zero padded
+        return formatted.replace("0", "").startsWith(day.toString());
+    }
+    catch (error) {
+        return false;
+    }
+}
+
+const DateInput = ({ onChange, intl, isErrored, isRequired = true, value = "2000-01-01", errorMsg, label, fieldName, fieldId, mode = "date", locale = DEFAULT_LOCALE, }) => {
     const cssId = `sid-${fieldId}`;
     const dateParts = value.split("-");
     const dateYear = Number.parseInt(dateParts[0], 10) || undefined;
@@ -17098,27 +17123,32 @@ const DateInput = ({ onChange, intl, isErrored, isRequired = true, value = "2000
     const monthFieldId = `${cssId}__month`;
     const fieldLabelId = `${cssId}-label`;
     const wrappedErrMsg = React.createElement("div", { className: "sid-field-error" }, errorMsg);
+    const month = (React.createElement(InputSelectComponent, { className: `${cssId}__month sid-date__month`, fieldId: fieldName, inputId: monthFieldId, fieldLabelId: fieldLabelId, isErrored: isErrored, options: months, onChange: (choice) => {
+            if (choice) {
+                updateMonth(choice.value);
+            }
+            else {
+                // clear the birth month
+                updateMonth(null);
+            }
+        }, placeholder: intl.formatHTMLMessage({ id: "dateTime.month", defaultMessage: "Month" }), suppressPlaceholder: false, value: dateMonth ? months[dateMonth - 1] : undefined, isRequired: isRequired, buttonRef: "inputSelectButtonBirthDate" }));
+    const day = mode === "date" && (React.createElement(InputTextComponent, { className: `${cssId}__day sid-date__day sid-text-input sid-text-input--required ${isErrored ? "sid-text-input--error" : ""}`, id: `${fieldId}-day`, isErrored: isErrored, min: 1, max: 31, name: `${cssId}-day`, onChange: (e) => updateDay(e.target.value), onBlur: getDate, pattern: "\\d*", placeholder: intl.formatHTMLMessage({ id: "dateTime.day", defaultMessage: "Day" }), hidePlaceholder: false, "aria-label": intl.formatHTMLMessage({ id: "dateTime.day", defaultMessage: "Day" }), "aria-labelledby": cssId, "aria-required": isRequired, refId: `${fieldName}Day`, type: "text", value: dateDay || "" }));
     return (React.createElement("div", { className: `sid-field ${cssId}` },
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement(FieldLabel, { text: label, htmlForLabel: monthFieldId, id: fieldLabelId, displayClasses: "sid-field__label-with-explanation", isRequired: isRequired },
             React.createElement(FormattedHTMLMessage, { id: "verificationPurposesOnly", defaultMessage: "Used for verification purposes only" })),
         React.createElement("div", { className: `${cssId}__inputs sid-date__inputs` },
-            React.createElement(InputSelectComponent, { className: `${cssId}__month sid-date__month`, fieldId: fieldName, inputId: monthFieldId, fieldLabelId: fieldLabelId, isErrored: isErrored, options: months, onChange: (choice) => {
-                    if (choice) {
-                        updateMonth(choice.value);
-                    }
-                    else {
-                        // clear the birth month
-                        updateMonth(null);
-                    }
-                }, placeholder: intl.formatHTMLMessage({ id: "dateTime.month", defaultMessage: "Month" }), suppressPlaceholder: false, value: dateMonth ? months[dateMonth - 1] : undefined, isRequired: isRequired, buttonRef: "inputSelectButtonBirthDate" }),
-            mode === "date" && (React.createElement(InputTextComponent, { className: `${cssId}__day sid-date__day sid-text-input sid-text-input--required ${isErrored ? "sid-text-input--error" : ""}`, id: `${fieldId}-day`, isErrored: isErrored, min: 1, max: 31, name: `${cssId}-day`, onChange: (e) => updateDay(e.target.value), onBlur: getDate, pattern: "\\d*", placeholder: intl.formatHTMLMessage({ id: "dateTime.day", defaultMessage: "Day" }), hidePlaceholder: false, "aria-label": intl.formatHTMLMessage({ id: "dateTime.day", defaultMessage: "Day" }), "aria-labelledby": cssId, "aria-required": isRequired, refId: `${fieldName}Day`, type: "text", value: dateDay || "" })),
+            isDayFirst(locale) ? (React.createElement(React.Fragment, null,
+                day,
+                month)) : (React.createElement(React.Fragment, null,
+                month,
+                day)),
             React.createElement(InputTextComponent, { className: `${cssId}__year sid-date__year sid-text-input sid-text-input--required ${isErrored ? "sid-text-input--error" : ""}`, id: `${fieldId}-year`, name: `${cssId}-year`, type: "text", isErrored: isErrored, min: minYear, max: thisYear, value: dateYear || "", pattern: "\\d*", placeholder: intl.formatHTMLMessage({ id: "dateTime.year", defaultMessage: "Year" }), hidePlaceholder: false, "aria-label": intl.formatHTMLMessage({ id: "dateTime.year", defaultMessage: "Year" }), "aria-labelledby": cssId, "aria-required": isRequired, refId: `${fieldName}Year`, onChange: (e) => updateBirthYear(e.target.value), onBlur: getDate })),
         isErrored ? wrappedErrMsg : null));
 };
 const DateComponent = injectIntl(DateInput);
 
-const BirthDateComponent = ({ onChange, isErrored, isRequired = true, errorId, value = "2000-01-01", }) => (React.createElement(DateComponent, { value: value, label: React.createElement(FormattedHTMLMessage, { id: "birthDate", defaultMessage: "Date of birth" }), onChange: onChange, fieldId: "birthdate", fieldName: "birthDate", isErrored: isErrored, isRequired: isRequired, errorMsg: errorId ? (React.createElement(FormattedHTMLMessage, { id: `errorId.${errorId}`, defaultMessage: "Invalid birth date" })) : (React.createElement(FormattedHTMLMessage, { id: "errorId.invalidBirthDate", defaultMessage: "Invalid birth date" })) }));
+const BirthDateComponent = ({ onChange, isErrored, isRequired = true, errorId, value = "2000-01-01", locale = DEFAULT_LOCALE, }) => (React.createElement(DateComponent, { value: value, label: React.createElement(FormattedHTMLMessage, { id: "birthDate", defaultMessage: "Date of birth" }), onChange: onChange, fieldId: "birthdate", fieldName: "birthDate", isErrored: isErrored, isRequired: isRequired, locale: locale, errorMsg: errorId ? (React.createElement(FormattedHTMLMessage, { id: `errorId.${errorId}`, defaultMessage: "Invalid birth date" })) : (React.createElement(FormattedHTMLMessage, { id: "errorId.invalidBirthDate", defaultMessage: "Invalid birth date" })) }));
 
 function replaceCustomTags(text, tagmap) {
     if (typeof text !== "string")
@@ -17453,6 +17483,7 @@ const StepStudentPersonalInfo = ({ verificationService, }) => {
         });
         verificationService.updateViewModel(nextState);
     };
+    const locale = viewModel.localeChoice.value;
     return (React.createElement("div", { id: "sid-step-student-personal-info", className: "sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
             React.createElement("div", { className: "sid-l-horz-center" },
@@ -17485,7 +17516,7 @@ const StepStudentPersonalInfo = ({ verificationService, }) => {
                     updateStudentViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { value: viewModel.birthDate, isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, isRequired: true, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { value: viewModel.birthDate, isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, isRequired: true, onChange: (newValue) => {
                 updateStudentViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             } }),
@@ -17539,6 +17570,7 @@ const StepSeniorPersonalInfo = ({ verificationService }) => {
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const locale = viewModel.localeChoice.value;
     const updateSeniorViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
@@ -17572,7 +17604,7 @@ const StepSeniorPersonalInfo = ({ verificationService }) => {
                     updateSeniorViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateSeniorViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
@@ -17647,6 +17679,7 @@ const StepAgePersonalInfo = ({ verificationService, intl }) => {
     const { isSmsNotifierConfigured, smsLoopEnabled } = verificationService.programTheme;
     const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);
     const defaultRequiredFields = safeCountryValue === "US" ? [{ key: "postalCode" }] : [];
+    const locale = viewModel.localeChoice.value;
     const [requiredFields, setRequiredFields] = React.useState(defaultRequiredFields);
     if (!fieldValidationErrors.phoneNumber &&
         verificationResponse.errorIds &&
@@ -17729,7 +17762,7 @@ const StepAgePersonalInfo = ({ verificationService, intl }) => {
                     updateAgeViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateAgeViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
@@ -17801,6 +17834,7 @@ const StepTeacherPersonalInfo = ({ verificationService, }) => {
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const locale = viewModel.localeChoice.value;
     const updateTeacherViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
@@ -17849,7 +17883,7 @@ const StepTeacherPersonalInfo = ({ verificationService, }) => {
                     updateTeacherViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        verificationService.programTheme.idCheckAddOnEnabled ? (React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        verificationService.programTheme.idCheckAddOnEnabled ? (React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateTeacherViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate })) : null,
@@ -17917,6 +17951,7 @@ const StepMemberPersonalInfo = ({ verificationService }) => {
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const locale = viewModel.localeChoice.value;
     const updateMemberViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
@@ -17959,7 +17994,7 @@ const StepMemberPersonalInfo = ({ verificationService }) => {
                 updateMemberViewModel("email", newValue);
                 updateFieldValidationErrorsByFieldId("email", newValue, verificationService);
             }, onKeyDown: (event) => handleEmailOnKeyDown(event) }),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, isRequired: false, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, isRequired: false, onChange: (newValue) => {
                 updateMemberViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
@@ -18097,7 +18132,7 @@ const BranchOfService = ({ autoFocus, onChange, value, isErrored, organizations,
 };
 const BranchOfServiceComponent = injectIntl(BranchOfService);
 
-const ActiveDutyStartDateComponent = ({ onChange, isErrored, errorId = "invalidActiveDutyStartDate", value = "2000-01-01", }) => (React.createElement(DateComponent, { value: value, label: React.createElement(FormattedHTMLMessage, { id: "activeDutyStartDate", defaultMessage: "Active Duty Start Date" }), onChange: onChange, fieldName: "activeDutyStartDate", fieldId: "sid-active-duty-start-date", isErrored: isErrored, isRequired: true, errorMsg: React.createElement(FormattedHTMLMessage, { id: `errorId.${errorId}`, defaultMessage: "Invalid start date" }) }));
+const ActiveDutyStartDateComponent = ({ onChange, isErrored, errorId = "invalidActiveDutyStartDate", value = "2000-01-01", locale = DEFAULT_LOCALE, }) => (React.createElement(DateComponent, { value: value, label: React.createElement(FormattedHTMLMessage, { id: "activeDutyStartDate", defaultMessage: "Active Duty Start Date" }), onChange: onChange, fieldName: "activeDutyStartDate", fieldId: "sid-active-duty-start-date", locale: locale, isErrored: isErrored, errorMsg: React.createElement(FormattedHTMLMessage, { id: `errorId.${errorId}`, defaultMessage: "Invalid start date" }) }));
 
 /**
  * TODO - preamble
@@ -18110,6 +18145,7 @@ const StepActiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
     const { status } = verificationService.viewModel;
     const availableStatuses = getAvailableMilitaryStatuses(verificationService, intl);
+    const locale = viewModel.localeChoice.value;
     const updateActiveMilitaryViewModel = (key, value) => {
         verificationService.updateViewModel(updateMilitaryViewModel(key, value, verificationService, availableStatuses));
     };
@@ -18172,11 +18208,11 @@ const StepActiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
                     updateActiveMilitaryViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateActiveMilitaryViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
-        verificationService.programTheme.strictMilitaryValidationEnabled && (React.createElement(ActiveDutyStartDateComponent, { isErrored: !!fieldValidationErrors.activeDutyStartDate, errorId: fieldValidationErrors.activeDutyStartDate, onChange: (newValue) => {
+        verificationService.programTheme.strictMilitaryValidationEnabled && (React.createElement(ActiveDutyStartDateComponent, { isErrored: !!fieldValidationErrors.activeDutyStartDate, errorId: fieldValidationErrors.activeDutyStartDate, locale: locale, onChange: (newValue) => {
                 updateActiveMilitaryViewModel("activeDutyStartDate", newValue);
                 updateFieldValidationErrorsByFieldId("activeDutyStartDate", newValue, verificationService);
             }, value: viewModel.activeDutyStartDate })),
@@ -18220,6 +18256,7 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
     const availableStatuses = getAvailableMilitaryStatuses(verificationService, intl);
+    const locale = viewModel.localeChoice.value;
     const updateInactiveMilitaryViewModel = (key, value) => {
         verificationService.updateViewModel(updateMilitaryViewModel(key, value, verificationService, availableStatuses));
     };
@@ -18280,11 +18317,11 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
                     updateInactiveMilitaryViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateInactiveMilitaryViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
-        verificationService.programTheme.strictMilitaryValidationEnabled && (React.createElement(ActiveDutyStartDateComponent, { isErrored: !!fieldValidationErrors.activeDutyStartDate, onChange: (newValue) => {
+        verificationService.programTheme.strictMilitaryValidationEnabled && (React.createElement(ActiveDutyStartDateComponent, { isErrored: !!fieldValidationErrors.activeDutyStartDate, locale: locale, onChange: (newValue) => {
                 updateInactiveMilitaryViewModel("activeDutyStartDate", newValue);
                 updateFieldValidationErrorsByFieldId("activeDutyStartDate", newValue, verificationService);
             }, value: viewModel.activeDutyStartDate })),
@@ -18341,6 +18378,7 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService, }) => {
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const locale = viewModel.localeChoice.value;
     const updateFirstResponderViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
@@ -18407,7 +18445,7 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService, }) => {
                     updateFirstResponderViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateFirstResponderViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
@@ -18474,6 +18512,7 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService, }) =>
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
     const [memberIdMessageKeys, setMemberIdMessageKeys] = React.useState(undefined);
     const [showMemberId, setShowMemberId] = React.useState(false);
+    const locale = viewModel.localeChoice.value;
     const updateMedicalProfessionalViewModel = (key, value) => {
         const nextState = produceDraftViewModel(viewModel, key, value);
         verificationService.updateViewModel(nextState);
@@ -18551,7 +18590,7 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService, }) =>
                     updateMedicalProfessionalViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateMedicalProfessionalViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
@@ -18819,6 +18858,7 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService, }) => {
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const locale = viewModel.localeChoice.value;
     const updateIdentityViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
@@ -18863,7 +18903,7 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService, }) => {
                 updateIdentityViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateIdentityViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
@@ -18912,6 +18952,7 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService, }) => {
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const locale = viewModel.localeChoice.value;
     const updateIdentityViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
@@ -18956,7 +18997,7 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService, }) => {
                 updateIdentityViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateIdentityViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
@@ -19028,6 +19069,7 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const locale = viewModel.localeChoice.value;
     const updateLicensedProfessionalViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
@@ -19089,7 +19131,7 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
                     updateLicensedProfessionalViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateLicensedProfessionalViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),
@@ -19231,6 +19273,7 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const locale = viewModel.localeChoice.value;
     const selectedStatus = viewModel.statuses[0] ? viewModel.statuses[0] : undefined;
     const isSelectedStatusSnapBenefits = selectedStatus === "SNAP_BENEFITS";
     const updateLowIncomeViewModel = (key, value) => {
@@ -19308,7 +19351,7 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
                     updateLowIncomeViewModel("lastName", newValue);
                     updateFieldValidationErrorsByFieldId("lastName", newValue, verificationService);
                 } })),
-        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, onChange: (newValue) => {
+        React.createElement(BirthDateComponent, { isErrored: !!fieldValidationErrors.birthDate, errorId: fieldValidationErrors.birthDate, locale: locale, onChange: (newValue) => {
                 updateLowIncomeViewModel("birthDate", newValue);
                 updateFieldValidationErrorsByFieldId("birthDate", newValue, verificationService);
             }, value: viewModel.birthDate }),