@instructure/quiz-core 21.2.0 → 22.1.0

package/lib/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -34,59 +34,71 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _QuizEntryEdit;
 /** @jsx jsx */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
   function QuizEntryEdit() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizEntryEdit);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizEntryEdit, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, QuizEntryEdit, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       canSubmit: true
     });
-    (0, _defineProperty2["default"])(_this, "onSubmit", function (e) {
-      var displayPosition = _this.props.displayPosition;
+    (0, _defineProperty2["default"])(_this2, "onSubmit", function (e) {
+      var displayPosition = _this2.props.displayPosition;
       e && e.preventDefault();
-      if (_this.isValid() && _this.state.canSubmit) {
-        _this.successfulSubmit();
+      if (_this2.isValid() && _this2.state.canSubmit) {
+        _this2.successfulSubmit();
       } else {
         var msg = (0, _formatMessage["default"])('Item {displayPosition, number} cannot be saved due to invalid input data.', {
           displayPosition: displayPosition
         });
-        _this.props.screenreaderNotification(msg);
-        _this.props.showError(_this.props.guid);
-        _this.props.clearNextQuizEntry();
+        _this2.props.screenreaderNotification(msg);
+        _this2.props.showError(_this2.props.guid);
+        _this2.props.clearNextQuizEntry();
       }
     });
-    (0, _defineProperty2["default"])(_this, "createOrUpdateItem", function () {
-      var workingEntry = _this.props.workingEntry;
-      if (_this.props.entry.isTemporary()) {
-        return _this.props.createItem(workingEntry, _this.props.quizId, 'quiz');
-      } else if (_this.props.shouldClone) {
-        return _this.props.createItem(workingEntry, _this.props.quizId, 'quiz', workingEntry.id);
-      } else if (_this.props.entry.hasModifications()) {
-        return _this.props.updateItem(workingEntry, _this.props.quizId, 'quiz');
+    (0, _defineProperty2["default"])(_this2, "createOrUpdateItem", function () {
+      var workingEntry = _this2.props.workingEntry;
+      if (_this2.props.entry.isTemporary()) {
+        return _this2.props.createItem(workingEntry, _this2.props.quizId, 'quiz');
+      } else if (_this2.props.shouldClone) {
+        return _this2.props.createItem(workingEntry, _this2.props.quizId, 'quiz', workingEntry.id);
+      } else if (_this2.props.entry.hasModifications()) {
+        return _this2.props.updateItem(workingEntry, _this2.props.quizId, 'quiz');
       }
-      return Promise.resolve(_this.props.entry.toJS());
+      return Promise.resolve(_this2.props.entry.toJS());
     });
-    (0, _defineProperty2["default"])(_this, "createNextQuizEntry", function () {
-      var _this$props$nextQuizE = _this.props.nextQuizEntry,
-        interactionTypeData = _this$props$nextQuizE.interactionTypeData,
-        quizId = _this$props$nextQuizE.quizId,
-        position = _this$props$nextQuizE.position,
-        stimulusId = _this$props$nextQuizE.stimulusId,
-        parentEntryId = _this$props$nextQuizE.parentEntryId;
+    (0, _defineProperty2["default"])(_this2, "createNextQuizEntry", function () {
+      var _this2$props$nextQuiz = _this2.props.nextQuizEntry,
+        interactionTypeData = _this2$props$nextQuiz.interactionTypeData,
+        quizId = _this2$props$nextQuiz.quizId,
+        position = _this2$props$nextQuiz.position,
+        stimulusId = _this2$props$nextQuiz.stimulusId,
+        parentEntryId = _this2$props$nextQuiz.parentEntryId;
       if (!interactionTypeData) {
-        _this.props.createTempStimulus(quizId, position);
+        _this2.props.createTempStimulus(quizId, position);
       } else {
         var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
         var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-        _this.props.createTempItem(quizId, position, {
+        _this2.props.createTempItem(quizId, position, {
           id: interactionTypeData.id,
           interactionData: defaultInteractionData,
           itemBody: interactionTypeData.itemBody,
@@ -96,32 +108,32 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default
           userResponseType: (0, _first["default"])(interactionTypeData.userResponseTypeOptions)
         }, parentEntryId, stimulusId);
       }
-      _this.props.clearNextQuizEntry();
+      _this2.props.clearNextQuizEntry();
     });
-    (0, _defineProperty2["default"])(_this, "createOrUpdateQuizEntry", function (itemData) {
-      var _this$props = _this.props,
-        workingEntry = _this$props.workingEntry,
-        workingQuizEntry = _this$props.workingQuizEntry,
-        quizEntry = _this$props.quizEntry,
-        shouldClone = _this$props.shouldClone;
+    (0, _defineProperty2["default"])(_this2, "createOrUpdateQuizEntry", function (itemData) {
+      var _this2$props = _this2.props,
+        workingEntry = _this2$props.workingEntry,
+        workingQuizEntry = _this2$props.workingQuizEntry,
+        quizEntry = _this2$props.quizEntry,
+        shouldClone = _this2$props.shouldClone;
       if (workingQuizEntry.isTemporary) {
-        return _this.props.createQuizEntry(_this.props.quizId, workingEntry.id === _quizCommon.TEMPORARY_ITEM_ID ? itemData.id : workingEntry.id, workingQuizEntry.entryType, workingQuizEntry.getProperties(), !_this.props.addContentPopoverOpen);
+        return _this2.props.createQuizEntry(_this2.props.quizId, workingEntry.id === _quizCommon.TEMPORARY_ITEM_ID ? itemData.id : workingEntry.id, workingQuizEntry.entryType, workingQuizEntry.getProperties(), !_this2.props.addContentPopoverOpen);
       } else if (shouldClone && (!quizEntry.isBankEntry || quizEntry.isArchivedBankEntry)) {
-        return _this.props.cloneQuizEntry(_this.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+        return _this2.props.cloneQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
           entryId: itemData.id,
           entryType: quizEntry.isArchivedBankEntry ? quizEntry.getEntry().entryType : quizEntry.entryType
         }));
-      } else if (_this.props.quizEntry.hasModifications()) {
+      } else if (_this2.props.quizEntry.hasModifications()) {
         // if a quiz entry is a bank entry, item.id is not bank entry id
         // if a quiz entry is not a bank entry, item.id is entry id
         var entryId = quizEntry.isBankEntry ? workingQuizEntry.entry.get('id') : itemData.id;
-        return _this.props.updateQuizEntry(_this.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+        return _this2.props.updateQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
           entryId: entryId
         }));
       }
-      return Promise.resolve(_this.props.quizEntry);
+      return Promise.resolve(_this2.props.quizEntry);
     });
-    (0, _defineProperty2["default"])(_this, "handleApiErrors", /*#__PURE__*/function () {
+    (0, _defineProperty2["default"])(_this2, "handleApiErrors", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(fetcherError) {
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -130,7 +142,7 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default
                 _context.next = 4;
                 break;
               }
-              _this.props.handleValidationErrorsFromApi(fetcherError.validationErrorsFromApi);
+              _this2.props.handleValidationErrorsFromApi(fetcherError.validationErrorsFromApi);
               _context.next = 5;
               break;
             case 4:
@@ -145,46 +157,46 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default
         return _ref.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2["default"])(_this, "successfulSubmit", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    (0, _defineProperty2["default"])(_this2, "successfulSubmit", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var itemData;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _this.setState({
+            _this2.setState({
               canSubmit: false
             });
             _context2.prev = 1;
             _context2.next = 4;
-            return _this.createOrUpdateItem();
+            return _this2.createOrUpdateItem();
           case 4:
             itemData = _context2.sent;
             _context2.next = 7;
-            return _this.createOrUpdateQuizEntry(itemData);
+            return _this2.createOrUpdateQuizEntry(itemData);
           case 7:
             _context2.next = 14;
             break;
           case 9:
             _context2.prev = 9;
             _context2.t0 = _context2["catch"](1);
-            _this.setState({
+            _this2.setState({
               canSubmit: true
             });
-            _this.handleApiErrors(_context2.t0);
+            _this2.handleApiErrors(_context2.t0);
             // When reached, this is always a validation error
             return _context2.abrupt("return", _quizCommon.API_INPUT_VALIDATION_ERROR);
           case 14:
-            _this.props.hideError(_this.props.guid);
-            if (_this.props.shouldClone) {
-              _this.props.openRegradeModal();
+            _this2.props.hideError(_this2.props.guid);
+            if (_this2.props.shouldClone) {
+              _this2.props.openRegradeModal();
             }
-            _this.clearModifications();
-            if (_this.props.nextQuizEntry) {
-              _this.createNextQuizEntry();
+            _this2.clearModifications();
+            if (_this2.props.nextQuizEntry) {
+              _this2.createNextQuizEntry();
             }
             // Delay the switchOffEditing call to prevents the focus from incorrectly
             // jumping back to the previous question during the transition between questions.
             setTimeout(function () {
-              _this.props.switchOffEditing();
+              _this2.props.switchOffEditing();
             });
           case 19:
           case "end":
@@ -192,90 +204,90 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default
         }
       }, _callee2, null, [[1, 9]]);
     })));
-    (0, _defineProperty2["default"])(_this, "clearChanges", function () {
+    (0, _defineProperty2["default"])(_this2, "clearChanges", function () {
       var fromCancel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      _this.props.clearValidationErrorsFromApi(_quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS);
-      _this.clearModifications();
-      if (_this.props.quizEntry.isTemporary) {
-        _this.props.clearTemporaryItem(_this.props.quizId);
+      _this2.props.clearValidationErrorsFromApi(_quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS);
+      _this2.clearModifications();
+      if (_this2.props.quizEntry.isTemporary) {
+        _this2.props.clearTemporaryItem(_this2.props.quizId);
         if (fromCancel) {
-          _this.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
-            position: Math.ceil(_this.props.quizEntry.position),
-            inStimulus: _this.props.quizEntry.hasStimulus
+          _this2.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
+            position: Math.ceil(_this2.props.quizEntry.position),
+            inStimulus: _this2.props.quizEntry.hasStimulus
           });
         }
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleAddToBankContinue", function () {
-      if (_this.props.workingQuizEntry.isTemporary) {
-        _this.setState({
+    (0, _defineProperty2["default"])(_this2, "handleAddToBankContinue", function () {
+      if (_this2.props.workingQuizEntry.isTemporary) {
+        _this2.setState({
           canSubmit: false
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleAddToBank", function (bankEntry) {
-      var workingQuizEntry = _this.props.workingQuizEntry;
+    (0, _defineProperty2["default"])(_this2, "handleAddToBank", function (bankEntry) {
+      var workingQuizEntry = _this2.props.workingQuizEntry;
       if (workingQuizEntry.isTemporary) {
-        _this.props.createQuizEntry(_this.props.quizId, bankEntry.id, 'BankEntry', workingQuizEntry.getProperties());
-        _this.props.clearTemporaryItem(_this.props.quizId);
-        _this.clearModifications();
-        _this.props.switchOffEditing();
-      } else if (_this.props.shouldClone) {
-        _this.props.cloneQuizEntry(_this.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+        _this2.props.createQuizEntry(_this2.props.quizId, bankEntry.id, 'BankEntry', workingQuizEntry.getProperties());
+        _this2.props.clearTemporaryItem(_this2.props.quizId);
+        _this2.clearModifications();
+        _this2.props.switchOffEditing();
+      } else if (_this2.props.shouldClone) {
+        _this2.props.cloneQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
           entryId: bankEntry.id,
           entryType: 'BankEntry'
         }));
       } else {
-        _this.props.updateQuizEntry(_this.props.quizId, workingQuizEntry.id, {
+        _this2.props.updateQuizEntry(_this2.props.quizId, workingQuizEntry.id, {
           entryId: bankEntry.id,
           entryType: 'BankEntry'
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "getEntryForBank", function () {
-      var _this$props2 = _this.props,
-        entry = _this$props2.entry,
-        workingEntry = _this$props2.workingEntry,
-        quizId = _this$props2.quizId,
-        shouldClone = _this$props2.shouldClone;
+    (0, _defineProperty2["default"])(_this2, "getEntryForBank", function () {
+      var _this2$props2 = _this2.props,
+        entry = _this2$props2.entry,
+        workingEntry = _this2$props2.workingEntry,
+        quizId = _this2$props2.quizId,
+        shouldClone = _this2$props2.shouldClone;
       if (entry.isTemporary()) {
-        return _this.props.createItem(workingEntry, quizId, _quizCommon.PARENT_TYPE_ADDING_TO_BANK);
+        return _this2.props.createItem(workingEntry, quizId, _quizCommon.PARENT_TYPE_ADDING_TO_BANK);
       } else if (entry.hasModifications()) {
         if (shouldClone) {
-          return _this.props.createItem(workingEntry, quizId);
+          return _this2.props.createItem(workingEntry, quizId);
         } else {
-          return _this.props.updateItem(workingEntry, quizId);
+          return _this2.props.updateItem(workingEntry, quizId);
         }
       } else {
         return Promise.resolve(entry);
       }
     });
-    (0, _defineProperty2["default"])(_this, "connectDragSource", function (dragHandle) {
-      return _this.props.connectDragSource(dragHandle);
+    (0, _defineProperty2["default"])(_this2, "connectDragSource", function (dragHandle) {
+      return _this2.props.connectDragSource(dragHandle);
     });
-    (0, _defineProperty2["default"])(_this, "clearModifications", function () {
-      _this.props.clearModifications('items', _this.props.entry.id);
-      _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
+    (0, _defineProperty2["default"])(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('items', _this2.props.entry.id);
+      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
     });
-    (0, _defineProperty2["default"])(_this, "shouldDisableSubmit", function () {
-      return Boolean(!_this.state.canSubmit || _this.props.haveValidationErrorsFromApi);
+    (0, _defineProperty2["default"])(_this2, "shouldDisableSubmit", function () {
+      return Boolean(!_this2.state.canSubmit || _this2.props.haveValidationErrorsFromApi);
     });
-    (0, _defineProperty2["default"])(_this, "renderDraggable", function () {
-      var _this$props3 = _this.props,
-        connectDragPreview = _this$props3.connectDragPreview,
-        draggingOver = _this$props3.draggingOver,
-        draggingAboveHalf = _this$props3.draggingAboveHalf;
+    (0, _defineProperty2["default"])(_this2, "renderDraggable", function () {
+      var _this2$props3 = _this2.props,
+        connectDragPreview = _this2$props3.connectDragPreview,
+        draggingOver = _this2$props3.draggingOver,
+        draggingAboveHalf = _this2$props3.draggingAboveHalf;
       var propsForDnDZone = {
         draggingOver: draggingOver,
         draggingAboveHalf: draggingAboveHalf
       };
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_DragAndDropZone["default"], Object.assign({}, propsForDnDZone, {
         location: "above"
-      })), connectDragPreview(_this.renderForm()), (0, _emotion.jsx)(_DragAndDropZone["default"], Object.assign({}, propsForDnDZone, {
+      })), connectDragPreview(_this2.renderForm()), (0, _emotion.jsx)(_DragAndDropZone["default"], Object.assign({}, propsForDnDZone, {
         location: "below"
       })));
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizEntryEdit, _Component);
   return (0, _createClass2["default"])(QuizEntryEdit, [{

package/lib/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -33,55 +33,67 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _QuizEntryShow;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var QuizEntryShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
   function QuizEntryShow() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizEntryShow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizEntryShow, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, QuizEntryShow, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       editAfterCall: null,
       copyAfterCall: null
     });
-    (0, _defineProperty2["default"])(_this, "editingOn", function () {
-      if (_this.inProgressCall()) {
-        _this.setState({
-          editAfterCall: _this.inProgressCall()
+    (0, _defineProperty2["default"])(_this2, "editingOn", function () {
+      if (_this2.inProgressCall()) {
+        _this2.setState({
+          editAfterCall: _this2.inProgressCall()
         });
         return;
       }
-      if (!_this.props.quizEntryWithErrorsShowing) {
+      if (!_this2.props.quizEntryWithErrorsShowing) {
         var msg = (0, _formatMessage["default"])('Question switched to editing mode.');
-        _this.props.screenreaderNotification(msg);
-        _this.props.switchOnEditing();
+        _this2.props.screenreaderNotification(msg);
+        _this2.props.switchOnEditing();
       }
     });
-    (0, _defineProperty2["default"])(_this, "removeItem", function (e) {
-      _this.props.withConfirm((0, _partial["default"])(_this.props.removeQuizEntry, _this.props.quizId, _this.props.quizEntry), _this.removalDialogData());
+    (0, _defineProperty2["default"])(_this2, "removeItem", function (e) {
+      _this2.props.withConfirm((0, _partial["default"])(_this2.props.removeQuizEntry, _this2.props.quizId, _this2.props.quizEntry), _this2.removalDialogData());
     });
-    (0, _defineProperty2["default"])(_this, "copyItem", function () {
-      if (_this.inProgressCall()) {
-        _this.setState({
-          copyAfterCall: _this.inProgressCall()
+    (0, _defineProperty2["default"])(_this2, "copyItem", function () {
+      if (_this2.inProgressCall()) {
+        _this2.setState({
+          copyAfterCall: _this2.inProgressCall()
         });
         return;
       }
-      if (_this.props.quizEntryWithErrorsShowing) {
-        _this.props.screenreaderNotification((0, _formatMessage["default"])('Question {itemPosition, number} cannot be saved due to invalid input data', {
-          itemPosition: Math.ceil(_this.props.quizEntryWithErrorsShowing.position)
+      if (_this2.props.quizEntryWithErrorsShowing) {
+        _this2.props.screenreaderNotification((0, _formatMessage["default"])('Question {itemPosition, number} cannot be saved due to invalid input data', {
+          itemPosition: Math.ceil(_this2.props.quizEntryWithErrorsShowing.position)
         }));
         return;
       }
-      var _this$props = _this.props,
-        quizId = _this$props.quizId,
-        quizEntry = _this$props.quizEntry,
-        entry = _this$props.entry,
-        richFITBEnabled = _this$props.richFITBEnabled,
-        richFITBInteractionID = _this$props.richFITBInteractionID;
+      var _this2$props = _this2.props,
+        quizId = _this2$props.quizId,
+        quizEntry = _this2$props.quizEntry,
+        entry = _this2$props.entry,
+        richFITBEnabled = _this2$props.richFITBEnabled,
+        richFITBInteractionID = _this2$props.richFITBInteractionID;
       var interactionTypeData = {
         answerFeedback: entry.answerFeedback,
         calculatorType: entry.calculatorType,
@@ -98,9 +110,9 @@ var QuizEntryShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default
       if (richFITBEnabled && entry.getInteractionType() instanceof _quizInteractions.FillBlankInteractionType) {
         interactionTypeData = (0, _fitbCopyHelper.convertFITBtoRich)(interactionTypeData, richFITBInteractionID);
       }
-      _this.props.createItem(quizId, Math.round(quizEntry.position + 1), interactionTypeData, quizEntry.stimulusQuizEntryId, entry.stimulusId, quizEntry.pointsPossible);
+      _this2.props.createItem(quizId, Math.round(quizEntry.position + 1), interactionTypeData, quizEntry.stimulusQuizEntryId, entry.stimulusId, quizEntry.pointsPossible);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizEntryShow, _Component);
   return (0, _createClass2["default"])(QuizEntryShow, [{
@@ -220,15 +232,15 @@ var QuizEntryShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-        connectDragPreview = _this$props2.connectDragPreview,
-        displayPosition = _this$props2.displayPosition,
-        draggingOver = _this$props2.draggingOver,
-        draggingAboveHalf = _this$props2.draggingAboveHalf,
-        quizEntry = _this$props2.quizEntry,
-        stimulusOrientation = _this$props2.stimulusOrientation,
-        isContentLockedByBlueprint = _this$props2.isContentLockedByBlueprint,
-        lockBlueprintContentEnabled = _this$props2.lockBlueprintContentEnabled;
+      var _this$props = this.props,
+        connectDragPreview = _this$props.connectDragPreview,
+        displayPosition = _this$props.displayPosition,
+        draggingOver = _this$props.draggingOver,
+        draggingAboveHalf = _this$props.draggingAboveHalf,
+        quizEntry = _this$props.quizEntry,
+        stimulusOrientation = _this$props.stimulusOrientation,
+        isContentLockedByBlueprint = _this$props.isContentLockedByBlueprint,
+        lockBlueprintContentEnabled = _this$props.lockBlueprintContentEnabled;
       var positionToDisplay = this.props.quizEntry.positionToDisplay(displayPosition);
       var positionText = (0, _formatMessage["default"])('Preview of question at position {position}', {
         position: positionToDisplay

package/lib/building/components/resources/quizEntry/QuizEntryShow/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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) { (0, _defineProperty2["default"])(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; }
 var generateStyle = function generateStyle(componentTheme) {
   var mp = '@media print';
   var interactionTypeStyles = {

package/lib/building/components/resources/quizEntry/QuizEntryShow/theme.js

@@ -12,13 +12,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints;
   return {
     quizEntryShowPadding: "".concat(spacing.large, " ").concat(spacing.small),
-    quizEntryShowBackgroundColor: colors.white,
+    quizEntryShowBackgroundColor: colors.contrasts.white1010,
     headerHeight: '2rem',
     headerRightPadding: spacing.xSmall,
-    dndBorder: "".concat(borders.style, " ").concat(borders.widthSmall, " ").concat(colors.brand),
+    dndBorder: "".concat(borders.style, " ").concat(borders.widthSmall, " ").concat(colors.contrasts.blue4570),
     rightHeaderZIndex: '3333',
-    rightHeaderColor: colors.oxford,
-    titleInteractionTypeNamePointsColor: colors.slate,
+    rightHeaderColor: colors.contrasts.grey100100,
+    titleInteractionTypeNamePointsColor: colors.contrasts.grey4570,
     titleInteractionTypeNamePointsFontSize: typography.fontSizeSmall,
     titleInteractionTypeNamePointsLeftMargin: spacing.xSmall,
     titleInteractionTypeNamePointsRightMargin: spacing.xSmall,
@@ -26,7 +26,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     optionsButtonDragDropHandleFontSize: typography.fontSizeMedium,
     optionsButtonDragDropHandleMargin: spacing.xSmall,
     phoneConnectingLinesBorderWidth: borders.widthSmall,
-    phoneConnectingLinesBorderColor: colors.ash,
+    phoneConnectingLinesBorderColor: colors.contrasts.grey4570,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
   };
 };

package/lib/common/api/callHandlers.js

@@ -11,8 +11,8 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 var _schema = require("./schema");
 var _getPersistenceActions = _interopRequireDefault(require("./getPersistenceActions"));
 var _taking = require("../actions/taking");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint "no-param-reassign": "warn" */
+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) { (0, _defineProperty2["default"])(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; } /* eslint "no-param-reassign": "warn" */
 // ===========
 //   HELPERS
 // ===========

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

@@ -15,29 +15,41 @@ var _react = _interopRequireWildcard(require("react"));
 var _MaskedTextInput = _interopRequireDefault(require("../MaskedTextInput"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var AccessCodeTextInput = exports.AccessCodeTextInput = /*#__PURE__*/function (_Component) {
   function AccessCodeTextInput() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, AccessCodeTextInput);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AccessCodeTextInput, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, AccessCodeTextInput, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       masked: true
     });
-    (0, _defineProperty2["default"])(_this, "handleMaskedChange", function () {
-      _this.setState(function (state) {
+    (0, _defineProperty2["default"])(_this2, "handleMaskedChange", function () {
+      _this2.setState(function (state) {
         return {
           masked: !state.masked
         };
       });
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(AccessCodeTextInput, _Component);
   return (0, _createClass2["default"])(AccessCodeTextInput, [{