@sheerid/jslib 1.113.0 → 1.116.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';
@@ -474,6 +474,7 @@ const Locales = [
     "hr",
     "hu",
     "id",
+    "in",
     "it",
     "iw",
     "ja",
@@ -527,6 +528,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 +2211,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 +2261,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 +2343,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",
@@ -2563,8 +2570,8 @@ var enUSMessages = {
 	"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",
@@ -2783,154 +2790,158 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-1e2dd534.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-5c429e6b.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-90717579.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-71b63950.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-3b984816.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-053af9cf.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-2c5ef0f5.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-be1a5bf6.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-7041d126.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-c30a028c.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-3988a887.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-43310daf.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-2a96d83b.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-fa3d1d6f.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-604849e9.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-0ca161c5.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-b0b02cad.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-0ec6d108.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-14ea01f0.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-e2f2ba21.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-88425266.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-fe0fdb6d.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-1408e13c.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-fa194db7.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-9f53f7ee.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-41cc976c.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-1a435f85.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-97782315.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-75c64f50.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-37158cc0.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-7b670604.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-9b9bfc47.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-fb35deaf.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-d4647473.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-afdee5e0.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-a648db8e.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-80147ef5.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`);
@@ -3686,6 +3697,7 @@ const getAllEmptyViewModels = () => ({
     emailLoop: deepClone(emailLoopEmpty),
     pending: deepClone(emptyViewModel),
     success: deepClone(emptyViewModel),
+    consolation: deepClone(emptyViewModel),
     error: deepClone(emptyViewModel),
     cancelSocialSecurityNumber: deepClone(emptyViewModel),
     docReviewLimitExceeded: deepClone(emptyViewModel),
@@ -3826,9 +3838,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;
@@ -5101,7 +5113,7 @@ const orgTypes = {
 };
 function byType(org) {
     return org.type === orgTypes[this];
-} // "this" is the second parameter (the string) provided to .filter() on the following lines. Note you can't use an arrow function b/c of `this` scoping rules. This defn can be moved outside (above) the React component as well.
+}
 const RequestOrganizationSearchResult = ({ eligibleOrgs, ineligibleOrgs, intl, }) => {
     const hasMaxResults = () => eligibleOrgs.length + ineligibleOrgs.length >= requestOrganizationConstants.MAX_RESULT_SIZE;
     const eligibleUniversities = eligibleOrgs.filter(byType, "university");
@@ -5137,7 +5149,7 @@ const RequestOrganizationSearchResult = ({ eligibleOrgs, ineligibleOrgs, intl, }
             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 && (React.createElement(React.Fragment, null,
+        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 })))))),
@@ -5145,7 +5157,7 @@ const RequestOrganizationSearchResult = ({ eligibleOrgs, ineligibleOrgs, intl, }
             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 && (React.createElement(React.Fragment, null,
+        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 }))))))));
@@ -10823,6 +10835,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",
@@ -10901,6 +10923,7 @@ const allMockedResponses = {
     collectMemberPersonalInfo: mockMemberPersonalInfoResponse,
     docUpload: mockDocUploadVerificationResponse,
     success: mockSuccessResponse,
+    consolation: mockConsolationResponse,
     error: mockErrorResponse,
     pending: mockPendingResponse,
     docReviewLimitExceeded: mockDocReviewLimitExceededResponse,
@@ -11085,6 +11108,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.
  *
@@ -11102,6 +11133,9 @@ const getOverriddenMock = async (overriddenStep, serverResponse) => {
             case VerificationStepsEnum.success:
                 mockResponse = getSuccessStepMockResponseOverrides(mockResponse);
                 break;
+            case VerificationStepsEnum.consolation:
+                mockResponse = getConsolationStepMockResponseOverrides(mockResponse);
+                break;
         }
     }
     else {
@@ -17942,12 +17976,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;
 };
 
@@ -18067,7 +18104,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,
@@ -20874,7 +20912,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
@@ -20913,7 +20950,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" },
@@ -20937,7 +20975,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);
@@ -20971,7 +21008,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" },
@@ -20983,7 +21021,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" },
@@ -21001,7 +21040,6 @@ const redirect = (redirectDestination) => {
     win.focus();
 };
 const StepSuccess = ({ verificationService }) => {
-    const hasLogo = !!getLogoUrl(verificationService.programTheme);
     const redirectDestination = verificationService.verificationResponse
         .redirectUrl;
     const showRedirect = Boolean(redirectDestination);
@@ -21009,7 +21047,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" },
@@ -21145,7 +21184,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;
@@ -21154,7 +21195,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;
@@ -21165,8 +21205,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
@@ -21184,7 +21223,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) {
@@ -21316,8 +21355,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");
@@ -21364,7 +21401,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." }))),
@@ -23039,7 +23077,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,
@@ -23122,7 +23159,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 }),
@@ -23179,6 +23217,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
  */
@@ -23202,6 +23262,7 @@ const defaultComponents = {
     StepLowIncomePersonalInfoComponent,
     StepSocialSecurityNumber,
     StepSuccessComponent,
+    StepConsolationComponent,
     StepDocUploadComponent,
     StepPendingComponent,
     StepSSOComponent,
@@ -23281,6 +23342,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;