@instructure/quiz-core 17.41.1-rc.2 → 17.41.1-rc.21

package/es/moderating/components/events/RCEEvent.js

@@ -0,0 +1,34 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { Text } from '@instructure/ui-text';
+export var RCEEvent = /*#__PURE__*/function (_Component) {
+  _inherits(RCEEvent, _Component);
+
+  var _super = _createSuper(RCEEvent);
+
+  function RCEEvent() {
+    _classCallCheck(this, RCEEvent);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(RCEEvent, [{
+    key: "render",
+    value: function render() {
+      var event = this.props.event;
+      var message = event.getIn(['eventData', 'message']);
+      return /*#__PURE__*/React.createElement(Text, null, message);
+    }
+  }]);
+
+  RCEEvent.displayName = "RCEEvent";
+  return RCEEvent;
+}(Component);
+RCEEvent.propTypes = {
+  event: ImmutablePropTypes.record.isRequired
+};
+export default RCEEvent;

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

@@ -149,7 +149,7 @@ var ActionButtons = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
         quizEntry: this.props.quizEntry,
         quizEntries: this.props.quizEntries,
         disabled: this.props.shouldDisableDragHandle
-      }))), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      }))), this.props.shouldRenderDelete && /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         as: "div",
         onClick: this.props.onDelete,
         disabled: this.props.shouldDisableDeleteButton,
@@ -176,6 +176,7 @@ var ActionButtons = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   shouldDisableDragHandle: _propTypes.default.bool,
   shouldDisableDeleteButton: _propTypes.default.bool,
   shouldRenderEdit: _propTypes.default.bool,
+  shouldRenderDelete: _propTypes.default.bool,
   switchOnEditing: _propTypes.default.func,
   shouldFocusOnMount: _propTypes.default.bool
 }, _class2.defaultProps = {

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

@@ -218,7 +218,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
         clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
         haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length),
         useNewRce: (0, _rceChecker.isNewRCEEnabled)()
