@instructure/quiz-core 17.48.1-rc.2 → 17.48.1-rc.4

package/es/common/components/RceConfigProvider/index.js

@@ -0,0 +1,14 @@
+import { isNewRCEEnabled, isNewRCEAppsEnabled, isNewRCERendererEnabled } from "../../util/rceChecker.js";
+import { connect } from "../../react-redux.js";
+import RceConfigProviderComponent from "./presenter.js";
+
+var mapStateToProps = function mapStateToProps() {
+  return {
+    isNewRCEEnabled: isNewRCEEnabled(),
+    isNewRCERendererEnabled: isNewRCERendererEnabled(),
+    isNewRCEAppsEnabled: isNewRCEAppsEnabled()
+  };
+};
+
+var RceConfigProvider = connect(mapStateToProps)(RceConfigProviderComponent);
+export default RceConfigProvider;

package/es/common/components/RceConfigProvider/presenter.js

@@ -0,0 +1,201 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { QuizzesSpinner as Spinner } from "../shared/spinner/Spinner.js";
+import { Card } from "../shared/Card/index.js";
+import { RceConfigContext } from '@instructure/quiz-common';
+import { hasAllPropsForRcs, isRce5Disabled } from "./rceConfigUtils.js";
+import { mapParamsToRceConfigContext } from "./rceConfigMapper.js";
+import { quizLogMsgErrorDuringTaking, quizLogMsgFailedConfigFetch, quizLogMsgInvalidParams } from "./rceConfigErrorMessages.js";
+import { handleError, setEventToQuizLog } from "./rceConfigErrorHandler.js";
+import { fetchRceConfig } from "./rceConfigFetcher.js";
+
+var decorateRcsJwtRefreshFn = function decorateRcsJwtRefreshFn(rcsJwtRefreshFn, jwt, setJwt) {
+  return /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(setTokenFn, questionStem) {
+      var _response$json;
+
+      var response, refreshedToken;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return rcsJwtRefreshFn(jwt);
+
+            case 2:
+              response = _context.sent;
+              refreshedToken = response === null || response === void 0 ? void 0 : (_response$json = response.json) === null || _response$json === void 0 ? void 0 : _response$json.token; // inst-redux-service-middleware response structure
+
+              if (refreshedToken) {
+                _context.next = 7;
+                break;
+              }
+
+              handleError(quizLogMsgErrorDuringTaking(questionStem));
+              return _context.abrupt("return");
+
+            case 7:
+              setJwt(refreshedToken);
+              setTokenFn(refreshedToken);
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+};
+
+var _ref4 = /*#__PURE__*/React.createElement(Card, {
+  wrapped: true
+}, /*#__PURE__*/React.createElement(Spinner, null));
+
+var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
+  var children = _ref2.children,
+      isNewRCEEnabled = _ref2.isNewRCEEnabled,
+      isNewRCERendererEnabled = _ref2.isNewRCERendererEnabled,
+      isNewRCEAppsEnabled = _ref2.isNewRCEAppsEnabled,
+      contextId = _ref2.contextId,
+      contextType = _ref2.contextType,
+      canvasUserId = _ref2.canvasUserId,
+      rcsHost = _ref2.rcsHost,
+      rcsJwt = _ref2.rcsJwt,
+      rcsJwtRefreshFn = _ref2.rcsJwtRefreshFn,
+      canvasOrigin = _ref2.canvasOrigin;
+
+  var _useState = useState(rcsJwt),
+      _useState2 = _slicedToArray(_useState, 2),
+      jwt = _useState2[0],
+      setJwt = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      canvasConfig = _useState4[0],
+      setCanvasConfig = _useState4[1];
+
+  var _useState5 = useState(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      canvasConfigLoading = _useState6[0],
+      setCanvasConfigLoading = _useState6[1];
+
+  var refreshToken = rcsJwtRefreshFn && jwt ? decorateRcsJwtRefreshFn(rcsJwtRefreshFn, jwt, setJwt) : null;
+  var rcsParams = {
+    contextId: contextId,
+    contextType: contextType,
+    canvasUserId: canvasUserId,
+    rcsHost: rcsHost,
+    jwt: jwt,
+    refreshToken: refreshToken
+  };
+  var flags = {
+    isNewRCEEnabled: isNewRCEEnabled,
+    isNewRCERendererEnabled: isNewRCERendererEnabled,
+    isNewRCEAppsEnabled: isNewRCEAppsEnabled
+  };
+  var rendererParams = {
+    canvasOrigin: canvasOrigin
+  };
+  useEffect(function () {
+    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var json;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!isRce5Disabled(flags)) {
+                _context2.next = 2;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 2:
+              _context2.prev = 2;
+
+              if (hasAllPropsForRcs(rcsParams)) {
+                _context2.next = 6;
+                break;
+              }
+
+              handleError(quizLogMsgInvalidParams());
+              return _context2.abrupt("return");
+
+            case 6:
+              _context2.next = 8;
+              return fetchRceConfig(rcsHost, contextType, contextId, jwt);
+
+            case 8:
+              json = _context2.sent;
+              setCanvasConfig(json);
+              setEventToQuizLog(null);
+              _context2.next = 17;
+              break;
+
+            case 13:
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](2);
+              setCanvasConfig(null);
+              handleError(quizLogMsgFailedConfigFetch());
+
+            case 17:
+              _context2.prev = 17;
+              setCanvasConfigLoading(false);
+              return _context2.finish(17);
+
+            case 20:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[2, 13, 17, 20]]);
+    }))();
+  }, [isNewRCEEnabled, isNewRCERendererEnabled]);
+
+  if (isRce5Disabled(flags)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+
+  if (canvasConfigLoading) {
+    return _ref4;
+  }
+
+  return /*#__PURE__*/React.createElement(RceConfigContext.Provider, {
+    value: mapParamsToRceConfigContext(flags, rcsParams, rendererParams, canvasConfig)
+  }, children);
+};
+
+RceConfigProviderComponent.propTypes = {
+  children: PropTypes.node.isRequired,
+  isNewRCEEnabled: PropTypes.bool.isRequired,
+  isNewRCERendererEnabled: PropTypes.bool.isRequired,
+  isNewRCEAppsEnabled: PropTypes.bool,
+  contextId: PropTypes.string,
+  contextType: PropTypes.string,
+  canvasUserId: PropTypes.string,
+  rcsHost: PropTypes.string,
+  rcsJwt: PropTypes.string,
+  rcsJwtRefreshFn: PropTypes.func,
+  canvasOrigin: PropTypes.string
+};
+RceConfigProviderComponent.defaultProps = {
+  contextId: null,
+  contextType: null,
+  canvasUserId: null,
+  rcsHost: null,
+  rcsJwt: null,
+  rcsJwtRefreshFn: null,
+  canvasOrigin: null,
+  isNewRCEEnabled: false,
+  isNewRCERendererEnabled: false,
+  isNewRCEAppsEnabled: false
+};
+export default RceConfigProviderComponent;

