@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,29 +1,44 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { IconButton } from '@instructure/ui-buttons';
 import { IconPinLine, IconPinSolid } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var Pin = /*#__PURE__*/function (_Component) {
-  _inherits(Pin, _Component);
-  var _super = _createSuper(Pin);
   function Pin() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Pin);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.handleClick = function (e) {
+    _this2 = _callSuper(this, Pin, [].concat(args));
+    _defineProperty(_this2, "handleClick", function (e) {
       e.stopPropagation();
-      _this.props.pinSessionItem();
-    };
-    return _this;
+      _this2.props.pinSessionItem();
+    });
+    return _this2;
   }
-  _createClass(Pin, [{
+  _inherits(Pin, _Component);
+  return _createClass(Pin, [{
     key: "render",
     value: function render() {
       var message = this.props.isPinned ? t('Question {position, number} is pinned. Click to unpin.', {
@@ -42,12 +57,10 @@ export var Pin = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  Pin.displayName = "Pin";
-  return Pin;
 }(Component);
-Pin.propTypes = {
+_defineProperty(Pin, "propTypes", {
   isPinned: PropTypes.bool.isRequired,
   pinSessionItem: PropTypes.func.isRequired,
   position: PropTypes.number.isRequired
-};
+});
 export default Pin;

package/es/common/components/PreviewFrame/examples.config.js

@@ -1,11 +1,10 @@
 import React from 'react';
-var _ref = /*#__PURE__*/React.createElement("p", null, " This is a child element ");
 export default {
   renderProps: function renderProps(props) {
     return {
       componentProps: {
         onPreviewClose: Function.prototype,
-        children: _ref
+        children: /*#__PURE__*/React.createElement("p", null, " This is a child element ")
       }
     };
   }

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

@@ -1,7 +1,23 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { BarneyBox } from '@instructure/quiz-common';
@@ -9,17 +25,13 @@ import { Heading } from '@instructure/ui-heading';
 import { IconEyeSolid } from '@instructure/ui-icons';
 import { Button } from '@instructure/ui-buttons';
 import t from '@instructure/quiz-i18n/es/format-message';
-var _ref = /*#__PURE__*/React.createElement(IconEyeSolid, {
-  variant: "icon-inverse"
-});
 export var PreviewFrame = /*#__PURE__*/function (_Component) {
-  _inherits(PreviewFrame, _Component);
-  var _super = _createSuper(PreviewFrame);
   function PreviewFrame() {
     _classCallCheck(this, PreviewFrame);
-    return _super.apply(this, arguments);
+    return _callSuper(this, PreviewFrame, arguments);
   }
-  _createClass(PreviewFrame, [{
+  _inherits(PreviewFrame, _Component);
+  return _createClass(PreviewFrame, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(BarneyBox, {
@@ -27,16 +39,16 @@ export var PreviewFrame = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React.createElement(BarneyBox.Body, null, this.props.children), /*#__PURE__*/React.createElement(BarneyBox.Footer, null, /*#__PURE__*/React.createElement(Heading, {
         level: "h4",
         color: "primary-inverse"
-      }, _ref, " \xA0", t('Preview')), /*#__PURE__*/React.createElement(Button, {
+      }, /*#__PURE__*/React.createElement(IconEyeSolid, {
+        variant: "icon-inverse"
+      }), " \xA0", t('Preview')), /*#__PURE__*/React.createElement(Button, {
         onClick: this.props.onPreviewClose
       }, t('Exit Preview'))));
     }
   }]);
-  PreviewFrame.displayName = "PreviewFrame";
-  return PreviewFrame;
 }(Component);
-PreviewFrame.propTypes = {
+_defineProperty(PreviewFrame, "propTypes", {
   children: PropTypes.element.isRequired,
   onPreviewClose: PropTypes.func.isRequired
-};
+});
 export default PreviewFrame;

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

@@ -1,2 +1,2 @@
-import PrintFontSizeModal from "./presenter.js";
+import PrintFontSizeModal from './presenter';
 export default PrintFontSizeModal;

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _PrintFontSizeModal;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,55 +26,53 @@ import { Modal, ModalHeader, ModalBody, ModalFooter, withStyleOverrides } from '
 import { Heading } from '@instructure/ui-heading';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { Checkbox } from '@instructure/ui-checkbox';
 export var PrintFontSizeModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
-  _inherits(PrintFontSizeModal, _Component);
-  var _super = _createSuper(PrintFontSizeModal);
   function PrintFontSizeModal() {
-    var _this;
+    var _this2;
     _classCallCheck(this, PrintFontSizeModal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this2 = _callSuper(this, PrintFontSizeModal, [].concat(args));
+    _defineProperty(_this2, "state", {
       selectedFontSize: null,
       rememberTextSizeSetting: false
-    };
+    });
     // =============
     //   HELPERS
     // =============
     // =============
     //   HANDLERS
     // =============
-    _this.handleSubmit = function () {
-      _this.props.onSubmit(_this.state.selectedFontSize, _this.state.rememberTextSizeSetting);
-    };
-    _this.handleFontSizeChange = function (_, fontSize) {
-      _this.setState({
+    _defineProperty(_this2, "handleSubmit", function () {
+      _this2.props.onSubmit(_this2.state.selectedFontSize, _this2.state.rememberTextSizeSetting);
+    });
+    _defineProperty(_this2, "handleFontSizeChange", function (_, fontSize) {
+      _this2.setState({
         selectedFontSize: fontSize
       });
-    };
-    _this.handleRememberFontSize = function (e) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handleRememberFontSize", function (e) {
+      _this2.setState({
         rememberTextSizeSetting: e.target.checked
       });
-    };
+    });
     // =============
     //   RENDERING
     // =============
-    _this.text = {
+    _defineProperty(_this2, "text", {
       printQuiz: t('Print Quiz'),
       close: t('Close'),
       cancel: t('Cancel'),
       printPreview: t('Print Preview'),
       rememberTextSizeSetting: t('Remember text size setting')
-    };
-    _this.sizes = [{
+    });
+    _defineProperty(_this2, "sizes", [{
       label: t('Medium'),
       value: 'medium',
       size: '1'
@@ -70,15 +84,18 @@ export var PrintFontSizeModal = (_dec = withStyleOverrides(generateStyle, genera
       label: t('X-Large'),
       value: 'xLarge',
       size: '1.75'
-    }];
-    return _this;
+    }]);
+    return _this2;
   }
-  _createClass(PrintFontSizeModal, [{
+  _inherits(PrintFontSizeModal, _Component);
+  return _createClass(PrintFontSizeModal, [{
     key: "componentDidMount",
+    value:
     // =============
     //   LIFECYCLE
     // =============
-    value: function componentDidMount() {
+
+    function componentDidMount() {
       this.setState({
         selectedFontSize: this.props.persistedPrintFontSize,
         rememberTextSizeSetting: !!this.props.persistedPrintFontSize
@@ -150,17 +167,15 @@ export var PrintFontSizeModal = (_dec = withStyleOverrides(generateStyle, genera
       }, this.text.printPreview)));
     }
   }]);
-  PrintFontSizeModal.displayName = "PrintFontSizeModal";
-  return PrintFontSizeModal;
-}(Component), _PrintFontSizeModal.displayName = 'PrintFontSizeModal', _PrintFontSizeModal.componentId = "Quizzes".concat(_PrintFontSizeModal.displayName), _PrintFontSizeModal.propTypes = {
+}(Component), _defineProperty(_PrintFontSizeModal, "displayName", 'PrintFontSizeModal'), _defineProperty(_PrintFontSizeModal, "componentId", "Quizzes".concat(_PrintFontSizeModal.displayName)), _defineProperty(_PrintFontSizeModal, "propTypes", {
   isOpen: PropTypes.bool,
   persistedPrintFontSize: PropTypes.string,
   onSubmit: PropTypes.func.isRequired,
   onCancel: PropTypes.func.isRequired,
   onExited: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _PrintFontSizeModal.defaultProps = {
+}), _defineProperty(_PrintFontSizeModal, "defaultProps", {
   isOpen: false,
   persistedPrintFontSize: 'medium'
-}, _PrintFontSizeModal)) || _class);
+}), _PrintFontSizeModal)) || _class);
 export default PrintFontSizeModal;

package/es/common/components/PrintFontSizeModal/theme.js

@@ -3,7 +3,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     spacing = _ref.spacing;
   return {
-    separatorColor: colors.tiara,
+    separatorColor: colors.contrasts.grey1214,
     separatorBorderWidth: borders.widthSmall,
     separatorMargin: spacing.medium
   };

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

@@ -1,9 +1,9 @@
-import { connect } from "../../react-redux.js";
-import RceConfigProviderComponent from "./presenter.js";
-import { getRCEConfig } from "../../selectors/rce.js";
-import { getActiveQuiz } from "../../selectors/quizzes.js";
-import { setStoredRCEConfig } from "../../actions/rce.js";
-import { featureOn } from "../../util/featureCheck.js";
+import { connect } from '../../react-redux';
+import RceConfigProviderComponent from './presenter';
+import { getRCEConfig } from '../../selectors/rce';
+import { getActiveQuiz } from '../../selectors/quizzes';
+import { setStoredRCEConfig } from '../../actions/rce';
+import { featureOn } from '../../util/featureCheck';
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   return {
     storedRCEConfig: getRCEConfig(state),

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

@@ -1,46 +1,46 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import { QuizzesSpinner as Spinner } from "../shared/spinner/Spinner.js";
-import { Card } from "../shared/Card/index.js";
+import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
+import { Card } from '../shared/Card';
 import { RceConfigContext } from '@instructure/quiz-common';
-import { hasAllPropsForRcs } 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";
-import PostMessageService from "../../../messages/postMessageService.js";
+import { hasAllPropsForRcs } from './rceConfigUtils';
+import { mapParamsToRceConfigContext } from './rceConfigMapper';
+import { quizLogMsgErrorDuringTaking, quizLogMsgFailedConfigFetch, quizLogMsgInvalidParams } from './rceConfigErrorMessages';
+import { handleError, setEventToQuizLog } from './rceConfigErrorHandler';
+import { fetchRceConfig } from './rceConfigFetcher';
+import PostMessageService from '../../../messages/postMessageService';
 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();
-          }
+        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 || (_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);
     }));
@@ -49,9 +49,6 @@ var decorateRcsJwtRefreshFn = function decorateRcsJwtRefreshFn(rcsJwtRefreshFn,
     };
   }();
 };
-var _ref4 = /*#__PURE__*/React.createElement(Card, {
-  wrapped: true
-}, /*#__PURE__*/React.createElement(Spinner, null));
 var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
   var _activeQuiz$defaultRc;
   var activeQuiz = _ref2.activeQuiz,
@@ -80,7 +77,7 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
     _useState6 = _slicedToArray(_useState5, 2),
     canvasConfigLoading = _useState6[0],
     setCanvasConfigLoading = _useState6[1];
-  var _useState7 = useState(activeQuiz === null || activeQuiz === void 0 ? void 0 : (_activeQuiz$defaultRc = activeQuiz.defaultRceSettings) === null || _activeQuiz$defaultRc === void 0 ? void 0 : _activeQuiz$defaultRc.toJS()),
+  var _useState7 = useState(activeQuiz === null || activeQuiz === void 0 || (_activeQuiz$defaultRc = activeQuiz.defaultRceSettings) === null || _activeQuiz$defaultRc === void 0 ? void 0 : _activeQuiz$defaultRc.toJS()),
     _useState8 = _slicedToArray(_useState7, 2),
     defaultRceSettings = _useState8[0],
     setDefaultRceSettings = _useState8[1];
@@ -107,48 +104,46 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
     _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var json;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              if (hasAllPropsForRcs(rcsParams)) {
-                _context2.next = 4;
-                break;
-              }
-              handleError(quizLogMsgInvalidParams());
-              return _context2.abrupt("return");
-            case 4:
-              if (!storedRCEConfig) {
-                _context2.next = 8;
-                break;
-              }
-              setCanvasConfig(storedRCEConfig);
-              _context2.next = 14;
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            if (hasAllPropsForRcs(rcsParams)) {
+              _context2.next = 4;
               break;
-            case 8:
-              _context2.next = 10;
-              return fetchRceConfig(rcsHost, contextType, contextId, jwt);
-            case 10:
-              json = _context2.sent;
-              setStoredRCEConfig(json);
-              setCanvasConfig(json);
-              setEventToQuizLog(null);
-            case 14:
-              _context2.next = 20;
+            }
+            handleError(quizLogMsgInvalidParams());
+            return _context2.abrupt("return");
+          case 4:
+            if (!storedRCEConfig) {
+              _context2.next = 8;
               break;
-            case 16:
-              _context2.prev = 16;
-              _context2.t0 = _context2["catch"](0);
-              setCanvasConfig(null);
-              handleError(quizLogMsgFailedConfigFetch());
-            case 20:
-              _context2.prev = 20;
-              setCanvasConfigLoading(false);
-              return _context2.finish(20);
-            case 23:
-            case "end":
-              return _context2.stop();
-          }
+            }
+            setCanvasConfig(storedRCEConfig);
+            _context2.next = 14;
+            break;
+          case 8:
+            _context2.next = 10;
+            return fetchRceConfig(rcsHost, contextType, contextId, jwt);
+          case 10:
+            json = _context2.sent;
+            setStoredRCEConfig(json);
+            setCanvasConfig(json);
+            setEventToQuizLog(null);
+          case 14:
+            _context2.next = 20;
+            break;
+          case 16:
+            _context2.prev = 16;
+            _context2.t0 = _context2["catch"](0);
+            setCanvasConfig(null);
+            handleError(quizLogMsgFailedConfigFetch());
+          case 20:
+            _context2.prev = 20;
+            setCanvasConfigLoading(false);
+            return _context2.finish(20);
+          case 23:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2, null, [[0, 16, 20, 23]]);
     }))();