-      }, (0, _pick.default)(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
+      }, (0, _pick.default)(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'isContentLockedByBlueprint', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
     }
   }, {
     key: "isEditing",
@@ -304,6 +304,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
         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
@@ -399,6 +400,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   quizEntry: _reactImmutableProptypes.default.record.isRequired,
   quizId: _propTypes.default.string.isRequired,
+  isContentLockedByBlueprint: _propTypes.default.bool.isRequired,
   regradingOn: _propTypes.default.bool.isRequired,
   screenreaderNotification: _propTypes.default.func.isRequired,
   scrollKey: _propTypes.default.string,
@@ -425,6 +427,7 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   draggingOnBuild: false,
   draggingOver: false,
   initialFocusId: null,
+  isContentLockedByBlueprint: false,
   isEditing: false,
   partialDeepScoringEnabled: false,
   partialScoringEnabled: false,

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

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

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

@@ -296,7 +296,9 @@ var QuizEntryShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
           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 = (0, _formatMessage.default)('Preview of question at position {position}', {
         position: positionToDisplay
@@ -305,13 +307,15 @@ var QuizEntryShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
       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.default.createElement(_Overlay.default, {
         onClick: this.editingOn,
         wrapperClassName: styles.quizEntryWrapper,
-        tabIndex: "-1"
+        tabIndex: "-1",
+        hideOverlay: shouldLockQuizEntry
       }, /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({}, propsForDnDZone, {
         location: "above"
       })), connectDragPreview( /*#__PURE__*/_react.default.createElement("div", {
@@ -336,7 +340,10 @@ var QuizEntryShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
         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.default.createElement(_uiA11yContent.ScreenReaderContent, null, srMsg)), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.itemHolder,
         ref: this.setInert,
@@ -363,10 +370,12 @@ var QuizEntryShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   // only used in index.js
   interactionTypeName: _propTypes.default.string,
   modificationsClear: _propTypes.default.bool.isRequired,
+  lockBlueprintContentEnabled: _propTypes.default.bool.isRequired,
   quizEntryWithErrorsShowing: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
   quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   quizEntry: _reactImmutableProptypes.default.record.isRequired,
   quizId: _propTypes.default.string.isRequired,
+  isContentLockedByBlueprint: _propTypes.default.bool.isRequired,
   removeQuizEntry: _propTypes.default.func.isRequired,
   // from connected component
   richFITBEnabled: _propTypes.default.bool,
@@ -383,11 +392,13 @@ var QuizEntryShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   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/lib/common/actions/rce.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reportRCEEvent = exports.setRCEError = void 0;
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var setRCEError = function setRCEError(rceError) {
+  return {
+    type: _quizCommon.SET_RCE_ERROR,
+    payload: rceError
+  };
+}; // This is not consumed by its reducer
+// Instead it is processed by the eventLoggerMiddleware
+
+
+exports.setRCEError = setRCEError;
+
+var reportRCEEvent = function reportRCEEvent(eventMessage) {
+  return {
+    type: _quizCommon.RCE_EVENT,
+    payload: {
+      message: eventMessage
+    }
+  };
+};
+
+exports.reportRCEEvent = reportRCEEvent;

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

@@ -188,11 +188,11 @@ var SDKApp = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_
   rceConfig: _propTypes.default.shape({
     contextId: _propTypes.default.string.isRequired,
     contextType: _propTypes.default.string.isRequired,
+    canvasOrigin: _propTypes.default.string.isRequired,
     canvasUserId: _propTypes.default.string.isRequired,
     rcsHost: _propTypes.default.string.isRequired,
     rcsJwt: _propTypes.default.string.isRequired,
-    rcsJwtRefreshFn: _propTypes.default.func.isRequired,
-    documentServiceHost: _propTypes.default.string.isRequired
+    rcsJwtRefreshFn: _propTypes.default.func.isRequired
   }),
   timeZone: _propTypes.default.string,
   translations: _propTypes.default.objectOf(_propTypes.default.shape({

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

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

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

@@ -106,6 +106,14 @@ var Stimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec
           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() {
@@ -120,7 +128,7 @@ var Stimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec
           key: childEntry.id
         }, /*#__PURE__*/_react.default.createElement(_index5.default, Object.assign({}, _this2.props.propsForQuizEntry(childEntry, displayPosition), {
           stimulusOrientation: _this2.props.stimulusOrientationEnabled ? _this2.props.stimulus.orientation : null
-        })), !_this2.props.draggingOnBuild && /*#__PURE__*/_react.default.createElement(_index.default, {
+        })), !_this2.props.draggingOnBuild && !_this2.isQuizContentLocked() && /*#__PURE__*/_react.default.createElement(_index.default, {
           allowStimulusCreation: false,
           stimulusId: _this2.props.stimulus.id,
           parentEntryId: _this2.props.quizEntry.id,
@@ -154,7 +162,8 @@ var Stimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec
         switchOnEditing: this.props.switchOnEditing,
         switchOffEditing: this.props.switchOffEditing,
         onEditToggle: this.props.onEditStimulusToggle,
-        shouldFocusOnMount: this.props.editStimulusToggle
+        shouldFocusOnMount: this.props.editStimulusToggle,
+        isQuizContentLocked: this.isQuizContentLocked()
       })));
     }
   }, {
@@ -162,9 +171,9 @@ var Stimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec
     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 === _quizCommon.LEFT || !stimulusOrientationEnabled;
       var stimulusPanelClass = (0, _classnames4.default)(styles.leftPanel, (0, _defineProperty2.default)({}, styles.horizontallyAligned, shouldSetHorizontalOrientation));
       var itemsPanelClass = (0, _classnames4.default)((_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, styles.horizontallyAligned, shouldSetHorizontalOrientation), (0, _defineProperty2.default)(_classnames2, styles.hidden, stimulus.isTemporary()), (0, _defineProperty2.default)(_classnames2, styles.rightPanel, !stimulus.isTemporary()), _classnames2));
@@ -178,7 +187,7 @@ var Stimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec
         className: itemsPanelClass
       }, /*#__PURE__*/_react.default.createElement("div", null), this.renderChildQuizEntries(), /*#__PURE__*/_react.default.createElement(_index4.default, Object.assign({}, propsForDnDZone, {
         location: "in"
-      })), this.props.childEntries.size === 0 && /*#__PURE__*/_react.default.createElement(_index.default, {
+      })), this.props.childEntries.size === 0 && !this.isQuizContentLocked() && /*#__PURE__*/_react.default.createElement(_index.default, {
         allowStimulusCreation: false,
         stimulusId: this.props.stimulus.id,
         parentEntryId: this.props.quizEntry.id,
@@ -219,8 +228,10 @@ var Stimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec
   dropIntoEmptyStimulus: _propTypes.default.bool,
   displayPosition: _propTypes.default.number.isRequired,
   isBankedContent: _propTypes.default.bool,
+  isContentLockedByBlueprint: _propTypes.default.bool.isRequired,
   isEditing: _propTypes.default.bool,
   guid: _propTypes.default.string.isRequired,
+  lockBlueprintContentEnabled: _propTypes.default.bool.isRequired,
   openDeleteStimulusModal: _propTypes.default.func.isRequired,
   propsForQuizEntry: _propTypes.default.func.isRequired,
   quizEntry: _reactImmutableProptypes.default.record.isRequired,
@@ -245,8 +256,10 @@ var Stimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec
   dropIntoEmptyStimulus: false,
   isBankedContent: false,
   isEditing: false,
+  lockBlueprintContentEnabled: false,
   onEditStimulusToggle: function onEditStimulusToggle() {},
-  scrollKey: ''
+  scrollKey: '',
+  isContentLockedByBlueprint: false
 }, _temp)) || _class);
 exports.Stimulus = Stimulus;
 

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