package/es/common/components/RceConfigProvider/rceConfigErrorHandler.js

@@ -0,0 +1,34 @@
+import store from "../../../reduxStore.js";
+import { addError } from "../../actions/alerts.js";
+import { setRCEError } from "../../actions/rce.js";
+import { isQuizBuilding, isQuizTaking } from "../../util/windowChecks.js";
+import { userAlertMsgBuilding, userAlertMsgTaking } from "./rceConfigErrorMessages.js";
+
+var alertTheUser = function alertTheUser(message) {
+  store.dispatch(addError(message));
+};
+
+var getAlertMessage = function getAlertMessage() {
+  return isQuizTaking() ? userAlertMsgTaking() : userAlertMsgBuilding();
+};
+
+var shouldAlertUser = function shouldAlertUser() {
+  return isQuizTaking() || isQuizBuilding();
+};
+
+var shouldSetEventToQuizLog = function shouldSetEventToQuizLog() {
+  return isQuizTaking();
+};
+
+export var handleError = function handleError(quizLogMessage) {
+  if (shouldAlertUser()) {
+    alertTheUser(getAlertMessage());
+  }
+
+  if (shouldSetEventToQuizLog()) {
+    setEventToQuizLog(quizLogMessage);
+  }
+};
+export var setEventToQuizLog = function setEventToQuizLog(message) {
+  store.dispatch(setRCEError(message));
+};

