@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

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

@@ -1,67 +1,80 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Event = void 0;
+exports["default"] = exports.Event = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _quizCommon = require("@instructure/quiz-common");
 var _uiTable = require("@instructure/ui-table");
-var _ElapsedTime = _interopRequireDefault(require("../resources/ElapsedTime.js"));
-var _ResponseEvent = _interopRequireDefault(require("./ResponseEvent.js"));
-var _SessionStartEvent = _interopRequireDefault(require("./SessionStartEvent.js"));
-var _RCEEvent = _interopRequireDefault(require("./RCEEvent.js"));
-var _PageBlurredEvent = _interopRequireDefault(require("./PageBlurredEvent.js"));
-var _PageFocusedEvent = _interopRequireDefault(require("./PageFocusedEvent.js"));
+var _ElapsedTime = _interopRequireDefault(require("../resources/ElapsedTime"));
+var _ResponseEvent = _interopRequireDefault(require("./ResponseEvent"));
+var _SessionStartEvent = _interopRequireDefault(require("./SessionStartEvent"));
+var _SessionSubmitEvent = require("./SessionSubmitEvent");
+var _RCEEvent = _interopRequireDefault(require("./RCEEvent"));
+var _PageBlurredEvent = _interopRequireDefault(require("./PageBlurredEvent"));
+var _PageFocusedEvent = _interopRequireDefault(require("./PageFocusedEvent"));
+var _extractSessionData = require("../resources/util/extractSessionData");
+var _checkIsBreach = require("../resources/util/checkIsBreach");
 var _Event;
-var _ref = /*#__PURE__*/_react.default.createElement(_PageBlurredEvent.default, null);
-var _ref2 = /*#__PURE__*/_react.default.createElement(_PageFocusedEvent.default, null);
-var Event = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Event, _Component);
-  var _super = (0, _createSuper2.default)(Event);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var Event = exports.Event = /*#__PURE__*/function (_Component) {
   function Event() {
-    (0, _classCallCheck2.default)(this, Event);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, Event);
+    return _callSuper(this, Event, arguments);
   }
