@sheerid/jslib 1.144.1 → 1.145.0

package/sheerides6.js

@@ -2389,8 +2389,8 @@ var enUSMessages = {
 	"defaultMessages.requiredFields": "All fields are required",
 	"defaultMessages.rewardCodeEmailNotification": "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.school": "School",
-	"defaultMessages.schoolName": "University / College name",
-	"defaultMessages.schoolNamePlaceholder": "University / College name",
+	"defaultMessages.schoolName": "School",
+	"defaultMessages.schoolNamePlaceholder": "School",
 	"defaultMessages.sheeridFaqs": "SheerID FAQs",
 	"defaultMessages.smsCodePlaceholder": "SMS Code",
 	"defaultMessages.ssn": "Social Security Number",
@@ -2928,154 +2928,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-df3a510d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-cbfa110c.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-493319a6.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-c51fb076.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-a0453521.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-653d180f.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-1c4e24d0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-1459bdda.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-6c292956.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-1c2f0aec.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-6caeb9df.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-51a75f68.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-9410ea28.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-69239607.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-488b15d9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-3d504f4a.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-65673842.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-0741a8c6.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-83cbae39.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-e4b17692.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-38088b05.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-47e060a2.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-0a1aa5b7.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-37bdafd4.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-daf44302.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-1c05406c.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-537c96ec.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-9678c14e.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-fc591602.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-18040fc4.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-f4ef70b9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-634595a4.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-bdc07156.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-8a03f722.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-37996f3d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-5cb59491.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-ffcdcfa5.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-21a517e0.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-90422910.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-9598e433.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-e9a35cfe.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-5491f253.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-190dea03.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-0492ebc8.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-75524d11.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-31411394.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-4a27bc0c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-396299f1.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-7305d5b1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-1a49dd52.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-c91ff53d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-c15d915b.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-5b33d5e7.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-e4c99b19.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-1c329f57.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-cb651566.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-84b98692.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-fdeb457b.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-b2ccc271.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-40a5ce55.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-522fa414.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-a3197766.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-2b722f63.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-7613bee1.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-07fc3c11.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-f20b3a56.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-fe52acde.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-359c91aa.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-a8fc35a3.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-219202d3.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-ef529424.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-367840a4.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-4fa599a4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-2842d1aa.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -3457,17 +3457,17 @@ const RequestOrganizationErrorComponent = ({ requestOrganizationService, }) => {
     const { programTheme } = requestOrganizationService;
     const { programId } = requestOrganizationService;
     const logoUrl = programTheme ? getLogoUrl(programTheme) : null;
-    return (React.createElement("div", { className: "sid-l-container--extra-wide sid-l-space-btm-lg sid-l-container" },
-        React.createElement("div", { className: "sid-logo sid-l-horz-center sid-l-space-top-lg" },
-            React.createElement("img", { className: "sid-logo__img", alt: "Logo", src: logoUrl || requestOrganizationConstants.SHEERID_LOGO_URL })),
-        React.createElement("div", { className: "sid-l-horz-center" },
-            React.createElement("div", { className: "sid-logo sid-l-space-top-lg" },
-                React.createElement("img", { className: "sid-logo__icon", alt: "Error", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/circle-exclamation.svg" })),
-            React.createElement("div", { className: "sid-title" },
+    return (React.createElement("div", { className: "sid-l-container--extra-wide sid-l-space-btm-lg sid-request-organization-error-container sid-l-container" },
+        React.createElement("div", { className: "sid-logo sid-request-organization-error-sheerid-logo sid-l-horz-center sid-l-space-top-lg" },
+            React.createElement("img", { className: "sid-request-organization-error-logo__sheerid-logo sid-logo__img", alt: "Logo", src: logoUrl || requestOrganizationConstants.SHEERID_LOGO_URL })),
+        React.createElement("div", { className: "sid-request-organization-error-body sid-l-horz-center" },
+            React.createElement("div", { className: "sid-request-organization-error-icon-logo sid-logo sid-l-space-top-lg" },
+                React.createElement("img", { className: "sid-request-organization-error-icon-logo__logo sid-logo__icon", alt: "Error", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/circle-exclamation.svg" })),
+            React.createElement("div", { className: "sid-request-organization-error-title sid-title" },
                 React.createElement(FormattedHTMLMessage, { id: "step.error.title", defaultMessage: "An unexpected error occurred" })),
-            React.createElement("div", { className: "sid-soft-font-color" },
+            React.createElement("div", { className: "sid-request-organization-error-description sid-soft-font-color" },
                 React.createElement(FormattedHTMLMessage, { id: "step.error.description", defaultMessage: "Sorry we are not able to process your request. Please try again later." })),
-            React.createElement("div", { className: "sid-soft-font-color" },
+            React.createElement("div", { className: "sid-request-organization-error-feedback sid-soft-font-color" },
                 React.createElement(FormattedHTMLMessage, { id: "step.error.seeingProblem", defaultMessage: "DM If you keep seeing this problem <a class='sid-link' href='{feedbackUrl}&pid={programId}' target='_blank' rel='noopener noreferrer'>contact us</a>.", values: {
                         programId,
                         feedbackUrl: requestOrganizationConstants.FEEDBACK_FORM_URL,
@@ -3931,17 +3931,17 @@ const CustomTextWrapper = ({ dangerouslySetInnerHTML, ...props }) => dangerously
 
 const RequestOrganizationSuccessComponent = ({ requestOrganizationService, }) => {
     const { programTheme } = requestOrganizationService;
-    return (React.createElement("div", { className: "sid-l-container--extra-wide sid-l-space-btm-lg sid-l-container" },
-        React.createElement("div", { className: "sid-logo sid-l-horz-center sid-l-space-top-lg" },
-            React.createElement("img", { className: "sid-logo__img", alt: "Logo", src: programTheme && getLogoUrl(programTheme)
+    return (React.createElement("div", { className: "sid-l-container--extra-wide sid-request-organization-success-container sid-l-space-btm-lg sid-l-container" },
+        React.createElement("div", { className: "sid-logo sid-request-organization-success-logo sid-l-horz-center sid-l-space-top-lg" },
+            React.createElement("img", { className: "sid-request-organization-success-logo__sheerid-logo sid-logo__img", alt: "Logo", src: programTheme && getLogoUrl(programTheme)
                     ? getLogoUrl(programTheme)
                     : requestOrganizationConstants.SHEERID_LOGO_URL })),
-        React.createElement("div", { className: "sid-l-horz-center" },
-            React.createElement("div", { className: "sid-logo sid-l-space-top-lg" },
-                React.createElement("img", { className: "sid-logo__icon", alt: "Success", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/circle-check.svg" })),
-            React.createElement("div", { className: "sid-title" },
+        React.createElement("div", { className: "sid-request-organization-success-body-container sid-l-horz-center" },
+            React.createElement("div", { className: "sid-request-organization-success-icon-logo sid-logo sid-l-space-top-lg" },
+                React.createElement("img", { className: "sid-request-organization-success-icon-logo__logo sid-logo__icon", alt: "Success", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/circle-check.svg" })),
+            React.createElement("div", { className: "sid-request-organization-success-title sid-title" },
                 React.createElement(FormattedHTMLMessage, { id: "step.success.title", defaultMessage: "Thank you" })),
-            React.createElement("div", { className: "sid-soft-font-color" },
+            React.createElement("div", { className: "sid-request-organization-success-description sid-soft-font-color" },
                 React.createElement(FormattedHTMLMessage, { id: "step.success.description", defaultMessage: "Your request to add your educational institution has been received. As a reminder, each request is evaluated by SheerID against the requirements set by this offer. There is no guarantee that your school will be added. The evaluation process can take up to 7 business days." })))));
 };
 
@@ -5330,15 +5330,15 @@ const SearchFieldComponent = ({ name, label, value, placeholder, isErrored, onCh
             onKeyDown();
         }
     };
-    return (React.createElement("div", { className: "sid-field" },
+    return (React.createElement("div", { className: "sid-request-organization-search-field-container sid-field" },
         React.createElement("label", { htmlFor: `sid-${name}` },
-            React.createElement("div", { className: "sid-field__label sid-l-space-btm-sm" }, label)),
-        React.createElement("div", { className: "sid-field-search" },
-            React.createElement("input", { className: `sid-text-input sid-text-input--required sid-field-search-input
+            React.createElement("div", { className: "sid-field__label sid-request-organization-search-label sid-l-space-btm-sm" }, label)),
+        React.createElement("div", { className: "sid-field-search sid-request-organization-search-field" },
+            React.createElement("input", { className: `sid-text-input sid-request-organization-search-input sid-text-input--required sid-field-search-input
                         sid-l-full-width ${isErrored ? "sid-text-input--error" : ""}`, id: `sid-${name}`, name: `sid-${name}`, type: "text", value: value, onChange: (e) => onChange(e.target.value), onKeyDown: (e) => handleOnKeyDown(e), placeholder: placeholder }),
             React.createElement("div", { tabIndex: 0, onClick: () => search(), onKeyUp: () => search(), role: "button" },
-                React.createElement("img", { className: "sid-l-search-icon", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/search.svg", alt: "Search" }))),
-        isErrored ? (React.createElement("div", { className: "sid-field-error" },
+                React.createElement("img", { className: "sid-l-search-icon sid-request-organization-search-icon", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/search.svg", alt: "Search" }))),
+        isErrored ? (React.createElement("div", { className: "sid-field-error sid-request-organization-field-error" },
             React.createElement("span", null,
                 React.createElement(FormattedHTMLMessage, { id: `errorId.${isErrored}`, defaultMessage: "An unexpected error occurred" })))) : null));
 };
@@ -10305,10 +10305,10 @@ const RequestOrganizationSearch = ({ intl }) => {
             searchByOrgDomain();
         }
     }, [viewModel.countryChoice]);
-    return (React.createElement("div", { className: "sid-l-container--extra-wide sid-l-space-btm-lg sid-l-container" },
+    return (React.createElement("div", { className: "sid-l-container--extra-wide sid-request-organization-container sid-l-space-btm-lg sid-l-container" },
         React.createElement("div", { className: "sid-logo sid-l-horz-center sid-l-space-top-lg" },
-            React.createElement("img", { className: "sid-logo__img", alt: "Logo", src: logoUrl || requestOrganizationConstants.SHEERID_LOGO_URL })),
-        React.createElement("div", { className: "sid-logo sid-l-space-top-md" },
+            React.createElement("img", { className: "sid-request-organization-sheerid-logo sid-logo__img", alt: "Logo", src: logoUrl || requestOrganizationConstants.SHEERID_LOGO_URL })),
+        React.createElement("div", { className: "sid-logo sid-request-organization-school-house-logo sid-l-space-top-md" },
             React.createElement("img", { className: "sid-logo__icon", alt: "School House", src: requestOrganizationConstants.SCHOOL_HOUSE_URL })),
         localeChoices.length > 1 ? (React.createElement(ChangeLocaleComponent, { options: localeChoices, value: viewModel.localeChoice || defaultLocaleChoice, isErrored: false, onChange: (localeChoice) => {
                 updateRequestOrganizationViewModel({ localeChoice });
@@ -10396,13 +10396,13 @@ const RequestOrganizationSearch = ({ intl }) => {
                 React.createElement(EmailComponent, { value: viewModel.email, isErrored: !!viewModel.emailError, onChange: (newValue) => {
                         updateRequestOrganizationViewModel({ email: newValue });
                     }, explanation: " " })),
-            React.createElement("div", { className: "sid-l-space-top-lg" },
-                React.createElement("button", { type: "submit", className: "sid-btn sid-btn--dark", onClick: (e) => {
+            React.createElement("div", { className: "sid-l-space-top-lg sid-request-organization-button-container" },
+                React.createElement("button", { type: "submit", className: "sid-btn sid-btn--dark sid-btn__request-organization", onClick: (e) => {
                         e.preventDefault();
                         submitAddSchoolRequest(canSubmitForm, requestOrganizationService, dispatch);
                     } },
                     React.createElement(FormattedHTMLMessage, { id: "submit", defaultMessage: "Submit" }))))) : null,
-        viewModel.isSearching ? (React.createElement("div", { id: "sid-spinner-container", className: "sid-l-absolute-center" },
+        viewModel.isSearching ? (React.createElement("div", { id: "sid-spinner-container", className: "sid-l-absolute-center sid-spinner-container" },
             React.createElement(LoadingSpinnerComponent, null))) : null));
 };
 const RequestOrganizationSearchComponent = injectIntl(RequestOrganizationSearch);
@@ -12275,11 +12275,11 @@ const RequestOrganizationForm = ({ programId, viewModel, }) => {
 //    https://stackoverflow.com/questions/50709625/link-with-target-blank-and-rel-noopener-noreferrer-still-vulnerable
 const LinkExternal = ({ children, ...restProps }) => (React.createElement("a", Object.assign({ target: "_blank", rel: "noopener noreferrer" }, restProps), children));
 
-const RequestOrganizationFormFooterComponent = ({ faqUrl, }) => (React.createElement("div", { className: "sid-footer" },
-    React.createElement("div", { className: "sid-footer__powered-by-container--stacked sid-l-horz-center sid-l-space-top-lg" },
-        React.createElement("div", { className: "sid-footer__powered-by--stacked sid-l-horz-center" },
+const RequestOrganizationFormFooterComponent = ({ faqUrl, }) => (React.createElement("div", { className: "sid-request-organization-footer sid-footer" },
+    React.createElement("div", { className: "sid-request-organization-footer-powered-by sid-footer__powered-by-container--stacked sid-l-horz-center sid-l-space-top-lg" },
+        React.createElement("div", { className: "sid-request-organization-footer-powered-by__stacked sid-footer__powered-by--stacked sid-l-horz-center" },
             React.createElement(FormattedHTMLMessage, { id: "poweredBy", defaultMessage: "Verification services powered by SheerID." })),
-        React.createElement("div", { className: "sid-l-space-top-sm" },
+        React.createElement("div", { className: "sid-request-organization-faq-container sid-l-space-top-sm" },
             React.createElement(LinkExternal, { className: "sid-faq sid-link", href: faqUrl },
                 React.createElement(FormattedHTMLMessage, { id: "faq", defaultMessage: "SheerID Add School Request FAQ" }))))));
 
@@ -14069,16 +14069,21 @@ var isTestValues;
     isTestValues["TRUE"] = "true";
     isTestValues["FALSE"] = "false";
 })(isTestValues || (isTestValues = {}));
-const isTestEmailDomains = ["sheerid.com", "wizeline.com"];
+const testRequestEmailDomains = ["sheerid.com"];
 // GA admin config needs to correlate with these dimension index numbers:
-const dimensions = {
-    verificationId: "dimension1",
-    programId: "dimension2",
-    jslibVersionActual: "dimension3",
-    isTest: "dimension4",
-};
-const recordEvent = (step, label = "") => {
-    window.ga("send", "event", events.EVENT_CATEGORY, step, label);
+var DimensionName;
+(function (DimensionName) {
+    DimensionName["verificationId"] = "verificationId";
+    DimensionName["programId"] = "programId";
+    DimensionName["jslibVersionActual"] = "jslibVersionActual";
+    DimensionName["testRequest"] = "testRequest";
+    DimensionName["testMode"] = "testMode";
+})(DimensionName || (DimensionName = {}));
+const recordEvent = (step, stepAction = "") => {
+    window.gtag("event", events.EVENT_CATEGORY, {
+        step,
+        step_action: stepAction,
+    });
 };
 const recordViewModelChange = (oldState, newState) => {
     try {
@@ -14106,21 +14111,24 @@ const recordVerificationResponse = (verificationResponse) => {
 };
 const setDimension = (dimensionName, value) => {
     try {
-        window.ga("set", dimensions[dimensionName], value);
+        window.gtag("set", "user_properties", {
+            [dimensionName]: value,
+        });
     }
     catch (e) {
         logger.warn(`Failed to set ${dimensionName}`, e);
     }
 };
-const setGaDimensionIsTest = (viewModel) => {
+const setGaDimensionTestRequest = (viewModel) => {
     try {
         const { email } = viewModel;
-        if (email && isTestEmailDomains.filter((domain) => email.indexOf(domain) > -1).length > 0) {
-            setDimension("isTest", isTestValues.TRUE); // Note that this may override previously-sent `programTheme.isTestMode`
+        if (email &&
+            testRequestEmailDomains.filter((domain) => email.indexOf(domain) > -1).length > 0) {
+            setDimension(DimensionName.testRequest, isTestValues.TRUE);
         }
     }
     catch (e) {
-        logger.warn("Error setting isTest dimension", e);
+        logger.warn("Error setting testRequest dimension", e);
     }
 };
 
@@ -14325,7 +14333,7 @@ const createSubmitStep = (dispatch) => async (stepName, viewModel, previousRespo
     scrollToWindowTop();
     await dispatch({ type: "IS_LOADING", isLoading: true, loadingStep: stepName });
     logger.info(`submitting step ${stepName}`, viewModel);
-    setGaDimensionIsTest(viewModel);
+    setGaDimensionTestRequest(viewModel);
     const verificationResponse = await VerificationApiClient.submitStep(stepName, previousResponse, viewModel);
     const newViewModel = handleSubmitResponse(verificationResponse, viewModel);
     const promiseVerificationResponse = dispatch({
@@ -14852,7 +14860,7 @@ const getInitialState = () => deepClone(initialState$1);
 const verificationServiceReducer = (state = getInitialState(), action) => {
     switch (action.type) {
         case "PROGRAM_ID":
-            setDimension("programId", action.programId);
+            setDimension(DimensionName.programId, action.programId);
             return {
                 ...state,
                 programId: action.programId,
@@ -14922,7 +14930,7 @@ const verificationServiceReducer = (state = getInitialState(), action) => {
                 previousViewModel: action.previousViewModel,
             };
         case "PROGRAM_THEME":
-            setDimension("isTest", action.programTheme.isTestMode ? isTestValues.TRUE : isTestValues.FALSE);
+            setDimension(DimensionName.testMode, action.programTheme.isTestMode ? isTestValues.TRUE : isTestValues.FALSE);
             return {
                 ...state,
                 programTheme: action.programTheme,
@@ -17149,7 +17157,7 @@ const DateInput = ({ onChange, intl, isErrored, isRequired = true, value = "2000
     const day = mode === "date" && (React.createElement(InputTextComponent, { className: `${cssId}__day sid-date__day sid-text-input sid-text-input--required ${isErrored ? "sid-text-input--error" : ""}`, id: `${fieldId}-day`, isErrored: isErrored, min: 1, max: 31, name: `${cssId}-day`, onChange: (e) => updateDay(e.target.value), onBlur: getDate, pattern: "\\d*", placeholder: intl.formatHTMLMessage({ id: "dateTime.day", defaultMessage: "Day" }), hidePlaceholder: false, "aria-label": intl.formatHTMLMessage({ id: "dateTime.day", defaultMessage: "Day" }), "aria-labelledby": cssId, "aria-required": isRequired, refId: `${fieldName}Day`, type: "text", value: dateDay || "" }));
     return (React.createElement("div", { className: `sid-field ${cssId}` },
         React.createElement("div", { className: "sid-l-space-top-md" }),
-        React.createElement(FieldLabel, { text: label, htmlForLabel: monthFieldId, id: fieldLabelId, displayClasses: "sid-field__label-with-explanation", isRequired: isRequired },
+        React.createElement(FieldLabel, { text: label, htmlForLabel: monthFieldId, id: fieldLabelId, displayClasses: "sid-used-for-verification-purposes-label sid-field__label-with-explanation", isRequired: isRequired },
             React.createElement(FormattedHTMLMessage, { id: "verificationPurposesOnly", defaultMessage: "Used for verification purposes only" })),
         React.createElement("div", { className: `${cssId}__inputs sid-date__inputs` },
             isDayFirst(locale) ? (React.createElement(React.Fragment, null,
@@ -17329,7 +17337,7 @@ const HowDoesVerifyingWorkComponent = ({ verificationService, initialVisibility
     };
     const handleOnClick = (tooltipIsOpen) => (tooltipIsOpen ? hideTooltip() : showTooltip());
     return (React.createElement("div", { className: "sid-how-verify-works", onMouseEnter: showTooltip, onMouseLeave: hideTooltip },
-        React.createElement("a", { href: "#", className: "sid-link", "aria-expanded": tooltipVisibility, onClick: () => handleOnClick(tooltipVisibility), "aria-describedby": tooltipVisibility ? "how-does-verifying-work-tooltip" : null, role: "button" },
+        React.createElement("a", { href: "#", className: "sid-link sid-how-does-verifying-work-hoverable", "aria-expanded": tooltipVisibility, onClick: () => handleOnClick(tooltipVisibility), "aria-describedby": tooltipVisibility ? "how-does-verifying-work-tooltip" : null, role: "button" },
             React.createElement(FormattedHTMLMessage, { id: "howDoesVerifyingWork", defaultMessage: "How does verifying work?" })),
         tooltipVisibility ? (React.createElement("div", { className: "sid-how-verify-works__container" },
             React.createElement("div", { className: "sid-how-verify-works__caret" }),
@@ -17498,15 +17506,15 @@ const StepStudentPersonalInfo = ({ verificationService, }) => {
         verificationService.updateViewModel(nextState);
     };
     const locale = viewModel.localeChoice.value;
-    return (React.createElement("div", { id: "sid-step-student-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-student-personal-info", className: "sid-student-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-student-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name & Birthdate" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your full name and birthdate must match what is on your official school records." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-student-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Student-Only Offer", tagName: "h1" })),
@@ -17553,8 +17561,8 @@ const StepStudentPersonalInfo = ({ verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-wrapper__collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectStudentPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-student--submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-wrapper__collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectStudentPersonalInfo), type: "submit", className: `sid-btn sid-student-submit-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
                         ? "sid-btn--disabled-like"
                         : ""}`, "aria-label": "submit", "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: "verifyMyStudentStatus", defaultMessage: "Verify My Student Status" })))))),
@@ -17591,15 +17599,15 @@ const StepSeniorPersonalInfo = ({ verificationService }) => {
         });
         verificationService.updateViewModel(nextState);
     };
-    return (React.createElement("div", { id: "sid-step-senior-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-senior-personal-info", className: "sid-senior-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-senior-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name & Birthdate" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your full name and birthdate must match what is on your government-issued documents." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-senior-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock Your Special Offer", tagName: "h1" })),
@@ -17645,8 +17653,8 @@ const StepSeniorPersonalInfo = ({ verificationService }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectSeniorPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-senior-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectSeniorPersonalInfo), type: "submit", className: `sid-btn sid-senior-submit-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: "verifyAndContinue", defaultMessage: "Verify and continue" })))))),
@@ -17742,15 +17750,15 @@ const StepAgePersonalInfo = ({ verificationService, intl }) => {
             }
         })();
     }, [viewModel.country]);
-    return (React.createElement("div", { id: "sid-step-student-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-student-personal-info", className: "sid-age-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-age-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name & Birthdate" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your full name and birthdate must match what is on your government-issued documents." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-age-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock Your Special Offer" })),
@@ -17810,8 +17818,8 @@ const StepAgePersonalInfo = ({ verificationService, intl }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectAgePersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-submit sid-age-personal-info-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectAgePersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-age-personal-info-btn 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: "verifyAndContinue", defaultMessage: "Verify and continue" })))))),
@@ -17865,15 +17873,15 @@ const StepTeacherPersonalInfo = ({ verificationService, }) => {
             updateTeacherViewModel("fieldsToSkipValidation", []);
         }
     }, [verificationService.programTheme.idCheckAddOnEnabled]);
-    return (React.createElement("div", { id: "sid-step-teacher-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-teacher-personal-info", className: "sid-teacher-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-teacher-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name & Email" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your full name and email address must match what is on record with your school." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-teacher-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Teaching Staff-Only Offer", tagName: "h1" })),
@@ -17924,8 +17932,8 @@ const StepTeacherPersonalInfo = ({ verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectTeacherPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-teacher-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectTeacherPersonalInfo), type: "submit", className: `sid-btn sid-teacher-submit-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: "verifyMyTeacherStatus", defaultMessage: "Verify My Teacher Status" })))))),
@@ -17972,15 +17980,15 @@ const StepMemberPersonalInfo = ({ verificationService }) => {
         });
         verificationService.updateViewModel(nextState);
     };
-    return (React.createElement("div", { id: "sid-step-member-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-member-personal-info", className: "sid-member-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-member-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name & Email" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your full name and email address must match what is on record with your school." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-member-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Members-Only Offer", tagName: "h1" })),
@@ -18031,8 +18039,8 @@ const StepMemberPersonalInfo = ({ verificationService }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectMemberPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-member-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectMemberPersonalInfo), type: "submit", className: `sid-btn sid-member-submit-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: "verifyMyMembershipStatus", defaultMessage: "Verify My Membership Status" })))))),
@@ -18176,15 +18184,15 @@ const StepActiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
     }
     // Refs should be reset to ensure the field order isn't affected by the previous step
     resetRefs();
-    return (React.createElement("div", { id: "sid-step-active-military-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-active-military-personal-info", className: "sid-active-military-personal-info-container sid-military-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-active-military-personal-info-logo-container sid-military-personal-info-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name & Birthdate" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "\n                                Enter your first and last name on the form as it appears on your military document(s).\n                                Keep in mind that may be your given name." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-active-military-personal-info-logo-container sid-military-personal-info-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Military-Only Offer", tagName: "h1" })),
@@ -18249,8 +18257,8 @@ const StepActiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectActiveMilitaryPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-active-military-personal-submit sid-military-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectActiveMilitaryPersonalInfo), type: "submit", className: `sid-btn sid-active-military-personal-submit-btn sid-military-submit-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: "verifyMyMilitaryStatus", defaultMessage: "Verify My Military Status" })))))),
@@ -18287,15 +18295,15 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
     }
     // Refs should be reset to ensure the field order isn't affected by the previous step
     resetRefs();
-    return (React.createElement("div", { id: "sid-step-inactive-military-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-inactive-military-personal-info", className: "sid-inactive-military-personal-info-container sid-military-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-inactive-military-personal-info-logo-container sid-military-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name & Birthdate" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "\n                                Enter your first and last name on the form as it appears on your military document(s).\n                                Keep in mind that may be your given name." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-inactive-military-personal-info-logo-container sid-military-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Military-Only Offer", tagName: "h1" })),
@@ -18362,8 +18370,8 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectInactiveMilitaryPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-inactive-military-submit sid-military-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectInactiveMilitaryPersonalInfo), type: "submit", className: `sid-btn sid-inactive-military-submit-btn sid-military-submit-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: "verifyMyMilitaryStatus", defaultMessage: "Verify My Military Status" })))))),
@@ -18420,15 +18428,15 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService, }) => {
         delete viewModel.postalCode; // TODO Fixme. Don't side-effect the viewModel
         updateFieldValidationErrorsByFieldId("postalCode", undefined, verificationService);
     }
-    return (React.createElement("div", { id: "sid-step-active-first-responder-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-active-first-responder-personal-info", className: "sid-first-responder-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-first-responder-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name, Email & Organization" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your full name, organization name, and email must match what is on record with your agency." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-first-responder-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this 1st Responder-Only Offer", tagName: "h1" })),
@@ -18486,8 +18494,8 @@ const StepFirstResponderPersonalInfo = ({ intl, verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectFirstResponderPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-first-responder-personal-info-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectFirstResponderPersonalInfo), type: "submit", className: `sid-btn sid-first-responder-submit-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: "verifyMyFirstResponderStatus", defaultMessage: "Verify My First Responder Status" })))))),
@@ -18565,15 +18573,15 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService, }) =>
             }
         })();
     }, [viewModel.country, viewModel.status]);
-    return (React.createElement("div", { id: "sid-step-active-medical-professional-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-active-medical-professional-personal-info", className: "sid-medical-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-medical-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name, Email & Organization" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your full name, organization name, and email must match what is on record with your agency." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-medical-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Medical Professional-Only Offer", tagName: "h1" })),
@@ -18635,8 +18643,8 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService, }) =>
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectMedicalProfessionalPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-medical-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectMedicalProfessionalPersonalInfo), type: "submit", className: `sid-btn sid-medical-submit-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: "verifyMyMedicalProfessionalStatus", defaultMessage: "Verify My Medical Professional Status" })))))),
@@ -18682,9 +18690,9 @@ const StepEmploymentPersonalInfo = ({ intl, verificationService, }) => {
         });
         verificationService.updateViewModel(nextState);
     };