package/es/common/components/RceConfigProvider/rceConfigErrorMessages.js

@@ -0,0 +1,21 @@
+import t from '@instructure/quiz-i18n/es/format-message';
+import { extractTextFromHtml } from '@instructure/quiz-interactions';
+export var quizLogMsgErrorDuringTaking = function quizLogMsgErrorDuringTaking(stem) {
+  var normalizedStem = stem !== null && stem !== void 0 ? stem : 'Unknown stem';
+  var extractedText = extractTextFromHtml(normalizedStem);
+  return t('Error while answering "{stem}": Full functionality of the Rich Content Editor may not have been available to the user.', {
+    stem: extractedText
+  });
+};
+export var quizLogMsgInvalidParams = function quizLogMsgInvalidParams() {
+  return t('Error: Full functionality of the Rich Content Editor may not have been available to the user.');
+};
+export var quizLogMsgFailedConfigFetch = function quizLogMsgFailedConfigFetch() {
+  return t('Error: Full functionality of the Rich Content Editor including accessibility features may not have been available to the user.');
+};
+export var userAlertMsgTaking = function userAlertMsgTaking() {
+  return t('The Rich Content Editor has encountered an issue. It has been logged for your instructor to review. Please refresh and try again.');
+};
+export var userAlertMsgBuilding = function userAlertMsgBuilding() {
+  return t('The Rich Content Editor has encountered an issue. Please refresh and try again.');
+};

package/es/common/components/RceConfigProvider/rceConfigFetcher.js

