@sheerid/jslib 1.91.0 → 1.92.0

package/sheerides6.js

@@ -921,30 +921,8 @@ class CopyToClipboard extends React.Component {
         const { isShowing } = this.state;
         const { notificationText, children } = this.props;
         return (React.createElement("div", { className: "sid-to-clipboard" },
-            React.createElement("div", { className: `${isShowing ? classNameVisible : classNameHidden}` }, notificationText || "Copied"),
-            React.createElement("div", { onClick: this.doCopy, onKeyPress: this.doCopy, role: "button", tabIndex: 0, className: "sid-h-link-like sid-to-clipboard__clickable-text sid-link" }, children || "Copy")));
-    }
-}
-
-class ResponseTimeLogger {
-    constructor(url) {
-        this.url = url;
-        this.start = Date.now();
-    }
-    logNow() {
-        // eslint-disable-next-line
-        let result;
-        if (window.NREUM) {
-            result = {
-                api_call: this.url,
-                api_response_time: Date.now() - this.start,
-            };
-            window.NREUM.addPageAction("API-calls-timing", result);
-        }
-        else {
-            logger.warn("Off-site logging not available.");
-        }
-        return result;
+            React.createElement("div", { className: `${isShowing ? classNameVisible : classNameHidden}`, role: "alert", "aria-live": "polite", "aria-label": "Copied" }, notificationText || "Copied"),
+            React.createElement("div", { onClick: this.doCopy, onKeyPress: this.doCopy, role: "button", tabIndex: 0, className: "sid-to-clipboard__clickable-text sid-link" }, children || "Copy")));
     }
 }
 
@@ -1127,8 +1105,8 @@ const requestOrganizationConstants = {
     ORG_TYPES: "UNIVERSITY,HIGH_SCHOOL,K12",
     DEFAULT_ORG_TYPES: "UNIVERSITY",
     URL_REGEX: /(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,10}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/,
-    SCHOOL_HOUSE_URL: "https://s3.amazonaws.com/com.sheerid.resources/common/images/requestOrganization/school.svg",
-    SHEERID_LOGO_URL: "https://s3.amazonaws.com/com.sheerid.resources/common/images/requestOrganization/logo.svg",
+    SCHOOL_HOUSE_URL: "https://assets-resources.sheerid.com/common/images/requestOrganization/school.svg",
+    SHEERID_LOGO_URL: "https://assets-resources.sheerid.com/common/images/requestOrganization/logo.svg",
     FEEDBACK_FORM_URL: "https://verify.sheerid.com/verification-support/feedback.html?token=",
 };
 const HTTP_REQUEST_TIMEOUT = 10000;
@@ -1361,6 +1339,28 @@ const setOptions = (newOptions) => {
     }
 };
 
+class ResponseTimeLogger {
+    constructor(url) {
+        this.url = url;
+        this.start = Date.now();
+    }
+    logNow() {
+        // eslint-disable-next-line
+        let result;
+        if (window.NREUM) {
+            result = {
+                api_call: this.url,
+                api_response_time: Date.now() - this.start,
+            };
+            window.NREUM.addPageAction("API-calls-timing", result);
+        }
+        else {
+            logger.warn("Off-site logging not available.");
+        }
+        return result;
+    }
+}
+
 const defaultJsonHeaders = {
     Accept: "application/json",
     "Content-Type": "application/json",
@@ -1368,6 +1368,9 @@ const defaultJsonHeaders = {
 const defaultFileUploadHeaders = {
     Accept: "application/json",
 };
+const defaultUploadHeaders = {
+    "Content-Type": "application/json",
+};
 const fetchWithTimeout = (url, options = {}) => {
     const timeout = getOptions().httpRequestTimeout;
     return new Promise((resolve, reject) => {
@@ -1386,6 +1389,21 @@ const fetchWithTimeout = (url, options = {}) => {
         });
     });
 };
+const processResponse = async (response, timeLog) => {
+    let responseData;
+    try {
+        responseData = await response.json();
+    }
+    catch (error) {
+        // Handle 204 response
+        responseData = Promise.resolve({});
+    }
+    finally {
+        timeLog.logNow();
+        logger.info("Response received", responseData);
+    }
+    return responseData;
+};
 const PostJson = async (url, body, headers = defaultJsonHeaders) => {
     const timeLog = new ResponseTimeLogger(url);
     const response = await fetchWithTimeout(url, {
@@ -1393,7 +1411,7 @@ const PostJson = async (url, body, headers = defaultJsonHeaders) => {
         method: "POST",
         body: JSON.stringify(body),
     });
-    return await processResponse(response, timeLog);
+    return processResponse(response, timeLog);
 };
 const DeleteJson = async (url, headers = defaultJsonHeaders) => {
     const timeLog = new ResponseTimeLogger(url);
@@ -1401,7 +1419,7 @@ const DeleteJson = async (url, headers = defaultJsonHeaders) => {
         headers,
         method: "DELETE",
     });
-    return await processResponse(response, timeLog);
+    return processResponse(response, timeLog);
 };
 const GetJson = async (url, headers = defaultJsonHeaders) => {
     const timeLog = new ResponseTimeLogger(url);
@@ -1409,9 +1427,9 @@ const GetJson = async (url, headers = defaultJsonHeaders) => {
         headers,
         method: "GET",
     });
-    return await processResponse(response, timeLog);
+    return processResponse(response, timeLog);
 };