-    return (React.createElement("div", { id: "sid-step-employment-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-employment-personal-info", className: "sid-employment-personal-info-container sid-l-container" },
         React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-employment-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Employment-Only Offer", tagName: "h1" })),
@@ -18758,11 +18766,11 @@ const StepEmploymentPersonalInfo = ({ intl, verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-wrapper__collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectEmployeePersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-employment-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-wrapper__collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectEmployeePersonalInfo), type: "submit", className: `sid-btn sid-employment-submit-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
                         ? "sid-btn--disabled-like"
                         : ""}`, "aria-label": "submit", "aria-labelledby": "verify-status-text", ref: (button) => setRef("submitButton", button) },
-                    React.createElement("span", { id: "verify-status-text" },
+                    React.createElement("span", { id: "verify-status-text", className: "sid-employment-submit-btn__text" },
                         React.createElement(FormattedHTMLMessage, { id: "verifyMyEmploymentStatus", defaultMessage: "Verify My Employment Status" }))))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
 };
@@ -18800,15 +18808,15 @@ const StepDriverLicensePersonalInfo = ({ intl, verificationService, }) => {
     };
     // Refs should be reset to ensure the field order isn't affected by the previous step
     resetRefs();
-    return (React.createElement("div", { id: "sid-step-driver-license-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-driver-license-personal-info", className: "sid-drivers-license-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-drivers-license-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name and other fields" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "\n                                    Enter your first and last name on the form as it appears on your official document(s).\n                                    Keep in mind that may be your given name." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-drivers-license-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
@@ -18855,8 +18863,8 @@ const StepDriverLicensePersonalInfo = ({ intl, verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectDriverLicensePersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-drivers-license-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectDriverLicensePersonalInfo), type: "submit", className: `sid-btn sid-drivers-license-submit-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: "verifyMyIdentityStatus", defaultMessage: "Verify My Identity" })))))),
@@ -18881,15 +18889,15 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService, }) => {
     };
     // Refs should be reset to ensure the field order isn't affected by the previous step
     resetRefs();
-    return (React.createElement("div", { id: "sid-step-general-identity-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-general-identity-personal-info", className: "sid-general-identity-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-general-identity-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name and other fields" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "\n                                    Enter your first and last name on the form as it appears on your official document(s).\n                                    Keep in mind that may be your given name." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-general-identity-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
@@ -18925,7 +18933,7 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService, }) => {
                 updateIdentityViewModel("address1", newValue);
                 updateFieldValidationErrorsByFieldId("address1", newValue, verificationService);
             }, value: viewModel.address1, isRequired: true }),
-        React.createElement("div", { className: "sid-thirds" },
+        React.createElement("div", { className: "sid-extra-address-inputs sid-thirds" },
             React.createElement(CityComponent, { isErrored: !!fieldValidationErrors.city, errorId: fieldValidationErrors.city, onChange: (newValue) => {
                     updateIdentityViewModel("city", newValue);
                     updateFieldValidationErrorsByFieldId("city", newValue, verificationService);
@@ -18949,8 +18957,8 @@ const StepGeneralIdentityPersonalInfo = ({ intl, verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectGeneralIdentityPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-general-identity-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectGeneralIdentityPersonalInfo), type: "submit", className: `sid-btn sid-general-identity-submit-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: "verifyMyIdentityStatus", defaultMessage: "Verify My Identity" })))))),
@@ -18975,15 +18983,15 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService, }) => {
     };
     // Refs should be reset to ensure the field order isn't affected by the previous step
     resetRefs();