@@ -0,0 +1,55 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+
+var buildRceConfigUrl = function buildRceConfigUrl(host, contextType, contextId) {
+  var base = host.match(/^https?:\/\//) ? host : "".concat(window.location.protocol, "//").concat(host);
+  var url = new URL('/api/rceConfig', base);
+  contextType && url.searchParams.append('contextType', contextType);
+  contextId && url.searchParams.append('contextId', contextId);
+  return url;
+};
+
+export var fetchRceConfig = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(rcsHost, contextType, contextId, jwt) {
+    var rceConfigUrl, response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            rceConfigUrl = buildRceConfigUrl(rcsHost, contextType, contextId);
+            _context.next = 3;
+            return fetch(rceConfigUrl.href, {
+              headers: {
+                'Authorization': "Bearer ".concat(jwt)
+              }
+            });
+
+          case 3:
+            response = _context.sent;
+
+            if (response.ok) {
+              _context.next = 6;
+              break;
+            }
+
+            throw "Failed to fetch, response status: ".concat(response.status);
+
+          case 6:
+            _context.next = 8;
+            return response.json();
+
+          case 8:
+            return _context.abrupt("return", _context.sent);
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function fetchRceConfig(_x, _x2, _x3, _x4) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/es/common/components/RceConfigProvider/rceConfigMapper.js

@@ -0,0 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { RceConfigKeys } from '@instructure/quiz-common';
+import { hasAllPropsForRcs } from "./rceConfigUtils.js";
+
+var mapFeatureFlags = function mapFeatureFlags(flags) {
+  var _ref;
+
+  return _ref = {}, _defineProperty(_ref, RceConfigKeys.isNewRCEEnabled, (flags === null || flags === void 0 ? void 0 : flags.isNewRCEEnabled) || false), _defineProperty(_ref, RceConfigKeys.isNewRCERendererEnabled, (flags === null || flags === void 0 ? void 0 : flags.isNewRCERendererEnabled) || false), _defineProperty(_ref, RceConfigKeys.isNewRCEAppsEnabled, (flags === null || flags === void 0 ? void 0 : flags.isNewRCEAppsEnabled) || false), _ref;
+};
+
+var mapRcs = function mapRcs(rcsParams, canvasConfig) {
+  if (rcsParams && hasAllPropsForRcs(rcsParams) && canvasConfig) {
+    var _ref2;
+
+    return _ref2 = {}, _defineProperty(_ref2, RceConfigKeys.canvasUserId, rcsParams.canvasUserId), _defineProperty(_ref2, RceConfigKeys.contextId, rcsParams.contextId), _defineProperty(_ref2, RceConfigKeys.contextType, rcsParams.contextType), _defineProperty(_ref2, RceConfigKeys.rcsHost, rcsParams.rcsHost), _defineProperty(_ref2, RceConfigKeys.rcsJwt, rcsParams.jwt), _defineProperty(_ref2, RceConfigKeys.rcsJwtRefreshFn, rcsParams.refreshToken), _defineProperty(_ref2, RceConfigKeys.canvasConfig, canvasConfig), _ref2;
+  } else {
+    return null;
+  }
+};
+
+var rendererEnhancement = function rendererEnhancement(rendererParams) {
+  return _defineProperty({}, RceConfigKeys.canvasOrigin, (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.canvasOrigin) || null);
+};
+
+export var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(flags, rcsParams, rendererParams, canvasConfig) {
+  return {
+    featureFlags: mapFeatureFlags(flags),
+    rcs: mapRcs(rcsParams, canvasConfig),
+    rendererEnhancement: rendererEnhancement(rendererParams)
+  };
+};

package/es/common/components/RceConfigProvider/rceConfigUtils.js

@@ -0,0 +1,6 @@
+export var hasAllPropsForRcs = function hasAllPropsForRcs(rcsParams) {
+  return !!((rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.contextId) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.contextType) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.canvasUserId) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.rcsHost) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.refreshToken) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.jwt));
+};
+export var isRce5Disabled = function isRce5Disabled(flags) {
+  return !(flags === null || flags === void 0 ? void 0 : flags.isNewRCEEnabled) && !(flags === null || flags === void 0 ? void 0 : flags.isNewRCERendererEnabled);
+};

package/es/common/components/SDKApp/index.js

@@ -33,7 +33,7 @@ import theme from "./theme.js";
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
 import ConfirmationModal from "../ConfirmationModal/index.js";
 import setupFormatMessage from '@instructure/quiz-i18n/es/util/setupFormatMessage';
-import { RceConfigProvider } from "../RceConfigProvider/RceConfigProvider.js";
+import RceConfigProvider from "../RceConfigProvider/index.js";
 import { ApiFeatureFlagInitializer } from "../ApiFeatureFlagInitializer/index.js";
 
 var _ref = /*#__PURE__*/React.createElement(ConfirmationModal, null);

package/lib/common/components/RceConfigProvider/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rceChecker = require("../../util/rceChecker.js");
+
+var _reactRedux = require("../../react-redux.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var mapStateToProps = function mapStateToProps() {
+  return {
+    isNewRCEEnabled: (0, _rceChecker.isNewRCEEnabled)(),
+    isNewRCERendererEnabled: (0, _rceChecker.isNewRCERendererEnabled)(),
+    isNewRCEAppsEnabled: (0, _rceChecker.isNewRCEAppsEnabled)()
+  };
+};
+
+var RceConfigProvider = (0, _reactRedux.connect)(mapStateToProps)(_presenter.default);
+var _default = RceConfigProvider;
+exports.default = _default;

package/lib/common/components/RceConfigProvider/presenter.js