@@ -162,10 +157,12 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
   }, []);
   useEffect(function () {
     var _activeQuiz$defaultRc2;
-    setDefaultRceSettings(activeQuiz === null || activeQuiz === void 0 ? void 0 : (_activeQuiz$defaultRc2 = activeQuiz.defaultRceSettings) === null || _activeQuiz$defaultRc2 === void 0 ? void 0 : _activeQuiz$defaultRc2.toJS());
+    setDefaultRceSettings(activeQuiz === null || activeQuiz === void 0 || (_activeQuiz$defaultRc2 = activeQuiz.defaultRceSettings) === null || _activeQuiz$defaultRc2 === void 0 ? void 0 : _activeQuiz$defaultRc2.toJS());
   }, [activeQuiz]);
   if (canvasConfigLoading) {
-    return _ref4;
+    return /*#__PURE__*/React.createElement(Card, {
+      wrapped: true
+    }, /*#__PURE__*/React.createElement(Spinner, null));
   }
   var defaultContextValue = _objectSpread(_objectSpread({}, mapParamsToRceConfigContext(rcsParams, rendererParams, canvasConfig, ltiAppParams, flags)), {}, {
     defaultRceSettings: defaultRceSettings

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

@@ -1,8 +1,8 @@
-import store from "../../../reduxStore.js";
-import { addStickyError } from "../../actions/alerts.js";
-import { setRCEError } from "../../actions/rce.js";
-import { isQuizBuilding, isQuizTaking } from "../../util/windowChecks.js";
-import { userAlertMsgBuilding, userAlertMsgTaking } from "./rceConfigErrorMessages.js";
+import store from '../../../reduxStore';
+import { addStickyError } from '../../actions/alerts';
+import { setRCEError } from '../../actions/rce';
+import { isQuizBuilding, isQuizTaking } from '../../util/windowChecks';
+import { userAlertMsgBuilding, userAlertMsgTaking } from './rceConfigErrorMessages';
 var alertTheUser = function alertTheUser(message) {
   store.dispatch(addStickyError(message));
 };

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

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 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);
@@ -11,32 +11,30 @@ 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;
+      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)
             }
