@sheerid/jslib 1.114.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",
@@ -2783,154 +2789,158 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-27f8a3fb.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-a9edc7f5.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-0a738d79.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-6d465014.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-ecfb36e6.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-efb0eb96.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-ec95a71d.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-6e018097.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-02739eef.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-639ce3ed.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-ea4679bd.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-1f9d20d7.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-834b76d1.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-acda52c1.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-1f25d049.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-63296be9.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-50e6c872.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-c2e37d78.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-96f7c7dd.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-78d7b382.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-e211dcec.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-b08d150f.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-d7018245.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-51a9f4ec.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-a8391221.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-4502a589.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-3ef8396a.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-c335287a.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-3e70d7bf.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-3cfda03f.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-91041e4c.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-cc3139eb.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-178885a6.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-54b3e8ec.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-63995de1.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-fa9bd73f.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-038b18f8.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 +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),
@@ -5101,7 +5112,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 +5148,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 +5156,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 +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",
@@ -10901,6 +10922,7 @@ const allMockedResponses = {
     collectMemberPersonalInfo: mockMemberPersonalInfoResponse,
     docUpload: mockDocUploadVerificationResponse,
     success: mockSuccessResponse,
+    consolation: mockConsolationResponse,
     error: mockErrorResponse,
     pending: mockPendingResponse,
     docReviewLimitExceeded: mockDocReviewLimitExceededResponse,
@@ -11085,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.
  *
@@ -11102,6 +11132,9 @@ const getOverriddenMock = async (overriddenStep, serverResponse) => {
             case VerificationStepsEnum.success:
                 mockResponse = getSuccessStepMockResponseOverrides(mockResponse);
                 break;
+            case VerificationStepsEnum.consolation:
+                mockResponse = getConsolationStepMockResponseOverrides(mockResponse);
+                break;
         }
     }
     else {
@@ -17942,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;
 };
 
@@ -18067,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,
@@ -20874,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
@@ -20913,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" },
@@ -20937,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);
@@ -20971,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" },
@@ -20983,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" },
@@ -21001,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);
@@ -21009,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" },
@@ -21145,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;
@@ -21154,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;
@@ -21165,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
@@ -21184,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) {
@@ -21316,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");
@@ -21364,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." }))),
@@ -23039,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,
@@ -23122,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 }),
@@ -23179,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
  */
@@ -23202,6 +23261,7 @@ const defaultComponents = {
     StepLowIncomePersonalInfoComponent,
     StepSocialSecurityNumber,
     StepSuccessComponent,
+    StepConsolationComponent,
     StepDocUploadComponent,
     StepPendingComponent,
     StepSSOComponent,
@@ -23281,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;