@sheerid/jslib 1.112.0 → 1.115.0

package/sheerides6.js

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback, useEffect, useMemo, cloneElement, Component, useLayoutEffect, useReducer, PureComponent, useState, forwardRef, useImperativeHandle, Fragment as Fragment$4, Suspense as Suspense$4 } from 'react';
+import React, { useRef, useCallback, useEffect, useMemo, cloneElement, Component, useLayoutEffect, useReducer, PureComponent, Children, useState, forwardRef, useImperativeHandle, Fragment as Fragment$4, Suspense as Suspense$4 } from 'react';
 import { FormattedHTMLMessage, injectIntl, IntlProvider } from 'react-intl';
 import 'react-intl/locale-data/en.js';
 import ReactDOMServer from 'react-dom/server';
@@ -527,6 +527,7 @@ var VerificationStepsEnum;
     VerificationStepsEnum["smsLoop"] = "smsLoop";
     VerificationStepsEnum["emailLoop"] = "emailLoop";
     VerificationStepsEnum["cancelEmailLoop"] = "cancelEmailLoop";
+    VerificationStepsEnum["consolation"] = "consolation";
 })(VerificationStepsEnum || (VerificationStepsEnum = {}));
 const VerificationSteps = Object.values(VerificationStepsEnum); // For runtime checks
 // This depends on all collect steps starting with the string 'collect' if that
