@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

package/lib/taking/api/taking.js

@@ -1,50 +1,64 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.closeSubmitConfirmModal = closeSubmitConfirmModal;
 exports.confirmSessionStartPage = confirmSessionStartPage;
-exports.getResumeData = void 0;
-exports.getTimeRemaining = getTimeRemaining;
-exports.messageForSubmitModal = exports.makeSessionItemCall = void 0;
 exports.newQuizTakingSession = newQuizTakingSession;
-exports.nextQuestion = void 0;
 exports.onQuizSessionReadyForTaking = onQuizSessionReadyForTaking;
-exports.postQuizSession = postQuizSession;
-exports.recordQuizTime = recordQuizTime;
 exports.showSubmitConfirmModal = showSubmitConfirmModal;
+exports.closeSubmitConfirmModal = closeSubmitConfirmModal;
 exports.submitQuiz = submitQuiz;
-exports.submitStudentAccessCode = void 0;
+exports.postQuizSession = postQuizSession;
+exports.getTimeRemaining = getTimeRemaining;
+exports.recordQuizTime = recordQuizTime;
+exports.messageForSubmitModal = exports.nextQuestion = exports.submitStudentAccessCode = exports.makeSessionItemCall = exports.getResumeData = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _partial = _interopRequireDefault(require("lodash/partial"));
+
 var _immutable = require("immutable");
+
 var _humps = require("humps");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _noop = _interopRequireDefault(require("../../common/util/noop"));
-var _alerts = require("../../common/actions/alerts");
-var _Item = _interopRequireDefault(require("../../common/records/Item"));
-var _featureCheck = require("../../common/util/featureCheck");
-var _QuizEventsLogger = require("../../common/kinesis/QuizEventsLogger");
+
+var _noop = _interopRequireDefault(require("../../common/util/noop.js"));
+
+var _alerts = require("../../common/actions/alerts.js");
+
+var _Item = _interopRequireDefault(require("../../common/records/Item.js"));
+
+var _featureCheck = require("../../common/util/featureCheck.js");
+
+var _QuizEventsLogger = require("../../common/kinesis/QuizEventsLogger.js");
+
 var _quizCommon = require("@instructure/quiz-common");
-var uiActions = _interopRequireWildcard(require("../../common/actions/ui"));
-var _quizSessions = require("../../common/api/quizSessions");
-var _quizSessions2 = require("../../common/actions/quizSessions");
-var _callHandlers = require("../../common/api/callHandlers");
-var modalActions = _interopRequireWildcard(require("../../common/actions/modal"));
-var _taking = require("../../common/actions/taking");
+
+var uiActions = _interopRequireWildcard(require("../../common/actions/ui.js"));
+
+var _quizSessions = require("../../common/api/quizSessions.js");
+
+var _quizSessions2 = require("../../common/actions/quizSessions.js");
+
+var _callHandlers = require("../../common/api/callHandlers.js");
+
+var modalActions = _interopRequireWildcard(require("../../common/actions/modal.js"));
+
+var _taking = require("../../common/actions/taking.js");
+
 // =============================================
 // =============================================
-
 //  this file is in charge of coordinating the
 //  dispatching of actions necessary to interact
 //  with quizzes via the api for taking purposes
-
 // =============================================
 // =============================================
-
 var getQuizSessionConfig = function getQuizSessionConfig(quizSession) {
   // these should be handled by existing functions
   var oneQuestionAtATime = quizSession.isOneQuestionAtATime();
@@ -56,15 +70,20 @@ var getQuizSessionConfig = function getQuizSessionConfig(quizSession) {
     useSessionItemIndex: useSessionItemIndex
   };
 };
