0151b80ab7
* A modal used to collect demographics information Add checkmark to final page (#24957) Remove themeing to get ready for staging MICROBA-574 | Dismiss CTA after learner finishes answering modal questions (#24965) [MICROBA-574] - Dismiss CTA after learner finishes answering demographics questions - Cleanup comments * Various initial bugfixes - fixes 2 issues with the multiselect dropdown erasing state - prevents input higher than 255 characters in the self describe - fixes 400 errors when the user selects a default option - Removes additional page count section - Re-adding deleted JS file. Can't clean this up until after we cutover to using the new Demographics modal * Add translatable string to clear button * Remove extra page counter from the header for the third time * Remove unneeded template context Co-authored-by: Matt Tuchfarber <mtuchfarber@edx.org> Co-authored-by: Justin Hynes <jhynes@edx.org>
112 lines
3.4 KiB
JavaScript
112 lines
3.4 KiB
JavaScript
/**
|
|
* Utils file to support JWT Token Authentication.
|
|
*
|
|
* Temporarily copied from the edx/frontend-platform
|
|
*/
|
|
|
|
// Lifted from here: https://regexr.com/3ok5o
|
|
const urlRegex = /([a-z]{1,2}tps?):\/\/((?:(?!(?:\/|#|\?|&)).)+)(?:(\/(?:(?:(?:(?!(?:#|\?|&)).)+\/))?))?(?:((?:(?!(?:\.|$|\?|#)).)+))?(?:(\.(?:(?!(?:\?|$|#)).)+))?(?:(\?(?:(?!(?:$|#)).)+))?(?:(#.+))?/;
|
|
const getUrlParts = (url) => {
|
|
const found = url.match(urlRegex);
|
|
try {
|
|
const [
|
|
fullUrl,
|
|
protocol,
|
|
domain,
|
|
path,
|
|
endFilename,
|
|
endFileExtension,
|
|
query,
|
|
hash,
|
|
] = found;
|
|
|
|
return {
|
|
fullUrl,
|
|
protocol,
|
|
domain,
|
|
path,
|
|
endFilename,
|
|
endFileExtension,
|
|
query,
|
|
hash,
|
|
};
|
|
} catch (e) {
|
|
throw new Error(`Could not find url parts from ${url}.`);
|
|
}
|
|
};
|
|
|
|
const logFrontendAuthError = (loggingService, error) => {
|
|
const prefixedMessageError = Object.create(error);
|
|
prefixedMessageError.message = `[frontend-auth] ${error.message}`;
|
|
loggingService.logError(prefixedMessageError, prefixedMessageError.customAttributes);
|
|
};
|
|
|
|
const processAxiosError = (axiosErrorObject) => {
|
|
const error = Object.create(axiosErrorObject);
|
|
const { request, response, config } = error;
|
|
|
|
if (!config) {
|
|
error.customAttributes = {
|
|
...error.customAttributes,
|
|
httpErrorType: 'unknown-api-request-error',
|
|
};
|
|
return error;
|
|
}
|
|
|
|
const {
|
|
url: httpErrorRequestUrl,
|
|
method: httpErrorRequestMethod,
|
|
} = config;
|
|
/* istanbul ignore else: difficult to enter the request-only error case in a unit test */
|
|
if (response) {
|
|
const { status, data } = response;
|
|
const stringifiedData = JSON.stringify(data) || '(empty response)';
|
|
const responseIsHTML = stringifiedData.includes('<!DOCTYPE html>');
|
|
// Don't include data if it is just an HTML document, like a 500 error page.
|
|
/* istanbul ignore next */
|
|
const httpErrorResponseData = responseIsHTML ? '<Response is HTML>' : stringifiedData;
|
|
error.customAttributes = {
|
|
...error.customAttributes,
|
|
httpErrorType: 'api-response-error',
|
|
httpErrorStatus: status,
|
|
httpErrorResponseData,
|
|
httpErrorRequestUrl,
|
|
httpErrorRequestMethod,
|
|
};
|
|
error.message = `Axios Error (Response): ${status} ${httpErrorRequestUrl} ${httpErrorResponseData}`;
|
|
} else if (request) {
|
|
error.customAttributes = {
|
|
...error.customAttributes,
|
|
httpErrorType: 'api-request-error',
|
|
httpErrorMessage: error.message,
|
|
httpErrorRequestUrl,
|
|
httpErrorRequestMethod,
|
|
};
|
|
// This case occurs most likely because of intermittent internet connection issues
|
|
// but it also, though less often, catches CORS or server configuration problems.
|
|
error.message = `Axios Error (Request): ${error.message} (possible local connectivity issue) ${httpErrorRequestMethod} ${httpErrorRequestUrl}`;
|
|
} else {
|
|
error.customAttributes = {
|
|
...error.customAttributes,
|
|
httpErrorType: 'api-request-config-error',
|
|
httpErrorMessage: error.message,
|
|
httpErrorRequestUrl,
|
|
httpErrorRequestMethod,
|
|
};
|
|
error.message = `Axios Error (Config): ${error.message} ${httpErrorRequestMethod} ${httpErrorRequestUrl}`;
|
|
}
|
|
|
|
return error;
|
|
};
|
|
|
|
const processAxiosErrorAndThrow = (axiosErrorObject) => {
|
|
throw processAxiosError(axiosErrorObject);
|
|
};
|
|
|
|
export {
|
|
getUrlParts,
|
|
logFrontendAuthError,
|
|
processAxiosError,
|
|
processAxiosErrorAndThrow,
|
|
};
|