-const GetResponse = async (url, headers = defaultJsonHeaders) => await fetchWithTimeout(url, {
+const GetResponse = async (url, headers = defaultJsonHeaders) => fetchWithTimeout(url, {
     headers,
     method: "GET",
 });
@@ -1433,22 +1451,34 @@ const PostFiles = async (url, files, headers = defaultFileUploadHeaders) => {
         method: "POST",
         body: formData,
     });
-    return await processResponse(response, timeLog);
-};
-const processResponse = async (response, timeLog) => {
-    let responseData;
-    try {
-        responseData = await response.json();
-    }
-    catch (error) {
-        // Handle 204 response
-        responseData = Promise.resolve({});
-    }
-    finally {
-        timeLog.logNow();
-        logger.info("Response received", responseData);
-    }
-    return responseData;
+    return processResponse(response, timeLog);
+};
+const createDocUploadData = (files) => files
+    .filter((file) => !!file)
+    .map((file) => ({
+    fileName: file.name,
+    mimeType: file.type,
+    fileSize: file.size,
+}));
+const PostFilesS3 = async (url, files, headers = defaultUploadHeaders) => {
+    const timeLog = new ResponseTimeLogger(url);
+    logger.info(`PostFiles posting to ${url}`, files);
+    const docUploadData = JSON.stringify(createDocUploadData(files));
+    const response = await fetch(url, {
+        headers,
+        method: "POST",
+        body: docUploadData,
+    });
+    const { documents, submissionUrl, } = await response.json();
+    await Promise.all(documents.map((document, index) => fetch(document.uploadUrl, {
+        method: "PUT",
+        body: files[index],
+    })));
+    const completeDocUpload = await fetch(submissionUrl, {
+        headers,
+        method: "POST",
+    });
+    return processResponse(completeDocUpload, timeLog);
 };
 
 const getVerificationUrl$1 = () => `${getOptions().restApi.serviceUrl}${getOptions().restApi.resources.verification}`;
@@ -1617,7 +1647,7 @@ const getOrgNameWithoutLocation = (organizationName) => {
     return organizationName.replace(regex, "");
 };
 