@@ -89,7 +89,8 @@ var StimulusShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
       return /*#__PURE__*/_react.default.createElement(_Overlay.default, {
         onClick: this.switchOnEditing,
         wrapperClassName: styles.stimulusWrapper,
-        tabIndex: "-1"
+        tabIndex: "-1",
+        hideOverlay: this.props.isQuizContentLocked
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: styles.stimulus
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -107,10 +108,13 @@ var StimulusShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
         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.default.createElement("div", {
         role: "presentation",
-        onClick: this.switchOnEditing,
+        onClick: this.props.isQuizContentLocked ? null : this.switchOnEditing,
         className: styles.stimulusContent
       }, /*#__PURE__*/_react.default.createElement(_index.default, {
         stimulus: this.props.stimulus
@@ -123,6 +127,7 @@ var StimulusShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   connectDragSource: _propTypes.default.func.isRequired,
   displayPosition: _propTypes.default.number.isRequired,
   isBankedContent: _propTypes.default.bool,
+  isQuizContentLocked: _propTypes.default.bool.isRequired,
   openDeleteStimulusModal: _propTypes.default.func.isRequired,
   quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   quizEntry: _reactImmutableProptypes.default.record.isRequired,
@@ -133,6 +138,7 @@ var StimulusShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   shouldFocusOnMount: _propTypes.default.bool.isRequired
 }, _class2.defaultProps = {
   isBankedContent: false,
+  isQuizContentLocked: false,
   scrollKey: '',
   shouldDisableDragHandle: false,
   shouldFocusOnMount: false

package/lib/common/kinesis/config.js

@@ -33,7 +33,8 @@ var eventStreamConfig = function eventStreamConfig(defaultStreamConfig, stream)
     eventTypes: {
       RESPONSE: _eventTypes.EVENT_RESPONSE,
       SESSION_STARTED_OR_RESUMED_EVENT: _eventTypes.SESSION_STARTED_OR_RESUMED_EVENT,
-      QUIZ_SUBMISSION_EVENT: _eventTypes.QUIZ_SUBMISSION_EVENT
+      QUIZ_SUBMISSION_EVENT: _eventTypes.QUIZ_SUBMISSION_EVENT,
+      RCE_EVENT: _eventTypes.RCE_EVENT
     },
     stream: stream
   });

package/lib/common/kinesis/eventTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.QUIZ_SUBMISSION_EVENT = exports.SESSION_STARTED_OR_RESUMED_EVENT = exports.EVENT_RESPONSE = exports.RESPONSE = void 0;
+exports.RCE_EVENT = exports.QUIZ_SUBMISSION_EVENT = exports.SESSION_STARTED_OR_RESUMED_EVENT = exports.EVENT_RESPONSE = exports.RESPONSE = void 0;
 
 var _humps = require("humps");
 
@@ -45,4 +45,6 @@ exports.EVENT_RESPONSE = EVENT_RESPONSE;
 var SESSION_STARTED_OR_RESUMED_EVENT = eventType();
 exports.SESSION_STARTED_OR_RESUMED_EVENT = SESSION_STARTED_OR_RESUMED_EVENT;
 var QUIZ_SUBMISSION_EVENT = eventType();
-exports.QUIZ_SUBMISSION_EVENT = QUIZ_SUBMISSION_EVENT;
+exports.QUIZ_SUBMISSION_EVENT = QUIZ_SUBMISSION_EVENT;
+var RCE_EVENT = eventType();
+exports.RCE_EVENT = RCE_EVENT;

package/lib/common/reducers/rce.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _immutable = require("immutable");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var setRceError = function setRceError(state, payload) {
+  return state.set('rceError', payload);
+};
+
+var _default = function _default() {
+  var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : (0, _immutable.Map)();
+  var action = arguments.length > 1 ? arguments[1] : void 0;
+
+  switch (action.type) {
+    case _quizCommon.SET_RCE_ERROR:
+      return setRceError(state, action.payload);
+
+    default:
+      return state;
+  }
+};
+
+exports.default = _default;

package/lib/common/selectors/rce.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRCEError = void 0;
+
+var getRCEError = function getRCEError(state) {
+  return state.getIn(['rce', 'rceError'], null);
+};
+
+exports.getRCEError = getRCEError;

package/lib/common/util/RceConfigProvider.js

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RceConfigProvider = void 0;
+exports.RceConfigProvider = exports.RceConfigProviderComponent = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -25,6 +25,8 @@ var _reactRedux = require("../../common/react-redux.js");
 
 var _reduxStore = _interopRequireDefault(require("../../reduxStore.js"));
 
+var _rce = require("../actions/rce.js");
+
 var _rceChecker = _interopRequireDefault(require("./rceChecker.js"));
 
 var _Spinner = require("../components/shared/spinner/Spinner.js");
@@ -33,6 +35,12 @@ var _quizCommon = require("@instructure/quiz-common");
 
 var _alerts = require("../actions/alerts.js");
 
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _quizInteractions = require("@instructure/quiz-interactions");
+
+var _windowChecks = require("./windowChecks.js");
+
 var _ref4 = /*#__PURE__*/_react.default.createElement(_Spinner.QuizzesSpinner, null);
 
 var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
@@ -59,7 +67,7 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(setTokenFn) {
       var _response$json;
 
-      var response, refreshedToken;
+      var response, refreshedToken, stemPlaceholder, extractedText;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -81,18 +89,24 @@ 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');
+              handleErrorFunc('Unable to refresh RCS token'); // TODO: provide question context for this function so it can actually get the question stem / instruction text
+
+              stemPlaceholder = 'Example question stem text';
+              extractedText = (0, _quizInteractions.extractTextFromHtml)(stemPlaceholder);
+              setErrorIfDuringTaking((0, _formatMessage.default)('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();
           }
@@ -114,20 +128,28 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
 
     return {
       rcs: hasAllPropsForRcs() && canvasConfig ? (_ref2 = {}, (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.useNewRce, props.useNewRce), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.canvasUserId, props.canvasUserId), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.contextId, props.contextId), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.contextType, props.contextType), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.rcsHost, props.rcsHost), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.rcsJwt, jwt), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.rcsJwtRefreshFn, refreshToken), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.canvasConfig, canvasConfig), _ref2) : null,