-    return (React.createElement("div", { id: "sid-step-hybrid-identity-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-hybrid-identity-personal-info", className: "sid-hybrid-identity-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-hybrid-identity-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name and other fields" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "\n                                    Enter your first and last name on the form as it appears on your official document(s).\n                                    Keep in mind that may be your given name." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-hybrid-identity-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
@@ -19047,8 +19055,8 @@ const StepHybridIdentityPersonalInfo = ({ intl, verificationService, }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectHybridIdentityPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-hybrid-identity-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectHybridIdentityPersonalInfo), type: "submit", className: `sid-btn sid-hybrid-identity-submit-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: "verifyMyIdentityStatus", defaultMessage: "Verify My Identity" })))))),
@@ -19109,11 +19117,11 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
         }
         return availableStatuses;
     };
-    return (React.createElement("div", { id: "sid-step-licensed-professional-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-licensed-professional-personal-info", className: "sid-licensed-professional-personal-info-container sid-l-container" },
         failedInstantMatch ? (
         // TODO localize this message
         React.createElement("p", null, "Failied instant match")) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-licensed-professional-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
@@ -19172,8 +19180,8 @@ const StepLicensedProfessionalPersonalInfo = ({ intl, verificationService, }) =>
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectLicensedProfessionalPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-licensed-professional-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectLicensedProfessionalPersonalInfo), type: "submit", className: `sid-btn sid-licensed-professional-submit-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: "verifyMyLicensedProfessionalStatus", defaultMessage: "Verify My Licensed Professional Status" })))))),
@@ -19196,15 +19204,15 @@ const StepMoverPersonalInfo = ({ verificationService }) => {
     useEffect(() => {
         updateMoverViewModel("statuses", verificationResponse.availableStatuses);
     }, []);
-    return (React.createElement("div", { id: "sid-step-mover-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-mover-personal-info", className: "sid-mover-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-mover-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your Name & Address" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your full name and address must match what is on your official documentation." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-mover-personal-info-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
@@ -19250,8 +19258,8 @@ const StepMoverPersonalInfo = ({ verificationService }) => {
             }, viewModel: viewModel }),
         React.createElement(ExtraMessage, { verificationService: verificationService, suffix: "CollectAboveSubmit" }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-wrapper__collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectMoverPersonalInfo), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-mover-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-wrapper__collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectMoverPersonalInfo), type: "submit", className: `sid-btn sid-mover-submit-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
                         ? "sid-btn--disabled-like"
                         : ""}`, "aria-label": "submit", "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: "verifyMyMoverStatus", defaultMessage: "Verify My Recent Mover Status" })))))),
@@ -19321,15 +19329,15 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
             setViewModel(updatedViewModel);
         }
     }, [isSelectedStatusSnapBenefits]);