-const eligibleSchoolIconSrc = "https://s3.amazonaws.com/com.sheerid.resources/common/images/requestOrganization/doc-right.svg";
+const eligibleSchoolIconSrc = "https://assets-resources.sheerid.com/common/images/requestOrganization/doc-right.svg";
 const OrganizationResultComponent = ({ organization, isEligible, }) => isEligible ? (React.createElement("div", { className: "sid-search-result" },
     React.createElement("img", { src: eligibleSchoolIconSrc, alt: "School Icon" }),
     " ",
@@ -2660,6 +2690,7 @@ var enUSMessages = {
 	"segmentMessages.student.step.success.title": "You've been verified",
 	"segmentMessages.teacher.emailExplanation": "Must be your school-issued email address",
 	"segmentMessages.teacher.schoolName": "School name",
+	"segmentMessages.teacher.schoolNamePlaceholder": "School name*",
 	"segmentMessages.teacher.step.docUpload.howDoesVerifyingWorkDetails": "Document review is handled by SheerID, a trusted partner who specializes in verifying teachers.\n                <br><br>\n                Documents are used only for verifying your teacher or faculty status is current and will be permanently\n                deleted after review is finalized. They will not be shared with {companyName}",
 	"segmentMessages.teacher.step.docUpload.subtitle": "Documents will be reviewed in {estimatedWaitTime} by staff at SheerID, a trusted partner.",
 	"segmentMessages.teacher.step.docUpload.title": "We need more information",
@@ -2695,154 +2726,154 @@ const getMessagesModuleByLocale = async (locale) => {
     switch (locale) {
         case "ar":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ar" */ './es6/ar-2cdf6160.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ar" */ './es6/ar-e4426378.es.js').then((m) => m.default);
             break;
         case "bg":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_bg" */ './es6/bg-0c5aca6e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_bg" */ './es6/bg-28d102d8.es.js').then((m) => m.default);
             break;
         case "cs":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_cs" */ './es6/cs-35678f6e.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_cs" */ './es6/cs-009862ff.es.js').then((m) => m.default);
             break;
         case "da":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_da" */ './es6/da-86579c7f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_da" */ './es6/da-23fd29bf.es.js').then((m) => m.default);
             break;
         case "de":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_de" */ './es6/de-7a1545e0.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_de" */ './es6/de-631d5fbb.es.js').then((m) => m.default);
             break;
         case "el":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_el" */ './es6/el-51fca2f8.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_el" */ './es6/el-f4ec2c54.es.js').then((m) => m.default);
             break;
         case "en-GB":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-86160d8c.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_en-GB" */ './es6/en-GB-fe9eb9b0.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-a4e211eb.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es-ES" */ './es6/es-ES-10f9fdff.es.js').then((m) => m.default);
             break;
         case "es":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_es" */ './es6/es-bba0a374.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_es" */ './es6/es-c62f014d.es.js').then((m) => m.default);
             break;
         case "fi":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fi" */ './es6/fi-6a14a1cc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fi" */ './es6/fi-223505a5.es.js').then((m) => m.default);
             break;
         case "fr-CA":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-2fd4d0a9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-ad36d485.es.js').then((m) => m.default);
             break;
         case "fr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_fr" */ './es6/fr-8eeb4cc9.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_fr" */ './es6/fr-d95ed053.es.js').then((m) => m.default);
             break;
         case "ga":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ga" */ './es6/ga-ccef7fbe.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ga" */ './es6/ga-e3d32042.es.js').then((m) => m.default);
             break;
         case "hr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hr" */ './es6/hr-4b754dfc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hr" */ './es6/hr-99420cb2.es.js').then((m) => m.default);
             break;
         case "hu":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_hu" */ './es6/hu-2b5530ec.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_hu" */ './es6/hu-940be90f.es.js').then((m) => m.default);
             break;
         case "id":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_id" */ './es6/id-2597e3fc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_id" */ './es6/id-4dbe6e4a.es.js').then((m) => m.default);
             break;
         case "it":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_it" */ './es6/it-6ca81474.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_it" */ './es6/it-bd0201c2.es.js').then((m) => m.default);
             break;
         case "iw":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_iw" */ './es6/iw-9a0510d1.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_iw" */ './es6/iw-1e2ccfec.es.js').then((m) => m.default);
             break;
         case "ja":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ja" */ './es6/ja-a74ecfcc.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ja" */ './es6/ja-968816ba.es.js').then((m) => m.default);
             break;
         case "ko":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ko" */ './es6/ko-fdd52f9f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ko" */ './es6/ko-647f0392.es.js').then((m) => m.default);
             break;
         case "lo":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lo" */ './es6/lo-35d1c157.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lo" */ './es6/lo-85e62f11.es.js').then((m) => m.default);
             break;
         case "lt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_lt" */ './es6/lt-661bd367.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_lt" */ './es6/lt-8fbfeba3.es.js').then((m) => m.default);
             break;
         case "ms":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ms" */ './es6/ms-d15b844f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ms" */ './es6/ms-00d9987c.es.js').then((m) => m.default);
             break;
         case "nl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_nl" */ './es6/nl-06292d84.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_nl" */ './es6/nl-9cc1ac7d.es.js').then((m) => m.default);
             break;
         case "no":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_no" */ './es6/no-5357d59b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_no" */ './es6/no-b77a5547.es.js').then((m) => m.default);
             break;
         case "pl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pl" */ './es6/pl-7faa9204.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pl" */ './es6/pl-a3e8e224.es.js').then((m) => m.default);
             break;
         case "pt-BR":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-d80f044a.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-0bcf59cc.es.js').then((m) => m.default);
             break;
         case "pt":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_pt" */ './es6/pt-8ff17f0d.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_pt" */ './es6/pt-abf00cf3.es.js').then((m) => m.default);
             break;
         case "ru":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_ru" */ './es6/ru-31708887.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_ru" */ './es6/ru-85c381c9.es.js').then((m) => m.default);
             break;
         case "sk":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sk" */ './es6/sk-49eb81f5.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sk" */ './es6/sk-46225bc4.es.js').then((m) => m.default);
             break;
         case "sl":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sl" */ './es6/sl-bed73b06.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sl" */ './es6/sl-5cbd6630.es.js').then((m) => m.default);
             break;
         case "sr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sr" */ './es6/sr-4d57ff97.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sr" */ './es6/sr-1f95f780.es.js').then((m) => m.default);
             break;
         case "sv":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_sv" */ './es6/sv-4d2ca38b.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_sv" */ './es6/sv-ae6fc750.es.js').then((m) => m.default);
             break;
         case "th":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_th" */ './es6/th-b730cf5f.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_th" */ './es6/th-2523e6ef.es.js').then((m) => m.default);
             break;
         case "tr":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_tr" */ './es6/tr-888d9efb.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_tr" */ './es6/tr-09b3bcea.es.js').then((m) => m.default);
             break;
         case "zh-HK":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-f6240d59.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-81171043.es.js').then((m) => m.default);
             break;
         case "zh":
             localizedMessages = await import(
-            /* webpackChunkName: "messages_zh" */ './es6/zh-35daaed2.es.js').then((m) => m.default);
+            /* webpackChunkName: "messages_zh" */ './es6/zh-a7f7ad44.es.js').then((m) => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -3247,7 +3278,7 @@ const RequestOrganizationErrorComponent = ({ requestOrganizationService, }) => {
             React.createElement("img", { className: "sid-logo__img", alt: "Logo", src: logoUrl || requestOrganizationConstants.SHEERID_LOGO_URL })),
         React.createElement("div", { className: "sid-l-horz-center" },
             React.createElement("div", { className: "sid-logo sid-l-space-top-lg" },
-                React.createElement("img", { className: "sid-logo__icon", alt: "Error", src: "https://s3.amazonaws.com/com.sheerid.resources/common/images/requestOrganization/circle-exclamation.svg" })),
+                React.createElement("img", { className: "sid-logo__icon", alt: "Error", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/circle-exclamation.svg" })),
             React.createElement("div", { className: "sid-title" },
                 React.createElement(FormattedHTMLMessage, { id: "step.error.title", defaultMessage: "An unexpected error occurred" })),
             React.createElement("div", { className: "sid-soft-font-color" },
@@ -3671,7 +3702,7 @@ const RequestOrganizationSuccessComponent = ({ requestOrganizationService, }) =>
                     : requestOrganizationConstants.SHEERID_LOGO_URL })),
         React.createElement("div", { className: "sid-l-horz-center" },
             React.createElement("div", { className: "sid-logo sid-l-space-top-lg" },
-                React.createElement("img", { className: "sid-logo__icon", alt: "Success", src: "https://s3.amazonaws.com/com.sheerid.resources/common/images/requestOrganization/circle-check.svg" })),
+                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("div", { className: "sid-soft-font-color" },
@@ -4930,7 +4961,7 @@ const SearchFieldComponent = ({ name, label, value, placeholder, isErrored, onCh
             React.createElement("input", { className: `sid-text-input sid-text-input--required sid-field-search-input
                         sid-l-full-width ${isErrored ? "sid-text-input--error" : ""}`, id: `sid-${name}`, name: `sid-${name}`, type: "text", value: value, onChange: (e) => onChange(e.target.value), onKeyDown: (e) => handleOnKeyDown(e), placeholder: placeholder }),
             React.createElement("div", { tabIndex: 0, onClick: () => search(), onKeyUp: () => search(), role: "button" },
-                React.createElement("img", { className: "sid-l-search-icon", src: "https://s3.amazonaws.com/com.sheerid.resources/common/images/requestOrganization/search.svg", alt: "Search" }))),
+                React.createElement("img", { className: "sid-l-search-icon", src: "https://assets-resources.sheerid.com/common/images/requestOrganization/search.svg", alt: "Search" }))),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement("span", null,
                 React.createElement(FormattedHTMLMessage, { id: `errorId.${isErrored}`, defaultMessage: "An unexpected error occurred" })))) : null));
