@sheerid/jslib 1.106.0 → 1.109.0

package/sheerides6.js

@@ -600,6 +600,7 @@ var SubSegmentEnum;
     SubSegmentEnum["LICENSED_REAL_ESTATE_AGENT"] = "licensedRealEstateAgent";
     SubSegmentEnum["VETERINARIAN"] = "Veterinarian";
     SubSegmentEnum["SNAP_BENEFITS"] = "snapBenefits";
+    SubSegmentEnum["OTHER_GOVERNMENT_ASSISTANCE"] = "otherGovernmentAssistance";
     SubSegmentEnum["CHILD_CARE_WORKER"] = "childCareWorker";
 })(SubSegmentEnum || (SubSegmentEnum = {}));
 Object.values(SubSegmentEnum); // For runtime checks
@@ -643,6 +644,7 @@ var RecentMoverStatusDefaultMessagesEnum;
 var LowIncomeStatusDefaultMessagesEnum;
 (function (LowIncomeStatusDefaultMessagesEnum) {
     LowIncomeStatusDefaultMessagesEnum["SNAP_BENEFITS"] = "Snap Benefits Recipient";
+    LowIncomeStatusDefaultMessagesEnum["OTHER_GOVERNMENT_ASSISTANCE"] = "Other Government Assistance Recipient";
 })(LowIncomeStatusDefaultMessagesEnum || (LowIncomeStatusDefaultMessagesEnum = {}));
 Object.values(MilitaryStatusDefaultMessagesEnum); // For runtime checks
 Object.values(FirstResponderStatusDefaultMessagesEnum); // For runtime checks
@@ -671,6 +673,7 @@ var FieldIdEnum;
     FieldIdEnum["socialSecurityNumber"] = "socialSecurityNumber";
     FieldIdEnum["carrierConsentValue"] = "carrierConsentValue";
     FieldIdEnum["driverLicenseNumber"] = "driverLicenseNumber";
+    FieldIdEnum["ebtCardNumber"] = "ebtCardNumber";
 })(FieldIdEnum || (FieldIdEnum = {}));
 const FieldIds = Object.values(FieldIdEnum); // For runtime checks
 var HookNameEnum;