-      rendererEnhancement: (_rendererEnhancement = {}, (0, _defineProperty2.default)(_rendererEnhancement, _quizCommon.RceConfigKeys.handleError, handleErrorFunc), (0, _defineProperty2.default)(_rendererEnhancement, _quizCommon.RceConfigKeys.documentServiceHost, props.documentServiceHost), _rendererEnhancement)
+      rendererEnhancement: (_rendererEnhancement = {}, (0, _defineProperty2.default)(_rendererEnhancement, _quizCommon.RceConfigKeys.handleError, handleErrorFunc), (0, _defineProperty2.default)(_rendererEnhancement, _quizCommon.RceConfigKeys.canvasOrigin, props.canvasOrigin), _rendererEnhancement)
     };
   };
 
+  var setErrorIfDuringTaking = function setErrorIfDuringTaking(errorMessage) {
+    if (!(0, _windowChecks.isDuringQuizTake)()) {
+      return;
+    }
+
+    props.setRCEError(errorMessage);
+  };
+
   (0, _react.useEffect)(function () {
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var endpoint, response, json;
+      var host, base, url, response, json;
       return _regenerator.default.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;
               }
@@ -135,41 +157,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((0, _formatMessage.default)('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((0, _formatMessage.default)('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.default.createElement(_react.default.Fragment, null, props.children);
@@ -178,16 +215,18 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
   }, props.children);
 };
 