@@ -10146,6 +10177,7 @@ const studentMessages = {
 const teacherMessages = {
     emailExplanation: "Must be your school-issued email address",
     schoolName: "School name",
+    schoolNamePlaceholder: "School name*",
     step: {
         personalInfo: {
             title: "Unlock this Teaching Staff-Only Offer",
@@ -11554,18 +11586,27 @@ const stepToRequest = {
     sso: null,
     docUpload: null,
 };
-async function submitFromVerificationStep(step, previousResponse, viewModel) {
+async function submitFromVerificationStep(step, previousResponse, viewModel, flag) {
     let response;
     const { docUpload, cancelSocialSecurityNumber, sso, cancelEmailLoop } = VerificationStepsEnum;
     try {
         if (step === docUpload) {
             const requestBody = viewModel;
             const { file1, file2, file3 } = requestBody;
-            response = await PostFiles(previousResponse.submissionUrl, [
-                file1,
-                file2,
-                file3,
-            ]);
+            if (flag) {
+                response = await PostFilesS3(previousResponse.submissionUrl, [
+                    file1,
+                    file2,
+                    file3,
+                ]);
+            }
+            else {
+                response = await PostFiles(previousResponse.submissionUrl, [
+                    file1,
+                    file2,
+                    file3,
+                ]);
+            }
             return response;
         }
         if (step === cancelSocialSecurityNumber || step === sso) {
@@ -11599,10 +11640,10 @@ function getUnrecoverableErrorStep() {
     };
     return response;
 }
-async function submitStep(stepName, previousResponse, viewModel) {
+async function submitStep(stepName, previousResponse, viewModel, flag) {
     assertValidVerificationStepName(stepName);
     if (VerificationStepsEnum[stepName]) {
-        return submitFromVerificationStep(stepName, previousResponse, viewModel);
+        return submitFromVerificationStep(stepName, previousResponse, viewModel, flag);
     }
     return Promise.reject(new Error(`Unknown step ${stepName}`));
 }
@@ -13733,13 +13774,13 @@ const createUpdateFieldValidationErrors = (dispatch) => async (fieldValidationEr
  * @description Action creator to submit a step to the backend REST API
  * @param dispatch
  */
-const createSubmitStep = (dispatch) => async (stepName, viewModel, previousResponse) => {
+const createSubmitStep = (dispatch) => async (stepName, viewModel, previousResponse, flag) => {
     logger.log(`submitStep(): submitting stepName ${stepName}, viewModel:`, viewModel);
     scrollToWindowTop();
     await dispatch({ type: "IS_LOADING", isLoading: true, loadingStep: stepName });
     logger.info(`submitting step ${stepName}`, viewModel);
     setGaDimensionIsTest(viewModel);
-    const verificationResponse = await VerificationApiClient.submitStep(stepName, previousResponse, viewModel);
+    const verificationResponse = await VerificationApiClient.submitStep(stepName, previousResponse, viewModel, flag);
     const newViewModel = handleSubmitResponse(verificationResponse, viewModel);
     const promiseVerificationResponse = dispatch({
         verificationResponse,
@@ -17366,7 +17407,7 @@ unwrapExports(lib$1);
 lib$1.withLDConsumer;
 lib$1.withLDProvider;
 lib$1.useLDClient;
-lib$1.useFlags;
+var lib_4 = lib$1.useFlags;
 lib$1.camelCaseKeys;
 lib$1.asyncWithLDProvider;
 var lib_7 = lib$1.LDProvider;
@@ -18106,7 +18147,7 @@ const FormFooterComponent = ({ verificationService, children }) => {
     }, [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://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/shield-check.svg" })),
+            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.
@@ -18638,7 +18679,7 @@ const TeacherSchool = ({ value, isErrored, onChange, verificationService, intl,
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: country, onChange: (choice) => onChange(choice), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, placeholder: placeholder ||
                 intl.formatMessage({
                     id: "schoolNamePlaceholder",
-                    defaultMessage: "University / College name*",
+                    defaultMessage: "School name*",
                 }), programId: programId, value: value, inputHtmlId: id, openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl, orgSearchTags: searchTags, locale: locale, urlAddSchoolForm: urlAddSchoolForm, isRequired: true }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
@@ -19263,11 +19304,12 @@ const FirstResponderStatusComponent = injectIntl(FirstResponderStatus);
 
 const FirstResponderOrganization = ({ onChange, value, isErrored, verificationService, intl, placeholder = "", }) => {
     const { programId } = verificationService;
-    return (React.createElement("div", { className: "sid-field sid-first-responder-organization-id" },
+    const id = "sid-first-responder-organization";
+    return (React.createElement("div", { className: `sid-field ${id}-id` },
         React.createElement("div", { className: "sid-l-space-top-md" }),
-        React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "organization", defaultMessage: "Organization" }), htmlForLabel: "sid-first-responder-organization", id: "sid-first-responder-organization-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
+        React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "organization", defaultMessage: "Organization" }), htmlForLabel: id, id: `${id}-label`, displayClasses: placeholder && "sid-h-screen-reader-only" }),
         React.createElement(TypeaheadComponent, { className: isErrored ? "sid-text-input--error" : "", countryCode: getSafe(() => verificationService.viewModel.countryChoice.value), minimumSearchValueLength: getOptions().minimumOrganizationSearchLength, onChange: (choice) => onChange(choice), placeholder: placeholder ||
-                intl.formatMessage({ id: "organizationPlaceholder", defaultMessage: "Organization*" }), programId: programId, value: value, inputHtmlId: "sid-first-responder-organization", openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
+                intl.formatMessage({ id: "organizationPlaceholder", defaultMessage: "Organization*" }), programId: programId, value: value, inputHtmlId: id, openOrgSearchEnabled: verificationService.programTheme.openOrgSearchEnabled, orgSearchUrl: verificationService.programTheme.config.orgSearchUrl }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
             React.createElement(FormattedHTMLMessage, { id: "errorId.invalidOrganization", defaultMessage: "You must select an organization from the list" }))) : null));
 };
@@ -20303,7 +20345,7 @@ 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://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/circle-exclamation.svg" }))),
+            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: "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" },
@@ -20361,7 +20403,7 @@ 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://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/doc-pending.svg" }))),
+            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-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" },
@@ -20373,7 +20415,7 @@ 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://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/sso-step.svg" }))),
+            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-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" },
@@ -20399,7 +20441,7 @@ 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://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/circle-check.svg" }))),
+            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-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" },
@@ -20548,7 +20590,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://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/doc-pending.svg" }));
+    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 pollTime = isPreviousStepSSO()
         ? SSO_POLL_DURATION
         : showCountDown
@@ -20697,7 +20739,7 @@ const StepEmailLoop = ({ intl, verificationService }) => {
     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://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/doc-pending.svg" }));
+    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");
@@ -22390,6 +22432,11 @@ const UploadInfoComponent = ({ verificationService }) => {
     }
 };
 
+const useFlag = (name) => {
+    const flags = lib_4();
+    return flags[name];
+};
+
 const StepDocUpload = ({ verificationService, intl }) => {
     const verificationResponse = verificationService.verificationResponse;
     const { rejectionReasons } = verificationResponse;
@@ -22449,9 +22496,11 @@ const StepDocUpload = ({ verificationService, intl }) => {
         verificationService.updateFieldValidationErrors(nextFieldValidationErrors);
         addFilesAndUpdate(acceptedFiles, erroredFilenames);
     };
+    // HD-4214
+    const directToS3DocUploadFlag = useFlag("directToS3DocUpload");
     const submitForm = () => {
         logger.info("StepDocUploadComponent submitting form");
-        verificationService.submitStep(VerificationStepsEnum.docUpload, viewModel, verificationService.verificationResponse);
+        verificationService.submitStep(VerificationStepsEnum.docUpload, viewModel, verificationService.verificationResponse, directToS3DocUploadFlag);
     };
     const onFileDrop = (draggedFiles) => {
         if (draggedFiles.length > 0) {
@@ -22479,7 +22528,7 @@ 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://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/doc-upload2.svg" }))),
+            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-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 }),
@@ -22512,7 +22561,7 @@ const StepDocUpload = ({ verificationService, intl }) => {
         React.createElement("div", { className: "sid-upload-wrap sid-l-space-top-sm" }, currentFileNames.length > 0 ? (React.createElement("div", { className: "sid-file-list sid-l-space-top-md" },
             currentFileNames.map((file, arrayIndex) => (React.createElement("div", { className: "sid-file-list__file", key: file.name },
                 file.url ? (React.createElement("img", { className: "sid-file-list__thumbnail", src: file.url, alt: "File thumbnail" })) : (React.createElement("div", { className: "sid-file-list__no-thumbnail" },
-                    React.createElement("img", { alt: "File thumbnail", src: "https://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/default-image.svg" }))),
+                    React.createElement("img", { alt: "File thumbnail", src: "https://assets-resources.sheerid.com/common/images/2018/icons/default-image.svg" }))),
                 React.createElement("div", { className: "sid-file-list__name" }, file.name),
                 React.createElement("div", { role: "button", tabIndex: 0, "aria-label": `Remove file ${file.name}`, className: "sid-file-list__remove-btn", onClick: () => removeFileAndUpdate(arrayIndex), onKeyPress: () => removeFileAndUpdate(arrayIndex) })))),
             conditionalErrorMsg,
@@ -22521,7 +22570,7 @@ const StepDocUpload = ({ verificationService, intl }) => {
                     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
                     role: "button", tabIndex: 0, onKeyDown: (e) => handleAddFileOnKeyDown(e) },
                     React.createElement("input", { type: "file", id: "file", tabIndex: -1, className: "sid-add-more-files__input", "aria-describedby": "sid-add-file", onChange: fileHandler, accept: "image/jpeg,image/gif,image/png,application/pdf,image/bmp,image/gif", ref: (input) => setRef("addFile", input) }),
-                    React.createElement("img", { className: "sid-add-more-files__image", alt: "add more files", src: "https://s3.amazonaws.com/com.sheerid.resources/common/images/2018/icons/add-file.svg" }),
+                    React.createElement("img", { className: "sid-add-more-files__image", alt: "add more files", src: "https://assets-resources.sheerid.com/common/images/2018/icons/add-file.svg" }),
                     React.createElement(FormattedMessage, { id: "step.docUpload.addFile", defaultMessage: "Add file" })))) : null,
             React.createElement("div", { className: "sid-submit sid-l-space-top-md" },
                 React.createElement("button", { id: "sid-submit-doc-upload", onClick: submitForm, type: "submit", className: "sid-btn sid-btn--dark sid-submit__continue", "aria-label": intl.formatMessage({
@@ -22986,6 +23035,7 @@ class Modal {
     createCloseBtn() {
         this.closeButton = document.createElement("button");
         this.closeButton.classList.add(iframeConstants.CLASS_NAMES.CLOSE_BUTTON);
+        this.closeButton.setAttribute("aria-label", "close");
         if (this.closeButtonText) {
             const closeTxt = document.createElement("div");
             closeTxt.classList.add(iframeConstants.CLASS_NAMES.CLOSE_TEXT);