@sheerid/jslib 1.145.0 → 1.147.0

package/sheerides6.js

@@ -2581,6 +2581,7 @@ var enUSMessages = {
 	"defaultMessages.step.docUpload.uploadInfo.licensedProfessional.validDate": "A currently valid date",
 	"defaultMessages.step.docUpload.uploadInfo.lowIncome.fullName": "Your full name",
 	"defaultMessages.step.docUpload.uploadInfo.lowIncome.validDate": "A valid date of issue (within the last 12 months) or date of expiry (must be valid)",
+	"defaultMessages.step.docUpload.uploadInfo.lowIncome.ebtNumber": "EBT card number",
 	"defaultMessages.step.docUpload.uploadInfo.medical.status": "Your medical professional status",
 	"defaultMessages.step.docUpload.uploadInfo.medical.validDate": "A currently valid date",
 	"defaultMessages.step.docUpload.uploadInfo.military.currentAffiliation": "Your current affiliation with the armed services",
@@ -2649,7 +2650,7 @@ var enUSMessages = {
 	"defaultMessages.step.sso.cancel": "Upload documents",
 	"defaultMessages.step.sso.login": "Sign in to my school",
 	"defaultMessages.step.sso.subtitle": "Please sign in to your school's web portal. It will open in a new tab.",
-	"defaultMessages.step.sso.subtitle2": "Can't sign in to your email?",
+	"defaultMessages.step.sso.subtitle2": "Unable to sign in?",
 	"defaultMessages.step.sso.title": "Verify using your school credentials",
 	"defaultMessages.step.success.copyCouponCode": "Copy Coupon code",
 	"defaultMessages.step.success.emailNotification": "We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.",
@@ -2905,7 +2906,15 @@ var enUSMessages = {
 	"segmentMessages.teacher.step.personalInfo.verifyingTitle": "Verifying your teacher status",
 	"segmentMessages.teacher.step.success.redirectButtonText": "Use code now",
 	"segmentMessages.teacher.step.success.subtitle": "Here is your personal coupon code. It is unique to you and can only be used once.",
-	"segmentMessages.teacher.step.success.title": "You've been verified"
+	"segmentMessages.teacher.step.success.title": "You've been verified",
+	"segmentMessages.student.step.sso.subtitle": "Your academic institution's portal will open in a new window for you to verify using your login information",
+	"segmentMessages.student.step.sso.title": "Verify using academic institution credentials",
+	"segmentMessages.student.step.sso.login": "Sign into my academic institution",
+	"defaultMessages.step.sso.preheader": "Quickest Method",
+	"defaultMessages.step.sso.alternative": "You can also verify by uploading proof of eligibility",
+	"segmentMessages.student.step.sso.alternative": "You can also verify by uploading proof of your enrollment",
+	"segmentMessages.medical.step.sso.alternative": "You can also verify by uploading proof of employment",
+	"segmentMessages.employment.step.sso.alternative": "You can also verify by uploading proof of employment"
 };
 
 const prepareMsgsModule = (localizedMessages) => {
@@ -2928,154 +2937,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-cbfa110c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-ea57f53f.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-c51fb076.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-006677b3.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-653d180f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-1d1436a3.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-1459bdda.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-3bbf3c39.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-1c2f0aec.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-f131981d.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-51a75f68.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-e1282385.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-69239607.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-dd01ebc5.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-3d504f4a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-c593d755.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-0741a8c6.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-3197eef4.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-e4b17692.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-fae0601f.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-47e060a2.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-be5ce179.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-37bdafd4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-0431ddce.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-1c05406c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-2e8b6f2e.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-9678c14e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-2c7b7a57.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-18040fc4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-458b5928.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-634595a4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-e40f94f6.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-8a03f722.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-5d74dd58.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-5cb59491.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-c3d77f38.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-21a517e0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-15c149f5.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-9598e433.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-d2c87aa3.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-5491f253.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-f0873506.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-0492ebc8.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-11d23b16.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-31411394.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-af53d85a.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-396299f1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-e92a8cb8.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-1a49dd52.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-bbfa0b7d.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-c15d915b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-4955e4ea.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-e4c99b19.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-d92b1140.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-cb651566.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-a17e2c7d.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-fdeb457b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-941a9969.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-40a5ce55.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-d661fb3a.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-a3197766.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-db2505b1.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-7613bee1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-62a97915.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-f20b3a56.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-4705b334.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-359c91aa.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-a2427981.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-219202d3.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-c317c99a.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-367840a4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-902d8f46.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-2842d1aa.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-b7bf4caf.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -5004,16 +5013,29 @@ const getStatusLabel = (intl, status, defaultMessages) => {
     }
     return intl.formatHTMLMessage({ id: status, defaultMessage: defaultMessages[status] });
 };
+// The jslib should not be the owner of this mapping,
+// DATA-3164 exists to find another way.
+const countryStatusAllowList = new Map([
+    ["GB", ["ACTIVE_DUTY", "VETERAN", "RESERVIST"]],
+]);
 const getAvailableMilitaryStatuses = (verificationService, intl) => {
-    const availableStatusesResponse = verificationService.verificationResponse.availableStatuses ||
+    const availableStatusesFromResponse = verificationService.verificationResponse.availableStatuses ||
         (verificationService.previousVerificationResponse &&
             verificationService.previousVerificationResponse
                 .availableStatuses);
     const availableStatuses = [];
-    if (!availableStatusesResponse) {
+    // The country overrides in this function should be updated with DATA-3164
+    const country = verificationService.viewModel &&
+        verificationService.viewModel.countryChoice &&
+        verificationService.viewModel.countryChoice.value;
+    const countryAllowedStatuses = country && countryStatusAllowList.get(country);
+    const availableStatusesForCountry = countryAllowedStatuses
+        ? availableStatusesFromResponse.filter((status) => countryAllowedStatuses.includes(status))
+        : availableStatusesFromResponse;
+    if (!availableStatusesForCountry) {
         return null;
     }
-    availableStatusesResponse.forEach((status) => {
+    availableStatusesForCountry.forEach((status) => {
         availableStatuses.push({
             value: status,
             label: getStatusLabel(intl, status, MilitaryStatusDefaultMessagesEnum),
@@ -5120,6 +5142,13 @@ const getAvailableCountryChoices = (programTheme, intl) => {
         }),
     }));
 };
+/**
+ * @private
+ */
+const getSortedCountryChoices = (programTheme, intl, locale) => {
+    const localeAwareSorter = (a, b) => Intl.Collator(locale).compare(a.label, b.label);
+    return getAvailableCountryChoices(programTheme, intl).sort(localeAwareSorter);
+};
 const getAvailableStateChoices = (programTheme, intl) => {
     const availableStates = getConfiguredStates(programTheme);
     return availableStates.map((stateCode) => ({
@@ -11749,7 +11778,9 @@ async function fetchNewVerificationRequest(programId, trackingId = undefined, fo
             logger.info("fetchNewVerificationRequest: Calling for existing verification request");
             response = await fetchExistingVerificationRequest(verificationId);
         }
-        if (!verificationId || response.currentStep === VerificationStepsEnum.error) {
+        if (!verificationId ||
+            (response.currentStep === VerificationStepsEnum.error &&
+                response.errorIds.includes("noVerification"))) {
             const url = getNewVerificationRequestUrl();
             const requestBody = {
                 programId,
@@ -17354,7 +17385,8 @@ const BaseCountryComponentWrapper = ({ verificationService, viewModelDraftDecora
     if (nextFocusField) {
         logger.warn("nextFocusField prop is deprecated");
     }
-    const countryChoices = getAvailableCountryChoices(verificationService.programTheme, intl);
+    const locale = getSafe(() => viewModel.localeChoice.value, "en-US");
+    const countryChoices = getSortedCountryChoices(verificationService.programTheme, intl, locale);
     const countryQueryParam = getSafe(() => getQueryParam("country").toUpperCase());
     const defaultCountryChoice = getDefaultCountryChoice(countryChoices);
     const { fieldValidationErrors } = verificationService;
@@ -18082,13 +18114,13 @@ const compareLabel = (a, b) => {
 const SortByLabel = (choices) => choices.sort(compareLabel);
 
 const orgsInStatus = (status) => (org) => {
-    if (status === "VETERAN") {
-        return !!org.name;
-    }
     if (status === "RESERVIST") {
         return militaryReservistOrgNames.includes(org.name);
     }
-    return !militaryReservistOrgNames.includes(org.name);
+    if (status === "ACTIVE_DUTY") {
+        return !militaryReservistOrgNames.includes(org.name);
+    }
+    return !!org.name;
 };
 const orgToOption = (org) => ({
     value: org.id,
@@ -18123,7 +18155,7 @@ const BranchOfService = ({ autoFocus, onChange, value, isErrored, organizations,
         let newOrganizations;
         newOrganizations = organizations.filter(orgsInStatus(status));
         if (countryChoice) {
-            newOrganizations = organizations.filter((org) => org.country === countryChoice.value);
+            newOrganizations = newOrganizations.filter((org) => org.country === countryChoice.value);
         }
         options = newOrganizations.map(orgToOption);
     }
@@ -19577,6 +19609,12 @@ const StepError = ({ verificationService, errorId }) => {
             React.createElement(LinkExternal, { href: verificationResponse.redirectUrl, onClick: () => recordEvent(VerificationStepsEnum.error, verificationResponse.redirectUrl), className: "sid-btn sid-error-btn sid-btn-light" },
                 React.createElement(FormattedHTMLMessage, { id: `step.error.errorId.${firstErrorId}.buttonText`, defaultMessage: verificationService.messages[`step.error.errorId.${firstErrorId}.buttonText`] }))));
     }
+    else if (errorIds.includes("missingRequiredMetadata")) {
+        // If there is not a button override AND the error is
+        // `missingRequiredMetadata` don't show a button because clicking try again
+        // is useless in that case.
+        button = null;
+    }
     // special cases
     if (errorIds.includes("verificationLimitExceeded")) {
         button = null;
@@ -19664,15 +19702,25 @@ const StepSSOComponent = ({ verificationService }) => {
             React.createElement("div", { className: "sid-l-space-top-xl" }))) : (React.createElement("div", { className: "sid-header sid-l-horz-center" },
             React.createElement("div", { className: "sid-sso-logo-container sid-l-horz-center" },
                 React.createElement(LogoComponent, { verificationService: verificationService, fallbackLogo: React.createElement("img", { className: "sid-sso-logo-default sid-l-lead-image", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/sso-step.svg" }) })),
+            React.createElement("div", { className: "sid-preheader-label sid-l-space-top-md" },
+                React.createElement("span", { className: "sid-h-label" },
+                    React.createElement(FormattedHTMLMessage, { id: "step.sso.preheader", defaultMessage: "Quickest method" }))),
             React.createElement("div", { className: "sid-header__title sid-l-horz-center sid-l-space-top-md" },
                 React.createElement(FormattedHTMLMessage, { id: "step.sso.title", defaultMessage: "Verify using your school credentials" })),
             React.createElement("div", { className: "sid-header__subtitle-one" },
                 React.createElement(FormattedHTMLMessage, { id: "step.sso.subtitle", defaultMessage: defaultSubtitle })),
-            React.createElement("div", { className: "sid-l-space-top-xl" }),
             React.createElement("div", { className: "sid-form-region sid-sso-submit sid-submit-wrapper sid-l-space-top-md" },
                 React.createElement("button", { id: "sid-submit-btn-sso", onClick: () => updateViewModelAndOpenLoginTab("isSSOActive", true), type: "submit", className: "sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width", "aria-label": "submit" },
                     React.createElement(FormattedHTMLMessage, { id: "step.sso.login", defaultMessage: "Sign in to my school" }))),
-            React.createElement("div", { className: "sid-l-space-top-xl" }))),
+            React.createElement("div", { className: "sid-form-region sid-l-space-top-lg" },
+                React.createElement("div", { className: "sid-header__subtitle-two sid-h-bold-text" },
+                    React.createElement(FormattedHTMLMessage, { id: "step.sso.subtitle2", defaultMessage: "Unable to sign in?" })),
+                React.createElement("div", { className: "sid-form-region sid-l-space-btm-sm sid-l-space-top-sm" },
+                    React.createElement(FormattedHTMLMessage, { id: "step.sso.alternative", defaultMessage: "You can also verify by uploading proof of eligibility" })),
+                React.createElement("div", { className: "sid-l-space-top-sm" },
+                    React.createElement("button", { onClick: cancelSSOStep, className: "sid-h-btn-link-like sid-h-bold-text", type: "button" },
+                        React.createElement(FormattedHTMLMessage, { id: "step.sso.cancel", defaultMessage: "Upload Proof of Enrollment" })))),
+            React.createElement("div", { className: "sid-l-space-top-lg" }))),
         React.createElement(FormFooterComponent, { verificationService: verificationService })));
 };
 
@@ -21592,14 +21640,19 @@ const UploadInfoComponent = ({ verificationService }) => {
                         React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.licensedProfessional.licenseStatus", defaultMessage: "Your professional license and/or certification status" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
                         React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.identity.validDate", defaultMessage: "A currently valid date" })))));
-        case SegmentEnum.LOW_INCOME:
+        case SegmentEnum.LOW_INCOME: {
+            const viewModel = verificationService.viewModel;
+            const isEbt = viewModel && viewModel.statuses && viewModel.statuses.includes("SNAP_BENEFITS");
             return (React.createElement("div", null,
                 React.createElement(InstructionHeader, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows" }),
                 React.createElement("ul", { className: "sid-upload-info-list" },
                     React.createElement("li", { className: "sid-upload-info-list__li" },
                         React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.fullName", defaultMessage: "Your full name" })),
                     React.createElement("li", { className: "sid-upload-info-list__li" },
-                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.lowIncome.validDate", defaultMessage: "The date when the document was issued (should be within the last 12 months) or the expiry date" })))));
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.lowIncome.validDate", defaultMessage: "The date when the document was issued (should be within the last 12 months) or the expiry date" })),
+                    isEbt && (React.createElement("li", { className: "sid-upload-info-list__li" },
+                        React.createElement(FormattedHTMLMessage, { id: "step.docUpload.uploadInfo.lowIncome.ebtNumber", defaultMessage: "EBT card number" }))))));
+        }
         case SegmentEnum.RECENT_MOVER:
             return (React.createElement("div", null,
                 React.createElement(InstructionHeader, { id: "step.docUpload.uploadInstructions", defaultMessage: "Upload an official document that shows" }),