-    return (React.createElement("div", { id: "sid-step-low-income-personal-info", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-low-income-personal-info", className: "sid-low-income-personal-info-container sid-l-container" },
         failedInstantMatch ? (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-low-income-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.title", defaultMessage: "Check Your full name & other fields" })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-header__subtitle--error" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.tryAgain.subtitle", defaultMessage: "Your information must match what is on your government-issued document(s)." })))) : (React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-low-income-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.personalInfo.title", defaultMessage: "Unlock this Special Offer", tagName: "h1" })),
@@ -19373,7 +19381,7 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
                 updateLowIncomeViewModel("address1", newValue);
                 updateFieldValidationErrorsByFieldId("address1", newValue, verificationService);
             }, value: viewModel.address1, isRequired: true, explanation: React.createElement(FormattedHTMLMessage, { id: "addressExplanation", defaultMessage: "Use your home address" }) }),
-        React.createElement("div", { className: "sid-thirds" },
+        React.createElement("div", { className: "sid-address-extra-fields sid-thirds" },
             React.createElement(CityComponent, { isErrored: !!fieldValidationErrors.city, errorId: fieldValidationErrors.city, onChange: (newValue) => {
                     updateLowIncomeViewModel("city", newValue);
                     updateFieldValidationErrorsByFieldId("city", newValue, verificationService);
@@ -19404,8 +19412,8 @@ const StepLowIncomePersonalInfo = ({ intl, verificationService, }) => {
                 updateFieldValidationErrorsByFieldId("marketConsentValue", newValue, verificationService);
             }, viewModel: viewModel }),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                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)
+            React.createElement("div", { className: "sid-low-income-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectLowIncomePersonalInfo), type: "submit", className: `sid-btn sid-low-income-submit-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 Status" })))))),
@@ -19462,17 +19470,17 @@ const SocialSecurity = ({ value, isErrored, onChange, intl, placeholder = "", })
 };
 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" },