-            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();
-        }
+          });
+        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);
   }));

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

@@ -1,18 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RceConfigKeys } from '@instructure/quiz-common';
-import { hasAllPropsForRcs, areLtiAppsConfigured } from "./rceConfigUtils.js";
+import { hasAllPropsForRcs, areLtiAppsConfigured } from './rceConfigUtils';
 var mapRcs = function mapRcs(rcsParams, canvasConfig) {
   if (rcsParams && hasAllPropsForRcs(rcsParams) && canvasConfig) {
-    var _ref;
-    return _ref = {}, _defineProperty(_ref, RceConfigKeys.canvasUserId, rcsParams.canvasUserId), _defineProperty(_ref, RceConfigKeys.contextId, rcsParams.contextId), _defineProperty(_ref, RceConfigKeys.contextType, rcsParams.contextType), _defineProperty(_ref, RceConfigKeys.rcsHost, rcsParams.rcsHost), _defineProperty(_ref, RceConfigKeys.rcsJwt, rcsParams.jwt), _defineProperty(_ref, RceConfigKeys.rcsJwtRefreshFn, rcsParams.refreshToken), _defineProperty(_ref, RceConfigKeys.canvasConfig, canvasConfig), _ref;
+    return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RceConfigKeys.canvasUserId, rcsParams.canvasUserId), RceConfigKeys.contextId, rcsParams.contextId), RceConfigKeys.contextType, rcsParams.contextType), RceConfigKeys.rcsHost, rcsParams.rcsHost), RceConfigKeys.rcsJwt, rcsParams.jwt), RceConfigKeys.rcsJwtRefreshFn, rcsParams.refreshToken), RceConfigKeys.canvasConfig, canvasConfig);
   } else {
     return null;
   }
 };
 var mapLtiApps = function mapLtiApps(canvasConfig, ltiAppParams) {
-  var _ref2;
   if (!areLtiAppsConfigured(canvasConfig, ltiAppParams)) return null;
-  return _ref2 = {}, _defineProperty(_ref2, RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), _defineProperty(_ref2, RceConfigKeys.ltiIframeAllowances, canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES), _defineProperty(_ref2, RceConfigKeys.editorButtons, canvasConfig.editorButtons), _ref2;
+  return _defineProperty(_defineProperty(_defineProperty({}, RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), RceConfigKeys.ltiIframeAllowances, canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES), RceConfigKeys.editorButtons, canvasConfig.editorButtons);
 };
 var rendererEnhancement = function rendererEnhancement(rendererParams) {
   return _defineProperty({}, RceConfigKeys.canvasOrigin, (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.canvasOrigin) || null);