@@ -2209,6 +2210,7 @@ var enUSMessages = {
 	"defaultMessages.locales.hr": "Croatian",
 	"defaultMessages.locales.hu": "Hungarian",
 	"defaultMessages.locales.id": "Indonesian",
+	"defaultMessages.locales.in": "Indonesian",
 	"defaultMessages.locales.it": "Italian",
 	"defaultMessages.locales.iw": "Hebrew",
 	"defaultMessages.locales.ja": "Japanese",
@@ -2258,6 +2260,7 @@ var enUSMessages = {
 	"defaultMessages.proceed": "Proceed",
 	"defaultMessages.requestSchool": "Don't see your school? Request to have it added.",
 	"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",
@@ -2339,6 +2342,9 @@ var enUSMessages = {
 	"defaultMessages.step.collectSocialSecurityNumber.uploadDoc": "Upload a document",
 	"defaultMessages.step.collectSocialSecurityNumber.uploadInstead": "Upload a document instead",
 	"defaultMessages.step.collectSocialSecurityNumber.useSsn": "Verify using your social security number",
+	"defaultMessages.step.consolation.subtitle": "Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once.",
+	"defaultMessages.step.consolation.title": "Claim your offer",
+	"defaultMessages.step.consolation.verificationOnly": "Please direct any and all questions about this offer to {companyName}.",
 	"defaultMessages.step.docUpload.acceptableUploadExamples": "Acceptable examples include:",
 	"defaultMessages.step.docUpload.acceptableUploads.age.birthCertificate": "Your birth certificate",
 	"defaultMessages.step.docUpload.acceptableUploads.age.driversLicense": "Your drivers license",
@@ -2551,14 +2557,20 @@ var enUSMessages = {
 	"requestOrganizationMessages.ineligibleOrgs": "Ineligible Schools. We are sorry, people from these schools are not eligible for this offer:",
 	"requestOrganizationMessages.noCountry": "Don't see your school’s country or region? You are not eligible for this offer.",
 	"requestOrganizationMessages.none": "None",
+	"requestOrganizationMessages.orgType.eligible": " - Eligible for this offer. Click the icon to copy name then return to the verification form:",
+	"requestOrganizationMessages.orgType.highSchool": "High Schools / Secondary Schools {e}",
+	"requestOrganizationMessages.orgType.ineligible": "  - (Not eligible for this offer)",
+	"requestOrganizationMessages.orgType.k12": "K12 {e}",
+	"requestOrganizationMessages.orgType.postSecondary": "Post Secondary Institutions {e}",
+	"requestOrganizationMessages.orgType.university": "Universities {e}",
 	"requestOrganizationMessages.poweredBy": "Verification services powered by SheerID",
 	"requestOrganizationMessages.searchByOrgName": "Don't see your school? Search by name.",
 	"requestOrganizationMessages.step.error.contactUs": "contact us",
 	"requestOrganizationMessages.step.error.description": "Sorry we are not able to process your request. Please try again later.",
 	"requestOrganizationMessages.step.error.seeingProblem": "If you keep seeing this problem <a class='sid-link' href='{feedbackUrl}&pid={programId}' target='_blank'>contact us</a>.",
 	"requestOrganizationMessages.step.error.title": "An unexpected error occurred",
-	"requestOrganizationMessages.step.success.description": "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 takes up to 7 business days.",
-	"requestOrganizationMessages.step.success.title": "Thank you for submitting your school request",
+	"requestOrganizationMessages.step.success.description": "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.",
+	"requestOrganizationMessages.step.success.title": "Thank you",
 	"requestOrganizationMessages.submit": "Submit",
 	"requestOrganizationMessages.title": "Request to Add School",
 	"segmentMessages.age.emailExplanation": "Needed to send you your unique code",
@@ -2777,154 +2789,158 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-3ae39586.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-be8a4ea7.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-6620ee13.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-7d68b084.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-9acf0460.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-76972631.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-0b0465fd.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-ac1717ad.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-e370c535.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-074f4e20.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-98e713da.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-3f65cd3e.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-4c9b2809.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-a9ddb9ae.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-ad689109.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-09a85ab4.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-29447ba1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-0b85cd1e.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-9a9cfb4b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-e9d2aa76.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-6318fdae.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-e6486012.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-bbb1ff16.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-c29171e7.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-1ef386d0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-9f436ad1.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-3a56687e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-98b6b845.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-a70ecd9a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-c24b11a8.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-66daacc1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-7f3237d0.es.js').then((m) => m.default);
+            break;
+        case "in":
+            localizedMessages = await import(
+            /* webpackChunkName: "messages_in" */ './es6/id-7f3237d0.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-2032b91e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-ee9d3e4d.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-7c41f1f9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-1105c657.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-fb4128c9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-5a7bda14.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-54d59d72.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-293bcc87.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-0b09b49c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-d4965434.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-85367514.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-1dd3f6bc.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-0decdf24.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-a2b49f0e.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-06109373.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-1c1caaa7.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-a26a72a5.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-6b809f77.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-dc0c2f70.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-d19254aa.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-80d5ee2f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-fd0de0f9.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-c72dbd5e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-6940ccd4.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-18843366.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-5a707928.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-1cd8142d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-89ce05be.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-626bf398.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-31c230c2.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-81bca4d0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-b7ed8dda.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-98cd630e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-62e472d2.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-36130f7a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-4b41f086.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-b8f5e402.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-57f74930.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-f2672873.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-f0861267.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-866fc64f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-077bb71f.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -3680,6 +3696,7 @@ const getAllEmptyViewModels = () => ({
     emailLoop: deepClone(emailLoopEmpty),
     pending: deepClone(emptyViewModel),
     success: deepClone(emptyViewModel),
+    consolation: deepClone(emptyViewModel),
     error: deepClone(emptyViewModel),
     cancelSocialSecurityNumber: deepClone(emptyViewModel),
     docReviewLimitExceeded: deepClone(emptyViewModel),
@@ -3820,9 +3837,9 @@ const RequestOrganizationSuccessComponent = ({ requestOrganizationService, }) =>
             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(FormattedHTMLMessage, { id: "step.success.title", defaultMessage: "Thank you for submitting your school request" })),
+                React.createElement(FormattedHTMLMessage, { id: "step.success.title", defaultMessage: "Thank you" })),
             React.createElement("div", { className: "sid-soft-font-color" },
-                React.createElement(FormattedHTMLMessage, { id: "step.success.description", defaultMessage: "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 takes up to 7 business days." })))));
+                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." })))));
 };
 
 var CountryCode;
@@ -5087,20 +5104,64 @@ const Email = ({ value, isErrored, onChange, explanation, intl, onKeyDown = unde
         React.createElement(FormattedHTMLMessage, { id: "errorId.invalidEmail", defaultMessage: "Invalid email" }))) : null));
 const EmailComponent = injectIntl(Email);
 
