@instructure/quiz-core 17.41.1-rc.9 → 17.42.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [17.42.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.41.0...v17.42.0) (2022-11-17)
+
+
+### Bug Fixes
+
+* **itemAnalysis:** remove question marks typo in header ([5fd0aeb](https://gerrit.instructure.com/quizzes-ui/commits/5fd0aeb8f3d35e99e5efb59d939fdc1fe88e384b))
+* **RCE5:** fix URL generation ([82298d4](https://gerrit.instructure.com/quizzes-ui/commits/82298d4336c3f8cbbb8d4059c2b4460e13f65d56))
+
+
+### Features
+
+* **blueprint:** disable adding bank entries to locked NQ ([4ee219b](https://gerrit.instructure.com/quizzes-ui/commits/4ee219bd850a5f80f240a4cd3ceaf6af13a01f07))
+* **blueprint:** make quiz entries uneditable when the quiz is locked ([be6a8b3](https://gerrit.instructure.com/quizzes-ui/commits/be6a8b375f5aa8990e3dca5f4c86069120fe5644))
+* **RCE:** Add question stem to quiz logs about token refresh ([e1aac6a](https://gerrit.instructure.com/quizzes-ui/commits/e1aac6a77f456898e81705212b915a5de2d9afd7))
+* **RCE:** Render RCE related log entries in the quiz session log ([ebebbb0](https://gerrit.instructure.com/quizzes-ui/commits/ebebbb0b02c8ce1dbd825ef9ee121c7cb870d65b))
+* **RCE:** Write RCE related errors to store ([345bca5](https://gerrit.instructure.com/quizzes-ui/commits/345bca5e191666a67e63ab33c454c971fef8d01e))
+* **RCE5:** pass canvasOrigin to RCE5 ([b792618](https://gerrit.instructure.com/quizzes-ui/commits/b7926183d2ec243e49fca7549b86308e23384390))
+
+
+
+
+
 # [17.41.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.40.0...v17.41.0) (2022-10-24)
 
 

package/es/building/components/resources/ActionButtons/presenter.js

@@ -121,7 +121,7 @@ export var ActionButtons = (_dec = themeable(theme, styles), _dec(_class = (_tem
         quizEntry: this.props.quizEntry,
         quizEntries: this.props.quizEntries,
         disabled: this.props.shouldDisableDragHandle
-      }))), /*#__PURE__*/React.createElement(Button, {
+      }))), this.props.shouldRenderDelete && /*#__PURE__*/React.createElement(Button, {
         as: "div",
         onClick: this.props.onDelete,
         disabled: this.props.shouldDisableDeleteButton,
@@ -149,6 +149,7 @@ export var ActionButtons = (_dec = themeable(theme, styles), _dec(_class = (_tem
   shouldDisableDragHandle: PropTypes.bool,
   shouldDisableDeleteButton: PropTypes.bool,
   shouldRenderEdit: PropTypes.bool,
+  shouldRenderDelete: PropTypes.bool,
   switchOnEditing: PropTypes.func,
   shouldFocusOnMount: PropTypes.bool
 }, _class2.defaultProps = {

package/es/building/components/resources/quizEntry/QuizEntry/presenter.js

@@ -176,7 +176,7 @@ export var QuizEntry = (_dec = themeable(theme, styles), _dec(_class = (_temp =
         clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
         haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length),
         useNewRce: isNewRCEEnabled()
-      }, pick(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
+      }, pick(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'isContentLockedByBlueprint', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
     }
   }, {
     key: "isEditing",
@@ -262,6 +262,7 @@ export var QuizEntry = (_dec = themeable(theme, styles), _dec(_class = (_temp =
         dndRef: this.storeDndComponentRef,
         guid: this.props.guid,
         isBankedContent: bankEntryWarningWrapperProps !== void 0,
+        isContentLockedByBlueprint: this.props.isContentLockedByBlueprint,
         isEditing: this.isEditing(),
         draggingOnBuild: this.props.draggingOnBuild,
         newHoverPosition: this.props.newHoverPosition // used for DnD
@@ -358,6 +359,7 @@ export var QuizEntry = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   quizEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   quizEntry: ImmutablePropTypes.record.isRequired,
   quizId: PropTypes.string.isRequired,
+  isContentLockedByBlueprint: PropTypes.bool.isRequired,
   regradingOn: PropTypes.bool.isRequired,
   screenreaderNotification: PropTypes.func.isRequired,
   scrollKey: PropTypes.string,
@@ -384,6 +386,7 @@ export var QuizEntry = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   draggingOnBuild: false,
   draggingOver: false,
   initialFocusId: null,
+  isContentLockedByBlueprint: false,
   isEditing: false,
   partialDeepScoringEnabled: false,
   partialScoringEnabled: false,

package/es/building/components/resources/quizEntry/QuizEntryShow/index.js

@@ -25,6 +25,7 @@ function mapStateToProps(state, props) {
     modificationsClear: itemModsClear && quizEntryModsClear,
     quizEntryWithErrorsShowing: getQuizEntryWithErrorsShowing(state) || props.haveValidationErrorsFromApi,
     richFITBEnabled: featureOn('interaction_type_rich_fill_blank'),
+    lockBlueprintContentEnabled: featureOn('lock_blueprint_content'),
     richFITBInteractionID: (richFITBInteraction || Map()).get('id'),
     updateItemCallStatus: state.getIn(['calls', UPDATE_ITEM_CALL, 'requestStatus'], '')
   };

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

@@ -263,7 +263,9 @@ var QuizEntryShow = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
           draggingOver = _this$props2.draggingOver,
           draggingAboveHalf = _this$props2.draggingAboveHalf,
           quizEntry = _this$props2.quizEntry,
-          stimulusOrientation = _this$props2.stimulusOrientation;
+          stimulusOrientation = _this$props2.stimulusOrientation,
+          isContentLockedByBlueprint = _this$props2.isContentLockedByBlueprint,
+          lockBlueprintContentEnabled = _this$props2.lockBlueprintContentEnabled;
       var positionToDisplay = this.props.quizEntry.positionToDisplay(displayPosition);
       var positionText = t('Preview of question at position {position}', {
         position: positionToDisplay
@@ -272,13 +274,15 @@ var QuizEntryShow = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
       var propsForDnDZone = {
         draggingOver: draggingOver,
         draggingAboveHalf: draggingAboveHalf
-      }; // Overlay gets tabIndex === "-1" so that the drag handle is tabbable before
+      };
+      var shouldLockQuizEntry = lockBlueprintContentEnabled && isContentLockedByBlueprint; // Overlay gets tabIndex === "-1" so that the drag handle is tabbable before
       // the Overlay get focus and opens the quizEntry in edit mode
 
       return /*#__PURE__*/React.createElement(Overlay, {
         onClick: this.editingOn,
         wrapperClassName: styles.quizEntryWrapper,
-        tabIndex: "-1"
+        tabIndex: "-1",
+        hideOverlay: shouldLockQuizEntry
       }, /*#__PURE__*/React.createElement(DragAndDropZone, Object.assign({}, propsForDnDZone, {
         location: "above"
       })), connectDragPreview( /*#__PURE__*/React.createElement("div", {
@@ -303,7 +307,10 @@ var QuizEntryShow = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
         scrollKey: this.props.scrollKey,
         shouldDisableDragHandle: this.shouldDisableDragHandle(),
         switchOnEditing: this.editingOn,
-        shouldFocusOnMount: this.props.editQuizEntryToggle
+        shouldFocusOnMount: this.props.editQuizEntryToggle,
+        shouldDisableCopy: shouldLockQuizEntry,
+        shouldRenderEdit: !shouldLockQuizEntry,
+        shouldRenderDelete: !shouldLockQuizEntry
       }), /*#__PURE__*/React.createElement(ScreenReaderContent, null, srMsg)), /*#__PURE__*/React.createElement("div", {
         className: styles.itemHolder,
         ref: this.setInert,
@@ -331,10 +338,12 @@ var QuizEntryShow = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
   // only used in index.js
   interactionTypeName: PropTypes.string,
   modificationsClear: PropTypes.bool.isRequired,
+  lockBlueprintContentEnabled: PropTypes.bool.isRequired,
   quizEntryWithErrorsShowing: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
   quizEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   quizEntry: ImmutablePropTypes.record.isRequired,
   quizId: PropTypes.string.isRequired,
+  isContentLockedByBlueprint: PropTypes.bool.isRequired,
   removeQuizEntry: PropTypes.func.isRequired,
   // from connected component
   richFITBEnabled: PropTypes.bool,
@@ -351,11 +360,13 @@ var QuizEntryShow = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
   children: null,
   draggingOver: false,
   draggingAboveHalf: false,
+  lockBlueprintContentEnabled: false,
   quizEntryWithErrorsShowing: null,
   scrollKey: void 0,
   editQuizEntryToggle: false,
   haveValidationErrorsFromApi: false,
   interactionTypeName: null,
+  isContentLockedByBlueprint: false,
   richFITBEnabled: false,
   richFITBInteractionID: '',
   stimulusOrientation: null

package/es/common/actions/rce.js

@@ -0,0 +1,17 @@
+import { RCE_EVENT, SET_RCE_ERROR } from '@instructure/quiz-common';
+export var setRCEError = function setRCEError(rceError) {
+  return {
+    type: SET_RCE_ERROR,
+    payload: rceError
+  };
+}; // This is not consumed by its reducer
+// Instead it is processed by the eventLoggerMiddleware
+
+export var reportRCEEvent = function reportRCEEvent(eventMessage) {
+  return {
+    type: RCE_EVENT,
+    payload: {
+      message: eventMessage
+    }
+  };
+};

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

@@ -159,11 +159,11 @@ export var SDKApp = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
   rceConfig: PropTypes.shape({
     contextId: PropTypes.string.isRequired,
     contextType: PropTypes.string.isRequired,
+    canvasOrigin: PropTypes.string.isRequired,
     canvasUserId: PropTypes.string.isRequired,
     rcsHost: PropTypes.string.isRequired,
     rcsJwt: PropTypes.string.isRequired,
-    rcsJwtRefreshFn: PropTypes.func.isRequired,
-    documentServiceHost: PropTypes.string.isRequired
+    rcsJwtRefreshFn: PropTypes.func.isRequired
   }),
   timeZone: PropTypes.string,
   translations: PropTypes.objectOf(PropTypes.shape({

package/es/common/components/resources/stimulus/Stimulus/index.js

@@ -15,6 +15,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     dropIntoEmptyStimulus: draggingOver && dropIntoEmptyStimulus,
     draggingOver: draggingOver,
     draggingAboveHalf: draggingOver && draggingAboveHalf,
+    lockBlueprintContentEnabled: featureOn('lock_blueprint_content'),
     stimulusOrientationEnabled: featureOn('customizable_stimulus_orientation')
   };
 };

package/es/common/components/resources/stimulus/Stimulus/presenter.js

@@ -75,6 +75,14 @@ export var Stimulus = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
           quizEntry = _this$props.quizEntry;
       return quizEntries.size === quizEntry.positionSlots + 1;
     }
+  }, {
+    key: "isQuizContentLocked",
+    value: function isQuizContentLocked() {
+      var _this$props2 = this.props,
+          isContentLockedByBlueprint = _this$props2.isContentLockedByBlueprint,
+          lockBlueprintContentEnabled = _this$props2.lockBlueprintContentEnabled;
+      return lockBlueprintContentEnabled && isContentLockedByBlueprint;
+    }
   }, {
     key: "renderChildQuizEntries",
     value: function renderChildQuizEntries() {
@@ -89,7 +97,7 @@ export var Stimulus = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
           key: childEntry.id
         }, /*#__PURE__*/React.createElement(ConnectedQuizEntry, Object.assign({}, _this2.props.propsForQuizEntry(childEntry, displayPosition), {
           stimulusOrientation: _this2.props.stimulusOrientationEnabled ? _this2.props.stimulus.orientation : null
-        })), !_this2.props.draggingOnBuild && /*#__PURE__*/React.createElement(AddContentPopover, {
+        })), !_this2.props.draggingOnBuild && !_this2.isQuizContentLocked() && /*#__PURE__*/React.createElement(AddContentPopover, {
           allowStimulusCreation: false,
           stimulusId: _this2.props.stimulus.id,
           parentEntryId: _this2.props.quizEntry.id,
@@ -123,7 +131,8 @@ export var Stimulus = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
         switchOnEditing: this.props.switchOnEditing,
         switchOffEditing: this.props.switchOffEditing,
         onEditToggle: this.props.onEditStimulusToggle,
-        shouldFocusOnMount: this.props.editStimulusToggle
+        shouldFocusOnMount: this.props.editStimulusToggle,
+        isQuizContentLocked: this.isQuizContentLocked()
       })));
     }
   }, {
@@ -131,9 +140,9 @@ export var Stimulus = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
     value: function renderPanels(propsForDnDZone) {
       var _classnames2;
 
-      var _this$props2 = this.props,
-          stimulus = _this$props2.stimulus,
-          stimulusOrientationEnabled = _this$props2.stimulusOrientationEnabled;
+      var _this$props3 = this.props,
+          stimulus = _this$props3.stimulus,
+          stimulusOrientationEnabled = _this$props3.stimulusOrientationEnabled;
       var shouldSetHorizontalOrientation = stimulus.orientation === LEFT || !stimulusOrientationEnabled;
       var stimulusPanelClass = classnames(styles.leftPanel, _defineProperty({}, styles.horizontallyAligned, shouldSetHorizontalOrientation));
       var itemsPanelClass = classnames((_classnames2 = {}, _defineProperty(_classnames2, styles.horizontallyAligned, shouldSetHorizontalOrientation), _defineProperty(_classnames2, styles.hidden, stimulus.isTemporary()), _defineProperty(_classnames2, styles.rightPanel, !stimulus.isTemporary()), _classnames2));
@@ -147,7 +156,7 @@ export var Stimulus = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
         className: itemsPanelClass
       }, /*#__PURE__*/React.createElement("div", null), this.renderChildQuizEntries(), /*#__PURE__*/React.createElement(DragAndDropZone, Object.assign({}, propsForDnDZone, {
         location: "in"
-      })), this.props.childEntries.size === 0 && /*#__PURE__*/React.createElement(AddContentPopover, {
+      })), this.props.childEntries.size === 0 && !this.isQuizContentLocked() && /*#__PURE__*/React.createElement(AddContentPopover, {
         allowStimulusCreation: false,
         stimulusId: this.props.stimulus.id,
         parentEntryId: this.props.quizEntry.id,
@@ -189,8 +198,10 @@ export var Stimulus = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
   dropIntoEmptyStimulus: PropTypes.bool,
   displayPosition: PropTypes.number.isRequired,
   isBankedContent: PropTypes.bool,
+  isContentLockedByBlueprint: PropTypes.bool.isRequired,
   isEditing: PropTypes.bool,
   guid: PropTypes.string.isRequired,
+  lockBlueprintContentEnabled: PropTypes.bool.isRequired,
   openDeleteStimulusModal: PropTypes.func.isRequired,
   propsForQuizEntry: PropTypes.func.isRequired,
   quizEntry: ImmutablePropTypes.record.isRequired,
@@ -215,7 +226,9 @@ export var Stimulus = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
   dropIntoEmptyStimulus: false,
   isBankedContent: false,
   isEditing: false,
+  lockBlueprintContentEnabled: false,
   onEditStimulusToggle: function onEditStimulusToggle() {},
-  scrollKey: ''
+  scrollKey: '',
+  isContentLockedByBlueprint: false
 }, _temp)) || _class);
 export default DragSource(ItemTypes.QUIZ_ENTRY, dragSource, collectDrag)(wrapWithOutsideClick(Stimulus));

package/es/common/components/resources/stimulus/StimulusShow/index.js

@@ -66,7 +66,8 @@ export var StimulusShow = (_dec = themeable(theme, styles), _dec(_class = (_temp
       return /*#__PURE__*/React.createElement(Overlay, {
         onClick: this.switchOnEditing,
         wrapperClassName: styles.stimulusWrapper,
-        tabIndex: "-1"
+        tabIndex: "-1",
+        hideOverlay: this.props.isQuizContentLocked
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.stimulus
       }, /*#__PURE__*/React.createElement("div", {
@@ -84,10 +85,13 @@ export var StimulusShow = (_dec = themeable(theme, styles), _dec(_class = (_temp
         scrollKey: this.props.scrollKey,
         shouldDisableDragHandle: this.props.shouldDisableDragHandle,
         switchOnEditing: this.props.switchOnEditing,
-        shouldFocusOnMount: this.props.shouldFocusOnMount
+        shouldFocusOnMount: this.props.shouldFocusOnMount,
+        shouldDisableCopy: this.props.isQuizContentLocked,
+        shouldRenderEdit: !this.props.isQuizContentLocked,
+        shouldRenderDelete: !this.props.isQuizContentLocked
       })), /*#__PURE__*/React.createElement("div", {
         role: "presentation",
-        onClick: this.switchOnEditing,
+        onClick: this.props.isQuizContentLocked ? null : this.switchOnEditing,
         className: styles.stimulusContent
       }, /*#__PURE__*/React.createElement(StimulusShowInfo, {
         stimulus: this.props.stimulus
@@ -101,6 +105,7 @@ export var StimulusShow = (_dec = themeable(theme, styles), _dec(_class = (_temp
   connectDragSource: PropTypes.func.isRequired,
   displayPosition: PropTypes.number.isRequired,
   isBankedContent: PropTypes.bool,
+  isQuizContentLocked: PropTypes.bool.isRequired,
   openDeleteStimulusModal: PropTypes.func.isRequired,
   quizEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   quizEntry: ImmutablePropTypes.record.isRequired,
@@ -111,6 +116,7 @@ export var StimulusShow = (_dec = themeable(theme, styles), _dec(_class = (_temp
   shouldFocusOnMount: PropTypes.bool.isRequired
 }, _class2.defaultProps = {
   isBankedContent: false,
+  isQuizContentLocked: false,
   scrollKey: '',
   shouldDisableDragHandle: false,
   shouldFocusOnMount: false

package/es/common/kinesis/config.js

@@ -1,4 +1,4 @@
-import { EVENT_RESPONSE, QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT } from "./eventTypes.js";
+import { EVENT_RESPONSE, QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT } from "./eventTypes.js";
 export var assembleKinesisConfig = function assembleKinesisConfig(apiConfig) {
   return Object.assign({
     apiVersion: '2013-12-02'
@@ -19,7 +19,8 @@ export var eventStreamConfig = function eventStreamConfig(defaultStreamConfig, s
     eventTypes: {
       RESPONSE: EVENT_RESPONSE,
       SESSION_STARTED_OR_RESUMED_EVENT: SESSION_STARTED_OR_RESUMED_EVENT,
-      QUIZ_SUBMISSION_EVENT: QUIZ_SUBMISSION_EVENT
+      QUIZ_SUBMISSION_EVENT: QUIZ_SUBMISSION_EVENT,
+      RCE_EVENT: RCE_EVENT
     },
     stream: stream
   });

package/es/common/kinesis/eventTypes.js

@@ -34,4 +34,5 @@ export var RESPONSE = eventType(function (data) {
 });
 export var EVENT_RESPONSE = eventType();
 export var SESSION_STARTED_OR_RESUMED_EVENT = eventType();
-export var QUIZ_SUBMISSION_EVENT = eventType();
+export var QUIZ_SUBMISSION_EVENT = eventType();
+export var RCE_EVENT = eventType();

package/es/common/reducers/rce.js

@@ -0,0 +1,19 @@
+import { Map } from 'immutable';
+import { SET_RCE_ERROR } from '@instructure/quiz-common';
+
+var setRceError = function setRceError(state, payload) {
+  return state.set('rceError', payload);
+};
+
+export default (function () {
+  var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Map();
+  var action = arguments.length > 1 ? arguments[1] : void 0;
+
+  switch (action.type) {
+    case SET_RCE_ERROR:
+      return setRceError(state, action.payload);
+
+    default:
+      return state;
+  }
+});

package/es/common/selectors/rce.js

@@ -0,0 +1,3 @@
+export var getRCEError = function getRCEError(state) {
+  return state.getIn(['rce', 'rceError'], null);
+};

package/es/common/util/RceConfigProvider.js

@@ -6,14 +6,18 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from "../../common/react-redux.js";
 import store from "../../reduxStore.js";
+import { setRCEError } from "../actions/rce.js";
 import isNewRCEEnabled from "./rceChecker.js";
 import { QuizzesSpinner as Spinner } from "../components/shared/spinner/Spinner.js";
 import { RceConfigContext, RceConfigKeys } from '@instructure/quiz-common';
 import { addError } from "../actions/alerts.js";
+import t from '@instructure/quiz-i18n/es/format-message';
+import { extractTextFromHtml } from '@instructure/quiz-interactions';
+import { isDuringQuizTake } from "./windowChecks.js";
 
 var _ref4 = /*#__PURE__*/React.createElement(Spinner, null);
 
-var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
+export var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
   var _useState = useState(props.rcsJwt),
       _useState2 = _slicedToArray(_useState, 2),
       jwt = _useState2[0],
@@ -34,10 +38,10 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
   };
 
   var refreshToken = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(setTokenFn) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(setTokenFn, questionStem) {
       var _response$json;
 
-      var response, refreshedToken;
+      var response, refreshedToken, normalizedStem, extractedText;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -59,18 +63,23 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
               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 = 10;
+                _context.next = 13;
                 break;
               }
 
               handleErrorFunc('Unable to refresh RCS token');
+              normalizedStem = questionStem !== null && questionStem !== void 0 ? questionStem : 'Unknown stem';
+              extractedText = extractTextFromHtml(normalizedStem);
+              setErrorIfDuringTaking(t('Error while answering "{stem}": Full functionality of the Rich Content Editor may not have been available to the user.', {
+                stem: extractedText
+              }));
               return _context.abrupt("return");
 
-            case 10:
+            case 13:
               setJwt(refreshedToken);
               setTokenFn(refreshedToken);
 
-            case 12:
+            case 15:
             case "end":
               return _context.stop();
           }
@@ -78,7 +87,7 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
       }, _callee);
     }));
 
-    return function refreshToken(_x) {
+    return function refreshToken(_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }();
@@ -92,20 +101,28 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
 
     return {
       rcs: hasAllPropsForRcs() && canvasConfig ? (_ref2 = {}, _defineProperty(_ref2, RceConfigKeys.useNewRce, props.useNewRce), _defineProperty(_ref2, RceConfigKeys.canvasUserId, props.canvasUserId), _defineProperty(_ref2, RceConfigKeys.contextId, props.contextId), _defineProperty(_ref2, RceConfigKeys.contextType, props.contextType), _defineProperty(_ref2, RceConfigKeys.rcsHost, props.rcsHost), _defineProperty(_ref2, RceConfigKeys.rcsJwt, jwt), _defineProperty(_ref2, RceConfigKeys.rcsJwtRefreshFn, refreshToken), _defineProperty(_ref2, RceConfigKeys.canvasConfig, canvasConfig), _ref2) : null,
-      rendererEnhancement: (_rendererEnhancement = {}, _defineProperty(_rendererEnhancement, RceConfigKeys.handleError, handleErrorFunc), _defineProperty(_rendererEnhancement, RceConfigKeys.documentServiceHost, props.documentServiceHost), _rendererEnhancement)
+      rendererEnhancement: (_rendererEnhancement = {}, _defineProperty(_rendererEnhancement, RceConfigKeys.handleError, handleErrorFunc), _defineProperty(_rendererEnhancement, RceConfigKeys.canvasOrigin, props.canvasOrigin), _rendererEnhancement)
     };
   };
 
+  var setErrorIfDuringTaking = function setErrorIfDuringTaking(errorMessage) {
+    if (!isDuringQuizTake()) {
+      return;
+    }
+
+    props.setRCEError(errorMessage);
+  };
+
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var endpoint, response, json;
+      var host, base, url, response, json;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               _context2.prev = 0;
 
-              if (!(!props.useNewRce || !hasAllPropsForRcs())) {
+              if (props.useNewRce) {
                 _context2.next = 3;
                 break;
               }
@@ -113,41 +130,56 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
               return _context2.abrupt("return");
 
             case 3:
-              endpoint = "".concat(props.rcsHost, "/api/rceConfig?contextType=").concat(props.contextType, "&contextId=").concat(props.contextId);
-              _context2.next = 6;
-              return fetch(endpoint, {
+              if (hasAllPropsForRcs()) {
+                _context2.next = 6;
+                break;
+              }
+
+              setErrorIfDuringTaking(t('Error: Full functionality of the Rich Content Editor may not have been available to the user.'));
+              return _context2.abrupt("return");
+
+            case 6:
+              host = props.rcsHost;
+              base = host.match(/^https?:\/\//) ? host : "".concat(window.location.protocol, "//").concat(host);
+              url = new URL('/api/rceConfig', base);
+              url.searchParams.append('contextType', props.contextType);
+              url.searchParams.append('contextId', props.contextId);
+              _context2.next = 13;
+              return fetch(url.href, {
                 headers: {
                   'Authorization': "Bearer ".concat(props.rcsJwt)
                 }
               });
 
-            case 6:
+            case 13:
               response = _context2.sent;
-              _context2.next = 9;
+              _context2.next = 16;
               return response.json();
 
-            case 9:
+            case 16:
               json = _context2.sent;
               setCanvasConfig(json);
-              _context2.next = 16;
+              setErrorIfDuringTaking(null);
+              _context2.next = 25;
               break;
 
-            case 13:
-              _context2.prev = 13;
+            case 21:
+              _context2.prev = 21;
               _context2.t0 = _context2["catch"](0);
               setCanvasConfig(null);
+              setErrorIfDuringTaking(t('Error: Full functionality of the Rich Content Editor including accessibility features may not have been available to the user.'));
 
-            case 16:
-              _context2.prev = 16;
+            case 25:
+              _context2.prev = 25;
               setCanvasConfigLoading(false);
-              return _context2.finish(16);
+              return _context2.finish(25);
 
-            case 19:
+            case 28:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[0, 13, 16, 19]]);
+      }, _callee2, null, [[0, 21, 25, 28]]);
     }))();
   }, [props.useNewRce]);
   if (!props.useNewRce) return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
@@ -155,17 +187,17 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
     value: getConfig()
   }, props.children);
 };
-
 RceConfigProviderComponent.propTypes = {
   children: PropTypes.node.isRequired,
   useNewRce: PropTypes.bool.isRequired,
+  setRCEError: PropTypes.func.isRequired,
   contextId: PropTypes.string,
   contextType: PropTypes.string,
   canvasUserId: PropTypes.string,
   rcsHost: PropTypes.string,
   rcsJwt: PropTypes.string,
   rcsJwtRefreshFn: PropTypes.func,
-  documentServiceHost: PropTypes.string
+  canvasOrigin: PropTypes.string
 };
 RceConfigProviderComponent.defaultProps = {
   contextId: null,
@@ -174,7 +206,7 @@ RceConfigProviderComponent.defaultProps = {
   rcsHost: null,
   rcsJwt: null,
   rcsJwtRefreshFn: null,
-  documentServiceHost: null
+  canvasOrigin: null
 };
 
 var mapStateToProps = function mapStateToProps() {
@@ -183,5 +215,8 @@ var mapStateToProps = function mapStateToProps() {
   };
 };
 
-var RceConfigProvider = connect(mapStateToProps)(RceConfigProviderComponent);
+var mapDispatchToProps = {
+  setRCEError: setRCEError
+};
+var RceConfigProvider = connect(mapStateToProps, mapDispatchToProps)(RceConfigProviderComponent);
 export { RceConfigProvider };

package/es/common/util/serializeEvent.js

@@ -1,7 +1,7 @@
-import { QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT } from '@instructure/quiz-common';
+import { QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT } from '@instructure/quiz-common';
 import { getBrowserSessionId } from "../selectors/taking.js";
 import { getActiveQuizSession } from "../selectors/quizSessions.js";
-var whitelist = [QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT];
+var whitelist = [QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT];
 export function serializeEvent(action, store) {
   var type = action.type;
 

package/es/common/util/windowChecks.js

@@ -11,4 +11,10 @@ export var onTablet = function onTablet() {
   var windowObj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window;
   var mediaQueryString = media['tablet-break-point'];
   return !onPhone(windowObj) && windowObj.matchMedia(mediaQueryString).matches;
+};
+export var isDuringQuizTake = function isDuringQuizTake() {
+  var windowObj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window;
+  var locationPath = windowObj.location.pathname;
+  var patternOfQuizTakingPath = /taking\/\d+\/take/;
+  return !!locationPath.match(patternOfQuizTakingPath);
 };

package/es/configureStore.js

@@ -44,6 +44,7 @@ import ui from "./common/reducers/ui.js";
 import upload from "./common/reducers/upload.js";
 import qtiImports from "./common/reducers/qtiImports.js";
 import printing from "./common/reducers/printing.js";
+import rce from "./common/reducers/rce.js";
 import dragAndDrop from "./common/reducers/dragAndDrop.js";
 import sharedBanks from "./common/reducers/sharedBanks.js";
 export function configureStore(_ref) {
@@ -110,7 +111,8 @@ export function configureStore(_ref) {
     tagAssociations: tagAssociations,
     taking: taking,
     ui: ui,
-    upload: upload
+    upload: upload,
+    rce: rce
   });
   return createStoreWithMiddlewareApplied(rootReducer, initialState);
 }

package/es/index.js

@@ -113,6 +113,7 @@ export { showError, hideError, clearErrorsShowing } from "./common/actions/error
 export { changeItemState, changeQuizEntryPoints, changeQuizEntryProperties, clearModifications, moveTemporaryQuizEntry, changeQuizOutcomeAlignmentSetGuid, changeFudgePoints, sessionItemResultsModification } from "./common/actions/modifications.js";
 export { previousQuestion, editResponse, previewResponse, setCurrentSessionItemPosition, clearFocusCurrentSessionItem } from "./common/actions/taking.js";
 export { scrollToItem } from "./common/actions/scrolling.js";
+export { reportRCEEvent } from "./common/actions/rce.js";
 export { toggleSidebar } from "./common/actions/sidebar.js";
 export { newHoverPosition } from "./common/actions/dragAndDrop.js";
 export { set, setActiveCalculatorId } from "./common/actions/ui.js";
@@ -129,6 +130,7 @@ export { getItemById } from "./common/selectors/items.js";
 export { fileUploading } from "./common/selectors/calls.js";
 export { isTimeUp, getTimerData, getResponseDataByPosition } from "./common/selectors/taking.js";
 export { getActiveCalculatorId } from "./common/selectors/ui.js";
+export { getRCEError } from "./common/selectors/rce.js";
 export { getQuizSessionById, getActiveQuizSession, getBacktrackingIsAllowed, isOneQuestionAtATime } from "./common/selectors/quizSessions.js";
 export { getGradingSessionItems } from "./common/selectors/sessionItems.js";
 export { getGradingSessionItemResults } from "./common/selectors/sessionItemResults.js"; // Records