+exports.RceConfigProviderComponent = RceConfigProviderComponent;
 RceConfigProviderComponent.propTypes = {
   children: _propTypes.default.node.isRequired,
   useNewRce: _propTypes.default.bool.isRequired,
+  setRCEError: _propTypes.default.func.isRequired,
   contextId: _propTypes.default.string,
   contextType: _propTypes.default.string,
   canvasUserId: _propTypes.default.string,
   rcsHost: _propTypes.default.string,
   rcsJwt: _propTypes.default.string,
   rcsJwtRefreshFn: _propTypes.default.func,
-  documentServiceHost: _propTypes.default.string
+  canvasOrigin: _propTypes.default.string
 };
 RceConfigProviderComponent.defaultProps = {
   contextId: null,
@@ -196,7 +235,7 @@ RceConfigProviderComponent.defaultProps = {
   rcsHost: null,
   rcsJwt: null,
   rcsJwtRefreshFn: null,
-  documentServiceHost: null
+  canvasOrigin: null
 };
 
 var mapStateToProps = function mapStateToProps() {
@@ -205,5 +244,8 @@ var mapStateToProps = function mapStateToProps() {
   };
 };
 
-var RceConfigProvider = (0, _reactRedux.connect)(mapStateToProps)(RceConfigProviderComponent);
+var mapDispatchToProps = {
+  setRCEError: _rce.setRCEError
+};
+var RceConfigProvider = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(RceConfigProviderComponent);
 exports.RceConfigProvider = RceConfigProvider;

package/lib/common/util/serializeEvent.js

@@ -12,7 +12,7 @@ var _taking = require("../selectors/taking.js");
 
 var _quizSessions = require("../selectors/quizSessions.js");
 
-var whitelist = [_quizCommon.QUIZ_SUBMISSION_EVENT, _quizCommon.RESPONSE, _quizCommon.SESSION_STARTED_OR_RESUMED_EVENT];
+var whitelist = [_quizCommon.QUIZ_SUBMISSION_EVENT, _quizCommon.RESPONSE, _quizCommon.SESSION_STARTED_OR_RESUMED_EVENT, _quizCommon.RCE_EVENT];
 
 function serializeEvent(action, store) {
   var type = action.type;

package/lib/common/util/windowChecks.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.onTablet = exports.onPhone = exports.media = void 0;
+exports.isDuringQuizTake = exports.onTablet = exports.onPhone = exports.media = void 0;
 var media = {
   'phone-break-point': 'only screen and (max-width: 48rem)',
   'tablet-break-point': 'only screen and (max-width: 64rem)'
@@ -24,4 +24,13 @@ var onTablet = function onTablet() {
   return !onPhone(windowObj) && windowObj.matchMedia(mediaQueryString).matches;
 };
 
-exports.onTablet = onTablet;
+exports.onTablet = onTablet;
+
+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);
+};
+
+exports.isDuringQuizTake = isDuringQuizTake;