@sheerid/jslib 1.121.0 → 1.122.0

package/sheerides6.js

@@ -2826,154 +2826,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-e8dbab15.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-0bc5d0c9.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-51029147.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-a87822c1.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-27094987.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-23fe831e.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-4c1ff8e1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-547335a4.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-43e509cb.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-4a8ad453.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-9ef22a5e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-752dee75.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-5577a9aa.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-6c1e0457.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-86bda6fe.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-aea547f6.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-e5524f1c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-02caba26.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-d6f19167.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-fd12690a.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-c0748c12.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-223f3154.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-46ee5a27.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-4cf8e312.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-56a69c96.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-af17b297.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-5dd03e32.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-fdd16aac.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-016ddc31.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-86c3b150.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-02f3abe3.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-9d46c3cc.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-95853c7b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-9eac9100.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-8e496904.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-fc4f91aa.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-cd5779ef.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-fb62dc52.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-5478022a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-d466d23b.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-ccc649fd.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-d2b5a38a.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-1f020854.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-2ab429f4.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-436f0d88.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-556d318c.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-1fec207e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-17400cc6.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-b2cdfd29.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-f327549e.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-752970cb.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-ff07ce32.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-b8a34ca8.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-2cb0fa5c.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-d1852711.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-5f2ee266.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-fcc89b11.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-3ea6f126.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-35eccb39.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-cde618e3.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-e159637a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-ac8ff834.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-b5c5a617.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-fd190dd6.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-63c90b9f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-19f42c70.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-ba43491b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-d697efcf.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-701efa45.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-4d761265.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-2fe18553.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-cb74a1e8.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-f3fd9840.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-dc9b660e.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -17802,6 +17802,18 @@ const StepMemberPersonalInfo = ({ verificationService }) => {
 };
 const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;
 