-var getResumeData = exports.getResumeData = function getResumeData(quizSessionId) {
+
+var getResumeData = function getResumeData(quizSessionId) {
   return function (dispatch) {
     var responseCb = function responseCb(resumeData) {
       return dispatch((0, _callHandlers.handleResumeDataResponse)(resumeData, quizSessionId));
     };
+
     return (0, _quizSessions.fetchResumeData)(quizSessionId, responseCb);
   };
 };
-var makeSessionItemCall = exports.makeSessionItemCall = function makeSessionItemCall(quizSession) {
+
+exports.getResumeData = getResumeData;
+
+var makeSessionItemCall = function makeSessionItemCall(quizSession) {
   var index = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _quizSessions2.getSessionItems;
   var next = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : nextQuestion;
   return function (dispatch) {
@@ -72,27 +91,36 @@ var makeSessionItemCall = exports.makeSessionItemCall = function makeSessionItem
     return dispatch(action);
   };
 };
-var submitStudentAccessCode = exports.submitStudentAccessCode = function submitStudentAccessCode(quizSessionId, accessCode) {
+
+exports.makeSessionItemCall = makeSessionItemCall;
+
+var submitStudentAccessCode = function submitStudentAccessCode(quizSessionId, accessCode) {
   return function (dispatch) {
     var responseCb = function responseCb(sessionData) {
       dispatch(uiActions.set(_quizCommon.STUDENT_ACCESS_CODE_STATUS, sessionData.accepted_student_access_code));
+
       if (sessionData.accepted_student_access_code) {
         dispatch((0, _alerts.screenreaderNotification)((0, _formatMessage.default)('Access code successful. You may now begin this assessment'), _quizCommon.POLITE));
       } else {
         dispatch((0, _alerts.screenreaderNotification)((0, _formatMessage.default)('Invalid access code')));
       }
+
       return dispatch((0, _callHandlers.handleQuizSessionResponse)(sessionData, quizSessionId));
     };
+
     return (0, _quizSessions.submitStudentAccessCode)(quizSessionId, accessCode, responseCb);
   };
-};
-
-// ====================================
+}; // ====================================
 // OQAAT no backtracking call
 // ====================================
+
+
+exports.submitStudentAccessCode = submitStudentAccessCode;
+
 var noBacktrackingNextQuestion = function noBacktrackingNextQuestion(quizSessionId, itemId, position, userResponse, largeFormatResponse, submit) {
   return function (dispatch) {
     var params = {};
+
     if (itemId) {
       params.body = JSON.stringify({
         sessionItemResponse: {
@@ -103,6 +131,7 @@ var noBacktrackingNextQuestion = function noBacktrackingNextQuestion(quizSession
         }
       });
     }
+
     var responseCb = function responseCb(nextItem) {
       if (nextItem) {
         dispatch([(0, _callHandlers.handleSessionItemsResponse)([nextItem], quizSessionId), (0, _taking.setCurrentSessionItemPosition)(nextItem.position), getResumeData(quizSessionId)]);
@@ -110,20 +139,23 @@ var noBacktrackingNextQuestion = function noBacktrackingNextQuestion(quizSession
         submit();
       }
     };
+
     var errorCb = function errorCb(errorCode) {
       if (errorCode === 400) {
         return (0, _quizSessions.singleResponseSubmit)(quizSessionId, {}, responseCb);
       }
     };
+
     return (0, _quizSessions.singleResponseSubmit)(quizSessionId, params, responseCb, errorCb);
   };
-};
-
-// ====================================
+}; // ====================================
 // OQAAT no backtracking call
 // ====================================
-var nextQuestion = exports.nextQuestion = function nextQuestion(quizSessionId, allowBacktracking, currentQuestionIsLast, position, itemId, userResponse, largeFormatResponse) {
+
+
+var nextQuestion = function nextQuestion(quizSessionId, allowBacktracking, currentQuestionIsLast, position, itemId, userResponse, largeFormatResponse) {
   var submit = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : submitQuiz;
+
   if (allowBacktracking) {
     return function (dispatch) {
       var action = currentQuestionIsLast ? submit(quizSessionId) : (0, _taking.backtrackingNextQuestion)();
@@ -132,11 +164,13 @@ var nextQuestion = exports.nextQuestion = function nextQuestion(quizSessionId, a
   } else {
     return noBacktrackingNextQuestion(quizSessionId, itemId, position, userResponse, largeFormatResponse, submit);
   }
-};
-
-// ====================================
+}; // ====================================
 // load up the quiz session for the taking page
 // ====================================
+
+
+exports.nextQuestion = nextQuestion;
+
 function confirmSessionStartPage(quizSessionId) {
   var cb = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _noop.default;
   var authRedirectCb = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : _noop.default;
@@ -147,11 +181,11 @@ function confirmSessionStartPage(quizSessionId) {
       }
     });
   };
-}
-
-// ====================================
+} // ====================================
 // fetch the data for a new quiz_session
 // ====================================
+
+
 function newQuizTakingSession(quizSessionId) {
   var cb = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _noop.default;
   var authRedirectCb = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : _noop.default;
@@ -163,23 +197,25 @@ function newQuizTakingSession(quizSessionId) {
     });
   };
 }