+const Step$1 = ({ useSsn, useDocUpload, verificationService }) => (React.createElement("div", { id: "sid-ssn-choice", className: "sid-ssn-choice-container sid-l-container sid-l-horz-center" },
     React.createElement("div", { className: "sid-header" },
-        React.createElement("div", { className: "sid-l-horz-center" },
+        React.createElement("div", { className: "sid-ssn-choice-logo-container sid-l-horz-center" },
             React.createElement(LogoComponent, { verificationService: verificationService })),
         React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
             React.createElement(FormattedHTMLMessage, { id: "step.collectSocialSecurityNumber.selectOption", defaultMessage: "Select an option" }))),
     React.createElement("div", { className: "sid-ssn-choice__choice1 sid-l-space-top-lg" },
-        React.createElement("button", { type: "button", onClick: useSsn, className: "sid-btn sid-btn--light sid-l-full-width sid-use-ssn" },
+        React.createElement("button", { type: "button", onClick: useSsn, className: "sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn" },
             React.createElement(FormattedHTMLMessage, { id: "step.collectSocialSecurityNumber.useSsn", defaultMessage: "Verify using your social security number" }))),
     React.createElement("div", { className: "sid-ssn-choice__choice2 sid-l-space-top-md" },
-        React.createElement("button", { type: "button", onClick: useDocUpload, className: "sid-btn sid-btn--light sid-l-full-width sid-use-doc-upload" },
+        React.createElement("button", { type: "button", onClick: useDocUpload, className: "sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload" },
             React.createElement(FormattedHTMLMessage, { id: "step.collectSocialSecurityNumber.uploadDoc", defaultMessage: "Upload a document" }))),
     React.createElement("div", { className: "sid-ssn-choice__footer sid-l-space-top-lg" },
         React.createElement(FormFooterComponent, { verificationService: verificationService }))));
@@ -19493,9 +19501,9 @@ const Step = ({ verificationService }) => {
     if (showChoice) {
         return (React.createElement(SsnChoice, { useSsn: () => setShowChoice(false), useDocUpload: doCancelStep, verificationService: verificationService }));
     }
-    return (React.createElement("div", { id: "sid-step-social-security", className: "sid-l-container sid-l-horz-center" },
+    return (React.createElement("div", { id: "sid-step-social-security", className: "sid-social-sercurity-number-container sid-l-container sid-l-horz-center" },
         React.createElement("div", { className: "sid-header" },
-            React.createElement("div", { className: "sid-l-horz-center" },
+            React.createElement("div", { className: "sid-social-security-number-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
                 React.createElement(FormattedHTMLMessage, { id: "step.collectSocialSecurityNumber.title", defaultMessage: "Enter your social security number" })),
@@ -19506,11 +19514,11 @@ const Step = ({ verificationService }) => {
                         updateFieldValidationErrorsByFieldId("socialSecurityNumber", value, verificationService);
                     }, isErrored: !!fieldValidationErrors[FieldIdEnum.socialSecurityNumber], placeholder: "000-00-0000" }))),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-wrapper__collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectSocialSecurityNumber), type: "submit", className: `sid-btn sid-btn--dark sid-l-full-width ${isSubmittable ? "" : "sid-btn--disabled-like"}`, "aria-label": "submit", ref: (button) => setRef("submitButton", button) },
+            React.createElement("div", { className: "sid-social-security-number-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-wrapper__collect-info", onClick: () => submitForm(viewModel, verificationService, VerificationStepsEnum.collectSocialSecurityNumber), type: "submit", className: `sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${isSubmittable ? "" : "sid-btn--disabled-like"}`, "aria-label": "submit", ref: (button) => setRef("submitButton", button) },
                     React.createElement(FormattedHTMLMessage, { id: "proceed", defaultMessage: "Proceed" })))),
-        React.createElement("div", { className: "sid-form-region sid-l-space-top-md", role: "button", tabIndex: 0, onKeyUp: doCancelStep, onClick: doCancelStep },
-            React.createElement("div", { className: "sid-h-link-like" },
+        React.createElement("div", { className: "sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md", role: "button", tabIndex: 0, onKeyUp: doCancelStep, onClick: doCancelStep },
+            React.createElement("div", { className: "sid-social-security-number-upload-instead-text sid-h-link-like" },
                 React.createElement(FormattedHTMLMessage, { id: "step.collectSocialSecurityNumber.uploadInstead", defaultMessage: "Upload a document instead" }))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
 };
@@ -19537,11 +19545,11 @@ const TryAgainButtonComponent = ({ verificationService }) => {
             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 },
+    return (React.createElement("button", { type: "button", className: "sid-btn sid-btn-light sid-btn__try-again", "aria-label": "submit", onClick: fetchNewVerificationRequest, onKeyPress: fetchNewVerificationRequest, tabIndex: 0 },
         React.createElement(FormattedHTMLMessage, { id: "tryAgain", defaultMessage: "Try again" })));
 };
 
-const BtnContainer = ({ children }) => (React.createElement("div", { className: "sid-l-space-top-lg sid-l-half-width sid-l-horz-center" }, children));
+const BtnContainer = ({ children }) => (React.createElement("div", { className: "sid-l-space-top-lg sid-error-button-container sid-l-half-width sid-l-horz-center" }, children));
 const StepError = ({ verificationService, errorId }) => {
     const verificationResponse = verificationService.verificationResponse;
     let errorIds = getSafe(() => verificationResponse.errorIds) || [];
@@ -19552,7 +19560,7 @@ const StepError = ({ verificationService, errorId }) => {
     const firstErrorId = getSafe(() => errorIds[0], "error");
     // defaults
     let errorTitle = { id: "error", defaultMessage: "Error" };
-    let logoContainerClass = "sid-l-horz-center";
+    let logoContainerClass = "sid-error-logo-container sid-l-horz-center";
     let button = (React.createElement(BtnContainer, null,
         React.createElement(TryAgainButtonComponent, { verificationService: verificationService })));
     // If there's an overriding title message, use it (UX-160):
@@ -19566,7 +19574,7 @@ const StepError = ({ verificationService, errorId }) => {
     if (getSafe(() => verificationService.messages[`step.error.errorId.${firstErrorId}.buttonText`]) &&
         getSafe(() => verificationResponse.redirectUrl)) {
         button = (React.createElement(BtnContainer, null,
-            React.createElement(LinkExternal, { href: verificationResponse.redirectUrl, onClick: () => recordEvent(VerificationStepsEnum.error, verificationResponse.redirectUrl), className: "sid-btn sid-btn-light" },
+            React.createElement(LinkExternal, { href: verificationResponse.redirectUrl, onClick: () => recordEvent(VerificationStepsEnum.error, verificationResponse.redirectUrl), className: "sid-btn sid-error-btn sid-btn-light" },
                 React.createElement(FormattedHTMLMessage, { id: `step.error.errorId.${firstErrorId}.buttonText`, defaultMessage: verificationService.messages[`step.error.errorId.${firstErrorId}.buttonText`] }))));
     }
     // special cases
@@ -19577,13 +19585,13 @@ const StepError = ({ verificationService, errorId }) => {
     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(LinkExternal, { href: faqUrl, onClick: () => recordEvent(VerificationStepsEnum.error, faqUrl), className: "sid-btn sid-faq-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" },
+    return (React.createElement("div", { id: "sid-step-error", className: "sid-error-container sid-l-container" },
         React.createElement("div", { className: "sid-header sid-l-horz-center" },
             React.createElement("div", { className: logoContainerClass },
-                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/circle-exclamation.svg" }) })),
+                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-error-logo sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/circle-exclamation.svg" }) })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
                 React.createElement(FormattedHTMLMessage, Object.assign({}, errorTitle))),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-space-top-md" },
@@ -19593,7 +19601,7 @@ const StepError = ({ verificationService, errorId }) => {
                         locale: getLocaleSafely(verificationService.viewModel, verificationResponse).replace("-", "_"),
                     } }))))) : null),
                 button)),
-        React.createElement("div", { className: "sid-footer sid-l-horz-center sid-l-space-top-xl sid-h-small-text" },
+        React.createElement("div", { className: "sid-footer sid-powered-by-container sid-l-horz-center sid-l-space-top-xl sid-h-small-text" },
             React.createElement(PoweredByComponent, { verificationService: verificationService, isCentered: true }))));
 };
 const StepErrorComponent = injectIntl(StepError);
@@ -19639,10 +19647,10 @@ const StepSSOComponent = ({ verificationService }) => {
     if (!viewModel.countryChoice && previousViewModel && previousViewModel.countryChoice) {
         updateViewModel("countryChoice", previousViewModel.countryChoice);
     }
-    return (React.createElement("div", { id: "sid-step-sso", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-sso", className: "sid-sso-container sid-l-container" },
         viewModel.isSSOActive ? (React.createElement("div", { className: "sid-header sid-l-horz-center" },
-            React.createElement("div", { className: "sid-l-horz-center" },
-                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg" }) })),
+            React.createElement("div", { className: "sid-sso-logo-container sid-l-horz-center" },
+                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-sso-logo-default sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg" }) })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
                 React.createElement(FormattedHTMLMessage, { id: "step.sso.title", defaultMessage: "Verify using your school credentials" })),
             React.createElement("div", { className: "sid-header__subtitle-one" },
@@ -19650,19 +19658,19 @@ const StepSSOComponent = ({ verificationService }) => {
             React.createElement("div", { className: "sid-l-space-top-xl" }),
             React.createElement("div", { className: "sid-header__subtitle-two sid-h-small-text sid-l-space-top-md" },
                 React.createElement(FormattedHTMLMessage, { id: "step.sso.subtitle2", defaultMessage: defaultSubtitle2 }),
-                React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-                    React.createElement("button", { onClick: cancelSSOStep, type: "submit", className: "sid-btn sid-btn--dark sid-l-full-width", "aria-label": "submit" },
+                React.createElement("div", { className: "sid-form-region sid-cancel-sso-submit sid-submit-wrapper sid-l-space-top-md" },
+                    React.createElement("button", { onClick: cancelSSOStep, type: "submit", className: "sid-btn sid-cancel-sso-btn sid-btn--dark sid-l-full-width", "aria-label": "submit" },
                         React.createElement(FormattedHTMLMessage, { id: "step.sso.cancel", defaultMessage: "Upload Proof of Enrollment" })))),
             React.createElement("div", { className: "sid-l-space-top-xl" }))) : (React.createElement("div", { className: "sid-header sid-l-horz-center" },
-            React.createElement("div", { className: "sid-l-horz-center" },
-                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg" }) })),
+            React.createElement("div", { className: "sid-sso-logo-container sid-l-horz-center" },
+                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-sso-logo-default sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg" }) })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
                 React.createElement(FormattedHTMLMessage, { id: "step.sso.title", defaultMessage: "Verify using your school credentials" })),
             React.createElement("div", { className: "sid-header__subtitle-one" },
                 React.createElement(FormattedHTMLMessage, { id: "step.sso.subtitle", defaultMessage: defaultSubtitle })),
             React.createElement("div", { className: "sid-l-space-top-xl" }),
-            React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-                React.createElement("button", { id: "sid-submit-btn-sso", onClick: () => updateViewModelAndOpenLoginTab("isSSOActive", true), type: "submit", className: "sid-btn sid-btn--dark sid-l-full-width", "aria-label": "submit" },
+            React.createElement("div", { className: "sid-form-region sid-sso-submit sid-submit-wrapper sid-l-space-top-md" },
+                React.createElement("button", { id: "sid-submit-btn-sso", onClick: () => updateViewModelAndOpenLoginTab("isSSOActive", true), type: "submit", className: "sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width", "aria-label": "submit" },
                     React.createElement(FormattedHTMLMessage, { id: "step.sso.login", defaultMessage: "Sign in to my school" }))),
             React.createElement("div", { className: "sid-l-space-top-xl" }))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
@@ -19678,10 +19686,10 @@ const StepSuccess = ({ verificationService }) => {
     const showRedirect = Boolean(redirectDestination);
     const rewardCode = verificationService.verificationResponse.rewardCode || "${rewardCode}"; // eslint-disable-line no-template-curly-in-string
     const noCodeType = verificationService.programTheme.config.offerType === "noCode";
-    return (React.createElement("div", { id: "sid-step-success", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-success", className: "sid-success-container sid-l-container" },
         React.createElement("div", { className: "sid-header sid-l-horz-center sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-l-horz-center" },
-                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-l-lead-image", alt: "", src: "https://assets-resources.sheerid.com/common/images/2018/icons/circle-check.svg" }) })),
+            React.createElement("div", { className: "sid-success-logo-container sid-l-horz-center" },
+                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-success-logo-default sid-l-lead-image", alt: "", src: "https://assets-resources.sheerid.com/common/images/2018/icons/circle-check.svg" }) })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md", role: "alert", "aria-live": "polite" },
                 React.createElement(FormattedHTMLMessage, { id: "step.success.title", defaultMessage: "Success! You've been verified." })),
             React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-two-thirds-width" },
@@ -19689,17 +19697,17 @@ const StepSuccess = ({ verificationService }) => {
                         It is unique to you and can only be used once.` }))),
         noCodeType ? null : (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center" }, rewardCode),
-            React.createElement("div", { className: "sid-l-space-top-md sid-h-bold-text sid-l-horz-center" },
+            React.createElement("div", { className: "sid-l-space-top-md sid-copy-to-clipboard-container sid-h-bold-text sid-l-horz-center" },
                 React.createElement(CopyToClipboard, { textToCopy: rewardCode, notificationText: React.createElement(FormattedHTMLMessage, { id: "copied", defaultMessage: "Copied" }) },
                     React.createElement(FormattedHTMLMessage, { id: "step.success.copyCouponCode", defaultMessage: "Copy Coupon code" }))))),
-        React.createElement("div", { className: `sid-footer sid-l-horz-center ${noCodeType ? "sid-l-space-top-md" : "sid-l-space-top-lg"}` },
+        React.createElement("div", { className: `sid-footer sid-success-footer sid-l-horz-center ${noCodeType ? "sid-l-space-top-md" : "sid-l-space-top-lg"}` },
             React.createElement(FormattedHTMLMessage, { id: "step.success.emailNotification", defaultMessage: `
                     We have emailed you a copy so you can use your code now or later. Look for the email from verify@sheerid.com
                 ` })),
-        showRedirect ? (React.createElement("div", { className: "sid-submit sid-l-space-top-md" },
-            React.createElement("button", { type: "button", onClick: () => redirect(redirectDestination), className: "sid-btn sid-btn--dark" },
+        showRedirect ? (React.createElement("div", { className: "sid-submit sid-success-submit sid-l-space-top-md" },
+            React.createElement("button", { type: "button", onClick: () => redirect(redirectDestination), className: "sid-btn sid-success-redirect-btn sid-btn--dark" },
                 React.createElement(FormattedHTMLMessage, { id: "step.success.redirectButtonText", defaultMessage: "Use code now" })))) : (""),
-        React.createElement("div", { className: "sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text" },
+        React.createElement("div", { className: "sid-footer sid-success-verification-only-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text" },
             React.createElement(FormattedHTMLMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: "step.success.verificationOnly", defaultMessage: `
                                 SheerID handles verification only.
                                 Now that you've been approved, please direct all questions about the
@@ -19748,7 +19756,7 @@ const CountDownComponent = CountDown;
 const defaultSSOSubtitle = "Please sign in to your school's web portal. It will open in a new tab.";
 const defaultSSOSubtitle2 = "Can't sign in to your school?";
 const SSOPending = ({ logo, cancelSSO }) => (React.createElement("div", { className: "sid-header sid-l-horz-center" },
-    React.createElement("div", { className: "sid-l-horz-center" }, logo),
+    React.createElement("div", { className: "sid-pending-logo-container sid-l-horz-center" }, logo),
     React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
         React.createElement(FormattedHTMLMessage, { id: "step.sso.title", defaultMessage: "Verify using your school credentials" })),
     React.createElement("div", { className: "sid-header__subtitle-one" },
@@ -19756,8 +19764,8 @@ const SSOPending = ({ logo, cancelSSO }) => (React.createElement("div", { classN
     React.createElement("div", { className: "sid-l-space-top-xl" }),
     React.createElement("div", { className: "sid-header__subtitle-two sid-h-small-text sid-l-space-top-md" },
         React.createElement(FormattedHTMLMessage, { id: "step.sso.subtitle2", defaultMessage: defaultSSOSubtitle2 }),
-        React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("button", { onClick: cancelSSO, type: "submit", className: "sid-btn sid-btn--dark sid-l-full-width", "aria-label": "submit" },
+        React.createElement("div", { className: "sid-form-region sid-sso-pending-submit sid-submit-wrapper sid-l-space-top-md" },
+            React.createElement("button", { onClick: cancelSSO, type: "submit", className: "sid-btn sid-sso-pending-submit-btn sid-btn--dark sid-l-full-width", "aria-label": "submit" },
                 React.createElement(FormattedHTMLMessage, { id: "step.sso.cancel", defaultMessage: "Upload Proof of Enrollment" })))),
     React.createElement("div", { className: "sid-l-space-top-xl" })));
 const SSOPendingComponent = SSOPending;
@@ -19953,7 +19961,7 @@ const StepSMSLoop = ({ intl, verificationService }) => {
             setStepResultMessage(errorResendingSMSMessage);
         }
     };
-    return (React.createElement("div", { id: "sid-step-sms-loop", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-sms-loop", className: "sid-sms-loop-container sid-l-container" },
         React.createElement("div", { className: "sid-header__title sid-l-horz-center" },
             React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.verificationCode", defaultMessage: "Verification Code" })),
         React.createElement("div", { className: "sid-header__subtitle" }, getSafe(() => previousViewModel.phoneNumber) ? (React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.titleWithNumber", defaultMessage: "We've sent an SMS message to the mobile number ending in {number}. Enter your code here.", values: {
@@ -19963,11 +19971,11 @@ const StepSMSLoop = ({ intl, verificationService }) => {
             React.createElement(SMSCodeComponent, { onChange: updateSmsCode, value: viewModel.smsCode, isErrored: isErrored, errorId: verificationService.fieldValidationErrors.smsCode })),
         stepResultMessage && (React.createElement("div", null,
             React.createElement("p", null, stepResultMessage))),
-        React.createElement("div", { className: "sid-submit sid-l-space-top-md sid-l-horz-center" },
-            React.createElement("button", { id: "sid-submit-sms-code", onClick: submitForm, type: "button", className: "sid-btn sid-btn--dark sid-submit__continue", "aria-label": "submit", disabled: !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded) },
+        React.createElement("div", { className: "sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center" },
+            React.createElement("button", { id: "sid-submit-sms-code", onClick: submitForm, type: "button", className: "sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue", "aria-label": "submit", disabled: !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded) },
                 React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.submitButton", defaultMessage: "Submit" })),
             React.createElement("div", { className: "sid-l-space-left-sm" }, "\u00A0"),
-            React.createElement("button", { id: "sid-resend-sms-code", onClick: () => resendSmsCode(verificationResponse.verificationId), type: "submit", className: "sid-btn sid-btn--light sid-submit__cancel", "aria-label": "re-send" },
+            React.createElement("button", { id: "sid-resend-sms-code", onClick: () => resendSmsCode(verificationResponse.verificationId), type: "submit", className: "sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel", "aria-label": "re-send" },
                 React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.resendButton", defaultMessage: "Re-send" }))),
         React.createElement("div", { className: "sid-incorrect-number sid-l-horz-center" },
             React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber1", defaultMessage: "Incorrect number? Click" }),
@@ -20034,10 +20042,10 @@ const StepEmailLoop = ({ intl, verificationService }) => {
         const nextState = fn(viewModel, () => { });
         verificationService.submitStep(VerificationStepsEnum.cancelEmailLoop, nextState, verificationService.verificationResponse);
     };
-    return (React.createElement("div", { id: "sid-step-email-loop", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-email-loop", className: "sid-step-email-loop-container sid-l-container" },
         React.createElement("div", { className: "sid-header sid-l-horz-center" },
-            React.createElement("div", { className: "sid-l-horz-center" },
-                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg" }) })),
+            React.createElement("div", { className: "sid-email-loop-logo-container sid-l-horz-center" },
+                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-email-loop-logo sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg" }) })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
                 React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.title", defaultMessage: "Check your email" })),
             React.createElement("div", { className: "sid-header__subtitle-one" }, email ? (React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.subtitleWithEmail", defaultMessage: "An email has been sent to {email} with a personalized link to complete the verification process.", values: { email } })) : (React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.subtitleWithoutEmail", defaultMessage: "An email has been sent to your email account with a personalized link to complete the verification process." }))),
@@ -20052,9 +20060,9 @@ const StepEmailLoop = ({ intl, verificationService }) => {
                 "\u00A0",
                 React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.skipEmail2", defaultMessage: " to proceed." }))),
             canResendEmailLoop && (React.createElement("div", { className: "sid-header__resend-btn sid-l-space-top-md sid-submit sid-l-horz-center" },
-                React.createElement("button", { id: "sid-resend-email", onClick: () => resendEmail(verificationId), type: "submit", className: "sid-btn sid-btn--light sid-submit__cancel", "aria-label": "re-send" },
+                React.createElement("button", { id: "sid-resend-email", onClick: () => resendEmail(verificationId), type: "submit", className: "sid-btn sid-btn--light sid-resend-email-btn sid-submit__cancel", "aria-label": "re-send" },
                     React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.resendButton", defaultMessage: "Re-send" })))),
-            resendMessage && (React.createElement("div", null,
+            resendMessage && (React.createElement("div", { className: "sid-resent-email-loop-email-message" },
                 React.createElement("p", null, resendMessage))),
             React.createElement("div", { className: "sid-l-space-top-xl" }))));
 };
@@ -21374,26 +21382,26 @@ const AcceptableUploadsComponent = ({ verificationService }) => {
                         nameChanged));
                     break;
                 case SubSegmentEnum.VETERAN:
-                    acceptableUploads = (React.createElement("ul", { className: "sid-list" },
-                        React.createElement("li", { className: "sid-li" },
+                    acceptableUploads = (React.createElement("ul", { className: "sid-list sid-acceptable-uploads-list" },
+                        React.createElement("li", { className: "sid-li sid-acceptable-uploads-list__li" },
                             React.createElement(FormattedHTMLMessage, { id: "step.docUpload.acceptableUploads.military.veteran", defaultMessage: "Any document that proves you met the qualifications of military service and were honorably discharged" })),
                         nameChanged));
                     break;
                 case SubSegmentEnum.RESERVIST:
-                    acceptableUploads = (React.createElement("ul", { className: "sid-list" },
-                        React.createElement("li", { className: "sid-li" },
+                    acceptableUploads = (React.createElement("ul", { className: "sid-list sid-acceptable-uploads-list" },
+                        React.createElement("li", { className: "sid-li sid-acceptable-uploads-list__li" },
                             React.createElement(FormattedHTMLMessage, { id: "step.docUpload.acceptableUploads.military.reservistA", defaultMessage: "Any document that shows you are currently serving in a reserve component of the armed forces" })),
                         nameChanged));
                     break;
                 case SubSegmentEnum.MILITARY_RETIREE:
-                    acceptableUploads = (React.createElement("ul", { className: "sid-list" },
-                        React.createElement("li", { className: "sid-li" },
+                    acceptableUploads = (React.createElement("ul", { className: "sid-list sid-acceptable-uploads-list" },
+                        React.createElement("li", { className: "sid-li sid-acceptable-uploads-list__li" },
                             React.createElement(FormattedHTMLMessage, { id: "step.docUpload.acceptableUploads.military.retiree", defaultMessage: "Any document that proves you are a retiree from the armed forces" })),
                         nameChanged));
                     break;
                 case SubSegmentEnum.MILITARY_FAMILY:
-                    acceptableUploads = (React.createElement("ul", { className: "sid-list" },
-                        React.createElement("li", { className: "sid-li" },
+                    acceptableUploads = (React.createElement("ul", { className: "sid-list sid-acceptable-uploads-list" },
+                        React.createElement("li", { className: "sid-li sid-acceptable-uploads-list__li" },
                             React.createElement(FormattedHTMLMessage, { id: "step.docUpload.acceptableUploads.military.dependent", defaultMessage: "Any document that proves you are a Registered Military Dependent" })),
                         nameChanged));
                     break;
@@ -21457,13 +21465,13 @@ const AcceptableUploadsComponent = ({ verificationService }) => {
             return null;
     }
     return (React.createElement("div", null,
-        React.createElement("span", null,
+        React.createElement("span", { className: "sid-acceptable-uploads-examples" },
             React.createElement("strong", null,
                 React.createElement(FormattedHTMLMessage, { id: "step.docUpload.acceptableUploadExamples", defaultMessage: "Acceptable examples include:" }))),
         acceptableUploads));
 };
 
-const InstructionHeader = ({ id, defaultMessage }) => (React.createElement("span", null,
+const InstructionHeader = ({ id, defaultMessage }) => (React.createElement("span", { className: "sid-upload-info-examples" },
     React.createElement("strong", null,
         React.createElement(FormattedHTMLMessage, { id: id, defaultMessage: defaultMessage }),
         ":")));
@@ -21706,19 +21714,19 @@ const StepDocUpload = ({ verificationService, intl }) => {
         const nextState = fn(viewModel, () => { });
         verificationService.submitStep(VerificationStepsEnum.cancelDocUpload, nextState, verificationService.verificationResponse);
     };
-    return (React.createElement("div", { id: "sid-step-doc-upload", className: "sid-l-container" },
+    return (React.createElement("div", { id: "sid-step-doc-upload", className: "sid-doc-upload-container sid-l-container" },
         React.createElement("div", { className: "sid-header sid-l-horz-center sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-l-horz-center" },
-                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-upload2.svg" }) })),
+            React.createElement("div", { className: "sid-l-horz-center sid-doc-upload-logo-container" },
+                React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-l-lead-image sid-doc-upload-logo", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-upload2.svg" }) })),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
                 React.createElement(FormattedHTMLMessage, { id: "step.docUpload.title", defaultMessage: "We need more information" })),
             React.createElement(RewardsRemainingComponent, { verificationService: verificationService }),
             rejectionReasons && rejectionReasons.length > 0 ? (React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-position" },
-                React.createElement("div", null,
+                React.createElement("div", { className: "sid-header__subtitle-doc-upload-rejected" },
                     React.createElement(FormattedHTMLMessage, { id: "step.docUpload.rejectedSubtitle", defaultMessage: "We were unable to confirm your eligibility due to:" })),
                 React.createElement("ul", { className: "sid-upload-rejection-list" }, rejectionReasons.map((rejectionReason) => (React.createElement("li", { key: rejectionReason, className: "sid-upload-rejection-list__li" },
                     React.createElement(FormattedHTMLMessage, { id: `step.docUpload.rejectionReasons.${rejectionReason}`, defaultMessage: `${rejectionReason}` }))))))) : (React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-position" },
-                React.createElement("div", null,
+                React.createElement("div", { className: "sid-header__subtitle-text" },
                     React.createElement(FormattedHTMLMessage, { id: "step.docUpload.subtitle", defaultMessage: "Documents will be reviewed in {estimatedWaitTime} by staff at SheerID, a trusted partner.", values: {
                             estimatedWaitTime: getEstAndMaxReviewTimes(verificationResponse, programTheme, intl).estReviewTime,
                         } }),
@@ -21726,10 +21734,10 @@ const StepDocUpload = ({ verificationService, intl }) => {
                     React.createElement(HowDoesVerifyingWorkComponent, { verificationService: verificationService }))))),
         currentFileNames.length === 0 ? (React.createElement("div", null,
             React.createElement("div", { className: "sid-upload-info sid-l-space-top-md" },
-                React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement("div", { className: "sid-upload-info-list-block sid-l-space-top-sm" },
                     React.createElement(UploadInfoComponent, { verificationService: verificationService })),
                 getOptions().hideMilitaryFamilyAcceptableUploads &&
-                    subSegment === SubSegmentEnum.MILITARY_FAMILY ? null : (React.createElement("div", { className: "sid-l-space-top-md" },
+                    subSegment === SubSegmentEnum.MILITARY_FAMILY ? null : (React.createElement("div", { className: "sid-acceptable-uploads-list-block sid-l-space-top-md" },
                     React.createElement(AcceptableUploadsComponent, { verificationService: verificationService })))),
             React.createElement("div", { className: "sid-upload-wrap sid-l-space-top-sm" },
                 React.createElement("div", { className: "sid-dropzone-wrap" },
@@ -21754,16 +21762,16 @@ const StepDocUpload = ({ verificationService, intl }) => {
                     React.createElement("input", { type: "file", id: "file", tabIndex: -1, className: "sid-add-more-files__input", "aria-describedby": "sid-add-file", onChange: fileHandler, accept: "image/jpeg,image/gif,image/png,application/pdf,image/bmp,image/gif", ref: (input) => setRef("addFile", input) }),
                     React.createElement("img", { className: "sid-add-more-files__image", alt: "add more files", src: "https://assets-resources.sheerid.com/common/images/2018/icons/add-file.svg" }),
                     React.createElement(FormattedHTMLMessage, { id: "step.docUpload.addFile", defaultMessage: "Add file" })))) : null,
-            React.createElement("div", { className: "sid-submit sid-l-space-top-md" },
-                React.createElement("button", { id: "sid-submit-doc-upload", onClick: submitForm, type: "submit", className: "sid-btn sid-btn--dark sid-submit__continue", "aria-label": intl.formatHTMLMessage({
+            React.createElement("div", { className: "sid-submit sid-doc-upload-submit sid-l-space-top-md" },
+                React.createElement("button", { id: "sid-submit-doc-upload", onClick: submitForm, type: "submit", className: "sid-btn sid-btn--dark sid-doc-upload-submit-btn sid-submit__continue", "aria-label": intl.formatHTMLMessage({
                         id: "step.docUpload.submitButtonLabel",
                         defaultMessage: "Continue",
                     }), disabled: currentFileNames.length <= 0 },
                     React.createElement(FormattedHTMLMessage, { id: "step.docUpload.submitButtonLabel", defaultMessage: "Continue" })),
-                React.createElement("button", { onClick: removeFilesAndUpdate, type: "button", className: "sid-btn sid-btn--light sid-submit__cancel sid-l-space-left-sm", "aria-label": "cancel", disabled: currentFileNames.length <= 0 },
+                React.createElement("button", { onClick: removeFilesAndUpdate, type: "button", className: "sid-btn sid-btn--light sid-doc-upload-cancel-btn sid-submit__cancel sid-l-space-left-sm", "aria-label": "cancel", disabled: currentFileNames.length <= 0 },
                     React.createElement(FormattedHTMLMessage, { id: "step.docUpload.cancelButtonLabel", defaultMessage: "Cancel" }))))) : null),
-        overrideEnabled && (React.createElement("div", { className: "sid-submit sid-l-horz-center sid-l-space-top-sm" },
-            React.createElement("a", { href: "#", className: "sid-link", onClick: () => cancelDocUpload(), role: "button" },
+        overrideEnabled && (React.createElement("div", { className: "sid-submit sid-override-submit sid-l-horz-center sid-l-space-top-sm" },
+            React.createElement("a", { href: "#", className: "sid-link sid-override-link", onClick: () => cancelDocUpload(), role: "button" },
                 React.createElement(FormattedHTMLMessage, { id: "step.docUpload.cancelDocUploadLabel", defaultMessage: "Click here if you are unable to verify with a document" })))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
 };
@@ -21821,9 +21829,9 @@ const StepOverride = ({ intl, verificationService }) => {
         logger.info("StepOverrideCode submitting form");
         verificationService.submitStep(VerificationStepsEnum.override, viewModel, verificationService.verificationResponse);
     };
-    return (React.createElement("div", { id: "sid-step-overrice-code", className: "sid-l-container" },
-        React.createElement("div", { className: "sid-l-horz-center" },
-            React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg" }) })),
+    return (React.createElement("div", { id: "sid-step-overrice-code", className: "sid-override-personal-info-container sid-l-container" },
+        React.createElement("div", { className: "sid-override-personal-info-logo-container sid-l-horz-center" },
+            React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-override-personal-info-logo-default sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg" }) })),
         React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
             React.createElement(FormattedHTMLMessage, { id: "step.override.title", defaultMessage: "Unable to Verify Status" })),
         React.createElement("div", { className: "sid-header__subtitle-one sid-l-horz-center" },
@@ -21837,8 +21845,8 @@ const StepOverride = ({ intl, verificationService }) => {
         stepResultMessage && (React.createElement("div", null,
             React.createElement("p", null, stepResultMessage))),
         React.createElement("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md" },
-            React.createElement("div", { className: "sid-submit" },
-                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: submitForm, type: "button", className: `sid-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
+            React.createElement("div", { className: "sid-override-submit sid-submit" },
+                React.createElement("button", { id: "sid-submit-btn-collect-info", onClick: submitForm, type: "button", className: `sid-btn sid-override-submit-btn sid-btn--dark sid-l-full-width ${!isFormFilled(viewModel, verificationService.formValidationOptions)
                         ? "sid-btn--disabled-like"
                         : ""}`, "aria-label": "submit", disabled: !!(!viewModel.overrideCode ||
                         viewModel.overrideCode.length <= 0 ||
@@ -21981,7 +21989,8 @@ const LoadStepComponent = ({ stepToLoad, verificationService }) => {
             isSecondaryStep = true;
             break;
         case VerificationStepsEnum.missingRequiredMetadata:
-            return (React.createElement(StepErrorComponent, { verificationService: verificationService, errorId: "missingRequiredMetadata" }));
+            Component = getComponent("StepErrorComponent");
+            return (React.createElement(Component, { verificationService: verificationService, errorId: "missingRequiredMetadata" }));
         // If explicitly trying to render the error component, such as when testing/styling
         case VerificationStepsEnum.error:
             Component = getComponent("StepErrorComponent");
@@ -22179,7 +22188,7 @@ const NewVerificationComponent = connect(mapStateToProps, mapDispatchToProps, me
 const store = getStore();
 // This call can take place at any time after the jslib .js file is parsed
 // It only needs to be called once per page-load
-setDimension("jslibVersionActual", getSafe(() => getPublishedVersion(), "?"));
+setDimension(DimensionName.jslibVersionActual, getSafe(() => getPublishedVersion(), "?"));
 const VerificationForm = React.forwardRef(({ programId, trackingId = undefined }, ref) => {
     addPredefinedHooks(); // keep this as early as possible in the jslib initialization
     store.dispatch({ programId, type: "PROGRAM_ID" });
@@ -22529,5 +22538,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, ExtraMessage, FIRST_RESPONDER_STATUS, FaqLinkComponent, FetchOrganizationsComponent, FieldIdEnum, FieldIds, FieldLabel, FirstNameComponent, FirstResponderOrganizationComponent, FirstResponderStatusComponent, FirstResponderStatusDefaultMessagesEnum, FormFieldCheckbox, FormFieldCustom, FormFieldLayout, FormFieldText, FormFooterComponent, GetEmptyTheme, GetJson, GetResponse, HTTP_REQUEST_TIMEOUT, HookNameEnum, HookNames, HowDoesVerifyingWorkComponent, InputSelectButtonComponent, InputSelectComponent, InputSelectListComponent, InputTextComponent, LICENSED_PROFESSIONAL_STATUS, LOW_INCOME_STATUS, LastNameComponent, LinkExternal, LoadingSpinnerComponent, Locales, LogoComponent, LowIncomeOrganizationComponent, LowIncomeStatusDefaultMessagesEnum, MAX_DOC_UPLOAD_DOCS_ALLOWED, MEDICAL_PROFESSIONAL_STATUS, MILITARY_STATUS, 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, RECENT_MOVER_STATUS, 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, StepOverrideComponent, 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, blankOrganization, 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, getQueryOrOption, 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, ExtraMessage, FIRST_RESPONDER_STATUS, FaqLinkComponent, FetchOrganizationsComponent, FieldIdEnum, FieldIds, FieldLabel, FirstNameComponent, FirstResponderOrganizationComponent, FirstResponderStatusComponent, FirstResponderStatusDefaultMessagesEnum, FormFieldCheckbox, FormFieldCustom, FormFieldLayout, FormFieldText, FormFooterComponent, GetEmptyTheme, GetJson, GetResponse, HTTP_REQUEST_TIMEOUT, HookNameEnum, HookNames, HowDoesVerifyingWorkComponent, InputSelectButtonComponent, InputSelectComponent, InputSelectListComponent, InputTextComponent, LICENSED_PROFESSIONAL_STATUS, LOW_INCOME_STATUS, LastNameComponent, LinkExternal, LoadingSpinnerComponent, Locales, LogoComponent, LowIncomeOrganizationComponent, LowIncomeStatusDefaultMessagesEnum, MAX_DOC_UPLOAD_DOCS_ALLOWED, MEDICAL_PROFESSIONAL_STATUS, MILITARY_STATUS, 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, RECENT_MOVER_STATUS, 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, StepOverrideComponent, 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, blankOrganization, 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, getQueryOrOption, getQueryParamsFromUrl, getRefByFieldId, getRefs, getRouteOverride, getSafe, getSheerIdScriptBasePath, getStatusLabel, getTabRef, getTrackingIdFromQueryString, getVerificationIdFromQueryString, getVerificationStatusUrl, handleCountryOnKeyDown, handleEmailOnKeyDown, handleStateChange, hasFailedInstantMatch, howDoesVerifyingWorkMessages, isFormErrored, isFormFilled, testRequestEmailDomains as 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, setGaDimensionTestRequest as setGaDimensionIsTest, setMetadata, setOptions, setRef, setTabRef, setViewModel, shouldCollectAddressFields, shouldCollectPostalCode, socialSecurityEmpty, speakToOuterFrame, submitAddSchoolRequest, submitForm, unDisplaySSN, updateFieldValidationErrors, updateFieldValidationErrorsByFieldId, updateMilitaryViewModel, updateViewModelOrganization, usePollingInterval, validateFieldById, validateMetadata };
 //# sourceMappingURL=sheerides6.js.map