@@ -0,0 +1,225 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Spinner = require("../shared/spinner/Spinner.js");
+
+var _index = require("../shared/Card/index.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _rceConfigUtils = require("./rceConfigUtils.js");
+
+var _rceConfigMapper = require("./rceConfigMapper.js");
+
+var _rceConfigErrorMessages = require("./rceConfigErrorMessages.js");
+
+var _rceConfigErrorHandler = require("./rceConfigErrorHandler.js");
+
+var _rceConfigFetcher = require("./rceConfigFetcher.js");
+
+var decorateRcsJwtRefreshFn = function decorateRcsJwtRefreshFn(rcsJwtRefreshFn, jwt, setJwt) {
+  return /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(setTokenFn, questionStem) {
+      var _response$json;
+
+      var response, refreshedToken;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return rcsJwtRefreshFn(jwt);
+
+            case 2:
+              response = _context.sent;
+              refreshedToken = response === null || response === void 0 ? void 0 : (_response$json = response.json) === null || _response$json === void 0 ? void 0 : _response$json.token; // inst-redux-service-middleware response structure
+
+              if (refreshedToken) {
+                _context.next = 7;
+                break;
+              }
+
+              (0, _rceConfigErrorHandler.handleError)((0, _rceConfigErrorMessages.quizLogMsgErrorDuringTaking)(questionStem));
+              return _context.abrupt("return");
+
+            case 7:
+              setJwt(refreshedToken);
+              setTokenFn(refreshedToken);
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+};
+
+var _ref4 = /*#__PURE__*/_react.default.createElement(_index.Card, {
+  wrapped: true
+}, /*#__PURE__*/_react.default.createElement(_Spinner.QuizzesSpinner, null));
+
+var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
+  var children = _ref2.children,
+      isNewRCEEnabled = _ref2.isNewRCEEnabled,
+      isNewRCERendererEnabled = _ref2.isNewRCERendererEnabled,
+      isNewRCEAppsEnabled = _ref2.isNewRCEAppsEnabled,
+      contextId = _ref2.contextId,
+      contextType = _ref2.contextType,
+      canvasUserId = _ref2.canvasUserId,
+      rcsHost = _ref2.rcsHost,
+      rcsJwt = _ref2.rcsJwt,
+      rcsJwtRefreshFn = _ref2.rcsJwtRefreshFn,
+      canvasOrigin = _ref2.canvasOrigin;
+
+  var _useState = (0, _react.useState)(rcsJwt),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      jwt = _useState2[0],
+      setJwt = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      canvasConfig = _useState4[0],
+      setCanvasConfig = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      canvasConfigLoading = _useState6[0],
+      setCanvasConfigLoading = _useState6[1];
+
+  var refreshToken = rcsJwtRefreshFn && jwt ? decorateRcsJwtRefreshFn(rcsJwtRefreshFn, jwt, setJwt) : null;
+  var rcsParams = {
+    contextId: contextId,
+    contextType: contextType,
+    canvasUserId: canvasUserId,
+    rcsHost: rcsHost,
+    jwt: jwt,
+    refreshToken: refreshToken
+  };
+  var flags = {
+    isNewRCEEnabled: isNewRCEEnabled,
+    isNewRCERendererEnabled: isNewRCERendererEnabled,
+    isNewRCEAppsEnabled: isNewRCEAppsEnabled
+  };
+  var rendererParams = {
+    canvasOrigin: canvasOrigin
+  };
+  (0, _react.useEffect)(function () {
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var json;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(0, _rceConfigUtils.isRce5Disabled)(flags)) {
+                _context2.next = 2;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 2:
+              _context2.prev = 2;
+
+              if ((0, _rceConfigUtils.hasAllPropsForRcs)(rcsParams)) {
+                _context2.next = 6;
+                break;
+              }
+
+              (0, _rceConfigErrorHandler.handleError)((0, _rceConfigErrorMessages.quizLogMsgInvalidParams)());
+              return _context2.abrupt("return");
+
+            case 6:
+              _context2.next = 8;
+              return (0, _rceConfigFetcher.fetchRceConfig)(rcsHost, contextType, contextId, jwt);
+
+            case 8:
+              json = _context2.sent;
+              setCanvasConfig(json);
+              (0, _rceConfigErrorHandler.setEventToQuizLog)(null);
+              _context2.next = 17;
+              break;
+
+            case 13:
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](2);
+              setCanvasConfig(null);
+              (0, _rceConfigErrorHandler.handleError)((0, _rceConfigErrorMessages.quizLogMsgFailedConfigFetch)());
+
+            case 17:
+              _context2.prev = 17;
+              setCanvasConfigLoading(false);
+              return _context2.finish(17);
+
+            case 20:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[2, 13, 17, 20]]);
+    }))();
+  }, [isNewRCEEnabled, isNewRCERendererEnabled]);
+
+  if ((0, _rceConfigUtils.isRce5Disabled)(flags)) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }
+
+  if (canvasConfigLoading) {
+    return _ref4;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_quizCommon.RceConfigContext.Provider, {
+    value: (0, _rceConfigMapper.mapParamsToRceConfigContext)(flags, rcsParams, rendererParams, canvasConfig)
+  }, children);
+};
+
+RceConfigProviderComponent.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  isNewRCEEnabled: _propTypes.default.bool.isRequired,
+  isNewRCERendererEnabled: _propTypes.default.bool.isRequired,
+  isNewRCEAppsEnabled: _propTypes.default.bool,
+  contextId: _propTypes.default.string,
+  contextType: _propTypes.default.string,
+  canvasUserId: _propTypes.default.string,
+  rcsHost: _propTypes.default.string,
+  rcsJwt: _propTypes.default.string,
+  rcsJwtRefreshFn: _propTypes.default.func,
+  canvasOrigin: _propTypes.default.string
+};
+RceConfigProviderComponent.defaultProps = {
+  contextId: null,
+  contextType: null,
+  canvasUserId: null,
+  rcsHost: null,
+  rcsJwt: null,
+  rcsJwtRefreshFn: null,
+  canvasOrigin: null,
+  isNewRCEEnabled: false,
+  isNewRCERendererEnabled: false,
+  isNewRCEAppsEnabled: false
+};
+var _default = RceConfigProviderComponent;
+exports.default = _default;