@@ -1180,6 +1183,7 @@ const defaultOptions = {
     urlEmploymentFaq: "https://verify.sheerid.com/employment-faq/",
     urlIdentityFaq: "https://verify.sheerid.com/identity-faq/",
     urlLicensedProfessionalFaq: "https://verify.sheerid.com/professions-faq/",
+    urlLowIncomeFaq: "https://verify.sheerid.com/low-income-faq/",
     urlAddSchoolFaq: "https://verify.sheerid.com/add-school-request-faq/",
     urlAddSchoolForm: "https://offers.sheerid.com/sheerid/add-school-request/",
     privacyPolicyUrl: undefined,
@@ -1190,6 +1194,7 @@ const defaultOptions = {
     httpRequestTimeout: HTTP_REQUEST_TIMEOUT,
     hideTestModeFlag: false,
     hideMilitaryFamilyAcceptableUploads: true,
+    customFormFields: [],
 };
 let options$1 = { ...defaultOptions };
 const getOptions = () => options$1;
@@ -1358,6 +1363,10 @@ const setOptions = (newOptions) => {
         options$1.hideMilitaryFamilyAcceptableUploads = newOptions.hideMilitaryFamilyAcceptableUploads;
         logger.info('option "hideMilitaryFamilyAcceptableUploads" set to', options$1.hideMilitaryFamilyAcceptableUploads);
     }
+    if (newOptions.hasOwnProperty("customFormFields")) {
+        options$1.customFormFields = newOptions.customFormFields;
+        logger.info('option "customFormFields" set to', options$1.customFormFields);
+    }
 };
 
 class ResponseTimeLogger {
@@ -1809,6 +1818,7 @@ var enUSMessages = {
 	"defaultMessages.MILITARY_FAMILY": "Military Family",
 	"defaultMessages.MILITARY_RETIREE": "Military Retiree",
 	"defaultMessages.NURSE": "Nurse",
+	"defaultMessages.OTHER_GOVERNMENT_ASSISTANCE": "Other Government Assistance Recipient",
 	"defaultMessages.OTHER_HEALTH_WORKER": "Other Health Worker",
 	"defaultMessages.OTHER_MOVER": "Other Mover",
 	"defaultMessages.PHARMACIST": "Pharmacist",
@@ -2097,6 +2107,7 @@ var enUSMessages = {
 	"defaultMessages.driverLicenseNumber": "Driver license number",
 	"defaultMessages.driverLicenseNumberPlaceholder": "Driver license number",
 	"defaultMessages.driverLicenseState": "Driver license state",
+	"defaultMessages.ebtCardNumber": "EBT Card Number",
 	"defaultMessages.emailAddress": "Email address",
 	"defaultMessages.emailAddressPlaceholder": "Email address",
 	"defaultMessages.error": "Error",
@@ -2121,6 +2132,7 @@ var enUSMessages = {
 	"defaultMessages.errorId.invalidDischargeDate": "Invalid discharge date",
 	"defaultMessages.errorId.invalidDocUploadToken": "Provided document upload token is not valid",
 	"defaultMessages.errorId.invalidDriverLicenseNumber": "Invalid driver license number",
+	"defaultMessages.errorId.invalidEbtCardNumber": "Invalid EBT Card Number",
 	"defaultMessages.errorId.invalidEmail": "Invalid email",
 	"defaultMessages.errorId.invalidEmailLoopToken": "We are sorry, the page you requested cannot be found. The URL may be incorrect or the page you're looking for is no longer available.",
 	"defaultMessages.errorId.invalidFileSizeEmpty": "One or more files is empty",
@@ -2155,6 +2167,7 @@ var enUSMessages = {
 	"defaultMessages.errorId.outsideAgePerson": "Birthdate is not eligible for this offer.",
 	"defaultMessages.errorId.requestTimeout": "Request timeout",
 	"defaultMessages.errorId.simulatedError": "This is a simulated error",
+	"defaultMessages.errorId.unauthorizedAccountStatus": "This offer has been temporarily discontinued. Please contact the brand’s customer support for more information.",
 	"defaultMessages.errorId.unauthorizedDomain": "Unauthorized domain",
 	"defaultMessages.errorId.underagePerson": "Persons under age 16 are not eligible for this offer.",
 	"defaultMessages.errorId.unknownError": "Unknown Error",
@@ -2212,6 +2225,8 @@ var enUSMessages = {
 	"defaultMessages.locales.tr": "Turkish",
 	"defaultMessages.locales.zh": "Chinese (Traditional)",
 	"defaultMessages.locales.zh-HK": "Chinese (Hong Kong)",
+	"defaultMessages.lowIncomeOrganization": "Government Assistance Program",
+	"defaultMessages.lowIncomeOrganizationPlaceholder": "Government Assistance Program",
 	"defaultMessages.lowRewardPool": "<span class='sid-fire-emoji'>&#128293;</span> Only {offersRemaining} offers left!",
 	"defaultMessages.memberId": "ID Number",
 	"defaultMessages.memberIdPlaceholder": "ID Number",
@@ -2452,6 +2467,8 @@ var enUSMessages = {
 	"defaultMessages.step.error.errorId.inactiveProgram.title": "Offer Sold Out!",
 	"defaultMessages.step.error.errorId.noRemainingRewardCodes.buttonText": "See More Offers",
 	"defaultMessages.step.error.errorId.noRemainingRewardCodes.title": "Offer Sold Out!",
+	"defaultMessages.step.error.errorId.unauthorizedAccountStatus.buttonText": "Contact Support",
+	"defaultMessages.step.error.errorId.unauthorizedAccountStatus.title": "Offer Is Paused!",
 	"defaultMessages.step.error.errorId.verificationLimitExceeded.title": "Verification Limit Exceeded",
 	"defaultMessages.step.pending.docDiffLang": "We identified your document is in a different language.",
 	"defaultMessages.step.pending.subtitle": "SheerID is reviewing your documents, to confirm your status. This process may take up to {maxReviewTime}.",
@@ -2485,16 +2502,17 @@ var enUSMessages = {
 	"defaultMessages.step.success.copyCouponCode": "Copy Coupon code",
 	"defaultMessages.step.success.emailNotification": "We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.",
 	"defaultMessages.step.success.verificationOnly": "\n                SheerID handles verification only.\n                Now that you've been approved, please direct all questions about the\n                promotion terms to {companyName} customer service.\n            ",
+	"defaultMessages.streetAddress": "Street Address",
 	"defaultMessages.studentInfoShared": "Information entered here will be used for verification purposes and shared with {companyName}. ",
 	"defaultMessages.tryAgain": "Try again",
 	"defaultMessages.universityName": "University name",
 	"defaultMessages.verificationPurposesOnly": "Used for verification purposes only",
 	"defaultMessages.verifyAndContinue": "Verify and continue",
-	"defaultMessages.verifyLowIncomeStatus": "Verify my status",
 	"defaultMessages.verifyMyEmploymentStatus": "Verify My Employee Status",
 	"defaultMessages.verifyMyFirstResponderStatus": "Verify My First Responder Status",
 	"defaultMessages.verifyMyIdentityStatus": "Verify My Identity",
 	"defaultMessages.verifyMyLicensedProfessionalStatus": "Verify My Licensed Professional Status",
+	"defaultMessages.verifyMyLowIncomeStatus": "Verify my status",
 	"defaultMessages.verifyMyMedicalProfessionalStatus": "Verify My Medical Professional Status",
 	"defaultMessages.verifyMyMembershipStatus": "Verify My Membership Status",
 	"defaultMessages.verifyMyMilitaryStatus": "Verify My Military Status",
@@ -2750,154 +2768,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-a1aa1b10.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-4956061a.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-81a7792c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-d6354db2.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-08b05f91.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-1de96b4c.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-3d94f9d8.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-8f1dfa43.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-37509c80.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-1aa4e429.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-fe41c0c3.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-2d5e12dd.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-52e5c64c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-20967dc5.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-c3335e2a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-4bd1e82e.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-c9026cd4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-8e86100a.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-0c8f6bbc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-1d11aab4.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-bb35b777.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-5adbcd22.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-e5e92540.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-d80e65df.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-2a2f70dc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-06830697.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-cde64c69.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-4684ff5d.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-cc086f07.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-7a4f3a78.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-b81308a9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-b6fe2fcd.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-38113b5f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-18fd5526.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-86b8d01f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-b1f73ffa.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-4b9af9de.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-05eb217d.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-0ecf01b8.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-6026fe32.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-bb99eab4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-30da01da.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-8a75ecd4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-a08f94d6.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-3e109888.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-4b69e218.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-d27731f2.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-9acf82f8.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-398365a0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-443dff87.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-03b07ec0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-0b4902db.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-908eb973.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-afd2234b.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-9c0c5121.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-eefd6a76.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-8a2909fe.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-55b959b7.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-60396a9f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-1751ddd2.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-a97ed325.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-3d874685.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-c53320d0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-9449946e.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-9874cc44.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-b3117f27.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-42342bb0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-1fb295d2.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-b5e66c00.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-b7aed90b.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-56ab15f3.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-8bc1767d.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-4ae25b08.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-6c863e80.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -3568,6 +3586,7 @@ const lowIncomePInfoReqEmpty = {
         name: "",
     },
     statuses: [],
+    ebtCardNumber: "",
     metadata: {
         marketConsentValue: false,
         refererUrl: window.location.href,
@@ -3624,6 +3643,7 @@ const initialErrorStructure = {
     carrierConsentValue: undefined,
     smsCode: undefined,
     driverLicenseNumber: undefined,
+    ebtCardNumber: undefined,
 };
 const getAllEmptyViewModels = () => ({
     collectStudentPersonalInfo: deepClone(stuPInfoReqEmpty),
@@ -4217,6 +4237,24 @@ const getFieldValidationErrors = (viewModel, formValidationOptions) => {
             fieldValidationErrors[fieldId] = validateFieldById(fieldId, fieldValue, formValidationOptions);
         }
     }
+    const { customFormFields } = getOptions();
+    if (customFormFields) {
+        customFormFields.forEach((customField) => {
+            let errorId;
+            try {
+                errorId = customField.validate(viewModel.metadata[customField.fieldId]);
+            }
+            catch (e) {
+                logger.warn(`Error validating custom field ${customField.fieldId}`, e);
+            }
+            if (errorId) {
+                fieldValidationErrors[customField.fieldId] = errorId;
+            }
+            else {
+                delete fieldValidationErrors[customField.fieldId];
+            }
+        });
+    }
     return fieldValidationErrors;
 };
 const isFormFilled = (viewModel, formValidationOptions) => {
@@ -4445,7 +4483,7 @@ const getDriverLicenseNumberValidationError = (value) => {
 };
 const getStatusesValidationError = (value) => {
     const invalidStatuses = "invalidStatuses";
-    if (!value || !isValidLicensedProfessionalStatus(value)) {
+    if (!value || !isValidLicensedProfessionalStatus(value) || !isValidLowIncomeStatus(value)) {
         return invalidStatuses;
     }
 };
@@ -4493,6 +4531,7 @@ const getStatusValidationError = (value) => {
     }
 };
 const isValidLicensedProfessionalStatus = (value) => value.length > 0;
+const isValidLowIncomeStatus = (value) => value.length > 0;
 const isValidName = (value) => {
     const VALID_NAME_REGEXP = 
     // eslint-disable-next-line
@@ -4656,6 +4695,9 @@ const validateFieldById = (fieldId, value, formValidationOptions) => {
         case FieldIdEnum.docUpload:
             defaultValidator = getFileValidationError;
             return getValidationError(fieldId, value, defaultValidator, overriddenValidator, formValidationOptions);
+        case FieldIdEnum.ebtCardNumber:
+            defaultValidator = getFileValidationError;
+            return getValidationError(fieldId, value, defaultValidator, overriddenValidator, formValidationOptions);
         default:
             if (customValidatorExists(fieldId)) {
                 return getCustomValidationError(fieldId, value, formValidationOptions);
@@ -4959,18 +5001,7 @@ const produceDraftViewModel = (previousModel, key, value) => fn(previousModel, (
     draft[key] = value;
 });
 
-const FieldLabel = ({ text, htmlForLabel, id, displayClasses, isRequired, children, }) => (React.createElement("label", { htmlFor: htmlForLabel },
-    React.createElement("div", { id: id, className: `sid-field__label sid-l-space-btm-sm ${displayClasses}` },
-        React.createElement("span", { className: "sid-field__label-name", "aria-hidden": "true" },
-            text,
-            isRequired && (React.createElement("span", { "aria-hidden": "true", className: "sid-field__label--required" }, "*"))),
-        children && React.createElement("div", { className: "sid-field__label-explanation" }, children))));
-FieldLabel.defaultProps = {
-    id: "",
-    displayClasses: "",
-    isRequired: true,
-    children: null,
-};
+const dashed = (camel) => camel.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
 
 const InputText = ({ id, isErrored, className = undefined, hidePlaceholder = true, refId, required = false, type = "text", ariaDescribedBy, ariaLabel, ...props // forward any remaining props to the input
  }) => {
@@ -4987,25 +5018,53 @@ const InputText = ({ id, isErrored, className = undefined, hidePlaceholder = tru
     const finalRefId = refId || id;
     return (React.createElement("input", Object.assign({ className: internalClassName, id: `sid-${id}`, name: `sid-${id}`, type: type, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-required": required, "aria-invalid": isErrored, ref: (input) => setRef(finalRefId, input) }, props)));
 };
-// TODO remove injectIntl, unused
-const InputTextComponent = injectIntl(InputText);
+// DO NOT INJECT INTL. Localize your strings pass them down as props
+const InputTextComponent = InputText;
 
-const FirstName = ({ value, isErrored, onChange, intl, placeholder = "", }) => (React.createElement("div", { className: "sid-field sid-first-name" },
-    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.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 FieldLabel = ({ text, htmlForLabel, id, displayClasses, isRequired, children, }) => (React.createElement("label", { htmlFor: htmlForLabel },
+    React.createElement("div", { id: id, className: `sid-field__label sid-l-space-btm-sm ${displayClasses}` },
+        React.createElement("span", { className: "sid-field__label-name", "aria-hidden": "true" },
+            text,
+            isRequired && (React.createElement("span", { "aria-hidden": "true", className: "sid-field__label--required" }, "*"))),
+        children && React.createElement("div", { className: "sid-field__label-explanation" }, children))));
+FieldLabel.defaultProps = {
+    id: "",
+    displayClasses: "",
+    isRequired: true,
+    children: null,
+};
+
+/**
+ * In the JSLIB, a FormField has a label, inline error message, and children like a text input
+ * This component provides consistent structure, classnames and some accessibility considerations for all FormFields
+ */
+const FormFieldLayout = ({ fieldId, label, errorMessage, isRequired, showPlaceholderAndHideLabel = false, children, }) => {
+    const labelIntlId = `${fieldId}Label`;
+    const labelHtmlId = `sid-${dashed(labelIntlId)}`;
+    return (React.createElement("div", { className: `sid-field sid-${dashed(fieldId)}` },
+        React.createElement("div", { className: "sid-l-space-top-md" }),
+        React.createElement(FieldLabel, { text: label, isRequired: isRequired, htmlForLabel: `sid-${dashed(fieldId)}`, id: labelHtmlId, displayClasses: showPlaceholderAndHideLabel ? "sid-h-screen-reader-only" : "" }),
+        children,
+        errorMessage && React.createElement("div", { className: "sid-field-error" }, errorMessage)));
+};
+
+/**
+ * Generic text field component.
+ * In the JSLIB, a field has a label, inline error message, and an input of some kind.
+ */
+const FormFieldText = ({ fieldId, value, onChange, placeholder, label, errorMessage, showPlaceholderAndHideLabel = false, required = true, ...inputTextProps }) => {
+    const labelIntlId = `${fieldId}Label`;
+    const labelHtmlId = `sid-${dashed(labelIntlId)}`;
+    return (React.createElement(FormFieldLayout, { fieldId: fieldId, label: label, errorMessage: errorMessage, showPlaceholderAndHideLabel: showPlaceholderAndHideLabel, isRequired: required },
+        React.createElement(InputTextComponent, Object.assign({ id: dashed(fieldId), value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder, hidePlaceholder: !showPlaceholderAndHideLabel, "aria-labelledby": labelHtmlId, refId: fieldId, isErrored: !!errorMessage, required: required }, inputTextProps))));
+};
+
+const FirstName = ({ value, isErrored, onChange, intl, placeholder = "", }) => (React.createElement(FormFieldText, { fieldId: "firstName", value: value, onChange: onChange, placeholder: placeholder ||
+        intl.formatHTMLMessage({ id: "firstNamePlaceholder", defaultMessage: "First Name" }), label: React.createElement(FormattedHTMLMessage, { id: "firstName", defaultMessage: "First name" }), errorMessage: isErrored && (React.createElement(FormattedHTMLMessage, { id: "errorId.invalidFirstName", defaultMessage: "Invalid first name" })), showPlaceholderAndHideLabel: !!placeholder }));
 const FirstNameComponent = injectIntl(FirstName);
 
-const LastName = ({ value, isErrored, onChange, intl, placeholder = "", }) => (React.createElement("div", { className: "sid-field sid-last-name" },
-    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.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 LastName = ({ value, isErrored, onChange, intl, placeholder = "", }) => (React.createElement(FormFieldText, { fieldId: "lastName", value: value, onChange: onChange, placeholder: placeholder ||
+        intl.formatHTMLMessage({ id: "lastNamePlaceholder", defaultMessage: "Last Name" }), label: React.createElement(FormattedHTMLMessage, { id: "lastName", defaultMessage: "Last name" }), errorMessage: isErrored && (React.createElement(FormattedHTMLMessage, { id: "errorId.invalidLastName", defaultMessage: "Invalid last name" })), showPlaceholderAndHideLabel: !!placeholder }));
 const LastNameComponent = injectIntl(LastName);
 
 const Email = ({ value, isErrored, onChange, explanation, intl, onKeyDown = undefined, placeholder = "", }) => (React.createElement("div", { className: "sid-field sid-email" },
@@ -11566,7 +11625,6 @@ const inactiveMilitaryViewModelToRequest = (viewModel) => ({
     locale: viewModel.localeChoice.value,
     country: viewModel.countryChoice ? viewModel.countryChoice.value : undefined,
     metadata: viewModel.metadata,
-    socialSecurityNumber: viewModel.socialSecurityNumber,
 });
 const firstResponderViewModelToRequest = (viewModel) => {
     const request = {
@@ -11698,6 +11756,7 @@ const lowIncomeViewModelToRequest = (viewModel) => ({
     statuses: viewModel.statuses,
     organization: viewModel.organization,
     deviceFingerprintHash: viewModel.deviceFingerprintHash,
+    ebtCardNumber: viewModel.ebtCardNumber,
     locale: viewModel.localeChoice.value,
     metadata: viewModel.metadata,
 });
@@ -18487,6 +18546,33 @@ const RewardsRemainingComponent = ({ verificationService, }) => {
     return null;
 };
 
+/**
+ * Custom form field component.
+ * Implementors can render a form field passing in config using setOptions, rather than
+ * having to create an entire React project and override component(s).
+ */
+const FormFieldCustom = injectIntl(({ config, verificationService, intl }) => {
+    const currentValue = getSafe(() => verificationService.viewModel.metadata[config.fieldId]) || "";
+    const errorId = getSafe(() => verificationService.fieldValidationErrors[config.fieldId]);
+    const onChange = (value) => {
+        verificationService.updateViewModel(fn(verificationService.viewModel, (draft) => {
+            draft.metadata = draft.metadata || {};
+            draft.metadata[config.fieldId] = value;
+        }));
+        verificationService.updateFieldValidationErrors(fn(verificationService.fieldValidationErrors, (draft) => {
+            const errorId = config.validate(value);
+            if (errorId === undefined) {
+                delete draft[config.fieldId];
+            }
+            // Don't set error. Only do that when submit is clicked, same as jslib's built-in fields
+        }));
+    };
+    return (React.createElement(FormFieldText, { fieldId: config.fieldId, value: `${currentValue}`, onChange: onChange, placeholder: intl.formatHTMLMessage({
+            id: `${config.fieldId}Placeholder`,
+            defaultMessage: config.fieldId,
+        }), label: React.createElement(FormattedHTMLMessage, { id: `${config.fieldId}Label`, defaultMessage: config.fieldId }), errorMessage: errorId && (React.createElement(FormattedHTMLMessage, { id: `errorId.${errorId}`, defaultMessage: `Invalid ${config.fieldId}` })), showPlaceholderAndHideLabel: config.showPlaceholderAndHideLabel, required: config.required }));
+});
+
 /**
  * TODO - preamble
  */
@@ -18557,6 +18643,7 @@ const StepStudentPersonalInfo = ({ intl, verificationService, }) => {
                 updateStudentViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateStudentViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -18645,6 +18732,7 @@ const StepSeniorPersonalInfo = ({ verificationService }) => {
                 updateSeniorViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateSeniorViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -18682,21 +18770,10 @@ 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.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 City = ({ value, isErrored, onChange, intl, isRequired = false, onKeyDown = undefined, placeholder = "", }) => (React.createElement(FormFieldText, { fieldId: "city", value: value, onChange: onChange, placeholder: placeholder || intl.formatHTMLMessage({ id: "cityPlaceholder", defaultMessage: "City" }), label: React.createElement(FormattedHTMLMessage, { id: "city", defaultMessage: "City" }), errorMessage: isErrored && React.createElement(FormattedHTMLMessage, { id: "errorId.invalidCity", defaultMessage: "Invalid city" }), showPlaceholderAndHideLabel: !!placeholder, required: isRequired, onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined }));
 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.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 Address = ({ value, isErrored, onChange, intl, isRequired = false, onKeyDown = undefined, placeholder = "", label, }) => (React.createElement(FormFieldText, { fieldId: "address", value: value, onChange: onChange, placeholder: placeholder || intl.formatHTMLMessage({ id: "addressPlaceholder", defaultMessage: "Address" }), label: label || React.createElement(FormattedHTMLMessage, { id: "address", defaultMessage: "Address" }), errorMessage: isErrored && (React.createElement(FormattedHTMLMessage, { id: "errorId.invalidAddress", defaultMessage: "Invalid address" })), showPlaceholderAndHideLabel: !!placeholder, required: isRequired, onKeyDown: typeof onKeyDown === "function" ? (e) => onKeyDown(e) : undefined }));
 const AddressComponent = injectIntl(Address);
 
 /**
@@ -18817,6 +18894,7 @@ const StepAgePersonalInfo = ({ verificationService, intl }) => {
                 updateAgeViewModel("phoneNumber", value);
                 updateFieldValidationErrorsByFieldId("phoneNumber", value, verificationService);
             }, errorId: fieldValidationErrors.phoneNumber, requireCarrierConsent: verificationService.programTheme.smsLoopEnabled || safeCountryValue !== "US", onCarrierConsentChange: onCarrierConsentChange, carrierConsent: Boolean(viewModel.metadata && viewModel.metadata.carrierConsentValue), selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })),
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateAgeViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -18943,6 +19021,7 @@ const StepTeacherPersonalInfo = ({ intl, verificationService, }) => {
                 updateTeacherViewModel("postalCode", newValue);
                 updateFieldValidationErrorsByFieldId("postalCode", newValue, verificationService);
             }, value: viewModel.postalCode })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateTeacherViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -18989,7 +19068,6 @@ const MembershipOrganizationComponent = injectIntl(MembershipOrganization);
 
 /**
  * Step Member Personal Info Component
- * TODO - We need to import more from es6
  */
 const StepMemberPersonalInfo = ({ intl, verificationService, }) => {
     const viewModel = verificationService.viewModel;
@@ -19062,6 +19140,7 @@ const StepMemberPersonalInfo = ({ intl, verificationService, }) => {
                 updateMemberViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateMemberViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -19261,6 +19340,7 @@ const StepActiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
                 updateActiveMilitaryViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateActiveMilitaryViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -19385,50 +19465,6 @@ DischargeDate.defaultProps = {
 };
 const DischargeDateComponent = injectIntl(DischargeDate);
 
-/**
- * Insert `newPart` into a string
- * Use:
- *      "Hi !".insertAt(3, "world"); // "Hi world!"
- */
-String.prototype.insertAt = function (index, newPart) {
-    if (index > this.length) {
-        return this;
-    }
-    return `${this.slice(0, index)}${newPart}${this.slice(index)}`;
-};
-
-const displaySSN = (value) => {
-    let stringValue;
-    try {
-        stringValue = value.toString();
-        if (!stringValue)
-            throw new Error();
-    }
-    catch (e) {
-        return "";
-    }
-    return stringValue
-        .replace(/[^\d]/g, "") // replce non-digit chars
-        .insertAt(3, "-") // for display
-        .insertAt(6, "-")
-        .replace("--", "") // just in case
-        .replace(/-$/, ""); // don't add trailing hyphen, breaks backspace
-};
-// The viewModel and API don't include hyphens. Also enforces max length, prior to setting viewModel, avoiding off-by-one error.
-const unDisplaySSN = (value) => value.replace(/-/g, "").slice(0, SSN_STRING_LENGTH);
-
-const SocialSecurity = ({ value, isErrored, onChange, intl, explanation, placeholder = "", isRequired = false, label, }) => {
-    const getDefaultExplanation = () => (!isRequired ? explanation : "");
-    return (React.createElement("div", { className: "sid-field sid-ssn" },
-        React.createElement("div", { className: "sid-l-space-top-md" }),
-        React.createElement(FieldLabel, { text: label, htmlForLabel: "sid-ssn", id: "sid-ssn-label", displayClasses: "sid-field__label-with-explanation", isRequired: isRequired }, getDefaultExplanation()),
-        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) => onChange(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));
-};
-const SocialSecurityNumber = injectIntl(SocialSecurity);
-
 /**
  * TODO - preamble
  */
@@ -19515,10 +19551,7 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
                 updateInactiveMilitaryViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
-        React.createElement(SocialSecurity, { value: viewModel.socialSecurityNumber, onChange: (value) => {
-                updateInactiveMilitaryViewModel("socialSecurityNumber", value);
-                updateFieldValidationErrorsByFieldId("socialSecurityNumber", value, verificationService);
-            }, isRequired: false, isErrored: !!fieldValidationErrors[FieldIdEnum.socialSecurityNumber], placeholder: "000-00-0000", label: React.createElement(FormattedHTMLMessage, { id: "ssn", defaultMessage: "Social Security Number" }), explanation: React.createElement(FormattedHTMLMessage, { id: "optional", defaultMessage: "Optional" }) }),
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateInactiveMilitaryViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -19651,6 +19684,7 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService, }) => {
                 updateFirstResponderViewModel("postalCode", newValue);
                 updateFieldValidationErrorsByFieldId("postalCode", newValue, verificationService);
             }, value: viewModel.postalCode })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateFirstResponderViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -19808,6 +19842,7 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService, }) =>
                 updateMedicalProfessionalViewModel("memberId", newValue);
                 updateFieldValidationErrorsByFieldId("memberId", newValue, verificationService);
             }, explanation: memberIdMessageKeys && (React.createElement(FormattedHTMLMessage, { id: memberIdMessageKeys.explanationKey, defaultMessage: "Your Professional Membership Registration Number" })), label: memberIdMessageKeys && (React.createElement(FormattedHTMLMessage, { id: memberIdMessageKeys.labelKey, defaultMessage: "Registration Number" })) })),
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateMedicalProfessionalViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -19898,12 +19933,12 @@ const StepEmploymentPersonalInfo = ({ verificationService, }) => {
         shouldCollectAddressFields(viewModel.countryChoice, verificationService.programTheme.config.countries) ? (React.createElement(AddressComponent, { isErrored: !!fieldValidationErrors.address1, errorId: fieldValidationErrors.address1, onChange: (newValue) => {
                 updateEmploymentViewModel("address1", newValue);
                 updateFieldValidationErrorsByFieldId("address1", newValue, verificationService);
-            }, value: viewModel.address1 })) : null,
+            }, isRequired: true, value: viewModel.address1 })) : null,
         shouldCollectAddressFields(viewModel.countryChoice, verificationService.programTheme.config.countries) ? (React.createElement("div", { className: "sid-thirds" },
             React.createElement(CityComponent, { isErrored: !!fieldValidationErrors.city, errorId: fieldValidationErrors.city, onChange: (newValue) => {
                     updateEmploymentViewModel("city", newValue);
                     updateFieldValidationErrorsByFieldId("city", newValue, verificationService);
-                }, value: viewModel.city }),
+                }, value: viewModel.city, isRequired: true }),
             React.createElement(StateComponent, { isErrored: !!fieldValidationErrors.state, errorId: fieldValidationErrors.state, onChange: (newValue) => {
                     updateEmploymentViewModel("state", newValue);
                     updateFieldValidationErrorsByFieldId("state", newValue, verificationService);
@@ -19921,6 +19956,7 @@ const StepEmploymentPersonalInfo = ({ verificationService, }) => {
                 updateEmploymentViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateEmploymentViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -20038,6 +20074,7 @@ const StepDriverLicensePersonalInfo = ({ intl, verificationService, }) => {
                 updateIdentityViewModel("driverLicenseNumber", newValue);
                 updateFieldValidationErrorsByFieldId("driverLicenseNumber", newValue, verificationService);
             } }),
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateIdentityViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -20113,12 +20150,12 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService, }) => {
         React.createElement(AddressComponent, { isErrored: !!fieldValidationErrors.address1, errorId: fieldValidationErrors.address1, onChange: (newValue) => {
                 updateIdentityViewModel("address1", newValue);
                 updateFieldValidationErrorsByFieldId("address1", newValue, verificationService);
-            }, value: viewModel.address1 }),
+            }, value: viewModel.address1, isRequired: true }),
         React.createElement("div", { className: "sid-thirds" },
             React.createElement(CityComponent, { isErrored: !!fieldValidationErrors.city, errorId: fieldValidationErrors.city, onChange: (newValue) => {
                     updateIdentityViewModel("city", newValue);
                     updateFieldValidationErrorsByFieldId("city", newValue, verificationService);
-                }, value: viewModel.city }),
+                }, value: viewModel.city, isRequired: true }),
             React.createElement(StateSelectComponent, { isRequired: true, options: getAvailableStateChoices(verificationService.programTheme, intl), value: viewModel.state || undefined, isErrored: Boolean(fieldValidationErrors.state), onChange: async (stateChoice) => {
                     const stateValue = stateChoice ? stateChoice.value : undefined;
                     updateIdentityViewModel("state", stateValue);
@@ -20127,7 +20164,8 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService, }) => {
             React.createElement(PostalCodeComponent, { isErrored: !!fieldValidationErrors.postalCode, onChange: (newValue) => {
                     updateIdentityViewModel("postalCode", newValue);
                     updateFieldValidationErrorsByFieldId("postalCode", newValue, verificationService);
-                }, value: viewModel.postalCode })),
+                }, value: viewModel.postalCode, isRequired: true })),
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateIdentityViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -20203,12 +20241,12 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService, }) => {
         React.createElement(AddressComponent, { isErrored: !!fieldValidationErrors.address1, errorId: fieldValidationErrors.address1, onChange: (newValue) => {
                 updateIdentityViewModel("address1", newValue);
                 updateFieldValidationErrorsByFieldId("address1", newValue, verificationService);
-            }, value: viewModel.address1 }),
+            }, value: viewModel.address1, isRequired: true }),
         React.createElement("div", { className: "sid-thirds" },
             React.createElement(CityComponent, { isErrored: !!fieldValidationErrors.city, errorId: fieldValidationErrors.city, onChange: (newValue) => {
                     updateIdentityViewModel("city", newValue);
                     updateFieldValidationErrorsByFieldId("city", newValue, verificationService);
-                }, value: viewModel.city }),
+                }, value: viewModel.city, isRequired: true }),
             React.createElement(StateSelectComponent, { isRequired: true, options: getAvailableStateChoices(verificationService.programTheme, intl), value: viewModel.state || undefined, isErrored: Boolean(fieldValidationErrors.state), onChange: async (stateChoice) => {
                     const stateValue = stateChoice ? stateChoice.value : undefined;
                     updateIdentityViewModel("state", stateValue);
@@ -20222,6 +20260,7 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService, }) => {
                 updateIdentityViewModel("driverLicenseNumber", newValue);
                 updateFieldValidationErrorsByFieldId("driverLicenseNumber", newValue, verificationService);
             } }),
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateIdentityViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -20266,8 +20305,8 @@ const LicensedProfessionalOrganization = ({ value, isErrored, onChange, verifica
 };
 const LicensedProfessionalOrganizationComponent = injectIntl(LicensedProfessionalOrganization);
 
-const SEGMENT_ID = "licensed-professional";
-const defaultStatusMessages = {
+const SEGMENT_ID$1 = "licensed-professional";
+const defaultStatusMessages$1 = {
     LICENSED_COSMETOLOGIST: "Licensed Cosmetologist",
     LICENSED_REAL_ESTATE_AGENT: "Licensed Real Estate Agent",
     VETERINARIAN: "Veterinarian",
@@ -20288,7 +20327,7 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
         if (!status) {
             return "";
         }
-        return intl.formatHTMLMessage({ id: status, defaultMessage: defaultStatusMessages[status] });
+        return intl.formatHTMLMessage({ id: status, defaultMessage: defaultStatusMessages$1[status] });
     };
     const getAvailableLicensedProfessionalStatuses = () => {
         const availableStatusesResponse = verificationResponse.availableStatuses;
@@ -20314,7 +20353,7 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
             React.createElement("div", { className: "sid-header__how-verifying-works sid-l-horz-center" },
                 React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }),
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
-        React.createElement(StatusComponent, { segmentId: SEGMENT_ID, value: {
+        React.createElement(StatusComponent, { segmentId: SEGMENT_ID$1, value: {
                 value: viewModel.statuses ? viewModel.statuses[0] : "",
                 label: viewModel.statuses ? getStatusLabel(viewModel.statuses[0]) : "",
             }, isErrored: !!fieldValidationErrors.statuses, options: getAvailableLicensedProfessionalStatuses(), onChange: (status) => {
@@ -20352,6 +20391,7 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
                 updateLicensedProfessionalViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateLicensedProfessionalViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -20413,7 +20453,7 @@ const StepMoverPersonalInfo = ({ verificationService }) => {
         React.createElement(AddressComponent, { value: viewModel.address1, isErrored: !!fieldValidationErrors.address1, errorId: fieldValidationErrors.address1, onChange: (newValue) => {
                 updateMoverViewModel("address1", newValue);
                 updateFieldValidationErrorsByFieldId("address1", newValue, verificationService);
-            } }),
+            }, label: React.createElement(FormattedHTMLMessage, { id: "streetAddress", defaultMessage: "Street Address" }), isRequired: true }),
         React.createElement(PostalCodeComponent, { value: viewModel.postalCode, isErrored: !!fieldValidationErrors.postalCode, onChange: (newValue) => {
                 updateMoverViewModel("postalCode", newValue);
                 updateFieldValidationErrorsByFieldId("postalCode", newValue, verificationService);
@@ -20427,6 +20467,7 @@ const StepMoverPersonalInfo = ({ verificationService }) => {
                 updateMoverViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
+        getOptions().customFormFields.map((config) => (React.createElement(FormFieldCustom, { config: config, verificationService: verificationService }))),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateMoverViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -20444,14 +20485,14 @@ const StepMoverPersonalInfo = ({ verificationService }) => {
 };
 const StepMoverPersonalInfoComponent = injectIntl(StepMoverPersonalInfo);
 
-const LowIncomeOrganization = ({ value, isErrored, onChange, verificationService, intl, placeholder = "", }) => {
+const LowIncomeOrganization = ({ value, isErrored, onChange, verificationService, intl, placeholder = "", isRequired = false, }) => {
     const { programId } = verificationService;
     return (React.createElement("div", { className: "sid-field sid-low-income-id" },
         React.createElement("div", { className: "sid-l-space-top-md" }),
-        React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "organization", defaultMessage: "Government Assistance Program" }), htmlForLabel: "sid-low-income", id: "sid-low-income-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
+        React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "lowIncomeOrganization", defaultMessage: "Government Assistance Program" }), htmlForLabel: "sid-low-income", id: "sid-low-income-label", displayClasses: placeholder && "sid-h-screen-reader-only", isRequired: isRequired }),
         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.formatHTMLMessage({
-                    id: "organizationNamePlaceholder",
+                    id: "lowIncomeOrganizationPlaceholder",
                     defaultMessage: "Government Assistance Program",
                 }), programId: programId, value: value, inputHtmlId: "sid-low-income", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
@@ -20459,6 +20500,15 @@ const LowIncomeOrganization = ({ value, isErrored, onChange, verificationService
 };
 const LowIncomeOrganizationComponent = injectIntl(LowIncomeOrganization);
 
+const EBTCardNumber = ({ value, isErrored, onChange, intl, placeholder = "", }) => (React.createElement(FormFieldText, { fieldId: "ebtCardNumber", value: value, onChange: onChange, placeholder: 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",
+};
 const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
     const viewModel = verificationService.viewModel;
     const { fieldValidationErrors } = verificationService;
@@ -20469,18 +20519,45 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
         value: "en-US",
         label: "English",
     };
+    const selectedStatus = viewModel.statuses[0] ? viewModel.statuses[0] : undefined;
+    const isSelectedStatusSnapBenefits = selectedStatus === "SNAP_BENEFITS";
     const updateLowIncomeViewModel = (key, value) => {
         const nextState = fn(viewModel, (draft) => {
             draft[key] = value;
         });
         verificationService.updateViewModel(nextState);
     };
+    const getStatusLabel = (status) => {
+        if (!status) {
+            return "";
+        }
+        return intl.formatHTMLMessage({ id: status, defaultMessage: defaultStatusMessages[status] });
+    };
+    const getAvailableLowIncomeStatuses = () => {
+        const availableStatusesResponse = verificationResponse.availableStatuses;
+        const availableStatuses = [];
+        if (availableStatusesResponse) {
+            for (const status of availableStatusesResponse) {
+                availableStatuses.push({
+                    value: status,
+                    label: getStatusLabel(status),
+                });
+            }
+        }
+        return availableStatuses;
+    };
     const updateLocale = (localeChoice) => {
         const nextState = fn(viewModel, (draft) => {
             draft.localeChoice = localeChoice;
         });
         verificationService.updateLocale(nextState, verificationService.programTheme, verificationService.verificationResponse.segment);
     };
+    React.useEffect(() => {
+        if (isSelectedStatusSnapBenefits) {
+            const updatedViewModel = { fieldsToSkipValidation: ["organization"] };
+            setViewModel(updatedViewModel, { partial: true });
+        }
+    }, [isSelectedStatusSnapBenefits]);
     return (React.createElement("div", { id: "sid-step-low-income-personal-info", className: "sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
             React.createElement("div", { className: "sid-l-horz-center" },
@@ -20500,10 +20577,22 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
                 React.createElement(RewardsRemainingComponent, { verificationService: verificationService })))),
         localeChoices.length > 1 ? (React.createElement(ChangeLocaleComponent, { options: localeChoices, value: viewModel.localeChoice || defaultLocaleChoice, isErrored: false, onChange: (localeChoice) => updateLocale(localeChoice) })) : null,
         React.createElement(CountryComponentWrapper, { verificationService: verificationService, viewModel: viewModel }),
-        React.createElement(LowIncomeOrganizationComponent, { isErrored: !!fieldValidationErrors.organization, onChange: (choice) => {
+        React.createElement(StatusComponent, { segmentId: SEGMENT_ID, value: {
+                value: viewModel.statuses ? viewModel.statuses[0] : "",
+                label: viewModel.statuses ? getStatusLabel(viewModel.statuses[0]) : "",
+            }, isErrored: !!fieldValidationErrors.statuses, options: getAvailableLowIncomeStatuses(), onChange: (status) => {
+                const updatedStatuses = status ? [status.value] : [];
+                updateLowIncomeViewModel("statuses", updatedStatuses);
+                updateFieldValidationErrorsByFieldId("statuses", status ? status.value : "", verificationService);
+            } }),
+        selectedStatus === "SNAP_BENEFITS" && (React.createElement(EBTCardNumberComponent, { value: viewModel.ebtCardNumber, isErrored: !!fieldValidationErrors.ebtCardNumber, onChange: (newValue) => {
+                updateLowIncomeViewModel("ebtCardNumber", newValue);
+                updateFieldValidationErrorsByFieldId("ebtCardNumber", newValue, verificationService);
+            } })),
+        selectedStatus === "OTHER_GOVERNMENT_ASSISTANCE" && (React.createElement(LowIncomeOrganizationComponent, { isErrored: !!fieldValidationErrors.organization, onChange: (choice) => {
                 updateViewModelOrganization(choice, verificationService);
                 updateFieldValidationErrorsByFieldId("organization", choice, verificationService);
-            }, value: verificationService.viewModel.organization, verificationService: verificationService }),
+            }, value: verificationService.viewModel.organization, verificationService: verificationService, isRequired: true })),
         React.createElement("div", { className: "sid-names" },
             React.createElement(FirstNameComponent, { value: viewModel.firstName, isErrored: !!fieldValidationErrors.firstName, onChange: (newValue) => {
                     updateLowIncomeViewModel("firstName", newValue);
@@ -20525,6 +20614,11 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
                 updateLowIncomeViewModel("email", newValue);
                 updateFieldValidationErrorsByFieldId("email", newValue, verificationService);
             }, onKeyDown: (event) => handleEmailOnKeyDown(event) }),
+        verificationService.programTheme.isSmsNotifierConfigured ||
+            verificationService.programTheme.smsLoopEnabled ? (React.createElement(PhoneNumberComponent, { isRequired: !!verificationService.programTheme.smsLoopEnabled, value: viewModel.phoneNumber, isErrored: !!fieldValidationErrors.phoneNumber, onChange: (newValue) => {
+                updateLowIncomeViewModel("phoneNumber", newValue);
+                updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
+            }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateLowIncomeViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -20537,7 +20631,7 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
                 React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectLowIncomePersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
                         ? "sid-btn--disabled-like"
                         : ""}`, "aria-labelledby": "verify-status-text", ref: (button) => setRef("submitButton", button) },
-                    React.createElement("span", { id: "verify-status-text" }, failedInstantMatch ? (React.createElement(FormattedHTMLMessage, { id: "tryAgain", defaultMessage: "Try Again" })) : (React.createElement(FormattedHTMLMessage, { id: "verifyMyLowIncomeStatus", defaultMessage: "Verify My Status" })))))),
+                    React.createElement("span", { id: "verify-status-text" }, failedInstantMatch ? (React.createElement(FormattedHTMLMessage, { id: "tryAgain", defaultMessage: "Try Again" })) : (React.createElement(FormattedHTMLMessage, { id: "verifyMyLowIncomeStatus", defaultMessage: "Verify Status" })))))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
 };
 const StepLowIncomePersonalInfoComponent = injectIntl(StepLowIncomePersonalInfo);
@@ -20545,6 +20639,52 @@ const StepLowIncomePersonalInfoComponent = injectIntl(StepLowIncomePersonalInfo)
 // Collect status is identical to Active at this time.
 const StepCollectMilitaryStatusComponent = ({ verificationService, }) => (React.createElement(StepActiveMilitaryPersonalInfoComponent, { verificationService: verificationService }));
 
+/**
+ * Insert `newPart` into a string
+ * Use:
+ *      "Hi !".insertAt(3, "world"); // "Hi world!"
+ */
+String.prototype.insertAt = function (index, newPart) {
+    if (index > this.length) {
+        return this;
+    }
+    return `${this.slice(0, index)}${newPart}${this.slice(index)}`;
+};
+
+const displaySSN = (value) => {
+    let stringValue;
+    try {
+        stringValue = value.toString();
+        if (!stringValue)
+            throw new Error();
+    }
+    catch (e) {
+        return "";
+    }
+    return stringValue
+        .replace(/[^\d]/g, "") // replce non-digit chars
+        .insertAt(3, "-") // for display
+        .insertAt(6, "-")
+        .replace("--", "") // just in case
+        .replace(/-$/, ""); // don't add trailing hyphen, breaks backspace
+};
+// The viewModel and API don't include hyphens. Also enforces max length, prior to setting viewModel, avoiding off-by-one error.
+const unDisplaySSN = (value) => value.replace(/-/g, "").slice(0, SSN_STRING_LENGTH);
+
+const SocialSecurity = ({ value, isErrored, onChange, intl, placeholder = "", }) => {
+    const changeSsn = (value) => {
+        onChange(value);
+    };
+    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.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));
+};
+const SocialSecurityNumber = injectIntl(SocialSecurity);
+
 const Step$1 = ({ useSsn, useDocUpload, verificationService }) => (React.createElement("div", { id: "sid-ssn-choice", className: "sid-l-container sid-l-horz-center" },
     React.createElement("div", { className: "sid-header" },
         React.createElement("div", { className: "sid-l-horz-center" },
@@ -20614,8 +20754,9 @@ const TryAgainButtonComponent = ({ verificationService }) => {
         (async () => {
             const trackingId = undefined;
             const forceNewVerificationRequest = true;
+            const { programId } = verificationService;
             await verificationService.resetState();
-            verificationService.fetchNewVerificationRequest(verificationService.programId, currentSegment, undefined, trackingId, forceNewVerificationRequest);
+            verificationService.fetchNewVerificationRequest(programId, currentSegment, undefined, trackingId, forceNewVerificationRequest);
         })();
     }, [verificationService.programId, currentSegment]);
     return (React.createElement("button", { type: "button", className: "sid-btn sid-btn-light", "aria-label": "submit", onClick: fetchNewVerificationRequest, onKeyPress: fetchNewVerificationRequest, tabIndex: 0 },
@@ -20637,11 +20778,6 @@ const StepError = ({ verificationService, errorId }) => {
     let logoContainerClass = "sid-l-horz-center";
     let button = (React.createElement(BtnContainer, null,
         React.createElement(TryAgainButtonComponent, { verificationService: verificationService })));
-    // special case
-    if (errorIds.includes("verificationLimitExceeded")) {
-        button = null;
-        logoContainerClass += " sid-l-space-top-xl";
-    }
     // If there's an overriding title message, use it (UX-160):
     if (getSafe(() => verificationService.messages[`step.error.errorId.${firstErrorId}.title`])) {
         errorTitle = {
@@ -20656,6 +20792,17 @@ const StepError = ({ verificationService, errorId }) => {
             React.createElement(LinkExternal, { href: verificationResponse.redirectUrl, onClick: () => recordEvent(VerificationStepsEnum.error, verificationResponse.redirectUrl), className: "sid-btn sid-btn-light" },
                 React.createElement(FormattedHTMLMessage, { id: `step.error.errorId.${firstErrorId}.buttonText`, defaultMessage: verificationService.messages[`step.error.errorId.${firstErrorId}.buttonText`] }))));
     }
+    // special cases
+    if (errorIds.includes("verificationLimitExceeded")) {
+        button = null;
+        logoContainerClass += " sid-l-space-top-xl";
+    }
+    if (errorIds.includes("unauthorizedAccountStatus")) {
+        const faqUrl = getSafe(() => verificationService.programTheme.config.brandInfo.faqUrl);
+        button = faqUrl ? (React.createElement(BtnContainer, null,
+            React.createElement(LinkExternal, { href: faqUrl, onClick: () => recordEvent(VerificationStepsEnum.error, faqUrl), className: "sid-btn sid-btn-light" },
+                React.createElement(FormattedHTMLMessage, { id: "step.error.errorId.unauthorizedAccountStatus.buttonText", defaultMessage: verificationService.messages["step.error.errorId.unauthorizedAccountStatus.buttonText"] })))) : null;
+    }
     return (React.createElement("div", { id: "sid-step-error", className: "sid-l-container" },
         React.createElement("div", { className: "sid-header sid-l-horz-center" },
             React.createElement("div", { className: logoContainerClass }, hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/circle-exclamation.svg" }))),
@@ -23407,7 +23554,7 @@ class Iframe {
 
 class Modal {
     constructor(url, userConfig) {
-        this.popStateEventHandler = () => this.closeModal(true);
+        this.popStateEventHandler = () => this.closeModal();
         const thresholdConfig = userConfig.mobileThreshold
             ? userConfig.mobileThreshold
             : iframeConstants.DEFAULT_MOBILE_THRESHOLD_WIDTH;
@@ -23444,14 +23591,11 @@ class Modal {
         });
         return this.closeButton;
     }
-    closeModal(historyEventTrigger = false) {
+    closeModal() {
         window.removeEventListener("popstate", this.popStateEventHandler);
         const transitionTimeout = iframeConstants.MODAL_OPACITY_TRANSITION_PERIOD;
         removeElement(this.overlay, transitionTimeout);
         removeElement(this.wrapper, transitionTimeout);
-        if (!historyEventTrigger) {
-            window.history.back();
-        }
     }
     static createOverlay() {
         const overlay = document.createElement("div");
@@ -23504,7 +23648,6 @@ class Modal {
         });
         document.body.appendChild(this.overlay);
         document.body.appendChild(this.wrapper);
-        window.history.pushState({}, document.title);
         this.addPopStateListener();
     }
     init() {
@@ -23563,5 +23706,5 @@ const collectDeviceProfile = async (verificationId, programId) => {
     includeIPQSDeviceFingerprintScript(programTheme, verificationId);
 };
 
-export { ACCEPTED_DOC_MIME_TYPES, AcceptableUploadsComponent, AddressComponent, BirthDateComponent, BranchOfServiceComponent, ChangeLocaleComponent, CityComponent, CollegeNameComponent, CompanyComponent, CopyToClipboard, CountDownComponent, CountryComponent, CountryComponentWrapper, DEFAULT_LOCALE, DEFAULT_MINIMUM_ORG_SEARCH_VALUE_LENGTH, DEFAULT_PRIVACY_POLICY_URL, DeleteJson, DischargeDateComponent, DriverLicenseNumberComponent, EmailComponent, FaqLinkComponent, FetchOrganizationsComponent, FieldIdEnum, FieldIds, FieldLabel, FirstNameComponent, FirstResponderOrganizationComponent, FirstResponderStatusComponent, FirstResponderStatusDefaultMessagesEnum, FormFooterComponent, GetEmptyTheme, GetJson, GetResponse, HTTP_REQUEST_TIMEOUT, HookNameEnum, HookNames, HowDoesVerifyingWorkComponent, InputSelectButtonComponent, InputSelectComponent, InputSelectListComponent, InputTextComponent, LastNameComponent, LinkExternal, LoadingSpinnerComponent, Locales, LogoComponent, LowIncomeOrganizationComponent, LowIncomeStatusDefaultMessagesEnum, MAX_DOC_UPLOAD_DOCS_ALLOWED, MarketConsentWrapperComponent as MarketConsentWrapper, MedicalProfessionalOrganizationComponent, MedicalProfessionalStatusDefaultMessagesEnum, MedicalStatusComponent, MemberIdComponent, MembershipOrganizationComponent, MilitaryStatusComponent, MilitaryStatusDefaultMessagesEnum, MockSteps, MockStepsEnum, OptInComponent, OptInInputComponent, OrganizationListComponent, OrganizationResultComponent, PhoneNumberComponent, PostFiles, PostJson, PostalCodeComponent, PostalCodeInputComponent, PoweredByComponent, PrivacyPolicyLinkComponent, QUERY_STRING_ERRORID_OVERRIDE, QUERY_STRING_INSTALL_PAGE_URL, QUERY_STRING_REDIRECT_URL_OVERRIDE, QUERY_STRING_REWARD_CODE_OVERRIDE, QUERY_STRING_SEGMENT_OVERRIDE, QUERY_STRING_STEP_OVERRIDE, QUERY_STRING_SUBSEGMENT_OVERRIDE, RequestOrganizationContext, RequestOrganizationErrorComponent, RequestOrganizationForm, RequestOrganizationFormFooterComponent, RequestOrganizationSearchComponent, RequestOrganizationSearchResultComponent, RequestOrganizationSuccessComponent, ReviewPendingComponent, RewardsRemainingComponent, SHEERID, SMSCodeComponent, SSN_STRING_LENGTH, SSOPendingComponent, SearchFieldComponent, SegmentEnum, Segments, SelectButtonComponent, SelectComponent, SelectListComponent, SocialSecurityNumber, SortByLabel, SsnChoice, StateComponent, StateEnum, StateSelectComponent, StatusComponent, StepActiveMilitaryPersonalInfoComponent, StepDriverLicensePersonalInfoComponent, StepGeneralIdentityPersonalInfoComponent, StepHybridIdentityPersonalInfoComponent, StepLowIncomePersonalInfoComponent, SubSegmentEnum, TeacherSchoolComponent, TryAgainButtonComponent, TryAgainSteps, TypeaheadComponent, UPLOAD_FILE_PREFIX, UploadInfoComponent, VerificationApiClient, VerificationForm, VerificationSteps, VerificationStepsEnum, addFiles, addHook, allMockedResponses, arrayUnique, assertValidConversionRequest, assertValidDatabaseId, assertValidFieldId, assertValidFunction, assertValidHook, assertValidHookName, assertValidHtmlElement, assertValidLocale, assertValidMockStepName, assertValidProgramId, assertValidSegmentName, assertValidTrackingId, assertValidTryAgainStep, assertValidVerificationStepName, carrierConsentValueValidator, closeTabRef, collectDeviceProfile, conversion, convertByTrackingId, convertByVerificationId, customValidatorExists$1 as customValidatorExists, deepClone, deepMerge, displaySSN, employmentPInfoReqEmpty, ensureMaxMetadataKeyValueLengths, ensureTrailingSlash, fetchExistingVerificationRequest, fetchProgramOrganizations, fetchRequestOrganizations, formatTwoDigitValues, getAddSchoolRequestUrl, getAllEmptyViewModels, getAvailableCountryChoices, getAvailableLocaleChoices, getAvailableLocales, getAvailableMilitaryStatuses, getAvailableStateChoices, getCompanyName, getConfiguredCountries, getConfiguredStates, getCustomValidator, getCustomValidatorFields, getDefaultCountryChoice, getDomainFromUrl, getEmptyViewModel, getEstAndMaxReviewTimes, getEstimatedReviewTime, getExtendedFieldValidationErrorsEmpty, getFaqLink, getFieldDisplayOrderFromRefs, getFieldValidationErrors, getFieldValidationErrorsEmpty, getFingerprint, getFirstErroredFieldId, getHook, getLocaleSafely, getLogoUrl, getMarketConsent, getMaxReviewTime, getMessages, getMetadata, getNewEmailCodeResendUrl, getNewSmsCodeResendUrl, getNewVerificationRequestUrl, getOptions, getOrgSearchCountryTags, getOverriddenMock, getOverridenValidator, getPhoneNumberValidationError, getPrivacyPolicyCompanyName, getPrivacyPolicyUrl, getProgramThemeUrl, getQueryParamsFromUrl, getRefByFieldId, getRefs, getRouteOverride, getSafe, getSheerIdScriptBasePath, getStatusLabel, getTabRef, getTrackingIdFromQueryString, getVerificationIdFromQueryString, getVerificationStatusUrl, handleCountryOnKeyDown, handleEmailOnKeyDown, handleStateChange, hasFailedInstantMatch, howDoesVerifyingWorkMessages, isFormErrored, isFormFilled, isTestEmailDomains, isValidLocale, isValidUsPostalCode, listenToSheerIdFrame, loadInModal, loadInlineIframe, logger, orgToOption, orgsInStatus, overrideComponent, overrideValidator, phoneNumberValidator, populateViewModelFromQueryParams, postVerificationSizeUpdates, postalCodeMatchers, postalCodeValidator, produceDraftViewModel, produceDraftViewModelWithRequiredFields, recordEvent, recordVerificationResponse, recordViewModelChange, refreshStore, registerAdditionalLocales, removeAllFiles, removeCustomValidator, removeFile, requestOrganizationConstants, resetCustomValidators, resetHooks, resetMetadata, resetOptions, resetOverriddenComponents, resetOverriddenValidators, resetRefs, resetStore, resetTabRef, resetViewModel, resolveTrackingId, setCustomValidator, setDimension, setFocus, setGaDimensionIsTest, setMetadata, setOptions, setRef, setTabRef, setViewModel, shouldCollectAddressFields, shouldCollectPostalCode, socialSecurityEmpty, speakToOuterFrame, submitAddSchoolRequest, submitForm, unDisplaySSN, updateFieldValidationErrors, updateFieldValidationErrorsByFieldId, updateMilitaryViewModel, updateViewModelOrganization, usePollingInterval, validateFieldById, validateMetadata };
+export { ACCEPTED_DOC_MIME_TYPES, AcceptableUploadsComponent, AddressComponent, BirthDateComponent, BranchOfServiceComponent, ChangeLocaleComponent, CityComponent, CollegeNameComponent, CompanyComponent, CopyToClipboard, CountDownComponent, CountryComponent, CountryComponentWrapper, DEFAULT_LOCALE, DEFAULT_MINIMUM_ORG_SEARCH_VALUE_LENGTH, DEFAULT_PRIVACY_POLICY_URL, DeleteJson, DischargeDateComponent, DriverLicenseNumberComponent, EmailComponent, FaqLinkComponent, FetchOrganizationsComponent, FieldIdEnum, FieldIds, FieldLabel, FirstNameComponent, FirstResponderOrganizationComponent, FirstResponderStatusComponent, FirstResponderStatusDefaultMessagesEnum, FormFieldCustom, FormFieldLayout, FormFieldText, FormFooterComponent, GetEmptyTheme, GetJson, GetResponse, HTTP_REQUEST_TIMEOUT, HookNameEnum, HookNames, HowDoesVerifyingWorkComponent, InputSelectButtonComponent, InputSelectComponent, InputSelectListComponent, InputTextComponent, LastNameComponent, LinkExternal, LoadingSpinnerComponent, Locales, LogoComponent, LowIncomeOrganizationComponent, LowIncomeStatusDefaultMessagesEnum, MAX_DOC_UPLOAD_DOCS_ALLOWED, MarketConsentWrapperComponent as MarketConsentWrapper, MedicalProfessionalOrganizationComponent, MedicalProfessionalStatusDefaultMessagesEnum, MedicalStatusComponent, MemberIdComponent, MembershipOrganizationComponent, MilitaryStatusComponent, MilitaryStatusDefaultMessagesEnum, MockSteps, MockStepsEnum, OptInComponent, OptInInputComponent, OrganizationListComponent, OrganizationResultComponent, PhoneNumberComponent, PostFiles, PostJson, PostalCodeComponent, PostalCodeInputComponent, PoweredByComponent, PrivacyPolicyLinkComponent, QUERY_STRING_ERRORID_OVERRIDE, QUERY_STRING_INSTALL_PAGE_URL, QUERY_STRING_REDIRECT_URL_OVERRIDE, QUERY_STRING_REWARD_CODE_OVERRIDE, QUERY_STRING_SEGMENT_OVERRIDE, QUERY_STRING_STEP_OVERRIDE, QUERY_STRING_SUBSEGMENT_OVERRIDE, RequestOrganizationContext, RequestOrganizationErrorComponent, RequestOrganizationForm, RequestOrganizationFormFooterComponent, RequestOrganizationSearchComponent, RequestOrganizationSearchResultComponent, RequestOrganizationSuccessComponent, ReviewPendingComponent, RewardsRemainingComponent, SHEERID, SMSCodeComponent, SSN_STRING_LENGTH, SSOPendingComponent, SearchFieldComponent, SegmentEnum, Segments, SelectButtonComponent, SelectComponent, SelectListComponent, SocialSecurityNumber, SortByLabel, SsnChoice, StateComponent, StateEnum, StateSelectComponent, StatusComponent, StepActiveMilitaryPersonalInfoComponent, StepDriverLicensePersonalInfoComponent, StepGeneralIdentityPersonalInfoComponent, StepHybridIdentityPersonalInfoComponent, StepLowIncomePersonalInfoComponent, SubSegmentEnum, TeacherSchoolComponent, TryAgainButtonComponent, TryAgainSteps, TypeaheadComponent, UPLOAD_FILE_PREFIX, UploadInfoComponent, VerificationApiClient, VerificationForm, VerificationSteps, VerificationStepsEnum, addFiles, addHook, allMockedResponses, arrayUnique, assertValidConversionRequest, assertValidDatabaseId, assertValidFieldId, assertValidFunction, assertValidHook, assertValidHookName, assertValidHtmlElement, assertValidLocale, assertValidMockStepName, assertValidProgramId, assertValidSegmentName, assertValidTrackingId, assertValidTryAgainStep, assertValidVerificationStepName, carrierConsentValueValidator, closeTabRef, collectDeviceProfile, conversion, convertByTrackingId, convertByVerificationId, customValidatorExists$1 as customValidatorExists, deepClone, deepMerge, displaySSN, employmentPInfoReqEmpty, ensureMaxMetadataKeyValueLengths, ensureTrailingSlash, fetchExistingVerificationRequest, fetchProgramOrganizations, fetchRequestOrganizations, formatTwoDigitValues, getAddSchoolRequestUrl, getAllEmptyViewModels, getAvailableCountryChoices, getAvailableLocaleChoices, getAvailableLocales, getAvailableMilitaryStatuses, getAvailableStateChoices, getCompanyName, getConfiguredCountries, getConfiguredStates, getCustomValidator, getCustomValidatorFields, getDefaultCountryChoice, getDomainFromUrl, getEmptyViewModel, getEstAndMaxReviewTimes, getEstimatedReviewTime, getExtendedFieldValidationErrorsEmpty, getFaqLink, getFieldDisplayOrderFromRefs, getFieldValidationErrors, getFieldValidationErrorsEmpty, getFingerprint, getFirstErroredFieldId, getHook, getLocaleSafely, getLogoUrl, getMarketConsent, getMaxReviewTime, getMessages, getMetadata, getNewEmailCodeResendUrl, getNewSmsCodeResendUrl, getNewVerificationRequestUrl, getOptions, getOrgSearchCountryTags, getOverriddenMock, getOverridenValidator, getPhoneNumberValidationError, getPrivacyPolicyCompanyName, getPrivacyPolicyUrl, getProgramThemeUrl, getQueryParamsFromUrl, getRefByFieldId, getRefs, getRouteOverride, getSafe, getSheerIdScriptBasePath, getStatusLabel, getTabRef, getTrackingIdFromQueryString, getVerificationIdFromQueryString, getVerificationStatusUrl, handleCountryOnKeyDown, handleEmailOnKeyDown, handleStateChange, hasFailedInstantMatch, howDoesVerifyingWorkMessages, isFormErrored, isFormFilled, isTestEmailDomains, isValidLocale, isValidUsPostalCode, listenToSheerIdFrame, loadInModal, loadInlineIframe, logger, orgToOption, orgsInStatus, overrideComponent, overrideValidator, phoneNumberValidator, populateViewModelFromQueryParams, postVerificationSizeUpdates, postalCodeMatchers, postalCodeValidator, produceDraftViewModel, produceDraftViewModelWithRequiredFields, recordEvent, recordVerificationResponse, recordViewModelChange, refreshStore, registerAdditionalLocales, removeAllFiles, removeCustomValidator, removeFile, requestOrganizationConstants, resetCustomValidators, resetHooks, resetMetadata, resetOptions, resetOverriddenComponents, resetOverriddenValidators, resetRefs, resetStore, resetTabRef, resetViewModel, resolveTrackingId, setCustomValidator, setDimension, setFocus, setGaDimensionIsTest, setMetadata, setOptions, setRef, setTabRef, setViewModel, shouldCollectAddressFields, shouldCollectPostalCode, socialSecurityEmpty, speakToOuterFrame, submitAddSchoolRequest, submitForm, unDisplaySSN, updateFieldValidationErrors, updateFieldValidationErrorsByFieldId, updateMilitaryViewModel, updateViewModelOrganization, usePollingInterval, validateFieldById, validateMetadata };
 //# sourceMappingURL=sheerides6.js.map