+
 function onQuizSessionReadyForTaking(quizSession) {
   return function (dispatch) {
     dispatch([makeSessionItemCall(quizSession), getResumeData(quizSession.id), (0, _taking.sessionStartOrResumeEvent)(navigator.userAgent), (0, _taking.updateQuizSessionStatusOnPageLoad)(quizSession.status)]);
   };
-}
-
-// ====================================
+} // ====================================
 // show submit confirmation modal
 // ====================================
 
-var messageForSubmitModal = exports.messageForSubmitModal = function messageForSubmitModal(positions) {
+
+var messageForSubmitModal = function messageForSubmitModal(positions) {
   if (!positions || positions.length === 0) {
     return (0, _formatMessage.default)('Upon submission you will not be able to change your answers. Are you ready to submit?');
   }
+
   if (positions.length >= 10) {
     return (0, _featureCheck.featureOn)('invalid_input_warning') ? (0, _formatMessage.default)('Multiple questions have either not been answered or have invalid answers. Upon submission you will not be able to change your answers. Are you ready to submit?') : (0, _formatMessage.default)('Multiple questions have not been answered. Upon submission you will not be able to change your answers. Are you ready to submit?');
   }
+
   var message = (0, _featureCheck.featureOn)('invalid_input_warning') ? (0, _formatMessage.default)('The following questions have either not been answered or have invalid answers:') : (0, _formatMessage.default)('The following questions have not been answered:');
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, message), /*#__PURE__*/_react.default.createElement("ul", null, positions.map(function (position) {
     return /*#__PURE__*/_react.default.createElement("li", {
@@ -189,26 +225,35 @@ var messageForSubmitModal = exports.messageForSubmitModal = function messageForS
     }));
   })), /*#__PURE__*/_react.default.createElement("p", null, (0, _formatMessage.default)('Upon submission you will not be able to change your answers. Are you ready to submit?')));
 };
+
+exports.messageForSubmitModal = messageForSubmitModal;
+
 var __getResponseForSessionItem = function __getResponseForSessionItem(sessionItem, responses) {
   var resp = responses.find(function (r) {
     return r.get('position') === sessionItem.get('position');
   });
+
   if ((0, _featureCheck.featureOn)('invalid_input_warning') && resp && resp.get('invalid')) {
     return null;
   }
+
   return resp && resp.get('userResponse').toJS();
 };
+
 var __remainingQuestionPositions = function __remainingQuestionPositions(sessionItems, responses) {
   return sessionItems.toList().sortBy(function (si) {
     return si.get('position');
   }).filterNot(function (si) {
     var item = new _Item.default(si.get('item'));
+
     var itemUserResponse = __getResponseForSessionItem(si, responses);
+
     return item.hasResponse(itemUserResponse);
   }).map(function (si) {
     return si.get('position');
   }).toSet().toJS();
 };
+
 function showSubmitConfirmModal(quizSessionId) {
   var onSubmitQuizSession = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _noop.default;
   return function (dispatch, getState) {
@@ -226,6 +271,7 @@ function showSubmitConfirmModal(quizSessionId) {
     return dispatch(modalAction);
   };
 }
+
 function closeSubmitConfirmModal(quizSessionId) {
   return function (dispatch, getState) {
     var needResponse = getQuestionsNeedingAResponse(getState(), quizSessionId);
@@ -233,14 +279,14 @@ function closeSubmitConfirmModal(quizSessionId) {
     return dispatch(modalActions.closeModal(title));
   };
 }
+
 function titleForSubmitModal(needResponse) {
   return needResponse.length > 0 ? (0, _formatMessage.default)('Unanswered Questions!') : (0, _formatMessage.default)('Confirm Submission');
-}
-
-// ==============================================
+} // ==============================================
 // check for unanswered questions or override
 // ==============================================
 
+
 function submitQuiz(quizSessionId) {
   var onSubmitQuizSession = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _noop.default;
   var overrideConfirmation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
@@ -252,18 +298,18 @@ function submitQuiz(quizSessionId) {
     }
   };
 }
+
 function getQuestionsNeedingAResponse(state, quizSessionId) {
   var responses = state.getIn(['taking', 'responses'], (0, _immutable.Map)());
   var sessionItems = state.get('sessionItems', (0, _immutable.Map)()).filter(function (record) {
     return record.get('quizSessionId') === quizSessionId;
   });
   return __remainingQuestionPositions(sessionItems, responses);
-}
-
-// ====================================
+} // ====================================
 // submit the data for the quiz
 // ====================================
 