package/lib/common/components/RceConfigProvider/rceConfigErrorHandler.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setEventToQuizLog = exports.handleError = void 0;
+
+var _reduxStore = _interopRequireDefault(require("../../../reduxStore.js"));
+
+var _alerts = require("../../actions/alerts.js");
+
+var _rce = require("../../actions/rce.js");
+
+var _windowChecks = require("../../util/windowChecks.js");
+
+var _rceConfigErrorMessages = require("./rceConfigErrorMessages.js");
+
+var alertTheUser = function alertTheUser(message) {
+  _reduxStore.default.dispatch((0, _alerts.addError)(message));
+};
+
+var getAlertMessage = function getAlertMessage() {
+  return (0, _windowChecks.isQuizTaking)() ? (0, _rceConfigErrorMessages.userAlertMsgTaking)() : (0, _rceConfigErrorMessages.userAlertMsgBuilding)();
+};
+
+var shouldAlertUser = function shouldAlertUser() {
+  return (0, _windowChecks.isQuizTaking)() || (0, _windowChecks.isQuizBuilding)();
+};
+
+var shouldSetEventToQuizLog = function shouldSetEventToQuizLog() {
+  return (0, _windowChecks.isQuizTaking)();
+};
+
+var handleError = function handleError(quizLogMessage) {
+  if (shouldAlertUser()) {
+    alertTheUser(getAlertMessage());
+  }
+
+  if (shouldSetEventToQuizLog()) {
+    setEventToQuizLog(quizLogMessage);
+  }
+};
+
+exports.handleError = handleError;
+
+var setEventToQuizLog = function setEventToQuizLog(message) {
+  _reduxStore.default.dispatch((0, _rce.setRCEError)(message));
+};
+
+exports.setEventToQuizLog = setEventToQuizLog;