-  (0, _createClass2.default)(Event, [{
+  (0, _inherits2["default"])(Event, _Component);
+  return (0, _createClass2["default"])(Event, [{
     key: "renderResponseEvent",
-    value: function renderResponseEvent(event) {
+    value: function renderResponseEvent(event, validationErrors, currentEventData) {
       var item = event.getItem();
       if (!item) {
         return null;
       } else {
-        return /*#__PURE__*/_react.default.createElement(_ResponseEvent.default, {
+        return /*#__PURE__*/_react["default"].createElement(_ResponseEvent["default"], {
           event: event,
-          item: item
+          item: item,
+          validationErrors: validationErrors,
+          currentEventData: currentEventData
         });
       }
     }
   }, {
     key: "renderPayload",
-    value: function renderPayload(event) {
+    value: function renderPayload(event, validationErrors, currentEventData) {
       switch (event.eventType) {
         case _quizCommon.RESPONSE:
-          return this.renderResponseEvent(event);
+          return this.renderResponseEvent(event, validationErrors, currentEventData);
         case _quizCommon.SESSION_STARTED_OR_RESUMED_EVENT:
-          return /*#__PURE__*/_react.default.createElement(_SessionStartEvent.default, {
-            event: event
+          return /*#__PURE__*/_react["default"].createElement(_SessionStartEvent["default"], {
+            validationErrors: validationErrors,
+            currentEventData: currentEventData
+          });
+        case _quizCommon.QUIZ_SUBMISSION_EVENT:
+          return /*#__PURE__*/_react["default"].createElement(_SessionSubmitEvent.SessionSubmitEvent, {
+            validationErrors: validationErrors,
+            currentEventData: currentEventData
           });
         case _quizCommon.RCE_EVENT:
-          return /*#__PURE__*/_react.default.createElement(_RCEEvent.default, {
+          return /*#__PURE__*/_react["default"].createElement(_RCEEvent["default"], {
             event: event
           });
         case _quizCommon.PAGE_BLURRED_EVENT:
-          return _ref;
+          return /*#__PURE__*/_react["default"].createElement(_PageBlurredEvent["default"], null);
         case _quizCommon.PAGE_FOCUSED_EVENT:
-          return _ref2;
+          return /*#__PURE__*/_react["default"].createElement(_PageFocusedEvent["default"], null);
         default:
           return null;
         // unknown event
@@ -72,30 +85,32 @@ var Event = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         event = _this$props.event,
-        startTime = _this$props.startTime;
-      var payloadNode = this.renderPayload(event);
+        startTime = _this$props.startTime,
+        firstEvent = _this$props.firstEvent;
+      var currentEventData = (0, _extractSessionData.extractSessionData)(event);
+      var firstEventData = (0, _extractSessionData.extractSessionData)(firstEvent);
+      var validationErrors = (0, _checkIsBreach.checkIsBreach)(firstEventData, currentEventData);
+      var payloadNode = this.renderPayload(event, validationErrors, currentEventData);
       if (!payloadNode) return null;
-      return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, /*#__PURE__*/_react.default.createElement(_ElapsedTime.default, {
+      return /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, /*#__PURE__*/_react["default"].createElement(_ElapsedTime["default"], {
         eventTime: event.createdDate(),
         startTime: startTime
-      })), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, payloadNode));
+      })), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, payloadNode));
     }
   }]);
-  Event.displayName = "Event";
-  return Event;
 }(_react.Component);
-exports.Event = Event;
 _Event = Event;
 // This ugly hack is necessary because the InstUI v7 Table.Body only renders components with name 'Row'.
-Event.displayName = 'Row';
-Event.componentId = "Quizzes".concat(_Event.displayName);
-Event.propTypes = {
-  event: _reactImmutableProptypes.default.record,
-  startTime: _propTypes.default.instanceOf(Date)
-};
-Event.defaultProps = {
+(0, _defineProperty2["default"])(Event, "displayName", 'Row');
+(0, _defineProperty2["default"])(Event, "componentId", "Quizzes".concat(_Event.displayName));
+(0, _defineProperty2["default"])(Event, "propTypes", {
+  event: _reactImmutableProptypes["default"].record,
+  startTime: _propTypes["default"].instanceOf(Date),
+  firstEvent: _reactImmutableProptypes["default"].record
+});
+(0, _defineProperty2["default"])(Event, "defaultProps", {
   event: void 0,
-  startTime: void 0
-};
-var _default = Event;
-exports.default = _default;
+  startTime: void 0,
+  firstEvent: void 0
+});
+var _default = exports["default"] = Event;

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

@@ -1,34 +1,33 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PageBlurredEvent = void 0;
+exports["default"] = exports.PageBlurredEvent = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiText = require("@instructure/ui-text");
-var PageBlurredEvent = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(PageBlurredEvent, _Component);
-  var _super = (0, _createSuper2.default)(PageBlurredEvent);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var PageBlurredEvent = exports.PageBlurredEvent = /*#__PURE__*/function (_Component) {
   function PageBlurredEvent() {
-    (0, _classCallCheck2.default)(this, PageBlurredEvent);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, PageBlurredEvent);
+    return _callSuper(this, PageBlurredEvent, arguments);
   }
-  (0, _createClass2.default)(PageBlurredEvent, [{
+  (0, _inherits2["default"])(PageBlurredEvent, _Component);
+  return (0, _createClass2["default"])(PageBlurredEvent, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiText.Text, null, (0, _formatMessage.default)('Stopped viewing the quiz-taking page'));
+      return /*#__PURE__*/_react["default"].createElement(_uiText.Text, null, (0, _formatMessage["default"])('Stopped viewing the quiz-taking page'));
     }
   }]);
-  PageBlurredEvent.displayName = "PageBlurredEvent";
-  return PageBlurredEvent;
 }(_react.Component);
-exports.PageBlurredEvent = PageBlurredEvent;
-var _default = PageBlurredEvent;
-exports.default = _default;
+var _default = exports["default"] = PageBlurredEvent;

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

@@ -1,34 +1,33 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PageFocusedEvent = void 0;
+exports["default"] = exports.PageFocusedEvent = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiText = require("@instructure/ui-text");
-var PageFocusedEvent = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(PageFocusedEvent, _Component);
-  var _super = (0, _createSuper2.default)(PageFocusedEvent);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var PageFocusedEvent = exports.PageFocusedEvent = /*#__PURE__*/function (_Component) {
   function PageFocusedEvent() {
-    (0, _classCallCheck2.default)(this, PageFocusedEvent);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, PageFocusedEvent);
+    return _callSuper(this, PageFocusedEvent, arguments);
   }
-  (0, _createClass2.default)(PageFocusedEvent, [{
+  (0, _inherits2["default"])(PageFocusedEvent, _Component);
+  return (0, _createClass2["default"])(PageFocusedEvent, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiText.Text, null, (0, _formatMessage.default)('Resumed'));
+      return /*#__PURE__*/_react["default"].createElement(_uiText.Text, null, (0, _formatMessage["default"])('Resumed'));
     }
   }]);
-  PageFocusedEvent.displayName = "PageFocusedEvent";
-  return PageFocusedEvent;
 }(_react.Component);
-exports.PageFocusedEvent = PageFocusedEvent;
-var _default = PageFocusedEvent;
-exports.default = _default;
+var _default = exports["default"] = PageFocusedEvent;

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

@@ -1,39 +1,39 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RCEEvent = void 0;
+exports["default"] = exports.RCEEvent = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _uiText = require("@instructure/ui-text");
-var RCEEvent = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(RCEEvent, _Component);
-  var _super = (0, _createSuper2.default)(RCEEvent);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var RCEEvent = exports.RCEEvent = /*#__PURE__*/function (_Component) {
   function RCEEvent() {
-    (0, _classCallCheck2.default)(this, RCEEvent);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, RCEEvent);
+    return _callSuper(this, RCEEvent, arguments);
   }
-  (0, _createClass2.default)(RCEEvent, [{
+  (0, _inherits2["default"])(RCEEvent, _Component);
+  return (0, _createClass2["default"])(RCEEvent, [{
     key: "render",
     value: function render() {
       var event = this.props.event;
       var message = event.getIn(['eventData', 'message']);
-      return /*#__PURE__*/_react.default.createElement(_uiText.Text, null, message);
+      return /*#__PURE__*/_react["default"].createElement(_uiText.Text, null, message);
     }
   }]);
-  RCEEvent.displayName = "RCEEvent";
-  return RCEEvent;
 }(_react.Component);
-exports.RCEEvent = RCEEvent;
-RCEEvent.propTypes = {
-  event: _reactImmutableProptypes.default.record.isRequired
-};
-var _default = RCEEvent;
-exports.default = _default;
+(0, _defineProperty2["default"])(RCEEvent, "propTypes", {
+  event: _reactImmutableProptypes["default"].record.isRequired
+});
+var _default = exports["default"] = RCEEvent;

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

@@ -4,12 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ResponseEvent = void 0;
+exports["default"] = exports.ResponseEvent = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _react = require("react");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiIcons = require("@instructure/ui-icons");
@@ -19,20 +21,25 @@ var _uiToggleDetails = require("@instructure/ui-toggle-details");
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizInteractions = require("@instructure/quiz-interactions");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _EventDetails = require("../resources/EventDetails");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
+var _propTypes2 = require("../../../reporting/components/resources/common/propTypes");
 var _dec, _class, _ResponseEvent;
 /** @jsx jsx */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var imgRegex = /<img.*?src=['"](.+)['"]/g;
-var ResponseEvent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ResponseEvent = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ResponseEvent, _Component);
-  var _super = (0, _createSuper2.default)(ResponseEvent);
+var ResponseEvent = exports.ResponseEvent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ResponseEvent = /*#__PURE__*/function (_Component) {
   function ResponseEvent() {
-    (0, _classCallCheck2.default)(this, ResponseEvent);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, ResponseEvent);
+    return _callSuper(this, ResponseEvent, arguments);
   }
-  (0, _createClass2.default)(ResponseEvent, [{
+  (0, _inherits2["default"])(ResponseEvent, _Component);
+  return (0, _createClass2["default"])(ResponseEvent, [{
     key: "getReadableResponseText",
     value: function getReadableResponseText() {
       var responseValue = this.props.event.getIn(['eventData', 'userResponse', 'value']);
@@ -43,6 +50,11 @@ var ResponseEvent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         return this.props.item.getInteractionType().getRenderedResponse(responseValue, this.props.item.get('interactionData').toJS());
       }
     }
+  }, {
+    key: "itemBody",
+    get: function get() {
+      return this.props.item.get('itemBody');
+    }
   }, {
     key: "hasMedia",
     value: function hasMedia() {
@@ -51,13 +63,16 @@ var ResponseEvent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "renderTextSummary",
     value: function renderTextSummary() {
+      var isBreach = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var strippedItemBody = (0, _quizInteractions.extractTextFromHtml)(this.itemBody);
       return (0, _emotion.jsx)("span", null, this.hasMedia() && (0, _emotion.jsx)(_uiIcons.IconImageSolid, {
         css: this.props.styles.answerMediaIcon
-      }), (0, _formatMessage.default)('Answered question {position}: {question}', {
+      }), (0, _emotion.jsx)(_uiText.Text, {
+        color: isBreach ? 'danger' : 'primary'
+      }, (0, _formatMessage["default"])('Answered question {position}: {question}', {
         position: this.props.event.getIn(['eventData', 'position']),
         question: strippedItemBody
-      }));
+      })));
     }
   }, {
     key: "renderMedia",
@@ -73,7 +88,7 @@ var ResponseEvent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
           css: _this.props.styles.mediaToggle,
           key: s3Url
         }, (0, _emotion.jsx)(_uiToggleDetails.ToggleDetails, {
-          summary: (0, _formatMessage.default)('Included Media'),
+          summary: (0, _formatMessage["default"])('Included Media'),
           variant: "filled"
         }, (0, _emotion.jsx)("div", {
           css: _this.props.styles.embeddedImage
@@ -85,31 +100,34 @@ var ResponseEvent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "render",
     value: function render() {
+      var _this$props = this.props,
+        validationErrors = _this$props.validationErrors,
+        currentEventData = _this$props.currentEventData;
       var responseText = this.getReadableResponseText();
       if (responseText) {
         // If this returns falsey, then we know to just display the stem
         return (0, _emotion.jsx)(_uiToggleDetails.ToggleDetails, {
-          summary: this.renderTextSummary()
-        }, this.renderMedia(), responseText);
+          summary: this.renderTextSummary(validationErrors.isBreach)
+        }, this.renderMedia(), (0, _emotion.jsx)(_EventDetails.EventDetails, {
+          currentEventData: currentEventData,
+          validationErrors: validationErrors,
+          answerValue: responseText
+        }));
       } else {
         return (0, _emotion.jsx)(_uiText.Text, {
           size: "small"
-        }, this.renderTextSummary(), this.renderMedia());
+        }, this.renderTextSummary(validationErrors.isBreach), (0, _emotion.jsx)(_EventDetails.EventDetails, {
+          currentEventData: currentEventData,
+          validationErrors: validationErrors
+        }), this.renderMedia());
       }
     }
-  }, {
-    key: "itemBody",
-    get: function get() {
-      return this.props.item.get('itemBody');
-    }
   }]);
-  ResponseEvent.displayName = "ResponseEvent";
-  return ResponseEvent;
-}(_react.Component), _ResponseEvent.displayName = 'ResponseEvent', _ResponseEvent.componentId = "Quizzes".concat(_ResponseEvent.displayName), _ResponseEvent.propTypes = {
-  event: _reactImmutableProptypes.default.record.isRequired,
-  item: _reactImmutableProptypes.default.record.isRequired,
-  styles: _propTypes.default.object
-}, _ResponseEvent)) || _class);
-exports.ResponseEvent = ResponseEvent;
-var _default = ResponseEvent;
-exports.default = _default;
+}(_react.Component), (0, _defineProperty2["default"])(_ResponseEvent, "displayName", 'ResponseEvent'), (0, _defineProperty2["default"])(_ResponseEvent, "componentId", "Quizzes".concat(_ResponseEvent.displayName)), (0, _defineProperty2["default"])(_ResponseEvent, "propTypes", {
+  event: _reactImmutableProptypes["default"].record.isRequired,
+  item: _reactImmutableProptypes["default"].record.isRequired,
+  styles: _propTypes["default"].object,
+  validationErrors: _propTypes2.sessionValidationErrorsPropType,
+  currentEventData: _propTypes2.eventDataPropType
+}), _ResponseEvent)) || _class);
+var _default = exports["default"] = ResponseEvent;

