@sheerid/jslib 1.101.0 → 1.102.0

package/sheerides6.js

@@ -2436,8 +2436,8 @@ var enUSMessages = {
 	"defaultMessages.step.docUpload.uploadInfo.teacher.school": "Your school",
 	"defaultMessages.step.emailLoop.errors.resend": "Error sending email",
 	"defaultMessages.step.emailLoop.resendButton": "Re-send",
-	"defaultMessages.step.emailLoop.skipEmail": "Unable to retrieve this email? Click ",
-	"defaultMessages.step.emailLoop.skipEmail2": " to proceed.",
+	"defaultMessages.step.emailLoop.skipEmail": "Unable to retrieve this email? Click",
+	"defaultMessages.step.emailLoop.skipEmail2": "to proceed.",
 	"defaultMessages.step.emailLoop.skipEmailCTA": "here",
 	"defaultMessages.step.emailLoop.subtitle2": "Please check for an email from us (verify@sheerid.com) for all the details.",
 	"defaultMessages.step.emailLoop.subtitleWithEmail": "An email has been sent to {email} with a personalized link to complete the verification process.",
@@ -2466,8 +2466,8 @@ var enUSMessages = {
 	"defaultMessages.step.smsLoop.errors.codeResendLimit": "Maximum number of re-tries has been reached.",
 	"defaultMessages.step.smsLoop.errors.codeVerification": "Verification code could not be validated.",
 	"defaultMessages.step.smsLoop.errors.resend": "Error sending the SMS message",
-	"defaultMessages.step.smsLoop.incorrectNumber.incorrectNumber1": "Incorrect number? Click ",
-	"defaultMessages.step.smsLoop.incorrectNumber.incorrectNumber2": "here ",
+	"defaultMessages.step.smsLoop.incorrectNumber.incorrectNumber1": "Incorrect number? Click",
+	"defaultMessages.step.smsLoop.incorrectNumber.incorrectNumber2": "here",
 	"defaultMessages.step.smsLoop.incorrectNumber.incorrectNumber3": "to return to {companyName}",
 	"defaultMessages.step.smsLoop.resendButton": "Re-send",
 	"defaultMessages.step.smsLoop.submitButton": "Submit",
@@ -2748,154 +2748,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-1faa4db1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-93a526ca.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-45d1d14b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-22178b64.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-e8160a36.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-283f4f4f.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-f9ed1458.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-2d24d349.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-e7a08b06.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-6b0a9bd8.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-04b888ea.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-677aadeb.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-2db915cc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-5874ccc1.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-941e8db9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-21ddc896.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-5a900d0c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-833eb4a0.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-fde4fec9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-91fed483.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-3826bfe9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-479f7e7e.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-80a2a26c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-d3dc580b.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-7703dbc9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-d8610062.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-a7f4488e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-602b4ef6.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-bb1a7231.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-c9db7f8e.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-edc10c45.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-d5f251dc.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-6d7b10ed.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-d2da9a96.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-ca617691.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-0e212eca.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-b39bfd96.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-88e60aa3.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-f5f37c0e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-fbc8a84a.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-1375d6dc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-d483fdaa.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-272ca866.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-146f2d30.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-4eabd6f7.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-a9a79e9a.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-cf693076.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-fedc45b6.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-7ebde5a4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-bbf26a90.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-e70aadbd.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-8e2c1688.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-37b0709b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-a4783678.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-2c7668f4.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-3bdb1ff1.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-4165ace7.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-84d7d4fb.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-139145b7.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-43ad741e.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-04fc215b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-34da7717.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-0a49e21b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-06f3f223.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-10054373.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-997fb8ea.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-37fb110c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-1d7d80c5.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-af77cc51.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-b4dd39c1.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-625f012f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-e929b1ae.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-ec86f7f8.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-5b4411b0.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -18305,8 +18305,8 @@ const FormFooterComponent = ({ verificationService, children }) => {
         updateViewModel(updatedViewModel);
     }, [privacyPolicyRef, locale]);
     return (React.createElement("div", { className: "sid-footer sid-h-small-text sid-l-space-top-md" },
-        React.createElement("div", { className: "sid-footer__shield" },
-            React.createElement("img", { title: "Powered by SheerID", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/shield-check.svg" })),
+        !children && (React.createElement("div", { className: "sid-footer__shield" },
+            React.createElement("img", { title: "Powered by SheerID", alt: "design element", src: "https://assets-resources.sheerid.com/common/images/2018/icons/shield-check.svg" }))),
         React.createElement("div", null,
             React.createElement("div", { className: "sid-footer__one", ref: privacyPolicyRef }, children || (
             // The footer text block is collapsed until focused and as such is interactive.
@@ -20781,8 +20781,12 @@ const CountDown = React.memo(({ countdownSeconds, onCountdownFinish, logo }) =>
         return `00:${seconds}`;
     };
     React.useEffect(() => {
-        timerRef.current = setInterval(tickTimer, 1000);
-        return () => clearInterval(timerRef.current);
+        // Don't actually count down when mocking the step, CX-229
+        const isMockingStep = getRouteOverride();
+        if (!isMockingStep) {
+            timerRef.current = setInterval(tickTimer, 1000);
+            return () => clearInterval(timerRef.current);
+        }
     }, []);
     return (React.createElement("div", { className: "sid-header sid-l-horz-center", "data-testid": "sid-countdown-pending" },
         React.createElement("div", { className: "sid-l-horz-center" }, logo),
@@ -20814,6 +20818,10 @@ const SSOPending = ({ logo, cancelSSO }) => (React.createElement("div", { classN
 const SSOPendingComponent = SSOPending;
 
 const timesChanged = (previousResponse, currentResponse) => {
+    const parsed = new URLSearchParams(window.location.search);
+    if (parsed.get("alerting")) {
+        return true;
+    }
     const previousEst = getSafe(() => previousResponse.estimatedReviewTime);
     const previousMax = getSafe(() => previousResponse.maxReviewTime);
     const newEst = getSafe(() => currentResponse.estimatedReviewTime);
@@ -21015,9 +21023,11 @@ const StepSMSLoop = ({ intl, verificationService }) => {
             React.createElement("button", { id: "sid-resend-sms-code", onClick: () => resendSmsCode(verificationResponse.verificationId), type: "submit", className: "sid-btn sid-btn--light sid-submit__cancel", "aria-label": "re-send" },
                 React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.resendButton", defaultMessage: "Re-send" }))),
         React.createElement("div", { className: "sid-incorrect-number sid-l-horz-center" },
-            React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber1", defaultMessage: "Incorrect number? Click " }),
-            React.createElement("button", { type: "button", onClick: () => window.location.reload(), className: "sid-incorrect-number__refresh-link" },
-                React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber2", defaultMessage: "here " })),
+            React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber1", defaultMessage: "Incorrect number? Click" }),
+            "\u00A0",
+            React.createElement("button", { type: "button", onClick: () => window.location.reload(), className: "sid-incorrect-number__refresh-link sid-h-btn-link-like" },
+                React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber2", defaultMessage: "here" }),
+                "\u00A0"),
             React.createElement(FormattedHTMLMessage, { id: "companyName", defaultMessage: "{Company}" }, (companyName) => (React.createElement(FormattedHTMLMessage, { id: "step.smsLoop.incorrectNumber.incorrectNumber3", defaultMessage: "to return to {companyName}", values: { companyName } }))))));
 };
 const StepSMSLoopComponent = injectIntl(StepSMSLoop);
@@ -21090,11 +21100,13 @@ const StepEmailLoop = ({ intl, verificationService }) => {
                 React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.subtitle2", defaultMessage: "Please check for an email from us (verify@sheerid.com) for all the details." })),
             canCancelEmailLoop && (React.createElement("div", { className: "sid-skip-email sid-l-space-top-lg" },
                 React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.skipEmail", defaultMessage: "Unable to retrieve this email? Click " }),
-                React.createElement("button", { type: "button", onClick: () => cancelEmailLoop(), className: "sid-incorrect-number__refresh-link" },
+                "\u00A0",
+                React.createElement("button", { type: "button", onClick: () => cancelEmailLoop(), className: "sid-incorrect-number__refresh-link sid-h-btn-link-like" },
                     React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.skipEmailCTA", defaultMessage: "here" })),
+                "\u00A0",
                 React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.skipEmail2", defaultMessage: " to proceed." }))),
-            canResendEmailLoop && (React.createElement("div", { className: "sid-header__resend-btn sid-l-space-top-md" },
-                React.createElement("button", { id: "sid-resend-email", onClick: () => resendEmail(verificationId), type: "submit", className: "sid-btn sid-btn--light sid-submit__cancel sid-l-horz-center", "aria-label": "re-send" },
+            canResendEmailLoop && (React.createElement("div", { className: "sid-header__resend-btn sid-l-space-top-md sid-submit sid-l-horz-center" },
+                React.createElement("button", { id: "sid-resend-email", onClick: () => resendEmail(verificationId), type: "submit", className: "sid-btn sid-btn--light sid-submit__cancel", "aria-label": "re-send" },
                     React.createElement(FormattedHTMLMessage, { id: "step.emailLoop.resendButton", defaultMessage: "Re-send" })))),
             resendMessage && (React.createElement("div", null,
                 React.createElement("p", null, resendMessage))),
@@ -23162,22 +23174,24 @@ class NewVerification extends React.Component {
         }
     }
     render() {
+        const { viewModel } = this.props.verificationService;
+        const locale = getLocaleSafely(viewModel);
+        let messages;
+        // optional param `messages`. If we do not have it, all <FormattedHTMLMessages /> should use default fallback anyway.
+        if (this.props.messages) {
+            messages = this.props.messages;
+        }
+        const messagesWithOptions = { ...messages, ...flat(getOptionsMessages(locale)) };
         // Note: If we have a loadingStep set we don't use this loading screen, we use the one inside
         // the inner component that is inside the internationalization provoder.
         if (this.props.verificationService.isLoading && !this.props.verificationService.loadingStep) {
             logger.info("NewVerificationComponent: VerificationService is loading");
-            return React.createElement(LoadingScreenComponent, null);
+            return (React.createElement(IntlProvider, { locale: "en", key: locale, messages: messagesWithOptions, textComponent: CustomTextWrapper },
+                React.createElement(LoadingScreenComponent, null)));
         }
         const { programTheme } = this.props.verificationService;
         const { verificationResponse } = this.props.verificationService;
-        const { viewModel } = this.props.verificationService;
         logger.info("NewVerificationComponent: verificationResponse, viewModel", verificationResponse, viewModel);
-        const locale = getLocaleSafely(viewModel);
-        let messages;
-        // optional param `messages`. If we do not have it, all <FormattedHTMLMessages /> should use default fallback anyway.
-        if (this.props.messages) {
-            messages = this.props.messages;
-        }
         logger.info(`NewVerificationComponent: locale: ${locale}, currentStep: ${verificationResponse.currentStep}, messages: `, messages);
         return (React.createElement(NewVerificationInnerComponent, { locale: locale, messages: messages, programTheme: programTheme, verificationService: this.props.verificationService }));
     }