@instructure/quiz-core 22.8.0 → 22.10.0

package/es/common/util/ThunkQueue.js

@@ -2,9 +2,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /*
  * A queue for redux thunks (see https://github.com/reduxjs/redux-thunk).
  *

package/es/common/util/interactionTypePropsHelper.js

@@ -66,6 +66,7 @@ export var propsForInteractionEdit = function propsForInteractionEdit(props, add
   };
 };
 export var propsForInteractionShow = function propsForInteractionShow(item) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return {
     itemId: item.id,
     interactionData: item.interactionData,
@@ -75,6 +76,7 @@ export var propsForInteractionShow = function propsForInteractionShow(item) {
     itemBody: item.itemBody || '',
     properties: item.properties,
     notifyScreenreader: true,
-    scoringData: item.scoringData
+    scoringData: item.scoringData,
+    separatorConfig: props.separatorConfig
   };
 };

package/es/common/util/jsonify.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/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) { _defineProperty(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) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 // used for testing fetch calls that expect a
 // promise returned by jsonify
 

package/es/common/util/serializeEvent.js

@@ -1,20 +1,27 @@
 import { QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT, PAGE_BLURRED_EVENT, PAGE_FOCUSED_EVENT } from '@instructure/quiz-common';
 import { getBrowserSessionId, getIpAddress } from '../selectors/taking';
 import { getActiveQuizSession } from '../selectors/quizSessions';
+import { LocalStoreService } from './localStoreService';
+import { featureOn } from './featureCheck';
 var whitelist = [QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT, PAGE_BLURRED_EVENT, PAGE_FOCUSED_EVENT];
 export function serializeEvent(action, store) {
   var type = action.type;
   if (!whitelist.includes(type)) {
     return false;
   }
+  var localStore = new LocalStoreService();
   var state = store.getState();
   var quizSession = getActiveQuizSession(state);
   var defaultEventData = {
     userAgent: navigator.userAgent,
     browserSessionId: getBrowserSessionId(state),
     clientTimestamp: new Date(),
-    ipAddress: getIpAddress(state)
+    ipAddress: getIpAddress(state),
+    multipleSessionAttempt: false
   };
+  if (featureOn('detect_multiple_sessions')) {
+    defaultEventData.sessionLock = localStore.get('sessionLock') || null;
+  }
   var authoritativeData = {
     accountUuid: quizSession.accountUuid,
     eventCreationToken: quizSession.eventCreationToken,

package/es/common/util/withDynamoPagination.js

@@ -6,29 +6,41 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 export function withDynamoPagination(Fetcher) {
   return /*#__PURE__*/function (_Fetcher) {
     function _class() {
-      var _this;
+      var _this2;
       _classCallCheck(this, _class);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _callSuper(this, _class, [].concat(args));
+      _this2 = _callSuper(this, _class, [].concat(args));
       // just pass thru the entire fetch Response object
-      _this.asyncResponseHandler = function (response) {
+      _this2.asyncResponseHandler = function (response) {
         return response;
       };
-      return _this;
+      return _this2;
     }
     _inherits(_class, _Fetcher);
     return _createClass(_class, [{
       key: "paginatedGet",
       value: function () {
         var _paginatedGet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
-          var _this2 = this;
+          var _this3 = this;
           var _ref,
             actionCreator,
             lastEvaluatedHashKey,
@@ -57,7 +69,7 @@ export function withDynamoPagination(Fetcher) {
                 // we handle the json parsing and dispatching asynchronously so that
                 // we can keep making network requests until pagination is exhausted
                 ancillary.push(actionCreator ? response.json().then(function (json) {
-                  return _this2.dispatch(actionCreator(json));
+                  return _this3.dispatch(actionCreator(json));
                 }) : response.json());
                 lastEvaluatedHashKey = response.headers.get('X-Last-Evaluated-Hash-Key');
                 lastEvaluatedRangeKey = response.headers.get('X-Last-Evaluated-Range-Key');

package/es/messages/StorageExhaustionError.js

@@ -4,15 +4,27 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 var StorageExhaustionError = /*#__PURE__*/function (_Error) {
   function StorageExhaustionError(message) {
-    var _this;
+    var _this2;
     _classCallCheck(this, StorageExhaustionError);
-    _this = _callSuper(this, StorageExhaustionError, [message]);
-    _this.code = 'storage_exhaustion';
-    return _this;
+    _this2 = _callSuper(this, StorageExhaustionError, [message]);
+    _this2.code = 'storage_exhaustion';
+    return _this2;
   }
   _inherits(StorageExhaustionError, _Error);
   return _createClass(StorageExhaustionError);

package/es/messages/postMessageService.js

@@ -1,8 +1,8 @@
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/esm/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) { _defineProperty(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) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 import handleFrameResize from './subjectHandlers/lti.frameResize';
 import handleCapabilities from './subjectHandlers/lti.capabilities';
 import forwardMessage from './subjectHandlers/forwardMessage';

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

@@ -5,12 +5,24 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _Event;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT, PAGE_BLURRED_EVENT, PAGE_FOCUSED_EVENT, QUIZ_SUBMISSION_EVENT } from '@instructure/quiz-common';
+import { RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT, PAGE_BLURRED_EVENT, PAGE_FOCUSED_EVENT, QUIZ_SUBMISSION_EVENT, Flex } from '@instructure/quiz-common';
 import { Table } from '@instructure/ui-table';
 import ElapsedTime from '../resources/ElapsedTime';
 import ResponseEvent from './ResponseEvent';
@@ -20,7 +32,7 @@ import RCEEvent from './RCEEvent';
 import PageBlurredEvent from './PageBlurredEvent';
 import PageFocusedEvent from './PageFocusedEvent';
 import { extractSessionData } from '../resources/util/extractSessionData';
-import { checkIsBreach } from '../resources/util/checkIsBreach';
+import { Text } from '@instructure/ui-text';
 export var Event = /*#__PURE__*/function (_Component) {
   function Event() {
     _classCallCheck(this, Event);
@@ -29,7 +41,7 @@ export var Event = /*#__PURE__*/function (_Component) {
   _inherits(Event, _Component);
   return _createClass(Event, [{
     key: "renderResponseEvent",
-    value: function renderResponseEvent(event, validationErrors, currentEventData) {
+    value: function renderResponseEvent(event, currentEventData) {
       var item = event.getItem();
       if (!item) {
         return null;
@@ -37,56 +49,65 @@ export var Event = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement(ResponseEvent, {
           event: event,
           item: item,
-          validationErrors: validationErrors,
           currentEventData: currentEventData
         });
       }
     }
   }, {
     key: "renderPayload",
-    value: function renderPayload(event, validationErrors, currentEventData) {
+    value: function renderPayload(event, eventData) {
       switch (event.eventType) {
         case RESPONSE:
-          return this.renderResponseEvent(event, validationErrors, currentEventData);
+          return this.renderResponseEvent(event, eventData);
         case SESSION_STARTED_OR_RESUMED_EVENT:
           return /*#__PURE__*/React.createElement(SessionStartEvent, {
-            validationErrors: validationErrors,
-            currentEventData: currentEventData
+            currentEventData: eventData
           });
         case QUIZ_SUBMISSION_EVENT:
           return /*#__PURE__*/React.createElement(SessionSubmitEvent, {
-            validationErrors: validationErrors,
-            currentEventData: currentEventData
+            currentEventData: eventData
           });
         case RCE_EVENT:
           return /*#__PURE__*/React.createElement(RCEEvent, {
-            event: event
+            event: event,
+            currentEventData: eventData
           });
         case PAGE_BLURRED_EVENT:
-          return /*#__PURE__*/React.createElement(PageBlurredEvent, null);
+          return /*#__PURE__*/React.createElement(PageBlurredEvent, {
+            currentEventData: eventData
+          });
         case PAGE_FOCUSED_EVENT:
-          return /*#__PURE__*/React.createElement(PageFocusedEvent, null);
+          return /*#__PURE__*/React.createElement(PageFocusedEvent, {
+            currentEventData: eventData
+          });
         default:
           return null;
         // unknown event
       }
     }
+  }, {
+    key: "renderEventTime",
+    value: function renderEventTime(createdDate, startTime, multipleSessionAttempt) {
+      var textColor = multipleSessionAttempt ? 'danger' : 'primary';
+      return /*#__PURE__*/React.createElement(Text, {
+        color: textColor
+      }, /*#__PURE__*/React.createElement(ElapsedTime, {
+        eventTime: createdDate,
+        startTime: startTime
+      }));
+    }
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
         event = _this$props.event,
-        startTime = _this$props.startTime,
-        firstEvent = _this$props.firstEvent;
+        startTime = _this$props.startTime;
       var currentEventData = extractSessionData(event);
-      var firstEventData = extractSessionData(firstEvent);
-      var validationErrors = checkIsBreach(firstEventData, currentEventData);
-      var payloadNode = this.renderPayload(event, validationErrors, currentEventData);
+      var payloadNode = this.renderPayload(event, currentEventData);
       if (!payloadNode) return null;
-      return /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(ElapsedTime, {
-        eventTime: event.createdDate(),
-        startTime: startTime
-      })), /*#__PURE__*/React.createElement(Table.Cell, null, payloadNode));
+      return /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Flex, {
+        direction: "column"
+      }, this.renderEventTime(event.createdDate(), startTime, currentEventData.multipleSessionAttempt))), /*#__PURE__*/React.createElement(Table.Cell, null, payloadNode));
     }
   }]);
 }(Component);
@@ -96,12 +117,10 @@ _defineProperty(Event, "displayName", 'Row');
 _defineProperty(Event, "componentId", "Quizzes".concat(_Event.displayName));
 _defineProperty(Event, "propTypes", {
   event: ImmutablePropTypes.record,
-  startTime: PropTypes.instanceOf(Date),
-  firstEvent: ImmutablePropTypes.record
+  startTime: PropTypes.instanceOf(Date)
 });
 _defineProperty(Event, "defaultProps", {
   event: void 0,
-  startTime: void 0,
-  firstEvent: void 0
+  startTime: void 0
 });
 export default Event;

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

@@ -3,11 +3,25 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
-import React, { Component } from 'react';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
+import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Text } from '@instructure/ui-text';
+import { eventDataPropType } from '../../../reporting/components/resources/common/propTypes';
+import renderSummary from '../resources/util/renderEventSummary';
 export var PageBlurredEvent = /*#__PURE__*/function (_Component) {
   function PageBlurredEvent() {
     _classCallCheck(this, PageBlurredEvent);
@@ -17,8 +31,12 @@ export var PageBlurredEvent = /*#__PURE__*/function (_Component) {
   return _createClass(PageBlurredEvent, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(Text, null, t('Stopped viewing the quiz-taking page'));
+      var currentEventData = this.props.currentEventData;
+      return renderSummary(t('Stopped viewing the quiz-taking page'), currentEventData.multipleSessionAttempt);
     }
   }]);
 }(Component);
+_defineProperty(PageBlurredEvent, "propTypes", {
+  currentEventData: eventDataPropType
+});
 export default PageBlurredEvent;

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

@@ -3,11 +3,25 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
-import React, { Component } from 'react';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
+import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Text } from '@instructure/ui-text';
+import { eventDataPropType } from '../../../reporting/components/resources/common/propTypes';
+import renderSummary from '../resources/util/renderEventSummary';
 export var PageFocusedEvent = /*#__PURE__*/function (_Component) {
   function PageFocusedEvent() {
     _classCallCheck(this, PageFocusedEvent);
@@ -17,8 +31,12 @@ export var PageFocusedEvent = /*#__PURE__*/function (_Component) {
   return _createClass(PageFocusedEvent, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(Text, null, t('Resumed'));
+      var currentEventData = this.props.currentEventData;
+      return renderSummary(t('Resumed'), currentEventData.multipleSessionAttempt);
     }
   }]);
 }(Component);
+_defineProperty(PageFocusedEvent, "propTypes", {
+  currentEventData: eventDataPropType
+});
 export default PageFocusedEvent;

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

@@ -4,11 +4,24 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
-import React, { Component } from 'react';
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
+import { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { Text } from '@instructure/ui-text';
+import { eventDataPropType } from '../../../reporting/components/resources/common/propTypes';
+import renderSummary from '../resources/util/renderEventSummary';
 export var RCEEvent = /*#__PURE__*/function (_Component) {
   function RCEEvent() {
     _classCallCheck(this, RCEEvent);
@@ -18,13 +31,16 @@ export var RCEEvent = /*#__PURE__*/function (_Component) {
   return _createClass(RCEEvent, [{
     key: "render",
     value: function render() {
-      var event = this.props.event;
+      var _this$props = this.props,
+        event = _this$props.event,
+        currentEventData = _this$props.currentEventData;
       var message = event.getIn(['eventData', 'message']);
-      return /*#__PURE__*/React.createElement(Text, null, message);
+      return renderSummary(message, currentEventData.multipleSessionAttempt);
     }
   }]);
 }(Component);
 _defineProperty(RCEEvent, "propTypes", {
-  event: ImmutablePropTypes.record.isRequired
+  event: ImmutablePropTypes.record.isRequired,
+  currentEventData: eventDataPropType
 });
 export default RCEEvent;

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ResponseEvent;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import React, { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -22,7 +34,8 @@ import { EventDetails } from '../resources/EventDetails';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
-import { sessionValidationErrorsPropType, eventDataPropType } from '../../../reporting/components/resources/common/propTypes';
+import { eventDataPropType } from '../../../reporting/components/resources/common/propTypes';
+import renderEventSummary from '../resources/util/renderEventSummary';
 var imgRegex = /<img.*?src=['"](.+)['"]/g;
 export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ResponseEvent = /*#__PURE__*/function (_Component) {
   function ResponseEvent() {
@@ -53,22 +66,21 @@ export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateCom
     }
   }, {
     key: "renderTextSummary",
-    value: function renderTextSummary() {
-      var isBreach = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    value: function renderTextSummary(multipleSessionAttempt) {
       var strippedItemBody = extractTextFromHtml(this.itemBody);
-      return jsx("span", null, this.hasMedia() && jsx(IconImageSolid, {
-        css: this.props.styles.answerMediaIcon
-      }), jsx(Text, {
-        color: isBreach ? 'danger' : 'primary'
-      }, t('Answered question {position}: {question}', {
+      var message = t('Answered question {position}: {question}', {
         position: this.props.event.getIn(['eventData', 'position']),
         question: strippedItemBody
-      })));
+      });
+      var summary = renderEventSummary(message, multipleSessionAttempt);
+      return jsx("span", null, this.hasMedia() && jsx(IconImageSolid, {
+        css: this.props.styles.answerMediaIcon
+      }), summary);
     }
   }, {
     key: "renderMedia",
     value: function renderMedia() {
-      var _this = this;
+      var _this2 = this;
       if (!this.hasMedia()) {
         return;
       }
@@ -76,13 +88,13 @@ export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateCom
       return mediaUrls.map(function (mediaUrl) {
         var s3Url = mediaUrl.match(/src=['"](.+)['"]/)[1];
         return jsx("div", {
-          css: _this.props.styles.mediaToggle,
+          css: _this2.props.styles.mediaToggle,
           key: s3Url
         }, jsx(ToggleDetails, {
           summary: t('Included Media'),
           variant: "filled"
         }, jsx("div", {
-          css: _this.props.styles.embeddedImage
+          css: _this2.props.styles.embeddedImage
         }, jsx(Img, {
           src: s3Url
         }))));
@@ -91,25 +103,21 @@ export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateCom
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        validationErrors = _this$props.validationErrors,
-        currentEventData = _this$props.currentEventData;
+      var currentEventData = this.props.currentEventData;
       var responseText = this.getReadableResponseText();
       if (responseText) {
         // If this returns falsey, then we know to just display the stem
         return jsx(ToggleDetails, {
-          summary: this.renderTextSummary(validationErrors.isBreach)
+          summary: this.renderTextSummary(currentEventData.multipleSessionAttempt)
         }, this.renderMedia(), jsx(EventDetails, {
           currentEventData: currentEventData,
-          validationErrors: validationErrors,
           answerValue: responseText
         }));
       } else {
         return jsx(Text, {
           size: "small"
-        }, this.renderTextSummary(validationErrors.isBreach), jsx(EventDetails, {
-          currentEventData: currentEventData,
-          validationErrors: validationErrors
+        }, this.renderTextSummary(currentEventData.multipleSessionAttempt), jsx(EventDetails, {
+          currentEventData: currentEventData
         }), this.renderMedia());
       }
     }
@@ -118,7 +126,6 @@ export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateCom
   event: ImmutablePropTypes.record.isRequired,
   item: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object,
-  validationErrors: sessionValidationErrorsPropType,
   currentEventData: eventDataPropType
 }), _ResponseEvent)) || _class);
 export default ResponseEvent;