package/lib/moderating/components/events/SessionStartEvent.js

@@ -1,51 +1,52 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SessionStartEvent = void 0;
+exports["default"] = exports.SessionStartEvent = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _platform = _interopRequireDefault(require("platform"));
+var _EventDetails = require("../resources/EventDetails");
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
-var _uiTable = require("@instructure/ui-table");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var SessionStartEvent = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SessionStartEvent, _Component);
-  var _super = (0, _createSuper2.default)(SessionStartEvent);
+var _uiText = require("@instructure/ui-text");
+var _propTypes = require("../../../reporting/components/resources/common/propTypes");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var SessionStartEvent = exports.SessionStartEvent = /*#__PURE__*/function (_Component) {
   function SessionStartEvent() {
-    (0, _classCallCheck2.default)(this, SessionStartEvent);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, SessionStartEvent);
+    return _callSuper(this, SessionStartEvent, arguments);
   }
-  (0, _createClass2.default)(SessionStartEvent, [{
+  (0, _inherits2["default"])(SessionStartEvent, _Component);
+  return (0, _createClass2["default"])(SessionStartEvent, [{
     key: "render",
     value: function render() {
-      var event = this.props.event;
-      var userPlatform = _platform.default.parse(event.getIn(['eventData', 'userAgent']));
-      return /*#__PURE__*/_react.default.createElement(_uiToggleDetails.ToggleDetails, {
-        summary: (0, _formatMessage.default)('Session started')
-      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
-        caption: (0, _formatMessage.default)('System details')
-      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
-        id: "system-details-attribute"
-      }, (0, _formatMessage.default)('attribute')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
-        id: "system-details-value"
-      }, (0, _formatMessage.default)('value')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, (0, _formatMessage.default)('Browser')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, // eslint-disable-next-line react/jsx-no-literals
-      "".concat(userPlatform.name, " ").concat(userPlatform.version))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, (0, _formatMessage.default)('Operating System')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, userPlatform.os.toString())))));
+      var _this$props = this.props,
+        validationErrors = _this$props.validationErrors,
+        currentEventData = _this$props.currentEventData;
+      var summary = /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
+        color: validationErrors.isBreach ? 'danger' : 'primary'
+      }, (0, _formatMessage["default"])('Session started'));
+      return /*#__PURE__*/_react["default"].createElement(_uiToggleDetails.ToggleDetails, {
+        summary: summary
+      }, /*#__PURE__*/_react["default"].createElement(_EventDetails.EventDetails, {
+        currentEventData: currentEventData,
+        validationErrors: validationErrors
+      }));
     }
   }]);