+const Status = ({ value, isErrored, errorId = "invalidStatus", options, onChange, intl, placeholder = "", onKeyDown = undefined, segmentId, }) => {
+    const inputId = `sid-${segmentId}-status`;
+    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.formatHTMLMessage({ id: "statusPlaceholder", defaultMessage: "Status" }), isRequired: true }),
+        isErrored ? (React.createElement("div", { className: "sid-field-error" },
+            React.createElement(FormattedHTMLMessage, { id: `errorId.${errorId}`, defaultMessage: `Invalid ${segmentId} status` }))) : null));
+};
+const StatusComponent = injectIntl(Status);
+
 const compareLabel = (a, b) => {
     let sortValue;
     try {
@@ -17814,18 +17826,6 @@ const compareLabel = (a, b) => {
 };
 const SortByLabel = (choices) => choices.sort(compareLabel);
 
-const MilitaryStatus = ({ value, isErrored, options, onChange, intl, placeholder = "", }) => {
-    const inputId = "sid-military-status";
-    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, isRequired: true, 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));
-};
-const MilitaryStatusComponent = injectIntl(MilitaryStatus);
-
 const orgsInStatus = (status) => (org) => {
     if (status === "VETERAN") {
         return !!org.name;
@@ -17945,10 +17945,10 @@ const StepActiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
         React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
-        availableStatuses ? (React.createElement(MilitaryStatusComponent, { value: {
+        availableStatuses ? (React.createElement(StatusComponent, { segmentId: "military", value: {
                 value: viewModel.status,
                 label: getStatusLabel(intl, viewModel.status, MilitaryStatusDefaultMessagesEnum),
-            }, isErrored: !!fieldValidationErrors.status, options: availableStatuses, onChange: (status) => {
+            }, isErrored: !!fieldValidationErrors.status, errorId: "invalidMilitaryStatus", options: availableStatuses, onChange: (status) => {
                 updateActiveMilitaryViewModel("status", status ? status.value : "");
                 updateFieldValidationErrorsByFieldId("status", status ? status.value : "", verificationService);
             } })) : null,
@@ -18156,10 +18156,10 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
         React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
-        availableStatuses ? (React.createElement(MilitaryStatusComponent, { value: {
+        availableStatuses ? (React.createElement(StatusComponent, { segmentId: "military", value: {
                 value: viewModel.status,
                 label: getStatusLabel(intl, viewModel.status, MilitaryStatusDefaultMessagesEnum),
-            }, isErrored: !!fieldValidationErrors.status, options: availableStatuses, onChange: (status) => {
+            }, isErrored: !!fieldValidationErrors.status, errorId: "invalidMilitaryStatus", options: availableStatuses, onChange: (status) => {
                 updateInactiveMilitaryViewModel("status", status ? status.value : "");
                 updateFieldValidationErrorsByFieldId("status", status ? status.value : "", verificationService);
             } })) : null,
@@ -18217,18 +18217,6 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
 };
 const StepInactiveMilitaryPersonalInfoComponent = injectIntl(StepInactiveMilitaryPersonalInfo);
 
-const FirstResponderStatus = ({ value, isErrored, options, onChange, placeholder = "", intl, onKeyDown = undefined, }) => {
-    const inputId = "sid-first-responder-status";
-    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, isRequired: true, 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));
-};
-const FirstResponderStatusComponent = injectIntl(FirstResponderStatus);
-
 const FirstResponderOrganization = ({ onChange, value, isErrored, verificationService, intl, placeholder = "", }) => {
     const { programId } = verificationService;
     const id = "sid-first-responder-organization";
@@ -18296,10 +18284,10 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService, }) => {
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
         React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
-        React.createElement(FirstResponderStatusComponent, { value: {
+        React.createElement(StatusComponent, { segmentId: "first-responder", value: {
                 value: viewModel.status,
                 label: getStatusLabel(intl, viewModel.status, FirstResponderStatusDefaultMessagesEnum),
-            }, isErrored: !!fieldValidationErrors.status, options: getAvailableFirstResponderStatuses(), onChange: (status) => {
+            }, isErrored: !!fieldValidationErrors.status, errorId: "invalidFirstResponderStatus", options: getAvailableFirstResponderStatuses(), onChange: (status) => {
                 updateFirstResponderViewModel("status", status ? status.value : "");
                 updateFieldValidationErrorsByFieldId("status", status ? status.value : "", verificationService);
             } }),
@@ -18352,18 +18340,6 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService, }) => {
 };
 const StepFirstResponderPersonalInfoComponent = injectIntl(StepFirstResponderPersonalInfo);
 
-const MedicalStatus = ({ value, isErrored, options, onChange, intl, placeholder = "", onKeyDown = undefined, }) => {
-    const inputId = "sid-medical-status";
-    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.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));
-};
-const MedicalStatusComponent = injectIntl(MedicalStatus);
-
 const MedicalProfessionalOrganization = ({ onChange, value, isErrored, verificationService, intl, placeholder = "", }) => {
     const { programId } = verificationService;
     const id = "sid-medical-professional-organization";
@@ -18452,7 +18428,7 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService, }) =>
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
         React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
-        React.createElement(MedicalStatusComponent, { value: {
+        React.createElement(StatusComponent, { segmentId: "medical", value: {
                 value: viewModel.status,
                 label: getStatusLabel(intl, viewModel.status, MedicalProfessionalStatusDefaultMessagesEnum),
             }, isErrored: !!fieldValidationErrors.status, options: getAvailableMedicalStatuses(), onChange: (status) => {
@@ -18936,18 +18912,6 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService, }) => {
 };
 const StepHybridIdentityPersonalInfoComponent = injectIntl(StepHybridIdentityPersonalInfo);
 
-const Status = ({ value, isErrored, options, onChange, intl, placeholder = "", onKeyDown = undefined, segmentId = "", }) => {
-    const inputId = `sid-${segmentId}-status`;
-    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.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));
-};
-const StatusComponent = injectIntl(Status);
-
 const LicensedProfessionalOrganization = ({ value, isErrored, onChange, verificationService, intl, placeholder = "", }) => {
     const { programId } = verificationService;
     return (React.createElement("div", { className: "sid-field sid-licensed-professional-id" },
@@ -18963,7 +18927,6 @@ const LicensedProfessionalOrganization = ({ value, isErrored, onChange, verifica
 };
 const LicensedProfessionalOrganizationComponent = injectIntl(LicensedProfessionalOrganization);
 
-const SEGMENT_ID$1 = "licensed-professional";
 const defaultStatusMessages$1 = {
     LICENSED_COSMETOLOGIST: "Licensed Cosmetologist",
     LICENSED_REAL_ESTATE_AGENT: "Licensed Real Estate Agent",
@@ -19015,7 +18978,7 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
         React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
-        React.createElement(StatusComponent, { segmentId: SEGMENT_ID$1, value: {
+        React.createElement(StatusComponent, { segmentId: "licensed-professional", value: {
                 value: viewModel.statuses ? viewModel.statuses[0] : "",
                 label: viewModel.statuses ? getStatusLabel(viewModel.statuses[0]) : "",
             }, isErrored: !!fieldValidationErrors.statuses, options: getAvailableLicensedProfessionalStatuses(), onChange: (status) => {
@@ -19169,7 +19132,6 @@ const EBTCardNumber = ({ value, isErrored, onChange, intl, placeholder = "", })
         intl.formatHTMLMessage({ id: "ebtCardNumberPlaceholder", defaultMessage: "EBT card Number" }), label: React.createElement(FormattedHTMLMessage, { id: "ebtCardNumber", defaultMessage: "EBT card Number" }), errorMessage: isErrored && (React.createElement(FormattedHTMLMessage, { id: "errorId.invalidEBTCardNumber", defaultMessage: "Invalid EBT Card Number" })), showPlaceholderAndHideLabel: !!placeholder }));
 const EBTCardNumberComponent = injectIntl(EBTCardNumber);
 
-const SEGMENT_ID = "low-income";
 const defaultStatusMessages = {
     SNAP_BENEFITS: "Snap Benefits Recipient",
     OTHER_GOVERNMENT_ASSISTANCE: "Other Government Assistance Recipient",
@@ -19231,7 +19193,7 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
         React.createElement(ChangeLocaleV2Component, { verificationService: verificationService }),
         React.createElement(CountryComponentWrapper, { verificationService: verificationService }),
-        React.createElement(StatusComponent, { segmentId: SEGMENT_ID, value: {
+        React.createElement(StatusComponent, { segmentId: "low-income", value: {
                 value: viewModel.statuses ? viewModel.statuses[0] : "",
                 label: viewModel.statuses ? getStatusLabel(viewModel.statuses[0]) : "",
             }, isErrored: !!fieldValidationErrors.statuses, options: getAvailableLowIncomeStatuses(), onChange: (status) => {
@@ -22167,6 +22129,24 @@ const PrivacyPolicyLink = ({ verificationService, includeCompanyName, intl, }) =
 };
 const PrivacyPolicyLinkComponent = injectIntl(PrivacyPolicyLink);
 
+const MilitaryStatus = ({ value, isErrored, options, onChange, placeholder = "", onKeyDown = undefined, }) => (React.createElement(StatusComponent, { segmentId: "military", value: value, errorId: "invalidMilitaryStatus", isErrored: isErrored, options: options, onChange: onChange, placeholder: placeholder, onKeyDown: onKeyDown }));
+/**
+ * @deprecated Use `<StatusComponent>` instead.
+ */
+const MilitaryStatusComponent = MilitaryStatus;
+
+const FirstResponderStatus = ({ value, isErrored, options, onChange, placeholder = "", onKeyDown = undefined, }) => (React.createElement(StatusComponent, { segmentId: "first-responder", value: value, isErrored: isErrored, errorId: "invalidFirstResponderStatus", options: options, onChange: onChange, placeholder: placeholder, onKeyDown: onKeyDown }));
+/**
+ * @deprecated Use `<StatusComponent>` instead.
+ */
+const FirstResponderStatusComponent = FirstResponderStatus;
+
+const MedicalStatus = ({ value, isErrored, options, onChange, placeholder = "", onKeyDown = undefined, }) => (React.createElement(StatusComponent, { segmentId: "medical", value: value, isErrored: isErrored, options: options, onChange: onChange, placeholder: placeholder, onKeyDown: onKeyDown }));
+/**
+ * @deprecated Use `<StatusComponent>` instead.
+ */
+const MedicalStatusComponent = MedicalStatus;
+
 const postalCodeMatchers = {
     US: "(^\\d{5}-?$)|(^\\d{5}-\\d{4}$)",
     AU: "^\\d{4}$",