+
 function postQuizSession(quizSessionId) {
   var onSubmitQuizSession = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _noop.default;
   // send kinesis credentials request before submit quiz when it is still
@@ -274,6 +320,7 @@ function postQuizSession(quizSessionId) {
   (0, _QuizEventsLogger.fetchLogger)(quizSessionId);
   return function (dispatch, getState) {
     var submitFlag = getState().getIn(['taking', 'submitFlag']);
+
     if (!submitFlag) {
       dispatch((0, _taking.updateQuizSubmitFlag)(true));
       var takingResponses = getState().getIn(['taking', 'responses'], (0, _immutable.Map)()).valueSeq().toJS();
@@ -284,37 +331,38 @@ function postQuizSession(quizSessionId) {
         })
       };
       var submitQuizSessionEventAction = (0, _taking.submitQuizSessionEvent)();
+
       var responseCb = function responseCb() {
         dispatch((0, _alerts.screenreaderNotification)((0, _formatMessage.default)('Quiz submitted')));
         onSubmitQuizSession();
         dispatch(submitQuizSessionEventAction);
       };
+
       var errorCb = function errorCb(errorCode) {
         setTimeout(function () {
           dispatch((0, _taking.updateQuizSubmitFlag)(false));
         }, 10000);
       };
+
       return (0, _quizSessions.submitQuizSession)(quizSessionId, params, responseCb, errorCb);
     }
   };
-}
-
-// ====================================
+} // ====================================
 //  getting the remaining time
 // ====================================
 
+
 function getTimeRemaining(quizSessionId, cb) {
   return function (dispatch) {
     return (0, _quizSessions.fetchTime)(quizSessionId, function (result) {
       return cb((0, _humps.camelizeKeys)(result));
     });
   };
-}
-
-// ====================================
+} // ====================================
 //  tracking time taken
 // ====================================
 