-  SessionStartEvent.displayName = "SessionStartEvent";
-  return SessionStartEvent;
 }(_react.Component);
-exports.SessionStartEvent = SessionStartEvent;
-SessionStartEvent.propTypes = {
-  event: _reactImmutableProptypes.default.record.isRequired
-};
-var _default = SessionStartEvent;
-exports.default = _default;
+(0, _defineProperty2["default"])(SessionStartEvent, "propTypes", {
+  validationErrors: _propTypes.sessionValidationErrorsPropType,
+  currentEventData: _propTypes.eventDataPropType
+});
+var _default = exports["default"] = SessionStartEvent;

package/lib/moderating/components/events/SessionSubmitEvent.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SessionSubmitEvent = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _EventDetails = require("../resources/EventDetails");
+var _uiToggleDetails = require("@instructure/ui-toggle-details");
+var _uiText = require("@instructure/ui-text");
+var _propTypes = require("../../../reporting/components/resources/common/propTypes");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var SessionSubmitEvent = exports.SessionSubmitEvent = /*#__PURE__*/function (_Component) {
+  function SessionSubmitEvent() {
+    (0, _classCallCheck2["default"])(this, SessionSubmitEvent);
+    return _callSuper(this, SessionSubmitEvent, arguments);
+  }
+  (0, _inherits2["default"])(SessionSubmitEvent, _Component);
+  return (0, _createClass2["default"])(SessionSubmitEvent, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        validationErrors = _this$props.validationErrors,
+        currentEventData = _this$props.currentEventData;
+      var summary = /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
+        color: validationErrors.isBreach ? 'danger' : 'primary'
+      }, (0, _formatMessage["default"])('Session submitted'));
+      return /*#__PURE__*/_react["default"].createElement(_uiToggleDetails.ToggleDetails, {
+        summary: summary
+      }, /*#__PURE__*/_react["default"].createElement(_EventDetails.EventDetails, {
+        currentEventData: currentEventData,
+        validationErrors: validationErrors
+      }));
+    }
+  }]);
+}(_react.Component);
+(0, _defineProperty2["default"])(SessionSubmitEvent, "propTypes", {
+  validationErrors: _propTypes.sessionValidationErrorsPropType,
+  currentEventData: _propTypes.eventDataPropType
+});
+var _default = exports["default"] = SessionSubmitEvent;