-const RequestOrganizationSearchResultComponent = ({ eligibleOrgs, ineligibleOrgs, }) => {
+const orgTypes = {
+    university: "UNIVERSITY",
+    k12: "K12",
+    postSecondary: "POST_SECONDARY",
+    highSchool: "HIGH_SCHOOL",
+};
+function byType(org) {
+    return org.type === orgTypes[this];
+}
+const RequestOrganizationSearchResult = ({ eligibleOrgs, ineligibleOrgs, intl, }) => {
     const hasMaxResults = () => eligibleOrgs.length + ineligibleOrgs.length >= requestOrganizationConstants.MAX_RESULT_SIZE;
+    const eligibleUniversities = eligibleOrgs.filter(byType, "university");
+    const eligibleK12 = eligibleOrgs.filter(byType, "k12");
+    const eligiblePostSecondaries = eligibleOrgs.filter(byType, "postSecondary");
+    const eligibleHighSchools = eligibleOrgs.filter(byType, "highSchool");
+    const ineligibleUniversities = ineligibleOrgs.filter(byType, "university");
+    const ineligibleK12 = ineligibleOrgs.filter(byType, "k12");
+    const ineligiblePostSecondaries = ineligibleOrgs.filter(byType, "postSecondary");
+    const ineligibleHighSchools = ineligibleOrgs.filter(byType, "highSchool");
     return (React.createElement("div", { className: "sid-l-space-top-md" },
         hasMaxResults() ? (React.createElement("div", { className: "sid-header__subtitle--error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.tooManyResults", defaultMessage: "Your search returned too many results, please refine your search and try again" }))) : null,
-        React.createElement("div", null,
-            React.createElement(FormattedHTMLMessage, { id: "eligibleOrgs", defaultMessage: "Eligible schools. Click the icon to copy name then return to the verification form:" })),
-        React.createElement("div", { className: "sid-l-space-top-sm" }, eligibleOrgs.length > 0 ? (eligibleOrgs.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))) : (React.createElement("div", null,
-            React.createElement(FormattedHTMLMessage, { id: "none", defaultMessage: "None" })))),
-        React.createElement("div", { className: "sid-l-space-top-md" },
-            React.createElement(FormattedHTMLMessage, { id: "ineligibleOrgs", defaultMessage: "Ineligible Schools. We are sorry, people from these schools are not eligible for this offer:" })),
-        React.createElement("div", { className: "sid-l-space-top-sm" }, ineligibleOrgs.length > 0 ? (ineligibleOrgs.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false })))) : (React.createElement("div", null,
-            React.createElement(FormattedHTMLMessage, { id: "none", defaultMessage: "None" }))))));
-};
+        (eligibleOrgs.length === 0 || ineligibleOrgs.length === 0) && (React.createElement("div", null,
+            React.createElement(FormattedHTMLMessage, { id: "none", defaultMessage: "None" }))),
+        eligibleUniversities.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.university", defaultMessage: "Universities ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.eligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, eligibleUniversities.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))))),
+        eligibleK12.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.k12", defaultMessage: "K12 ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.eligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, eligibleK12.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))))),
+        eligiblePostSecondaries.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.postSecondary", defaultMessage: "Post Secondary Institutions ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.eligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, eligiblePostSecondaries.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))))),
+        eligibleHighSchools.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.highSchool", defaultMessage: "High Schools / Secondary Schools ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.eligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, eligibleHighSchools.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: true })))))),
+        ineligibleUniversities.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.university", defaultMessage: "Universities ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.ineligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, ineligibleUniversities.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false })))))),
+        ineligibleK12.length > 0 && eligibleHighSchools.length <= 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.k12", defaultMessage: "K12 ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.ineligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, ineligibleK12.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false })))))),
+        ineligiblePostSecondaries.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.postSecondary", defaultMessage: "Post Secondary Institutions ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.ineligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, ineligiblePostSecondaries.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false })))))),
+        ineligibleHighSchools.length > 0 && eligibleK12.length <= 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sid-l-space-top-sm" },
+                React.createElement(FormattedHTMLMessage, { id: "orgType.highSchool", defaultMessage: "High Schools / Secondary Schools ({e})", values: { e: intl.formatHTMLMessage({ id: "orgType.ineligible" }) } })),
+            React.createElement("div", { className: "sid-l-space-top-sm" }, ineligibleHighSchools.map((organization) => (React.createElement(OrganizationResultComponent, { key: organization.id, organization: organization, isEligible: false }))))))));
+};
+const RequestOrganizationSearchResultComponent = injectIntl(RequestOrganizationSearchResult);
 
 const SearchFieldComponent = ({ name, label, value, placeholder, isErrored, onChange, onKeyDown, search, }) => {
     const handleOnKeyDown = (e) => {
@@ -10773,6 +10834,16 @@ const mockSuccessResponse = {
     locale: "en-US",
 };
 // There is no request associated with this step
+// ========================= "Step" Consolation =======================
+const mockConsolationResponse = {
+    verificationId: "5a3bffd5e4b05f0b878a9762",
+    currentStep: "consolation",
+    segment: "student",
+    subSegment: null,
+    consolationRewardCode: "MY_REWARD_123",
+    locale: "en-US",
+};
+// There is no request associated with this step
 // ============================ "Step" Error ===========================
 const mockErrorResponse = {
     verificationId: "5a3bffd5e4b05f0b878a9762",
@@ -10851,6 +10922,7 @@ const allMockedResponses = {
     collectMemberPersonalInfo: mockMemberPersonalInfoResponse,
     docUpload: mockDocUploadVerificationResponse,
     success: mockSuccessResponse,
+    consolation: mockConsolationResponse,
     error: mockErrorResponse,
     pending: mockPendingResponse,
     docReviewLimitExceeded: mockDocReviewLimitExceededResponse,
@@ -11035,6 +11107,14 @@ const getSuccessStepMockResponseOverrides = (mockResponse) => {
     }
     return mockResponseClone;
 };
+const getConsolationStepMockResponseOverrides = (mockResponse) => {
+    const mockResponseClone = deepClone(mockResponse);
+    const consolationRewardCodeMock = getRewardCodeOverride();
+    if (consolationRewardCodeMock) {
+        mockResponseClone.consolationRewardCode = consolationRewardCodeMock;
+    }
+    return mockResponseClone;
+};
 /**
  * Based on page request query params, return a fake response to allow direct access to any step.
  *
@@ -11052,6 +11132,9 @@ const getOverriddenMock = async (overriddenStep, serverResponse) => {
             case VerificationStepsEnum.success:
                 mockResponse = getSuccessStepMockResponseOverrides(mockResponse);
                 break;
+            case VerificationStepsEnum.consolation:
+                mockResponse = getConsolationStepMockResponseOverrides(mockResponse);
+                break;
         }
     }
     else {
@@ -17892,12 +17975,15 @@ const MarketConsentWrapperComponent = ({ verificationService, isErrored, onChang
     return marketConsentConfig.enabled ? (React.createElement(OptInComponent, { isErrored: isErrored, isRequired: marketConsentConfig.required, verificationService: verificationService, value: (viewModel.metadata && viewModel.metadata.marketConsentValue) || false, onChange: (value) => onChange(value) })) : null;
 };
 
-const LogoComponent = ({ verificationService }) => {
+const LogoComponent = ({ verificationService, fallbackLogo }) => {
     const logoUrl = getLogoUrl(verificationService.programTheme);
     if (logoUrl) {
         return (React.createElement("div", { className: "sid-logo sid-l-space-top-md" },
             React.createElement(FormattedHTMLMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement("img", { className: "sid-logo__img", alt: `${companyName} logo`, src: logoUrl })))));
     }
+    if (fallbackLogo) {
+        return fallbackLogo;
+    }
     return null;
 };
 
@@ -18017,7 +18103,8 @@ var debounce_2 = debounce_1.debounce;
 const ROW_HEIGHT = 42;
 const MAX_ITEMS = 26;
 const OrganizationList = ({ getItemProps, highlightedIndex, organizations, itemToString, children, maxItemsToDisplay = MAX_ITEMS, }) => {
-    const fullHeight = organizations.length * ROW_HEIGHT;
+    const childrenCount = Children.count(children);
+    const fullHeight = (organizations.length + childrenCount) * ROW_HEIGHT;
     const item = (organization, index) => (React.createElement("div", Object.assign({ className: `sid-organization-list__item ${highlightedIndex === index ? "sid-organization-list__item--highlighted" : ""}`, key: index }, getItemProps({
         index,
         item: organization,
@@ -20824,7 +20911,6 @@ const TryAgainButtonComponent = ({ verificationService }) => {
 const BtnContainer = ({ children }) => (React.createElement("div", { className: "sid-l-space-top-lg sid-l-half-width sid-l-horz-center" }, children));
 const StepError = ({ verificationService, errorId }) => {
     const verificationResponse = verificationService.verificationResponse;
-    const hasLogo = !!getLogoUrl(verificationService.programTheme);
     let errorIds = getSafe(() => verificationResponse.errorIds) || [];
     if (errorId) {
         errorIds = [errorId, ...errorIds]; // Prefer passed in err over any others, so it goes first
@@ -20863,7 +20949,8 @@ const StepError = ({ verificationService, errorId }) => {
     }
     return (React.createElement("div", { id: "sid-step-error", className: "sid-l-container" },
         React.createElement("div", { className: "sid-header sid-l-horz-center" },
-            React.createElement("div", { className: logoContainerClass }, hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/circle-exclamation.svg" }))),
+            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("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" },
@@ -20887,7 +20974,6 @@ const StepSSOComponent = ({ verificationService }) => {
     const verificationResponse = verificationService.verificationResponse;
     const previousVerificationResponse = verificationService.previousVerificationResponse || undefined;
     const { verificationId } = verificationService.verificationResponse;
-    const hasLogo = !!getLogoUrl(verificationService.programTheme);
     let timeout;
     const pollForVerificationServiceUpdates = () => setTimeout(() => {
         verificationService.fetchExistingVerificationRequest(programId, verificationId, previousVerificationResponse);
@@ -20921,7 +21007,8 @@ const StepSSOComponent = ({ verificationService }) => {
     }
     return (React.createElement("div", { id: "sid-step-sso", className: "sid-l-container" },
         viewModel.isSSOActive ? (React.createElement("div", { className: "sid-header sid-l-horz-center" },
-            React.createElement("div", { className: "sid-l-horz-center" }, hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg" }))),
+            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-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" },
@@ -20933,7 +21020,8 @@ const StepSSOComponent = ({ verificationService }) => {
                     React.createElement("button", { onClick: cancelSSOStep, type: "submit", className: "sid-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" }, hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg" }))),
+            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-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" },
@@ -20951,7 +21039,6 @@ const redirect = (redirectDestination) => {
     win.focus();
 };
 const StepSuccess = ({ verificationService }) => {
-    const hasLogo = !!getLogoUrl(verificationService.programTheme);
     const redirectDestination = verificationService.verificationResponse
         .redirectUrl;
     const showRedirect = Boolean(redirectDestination);
@@ -20959,7 +21046,8 @@ const StepSuccess = ({ verificationService }) => {
     const noCodeType = verificationService.programTheme.config.offerType === "noCode";
     return (React.createElement("div", { id: "sid-step-success", className: "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" }, hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (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-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-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" },
@@ -21095,7 +21183,9 @@ const usePollingInterval = (callback, pollTime) => {
 const DOC_UPLOAD_POLL_DURATION_DURING_COUNTDOWN = 5000;
 const DOC_UPLOAD_POLL_DURATION = 20000;
 const SSO_POLL_DURATION = 5000;
-const calculateShowCountdown = (isPreviousStepSSO, isMockingSSO, isMockingDocUpload) => !isPreviousStepSSO && !isMockingSSO && !isMockingDocUpload;
+const calculateShowCountdown = (isExplicitlyMockingPending, isPreviousStepSSO, isMockingPreviousStepSSO, isMockingPreviousStepDocUpload) => (isExplicitlyMockingPending || !isPreviousStepSSO) &&
+    !isMockingPreviousStepSSO &&
+    !isMockingPreviousStepDocUpload;
 const StepPending = ({ verificationService, intl }) => {
     const { programId } = verificationService;
     const { viewModel } = verificationService;
@@ -21104,7 +21194,6 @@ const StepPending = ({ verificationService, intl }) => {
         verificationService.previousVerificationResponse ||
         undefined;
     const { verificationId } = verificationService.verificationResponse;
-    const hasLogo = !!getLogoUrl(verificationService.programTheme);
     const countdownSeconds = 20;
     const isMockingPreviousStepSSO = getPreviousStepOverride() && getPreviousStepOverride() === VerificationStepsEnum.sso;
     const isMockingPreviousStepDocUpload = getPreviousStepOverride() && getPreviousStepOverride() === VerificationStepsEnum.docUpload;
@@ -21115,8 +21204,7 @@ const StepPending = ({ verificationService, intl }) => {
         }
         return false;
     };
-    const [showCountDown, setShowCountDown] = React.useState(calculateShowCountdown(isPreviousStepSSO(), isMockingPreviousStepSSO, isMockingPreviousStepDocUpload));
-    const getLogo = () => hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg" }));
+    const [showCountDown, setShowCountDown] = React.useState(calculateShowCountdown(getOptions().mockStep === "pending", isPreviousStepSSO(), isMockingPreviousStepSSO, isMockingPreviousStepDocUpload));
     const pollTime = isPreviousStepSSO()
         ? SSO_POLL_DURATION
         : showCountDown
@@ -21134,7 +21222,7 @@ const StepPending = ({ verificationService, intl }) => {
     const onCountdownFinish = () => {
         setShowCountDown(false);
     };
-    const logo = getLogo();
+    const logo = (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" }) }));
     const getPendingContent = () => {
         const showSSO = isPreviousStepSSO() || isMockingPreviousStepSSO;
         if (showCountDown) {
@@ -21266,8 +21354,6 @@ const StepEmailLoop = ({ intl, verificationService }) => {
     const previousViewModel = verificationService.previousViewModel || undefined;
     const previousVerificationResponse = verificationService.previousVerificationResponse || undefined;
     const [resendMessage, setResendMessage] = React.useState("");
-    const hasLogo = !!getLogoUrl(verificationService.programTheme);
-    const logo = hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg" }));
     const email = getSafe(() => previousViewModel.email);
     const submitForm = () => {
         logger.info("StepEmailLoopComponent submitting form");
@@ -21314,7 +21400,8 @@ const StepEmailLoop = ({ intl, verificationService }) => {
     };
     return (React.createElement("div", { id: "sid-step-email-loop", className: "sid-l-container" },
         React.createElement("div", { className: "sid-header sid-l-horz-center" },
-            React.createElement("div", { className: "sid-l-horz-center" }, logo),
+            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-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." }))),
@@ -22989,7 +23076,6 @@ const StepDocUpload = ({ verificationService, intl }) => {
     const { programTheme } = verificationService;
     const viewModel = verificationService.viewModel;
     const { fieldValidationErrors } = verificationService;
-    const hasLogo = !!getLogoUrl(programTheme);
     const subSegment = getSafe(() => verificationService.verificationResponse.subSegment);
     const getFileForView = (file) => ({
         name: file.name,
@@ -23072,7 +23158,8 @@ const StepDocUpload = ({ verificationService, intl }) => {
             : null)) : null;
     return (React.createElement("div", { id: "sid-step-doc-upload", className: "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" }, hasLogo ? (React.createElement(LogoComponent, { verificationService: verificationService })) : (React.createElement("img", { className: "sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-upload2.svg" }))),
+            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-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 }),
@@ -23129,6 +23216,28 @@ const StepDocUpload = ({ verificationService, intl }) => {
 };
 const StepDocUploadComponent = injectIntl(StepDocUpload);
 
+const StepConsolation = ({ verificationService }) => {
+    const consolationRewardCode = verificationService.verificationResponse.consolationRewardCode ||
+        "${consolationRewardCode}"; // eslint-disable-line no-template-curly-in-string
+    return (React.createElement("div", { id: "sid-step-consolation", className: "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 })),
+            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.consolation.title", defaultMessage: "Claim your offer" })),
+            React.createElement("div", { className: "sid-header__subtitle sid-l-horz-center sid-l-two-thirds-width" },
+                React.createElement(FormattedHTMLMessage, { id: "step.consolation.subtitle", defaultMessage: "Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once." }))),
+        React.createElement("div", { className: "sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center" }, consolationRewardCode),
+        React.createElement("div", { className: "sid-l-space-top-md sid-h-bold-text sid-l-horz-center" },
+            React.createElement(CopyToClipboard, { textToCopy: consolationRewardCode, 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 sid-l-space-top-lg" },
+            React.createElement(FormattedHTMLMessage, { id: "rewardCodeEmailNotification", defaultMessage: "We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com." })),
+        React.createElement("div", { className: "sid-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.consolation.verificationOnly", defaultMessage: "Please direct any and all questions about this offer to {companyName}.", values: { companyName } }))))));
+};
+const StepConsolationComponent = StepConsolation;
+
 /**
  * TODO - preamble
  */
@@ -23152,6 +23261,7 @@ const defaultComponents = {
     StepLowIncomePersonalInfoComponent,
     StepSocialSecurityNumber,
     StepSuccessComponent,
+    StepConsolationComponent,
     StepDocUploadComponent,
     StepPendingComponent,
     StepSSOComponent,
@@ -23231,6 +23341,10 @@ const LoadStepComponent = ({ stepToLoad, verificationService }) => {
             Component = getComponent("StepSuccessComponent");
             isSecondaryStep = true;
             break;
+        case VerificationStepsEnum.consolation:
+            Component = getComponent("StepConsolationComponent");
+            isSecondaryStep = true;
+            break;
         case VerificationStepsEnum.docUpload:
             Component = getComponent("StepDocUploadComponent");
             isSecondaryStep = true;