+
 function recordQuizTime(quizSessionId, cb) {
   return function (dispatch) {
     return (0, _quizSessions.recordTime)(quizSessionId, function (result) {

package/lib/taking/learnosity/index.js

@@ -1,81 +1,105 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.appendFeature = appendFeature;
 exports.destroyFeature = destroyFeature;
-exports.reset = reset;
 exports.toggleFeature = toggleFeature;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+exports.reset = reset;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _Fetcher = _interopRequireDefault(require("../../common/util/Fetcher"));
+
+var _Fetcher = _interopRequireDefault(require("../../common/util/Fetcher.js"));
+
 var questionsApp;
 var authPromise;
+
 function appendFeature(_x, _x2, _x3) {
   return _appendFeature.apply(this, arguments);
 }
+
 function _appendFeature() {
-  _appendFeature = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(quizSessionId, feature, timeout) {
+  _appendFeature = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(quizSessionId, feature, timeout) {
     var _len,
-      args,
-      _key,
-      _args = arguments;
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (questionsApp) {
-            _context.next = 5;
-            break;
-          }
-          for (_len = _args.length, args = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
-            args[_key - 3] = _args[_key];
-          }
-          _context.next = 4;
-          return authenticate.apply(void 0, [quizSessionId].concat(args));
-        case 4:
-          questionsApp = _context.sent;
-        case 5:
-          if (!featureContainer(feature.feature_id)) {
-            _context.next = 11;
+        args,
+        _key,
+        _args = arguments;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (questionsApp) {
+              _context.next = 5;
+              break;
+            }
+
+            for (_len = _args.length, args = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
+              args[_key - 3] = _args[_key];
+            }
+
+            _context.next = 4;
+            return authenticate.apply(void 0, [quizSessionId].concat(args));
+
+          case 4:
+            questionsApp = _context.sent;
+
+          case 5:
+            if (!featureContainer(feature.feature_id)) {
+              _context.next = 11;
+              break;
+            }
+
+            questionsApp.append({
+              features: [feature]
+            });
+            _context.next = 9;
+            return waitForLearnosityReadyCallback(timeout, feature.feature_id);
+
+          case 9:
+            _context.next = 12;
             break;
-          }
-          questionsApp.append({
-            features: [feature]
-          });
-          _context.next = 9;
-          return waitForLearnosityReadyCallback(timeout, feature.feature_id);
-        case 9:
-          _context.next = 12;
-          break;
-        case 11:
-          throw new Error('Learnosity feature container element not found');
-        case 12:
-        case "end":
-          return _context.stop();
+
+          case 11:
+            throw new Error('Learnosity feature container element not found');
+
+          case 12:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   }));
   return _appendFeature.apply(this, arguments);
 }
+
 function destroyFeature(featureId) {
   if (!questionsApp) return;
   var feature = questionsApp.feature(featureId);
+
   if (feature) {
     feature.destroy();
   }
 }
+
 function toggleFeature(featureId, onOff) {
   if (!questionsApp) return;
   var feature = questionsApp.feature(featureId);
+
   if (feature) {
     feature.toggle(onOff);
   }
 }
+
 function featureContainer(featureId) {
   return document.querySelector(".learnosity-feature.feature-".concat(featureId));
 }
+
 function authenticate(quizSessionId) {
   var fetcher = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
   authPromise = authPromise || new Promise(function (resolve, reject) {
@@ -98,42 +122,50 @@ function authenticate(quizSessionId) {
     });
   });
   return authPromise;
-}
-
-// Learnosity calls readyListener when it has finished loading, and again when
+} // Learnosity calls readyListener when it has finished loading, and again when
 // a feature has been appended to the DOM. The following is gross, but it
 // allows us to await until a feature is ready.
+
+
 var pendingFeaturesPromise, pendingFeatures, pendingCount;
+
 function resetPending() {
   pendingFeaturesPromise = null;
   pendingFeatures = {};
   pendingCount = 0;
 }
+
 resetPending();
+
 function learnosityReady() {
   // We can't know which feature is ready, so only resolve once there are
   // no more pending features
   if (pendingCount > 0) {
     pendingCount -= 1;
+
     if (pendingCount === 0) {
       pendingFeaturesPromise.resolve();
       resetPending();
     }
   }
 }
+
 function waitForLearnosityReadyCallback() {
   var timeout = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 5000;
   var featureId = arguments.length > 1 ? arguments[1] : void 0;
+
   if (!pendingFeatures[featureId]) {
     pendingCount += 1;
     pendingFeatures[featureId] = true;
     var res;
+
     if (!pendingFeaturesPromise) {
       pendingFeaturesPromise = new Promise(function (resolve, reject) {
         var timer = setTimeout(function () {
           reject(new Error('Timed out waiting for learnosity ready callback'));
           resetPending();
         }, timeout);
+
         res = function res() {
           clearTimeout(timer);
           resolve();
@@ -142,10 +174,11 @@ function waitForLearnosityReadyCallback() {
       pendingFeaturesPromise.resolve = res;
     }
   }
+
   return pendingFeaturesPromise;
-}
+} // Only used to reset singleton state for tests
+
 
-// Only used to reset singleton state for tests
 function reset() {
   questionsApp = null;
   authPromise = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.17.3-rc.7+2c6b6928b",
+  "version": "20.17.3-rc.9+04f56b67e",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.2",
-    "@instructure/quiz-common": "20.17.3-rc.7+2c6b6928b",
-    "@instructure/quiz-i18n": "20.17.3-rc.7+2c6b6928b",
-    "@instructure/quiz-interactions": "20.17.3-rc.7+2c6b6928b",
-    "@instructure/quiz-number-input": "20.17.3-rc.7+2c6b6928b",
-    "@instructure/quiz-rce": "20.17.3-rc.7+2c6b6928b",
+    "@instructure/quiz-common": "20.17.3-rc.9+04f56b67e",
+    "@instructure/quiz-i18n": "20.17.3-rc.9+04f56b67e",
+    "@instructure/quiz-interactions": "20.17.3-rc.9+04f56b67e",
+    "@instructure/quiz-number-input": "20.17.3-rc.9+04f56b67e",
+    "@instructure/quiz-rce": "20.17.3-rc.9+04f56b67e",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -111,7 +111,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "20.17.3-rc.7+2c6b6928b",
+    "instructure-validations": "20.17.3-rc.9+04f56b67e",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -144,6 +144,7 @@
   "devDependencies": {
     "@instructure/quiz-scripts": "20.17.2",
     "@instructure/ui-axe-check": "^8.51.0",
+    "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-scripts": "^7.22.1",
     "@instructure/ui-test-utils": "^7.22.1",
     "@testing-library/react": "^12.1.5",
@@ -160,7 +161,7 @@
     "jquery": "^2.2.3",
     "karma-junit-reporter": "^2.0.1",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.17.3-rc.7+2c6b6928b",
+    "quiz-presets": "20.17.3-rc.9+04f56b67e",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -176,5 +177,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2c6b6928b7a2f7926ab1757884ee63bcff6c4c37"
+  "gitHead": "04f56b67e3851ae350eef469d74d13ac657dd775"
 }