@instructure/quiz-core 21.0.1-rc.5 → 21.0.1-rc.7

package/es/common/actions/taking.js

@@ -104,12 +104,13 @@ export var loadResumeData = function loadResumeData(resumeData) {
     payload: resumeData
   };
 };
-export var sessionStartOrResumeEvent = function sessionStartOrResumeEvent(userAgent) {
+export var sessionStartOrResumeEvent = function sessionStartOrResumeEvent(userAgent, ipAddress) {
   return {
     type: SESSION_STARTED_OR_RESUMED_EVENT,
     payload: {
       userAgent: userAgent,
-      browserSessionId: uuid()
+      browserSessionId: uuid(),
+      ipAddress: ipAddress
     }
   };
 };

package/es/common/reducers/taking.js

@@ -67,7 +67,11 @@ var loadResponses = function loadResponses(state, payload) {
   return payload.reduce(modifyResponse, state);
 };
 var markSessionStartedIdentifier = function markSessionStartedIdentifier(state, payload) {
-  return state.get('browserSessionId') === payload.browserSessionId ? state : state.set('browserSessionId', payload.browserSessionId);
+  var needsUpdate = state.get('browserSessionId') !== payload.browserSessionId || state.get('ipAddress') !== payload.ipAddress;
+  return needsUpdate ? state.merge({
+    browserSessionId: payload.browserSessionId,
+    ipAddress: payload.ipAddress
+  }) : state;
 };
 var updateQuizSubmitFlag = function updateQuizSubmitFlag(state, payload) {
   return state.set('submitFlag', payload.value);

package/es/common/selectors/taking.js

@@ -7,6 +7,9 @@ export var getCurrentSessionItemPosition = function getCurrentSessionItemPositio
 export var getBrowserSessionId = function getBrowserSessionId(state) {
   return state.getIn([path, 'browserSessionId']);
 };
+export var getIpAddress = function getIpAddress(state) {
+  return state.getIn([path, 'ipAddress']);
+};
 export var getTimerData = function getTimerData(state) {
   return state.getIn([path, 'timerData'], Map());
 };

package/es/common/util/getClientIpAddress.js

@@ -0,0 +1,35 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import Fetcher from "./Fetcher.js";
+export var getClientIpAddress = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(quizSessionId) {
+    var url, fetcher, _yield$fetcher$get, ip;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            url = "/api/quiz_sessions/".concat(quizSessionId, "/get_ip_address");
+            fetcher = new Fetcher();
+            _context.next = 5;
+            return fetcher.get(url);
+          case 5:
+            _yield$fetcher$get = _context.sent;
+            ip = _yield$fetcher$get.ip;
+            return _context.abrupt("return", ip);
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+            return _context.abrupt("return", null);
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 10]]);
+  }));
+  return function getClientIpAddress(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/es/common/util/serializeEvent.js

@@ -1,5 +1,5 @@
 import { QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT, PAGE_BLURRED_EVENT, PAGE_FOCUSED_EVENT } from '@instructure/quiz-common';
-import { getBrowserSessionId } from "../selectors/taking.js";
+import { getBrowserSessionId, getIpAddress } from "../selectors/taking.js";
 import { getActiveQuizSession } from "../selectors/quizSessions.js";
 var whitelist = [QUIZ_SUBMISSION_EVENT, RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT, PAGE_BLURRED_EVENT, PAGE_FOCUSED_EVENT];
 export function serializeEvent(action, store) {
@@ -10,8 +10,10 @@ export function serializeEvent(action, store) {
   var state = store.getState();
   var quizSession = getActiveQuizSession(state);
   var defaultEventData = {
+    userAgent: navigator.userAgent,
     browserSessionId: getBrowserSessionId(state),
-    clientTimestamp: new Date()
+    clientTimestamp: new Date(),
+    ipAddress: getIpAddress(state)
   };
   var authoritativeData = {
     accountUuid: quizSession.accountUuid,

package/es/index.js

@@ -107,8 +107,7 @@ export { sessionStore } from "./common/util/sessionStore.js";
 export { printWithCss, ensureImagesLoaded } from "./common/util/printUtils.js";
 export { ensureRCEContentIsLoaded } from "./common/util/rceChecker.js";
 export { applyComponentStyleOverride, withStyleOverrides, getThemeByKey, setThemeByKey, getActiveTheme, setActiveTheme } from '@instructure/quiz-common';
-
-// APIs
+export { getClientIpAddress } from "./common/util/getClientIpAddress.js"; // APIs
 export { createQuizEntryRegrade } from "./grading/api/quizEntryRegrades.js";
 export { getQuizEntry } from "./building/api/quizEntries.js";
 export { getItem } from "./building/api/items.js";

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

@@ -6,14 +6,17 @@ var _Event;
 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 } from '@instructure/quiz-common';
+import { RESPONSE, SESSION_STARTED_OR_RESUMED_EVENT, RCE_EVENT, PAGE_BLURRED_EVENT, PAGE_FOCUSED_EVENT, QUIZ_SUBMISSION_EVENT } from '@instructure/quiz-common';
 import { Table } from '@instructure/ui-table';
 import ElapsedTime from "../resources/ElapsedTime.js";
 import ResponseEvent from "./ResponseEvent.js";
 import SessionStartEvent from "./SessionStartEvent.js";
+import { SessionSubmitEvent } from "./SessionSubmitEvent.js";
 import RCEEvent from "./RCEEvent.js";
 import PageBlurredEvent from "./PageBlurredEvent.js";
 import PageFocusedEvent from "./PageFocusedEvent.js";
+import { extractSessionData } from "../resources/util/extractSessionData.js";
+import { checkIsBreach } from "../resources/util/checkIsBreach.js";
 var _ref = /*#__PURE__*/React.createElement(PageBlurredEvent, null);
 var _ref2 = /*#__PURE__*/React.createElement(PageFocusedEvent, null);
 export var Event = /*#__PURE__*/function (_Component) {
@@ -25,26 +28,34 @@ export var Event = /*#__PURE__*/function (_Component) {
   }
   _createClass(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.createElement(ResponseEvent, {
           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 RESPONSE:
-          return this.renderResponseEvent(event);
+          return this.renderResponseEvent(event, validationErrors, currentEventData);
         case SESSION_STARTED_OR_RESUMED_EVENT:
           return /*#__PURE__*/React.createElement(SessionStartEvent, {
-            event: event
+            validationErrors: validationErrors,
+            currentEventData: currentEventData
+          });
+        case QUIZ_SUBMISSION_EVENT:
+          return /*#__PURE__*/React.createElement(SessionSubmitEvent, {
+            validationErrors: validationErrors,
+            currentEventData: currentEventData
           });
         case RCE_EVENT:
           return /*#__PURE__*/React.createElement(RCEEvent, {
@@ -64,8 +75,12 @@ export 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 = extractSessionData(event);
+      var firstEventData = extractSessionData(firstEvent);
+      var validationErrors = checkIsBreach(firstEventData, currentEventData);
+      var payloadNode = this.renderPayload(event, validationErrors, 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(),
@@ -82,10 +97,12 @@ Event.displayName = 'Row';
 Event.componentId = "Quizzes".concat(_Event.displayName);
 Event.propTypes = {
   event: ImmutablePropTypes.record,
-  startTime: PropTypes.instanceOf(Date)
+  startTime: PropTypes.instanceOf(Date),
+  firstEvent: ImmutablePropTypes.record
 };
 Event.defaultProps = {
   event: void 0,
-  startTime: void 0
+  startTime: void 0,
+  firstEvent: void 0
 };
 export default Event;

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

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _ResponseEvent;
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
 import { IconImageSolid } from '@instructure/ui-icons';
@@ -14,9 +14,11 @@ import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
+import { EventDetails } from "../resources/EventDetails.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { withStyleOverrides } from '@instructure/quiz-common';
+import { sessionValidationErrorsPropType, eventDataPropType } from "../../../reporting/components/resources/common/propTypes.js";
 var imgRegex = /<img.*?src=['"](.+)['"]/g;
 export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ResponseEvent = /*#__PURE__*/function (_Component) {
   _inherits(ResponseEvent, _Component);
@@ -44,13 +46,16 @@ export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateCom
   }, {
     key: "renderTextSummary",
     value: function renderTextSummary() {
+      var isBreach = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
       var strippedItemBody = extractTextFromHtml(this.itemBody);
       return jsx("span", null, this.hasMedia() && jsx(IconImageSolid, {
         css: this.props.styles.answerMediaIcon
-      }), t('Answered question {position}: {question}', {
+      }), jsx(Text, {
+        color: isBreach ? 'danger' : 'primary'
+      }, t('Answered question {position}: {question}', {
         position: this.props.event.getIn(['eventData', 'position']),
         question: strippedItemBody
-      }));
+      })));
     }
   }, {
     key: "renderMedia",
@@ -78,16 +83,26 @@ 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 responseText = this.getReadableResponseText();
       if (responseText) {
         // If this returns falsey, then we know to just display the stem
         return jsx(ToggleDetails, {
-          summary: this.renderTextSummary()
-        }, this.renderMedia(), responseText);
+          summary: this.renderTextSummary(validationErrors.isBreach)
+        }, this.renderMedia(), jsx(EventDetails, {
+          currentEventData: currentEventData,
+          validationErrors: validationErrors,
+          answerValue: responseText
+        }));
       } else {
         return jsx(Text, {
           size: "small"
-        }, this.renderTextSummary(), this.renderMedia());
+        }, this.renderTextSummary(validationErrors.isBreach), jsx(EventDetails, {
+          currentEventData: currentEventData,
+          validationErrors: validationErrors
+        }), this.renderMedia());
       }
     }
   }, {
@@ -101,6 +116,8 @@ export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateCom
 }(Component), _ResponseEvent.displayName = 'ResponseEvent', _ResponseEvent.componentId = "Quizzes".concat(_ResponseEvent.displayName), _ResponseEvent.propTypes = {
   event: ImmutablePropTypes.record.isRequired,
   item: ImmutablePropTypes.record.isRequired,
-  styles: PropTypes.object
+  styles: PropTypes.object,
+  validationErrors: sessionValidationErrorsPropType,
+  currentEventData: eventDataPropType
 }, _ResponseEvent)) || _class);
 export default ResponseEvent;

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

@@ -3,11 +3,11 @@ 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 platform from 'platform';
+import { EventDetails } from "../resources/EventDetails.js";
 import { ToggleDetails } from '@instructure/ui-toggle-details';
-import { Table } from '@instructure/ui-table';
 import t from '@instructure/quiz-i18n/es/format-message';
+import { Text } from '@instructure/ui-text';
+import { sessionValidationErrorsPropType, eventDataPropType } from "../../../reporting/components/resources/common/propTypes.js";
 export var SessionStartEvent = /*#__PURE__*/function (_Component) {
   _inherits(SessionStartEvent, _Component);
   var _super = _createSuper(SessionStartEvent);
@@ -18,24 +18,25 @@ export var SessionStartEvent = /*#__PURE__*/function (_Component) {
   _createClass(SessionStartEvent, [{
     key: "render",
     value: function render() {
-      var event = this.props.event;
-      var userPlatform = platform.parse(event.getIn(['eventData', 'userAgent']));
+      var _this$props = this.props,
+        validationErrors = _this$props.validationErrors,
+        currentEventData = _this$props.currentEventData;
+      var summary = /*#__PURE__*/React.createElement(Text, {
+        color: validationErrors.isBreach ? 'danger' : 'primary'
+      }, t('Session started'));
       return /*#__PURE__*/React.createElement(ToggleDetails, {
-        summary: t('Session started')
-      }, /*#__PURE__*/React.createElement(Table, {
-        caption: t('System details')
-      }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
-        id: "system-details-attribute"
-      }, t('attribute')), /*#__PURE__*/React.createElement(Table.ColHeader, {
-        id: "system-details-value"
-      }, t('value')))), /*#__PURE__*/React.createElement(Table.Body, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Browser')), /*#__PURE__*/React.createElement(Table.Cell, null, // eslint-disable-next-line react/jsx-no-literals
-      "".concat(userPlatform.name, " ").concat(userPlatform.version))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Operating System')), /*#__PURE__*/React.createElement(Table.Cell, null, userPlatform.os.toString())))));
+        summary: summary
+      }, /*#__PURE__*/React.createElement(EventDetails, {
+        currentEventData: currentEventData,
+        validationErrors: validationErrors
+      }));
     }
   }]);
   SessionStartEvent.displayName = "SessionStartEvent";
   return SessionStartEvent;
 }(Component);
 SessionStartEvent.propTypes = {
-  event: ImmutablePropTypes.record.isRequired
+  validationErrors: sessionValidationErrorsPropType,
+  currentEventData: eventDataPropType
 };
 export default SessionStartEvent;

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

@@ -0,0 +1,42 @@
+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 t from '@instructure/quiz-i18n/es/format-message';
+import { EventDetails } from "../resources/EventDetails.js";
+import { ToggleDetails } from '@instructure/ui-toggle-details';
+import { Text } from '@instructure/ui-text';
+import { sessionValidationErrorsPropType, eventDataPropType } from "../../../reporting/components/resources/common/propTypes.js";
+export var SessionSubmitEvent = /*#__PURE__*/function (_Component) {
+  _inherits(SessionSubmitEvent, _Component);
+  var _super = _createSuper(SessionSubmitEvent);
+  function SessionSubmitEvent() {
+    _classCallCheck(this, SessionSubmitEvent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(SessionSubmitEvent, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        validationErrors = _this$props.validationErrors,
+        currentEventData = _this$props.currentEventData;
+      var summary = /*#__PURE__*/React.createElement(Text, {
+        color: validationErrors.isBreach ? 'danger' : 'primary'
+      }, t('Session submitted'));
+      return /*#__PURE__*/React.createElement(ToggleDetails, {
+        summary: summary
+      }, /*#__PURE__*/React.createElement(EventDetails, {
+        currentEventData: currentEventData,
+        validationErrors: validationErrors
+      }));
+    }
+  }]);
+  SessionSubmitEvent.displayName = "SessionSubmitEvent";
+  return SessionSubmitEvent;
+}(Component);
+SessionSubmitEvent.propTypes = {
+  validationErrors: sessionValidationErrorsPropType,
+  currentEventData: eventDataPropType
+};
+export default SessionSubmitEvent;

package/es/moderating/components/resources/EventDetails.js

@@ -0,0 +1,43 @@
+import { Table } from '@instructure/ui-table';
+import { Text } from '@instructure/ui-text';
+import { IconButton } from '@instructure/ui-buttons';
+import t from '@instructure/quiz-i18n/es/format-message';
+import React from 'react';
+import { SessionBreachAlert } from "./SessionBreachAlert.js";
+import { IconInfoLine } from '@instructure/ui-icons';
+import { Tooltip } from '@instructure/ui-tooltip';
+var _ref2 = /*#__PURE__*/React.createElement(SessionBreachAlert, null);
+export var EventDetails = function EventDetails(_ref) {
+  var currentEventData = _ref.currentEventData,
+    validationErrors = _ref.validationErrors,
+    _ref$answerValue = _ref.answerValue,
+    answerValue = _ref$answerValue === void 0 ? null : _ref$answerValue;
+  var eventTimeString = "".concat(t('Event time'), ": ").concat(currentEventData.eventDate);
+  var renderTooltip = function renderTooltip(message) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      renderTip: message,
+      placement: "end",
+      on: ['click', 'hover', 'focus']
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      screenReaderLabel: message,
+      renderIcon: IconInfoLine,
+      withBackground: false,
+      withBorder: false
+    }));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, validationErrors.isBreach && _ref2, /*#__PURE__*/React.createElement("h4", null, eventTimeString), /*#__PURE__*/React.createElement(Table, {
+    caption: t('System details')
+  }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
+    id: "system-details-attribute"
+  }, t('Attribute')), /*#__PURE__*/React.createElement(Table.ColHeader, {
+    id: "system-details-value"
+  }, t('Value')))), /*#__PURE__*/React.createElement(Table.Body, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Client IP address')), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
+    color: validationErrors.ipAddress ? 'danger' : 'primary'
+  }, currentEventData.ipAddress), validationErrors.ipAddress && renderTooltip(validationErrors.ipAddress))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Browser session ID')), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
+    color: validationErrors.browserSessionID ? 'danger' : 'primary'
+  }, currentEventData.browserSessionID), validationErrors.browserSessionID && renderTooltip(validationErrors.browserSessionID))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Browser')), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
+    color: validationErrors.browserString ? 'danger' : 'primary'
+  }, currentEventData.browserString), validationErrors.browserString && renderTooltip(validationErrors.browserString))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Operating System')), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
+    color: validationErrors.userPlatform ? 'danger' : 'primary'
+  }, currentEventData.userPlatform), validationErrors.userPlatform && renderTooltip(validationErrors.userPlatform))), answerValue && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Answer value')), /*#__PURE__*/React.createElement(Table.Cell, null, answerValue)))));
+};

package/es/moderating/components/resources/SessionBreachAlert.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Alert } from '@instructure/ui-alerts';
+import t from '@instructure/quiz-i18n/es/format-message';
+var _ref = /*#__PURE__*/React.createElement("br", null);
+export var SessionBreachAlert = function SessionBreachAlert() {
+  return /*#__PURE__*/React.createElement(Alert, {
+    variant: "warning",
+    margin: "small"
+  }, t('Potential breach: This Quiz appears to have been accessed from multiple devices or browsers.'), _ref, t('Review the activity log and take appropriate action.'));
+};

package/es/moderating/components/resources/util/checkIsBreach.js

@@ -0,0 +1,28 @@
+import t from '@instructure/quiz-i18n/es/format-message';
+export var checkIsBreach = function checkIsBreach(firstEventData, currentEventData) {
+  var result = {
+    isBreach: false
+  };
+  var checks = [{
+    key: 'ipAddress',
+    message: t('Client IP address is different from initial address')
+  }, {
+    key: 'browserSessionID',
+    message: t('Browser session ID is different from initial id')
+  }, {
+    key: 'browserString',
+    message: t('Browser is different from initial browser')
+  }, {
+    key: 'userPlatform',
+    message: t('Operating system is different from initial system')
+  }];
+  checks.forEach(function (_ref) {
+    var key = _ref.key,
+      message = _ref.message;
+    if (currentEventData[key] !== firstEventData[key]) {
+      result.isBreach = true;
+      result[key] = message;
+    }
+  });
+  return result;
+};

package/es/moderating/components/resources/util/extractSessionData.js

@@ -0,0 +1,20 @@
+import platform from 'platform';
+import { formatDateTimeSeconds } from '@instructure/quiz-i18n';
+export var extractSessionData = function extractSessionData(sourceData) {
+  if (!sourceData) return {
+    ipAddress: '',
+    browserSessionID: '',
+    eventDate: '',
+    browserString: '',
+    userPlatform: ''
+  };
+  var clientTimestamp = sourceData.getIn(['eventData', 'clientTimestamp']);
+  var userPlatform = platform.parse(sourceData.getIn(['eventData', 'userAgent']));
+  return {
+    ipAddress: sourceData.getIn(['eventData', 'ipAddress']),
+    browserSessionID: sourceData.getIn(['eventData', 'browserSessionId']),
+    eventDate: clientTimestamp ? formatDateTimeSeconds(clientTimestamp) : '',
+    browserString: "".concat(userPlatform.name, " ").concat(userPlatform.version),
+    userPlatform: userPlatform.os.toString()
+  };
+};

package/es/reporting/components/resources/common/propTypes.js

@@ -163,4 +163,18 @@ export var afsFlags = PropTypes.shape({
   numericEnabled: PropTypes.bool.isRequired,
   essayEnabled: PropTypes.bool.isRequired,
   fileUploadEnabled: PropTypes.bool.isRequired
+});
+export var sessionValidationErrorsPropType = PropTypes.shape({
+  isBreach: PropTypes.bool,
+  ipAddress: PropTypes.string,
+  browserSessionID: PropTypes.string,
+  browserString: PropTypes.string,
+  userPlatform: PropTypes.string
+});
+export var eventDataPropType = PropTypes.shape({
+  ipAddress: PropTypes.string,
+  browserSessionID: PropTypes.string,
+  eventDate: PropTypes.string,
+  browserString: PropTypes.string,
+  userPlatform: PropTypes.string
 });

package/es/taking/api/taking.js

@@ -1,3 +1,5 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 // =============================================
 // =============================================
 
@@ -25,6 +27,7 @@ import { getSessionItems, handleQuizSessionFetch } from "../../common/actions/qu
 import { handleSessionItemsResponse, handleResumeDataResponse, handleQuizSessionResponse } from "../../common/api/callHandlers.js";
 import * as modalActions from "../../common/actions/modal.js";
 import { backtrackingNextQuestion, sessionStartOrResumeEvent, setCurrentSessionItemPosition, submitQuizSessionEvent, updateQuizSubmitFlag, updateQuizSessionStatusOnPageLoad, updateTimerInfo } from "../../common/actions/taking.js";
+import { getClientIpAddress } from "../../common/util/getClientIpAddress.js";
 var getQuizSessionConfig = function getQuizSessionConfig(quizSession) {
   // these should be handled by existing functions
   var oneQuestionAtATime = quizSession.isOneQuestionAtATime();
@@ -144,9 +147,29 @@ export function newQuizTakingSession(quizSessionId) {
   };
 }
 export function onQuizSessionReadyForTaking(quizSession) {
-  return function (dispatch) {
-    dispatch([makeSessionItemCall(quizSession), getResumeData(quizSession.id), sessionStartOrResumeEvent(navigator.userAgent), updateQuizSessionStatusOnPageLoad(quizSession.status)]);
-  };
+  return /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch) {
+      var ipAddress;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return getClientIpAddress(quizSession.id);
+            case 2:
+              ipAddress = _context.sent;
+              dispatch([makeSessionItemCall(quizSession), getResumeData(quizSession.id), sessionStartOrResumeEvent(navigator.userAgent, ipAddress), updateQuizSessionStatusOnPageLoad(quizSession.status)]);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 }
 
 // ====================================

package/lib/common/actions/taking.js

@@ -122,12 +122,13 @@ var loadResumeData = function loadResumeData(resumeData) {
   };
 };
 exports.loadResumeData = loadResumeData;
-var sessionStartOrResumeEvent = function sessionStartOrResumeEvent(userAgent) {
+var sessionStartOrResumeEvent = function sessionStartOrResumeEvent(userAgent, ipAddress) {
   return {
     type: _quizCommon.SESSION_STARTED_OR_RESUMED_EVENT,
     payload: {
       userAgent: userAgent,
-      browserSessionId: (0, _uuid.v4)()
+      browserSessionId: (0, _uuid.v4)(),
+      ipAddress: ipAddress
     }
   };
 };

package/lib/common/reducers/taking.js

@@ -73,7 +73,11 @@ var loadResponses = function loadResponses(state, payload) {
   return payload.reduce(modifyResponse, state);
 };
 var markSessionStartedIdentifier = function markSessionStartedIdentifier(state, payload) {
-  return state.get('browserSessionId') === payload.browserSessionId ? state : state.set('browserSessionId', payload.browserSessionId);
+  var needsUpdate = state.get('browserSessionId') !== payload.browserSessionId || state.get('ipAddress') !== payload.ipAddress;
+  return needsUpdate ? state.merge({
+    browserSessionId: payload.browserSessionId,
+    ipAddress: payload.ipAddress
+  }) : state;
 };
 var updateQuizSubmitFlag = function updateQuizSubmitFlag(state, payload) {
   return state.set('submitFlag', payload.value);

package/lib/common/selectors/taking.js

@@ -8,7 +8,7 @@ exports.isTimeUp = isTimeUp;
 exports.getResponsesByIds = getResponsesByIds;
 exports.getResponseById = getResponseById;
 exports.getResponseDataByPosition = getResponseDataByPosition;
-exports.getIsTaking = exports.getTimerData = exports.getBrowserSessionId = exports.getCurrentSessionItemPosition = void 0;
+exports.getIsTaking = exports.getTimerData = exports.getIpAddress = exports.getBrowserSessionId = exports.getCurrentSessionItemPosition = void 0;
 var _immutable = require("immutable");
 var _Response = _interopRequireDefault(require("../records/Response.js"));
 var path = 'taking';
@@ -20,6 +20,10 @@ var getBrowserSessionId = function getBrowserSessionId(state) {
   return state.getIn([path, 'browserSessionId']);
 };
 exports.getBrowserSessionId = getBrowserSessionId;
+var getIpAddress = function getIpAddress(state) {
+  return state.getIn([path, 'ipAddress']);
+};
+exports.getIpAddress = getIpAddress;
 var getTimerData = function getTimerData(state) {
   return state.getIn([path, 'timerData'], (0, _immutable.Map)());
 };

package/lib/common/util/getClientIpAddress.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getClientIpAddress = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _Fetcher = _interopRequireDefault(require("./Fetcher.js"));
+var getClientIpAddress = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(quizSessionId) {
+    var url, fetcher, _yield$fetcher$get, ip;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            url = "/api/quiz_sessions/".concat(quizSessionId, "/get_ip_address");
+            fetcher = new _Fetcher.default();
+            _context.next = 5;
+            return fetcher.get(url);
+          case 5:
+            _yield$fetcher$get = _context.sent;
+            ip = _yield$fetcher$get.ip;
+            return _context.abrupt("return", ip);
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+            return _context.abrupt("return", null);
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 10]]);
+  }));
+  return function getClientIpAddress(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+exports.getClientIpAddress = getClientIpAddress;

package/lib/common/util/serializeEvent.js

@@ -17,8 +17,10 @@ function serializeEvent(action, store) {
   var state = store.getState();
   var quizSession = (0, _quizSessions.getActiveQuizSession)(state);
   var defaultEventData = {
+    userAgent: navigator.userAgent,
     browserSessionId: (0, _taking.getBrowserSessionId)(state),
-    clientTimestamp: new Date()
+    clientTimestamp: new Date(),
+    ipAddress: (0, _taking.getIpAddress)(state)
   };
   var authoritativeData = {
     accountUuid: quizSession.accountUuid,

package/lib/index.js

@@ -118,6 +118,7 @@ var _exportNames = {
   setThemeByKey: true,
   getActiveTheme: true,
   setActiveTheme: true,
+  getClientIpAddress: true,
   createQuizEntryRegrade: true,
   getQuizEntry: true,
   moveQuizEntry: true,
@@ -892,6 +893,12 @@ Object.defineProperty(exports, "setActiveTheme", {
     return _quizCommon.setActiveTheme;
   }
 });
+Object.defineProperty(exports, "getClientIpAddress", {
+  enumerable: true,
+  get: function get() {
+    return _getClientIpAddress.getClientIpAddress;
+  }
+});
 Object.defineProperty(exports, "createQuizEntryRegrade", {
   enumerable: true,
   get: function get() {
@@ -1578,6 +1585,7 @@ var _sessionStore = require("./common/util/sessionStore.js");
 var _printUtils = require("./common/util/printUtils.js");
 var _rceChecker = require("./common/util/rceChecker.js");
 var _quizCommon = require("@instructure/quiz-common");
+var _getClientIpAddress = require("./common/util/getClientIpAddress.js");
 var _quizEntryRegrades = require("./grading/api/quizEntryRegrades.js");
 var _quizEntries = require("./building/api/quizEntries.js");
 var _items = require("./building/api/items.js");

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

@@ -18,9 +18,12 @@ 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 _SessionSubmitEvent = require("./SessionSubmitEvent.js");
 var _RCEEvent = _interopRequireDefault(require("./RCEEvent.js"));
 var _PageBlurredEvent = _interopRequireDefault(require("./PageBlurredEvent.js"));
 var _PageFocusedEvent = _interopRequireDefault(require("./PageFocusedEvent.js"));
+var _extractSessionData = require("../resources/util/extractSessionData.js");
+var _checkIsBreach = require("../resources/util/checkIsBreach.js");
 var _Event;
 var _ref = /*#__PURE__*/_react.default.createElement(_PageBlurredEvent.default, null);
 var _ref2 = /*#__PURE__*/_react.default.createElement(_PageFocusedEvent.default, null);
@@ -33,26 +36,34 @@ var Event = /*#__PURE__*/function (_Component) {
   }
   (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, {
           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
+            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, {
@@ -72,8 +83,12 @@ 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, {
         eventTime: event.createdDate(),
@@ -91,11 +106,13 @@ Event.displayName = 'Row';
 Event.componentId = "Quizzes".concat(_Event.displayName);
 Event.propTypes = {
   event: _reactImmutableProptypes.default.record,
-  startTime: _propTypes.default.instanceOf(Date)
+  startTime: _propTypes.default.instanceOf(Date),
+  firstEvent: _reactImmutableProptypes.default.record
 };
 Event.defaultProps = {
   event: void 0,
-  startTime: void 0
+  startTime: void 0,
+  firstEvent: void 0
 };
 var _default = Event;
 exports.default = _default;

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +10,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _react = require("react");
+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,9 +20,11 @@ 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 _EventDetails = require("../resources/EventDetails.js");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _quizCommon = require("@instructure/quiz-common");
+var _propTypes2 = require("../../../reporting/components/resources/common/propTypes.js");
 var _dec, _class, _ResponseEvent;
 /** @jsx jsx */
 var imgRegex = /<img.*?src=['"](.+)['"]/g;
@@ -51,13 +54,16 @@ var ResponseEvent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "renderTextSummary",
     value: function renderTextSummary() {
+      var isBreach = arguments.length > 0 && arguments[0] !== void 0 ? 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",
@@ -85,16 +91,26 @@ 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());
       }
     }
   }, {
@@ -108,7 +124,9 @@ var ResponseEvent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
 }(_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
+  styles: _propTypes.default.object,
+  validationErrors: _propTypes2.sessionValidationErrorsPropType,
+  currentEventData: _propTypes2.eventDataPropType
 }, _ResponseEvent)) || _class);
 exports.ResponseEvent = ResponseEvent;
 var _default = ResponseEvent;

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

@@ -11,11 +11,11 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _platform = _interopRequireDefault(require("platform"));
+var _EventDetails = require("../resources/EventDetails.js");
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
-var _uiTable = require("@instructure/ui-table");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _uiText = require("@instructure/ui-text");
+var _propTypes = require("../../../reporting/components/resources/common/propTypes.js");
 var SessionStartEvent = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SessionStartEvent, _Component);
   var _super = (0, _createSuper2.default)(SessionStartEvent);
@@ -26,18 +26,18 @@ var SessionStartEvent = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(SessionStartEvent, [{
     key: "render",
     value: function render() {
-      var event = this.props.event;
-      var userPlatform = _platform.default.parse(event.getIn(['eventData', 'userAgent']));
+      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: (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())))));
+        summary: summary
+      }, /*#__PURE__*/_react.default.createElement(_EventDetails.EventDetails, {
+        currentEventData: currentEventData,
+        validationErrors: validationErrors
+      }));
     }
   }]);
   SessionStartEvent.displayName = "SessionStartEvent";
@@ -45,7 +45,8 @@ var SessionStartEvent = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 exports.SessionStartEvent = SessionStartEvent;
 SessionStartEvent.propTypes = {
-  event: _reactImmutableProptypes.default.record.isRequired
+  validationErrors: _propTypes.sessionValidationErrorsPropType,
+  currentEventData: _propTypes.eventDataPropType
 };
 var _default = SessionStartEvent;
 exports.default = _default;

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

@@ -0,0 +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.SessionSubmitEvent = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _EventDetails = require("../resources/EventDetails.js");
+var _uiToggleDetails = require("@instructure/ui-toggle-details");
+var _uiText = require("@instructure/ui-text");
+var _propTypes = require("../../../reporting/components/resources/common/propTypes.js");
+var SessionSubmitEvent = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(SessionSubmitEvent, _Component);
+  var _super = (0, _createSuper2.default)(SessionSubmitEvent);
+  function SessionSubmitEvent() {
+    (0, _classCallCheck2.default)(this, SessionSubmitEvent);
+    return _super.apply(this, arguments);
+  }
+  (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
+      }));
+    }
+  }]);
+  SessionSubmitEvent.displayName = "SessionSubmitEvent";
+  return SessionSubmitEvent;
+}(_react.Component);
+exports.SessionSubmitEvent = SessionSubmitEvent;
+SessionSubmitEvent.propTypes = {
+  validationErrors: _propTypes.sessionValidationErrorsPropType,
+  currentEventData: _propTypes.eventDataPropType
+};
+var _default = SessionSubmitEvent;
+exports.default = _default;

package/lib/moderating/components/resources/EventDetails.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EventDetails = void 0;
+var _uiTable = require("@instructure/ui-table");
+var _uiText = require("@instructure/ui-text");
+var _uiButtons = require("@instructure/ui-buttons");
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _react = _interopRequireDefault(require("react"));
+var _SessionBreachAlert = require("./SessionBreachAlert.js");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiTooltip = require("@instructure/ui-tooltip");
+var _ref2 = /*#__PURE__*/_react.default.createElement(_SessionBreachAlert.SessionBreachAlert, null);
+var EventDetails = function EventDetails(_ref) {
+  var currentEventData = _ref.currentEventData,
+    validationErrors = _ref.validationErrors,
+    _ref$answerValue = _ref.answerValue,
+    answerValue = _ref$answerValue === void 0 ? null : _ref$answerValue;
+  var eventTimeString = "".concat((0, _formatMessage.default)('Event time'), ": ").concat(currentEventData.eventDate);
+  var renderTooltip = function renderTooltip(message) {
+    return /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
+      renderTip: message,
+      placement: "end",
+      on: ['click', 'hover', 'focus']
+    }, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+      screenReaderLabel: message,
+      renderIcon: _uiIcons.IconInfoLine,
+      withBackground: false,
+      withBorder: false
+    }));
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, validationErrors.isBreach && _ref2, /*#__PURE__*/_react.default.createElement("h4", null, eventTimeString), /*#__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)('Client IP address')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+    color: validationErrors.ipAddress ? 'danger' : 'primary'
+  }, currentEventData.ipAddress), validationErrors.ipAddress && renderTooltip(validationErrors.ipAddress))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, (0, _formatMessage.default)('Browser session ID')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+    color: validationErrors.browserSessionID ? 'danger' : 'primary'
+  }, currentEventData.browserSessionID), validationErrors.browserSessionID && renderTooltip(validationErrors.browserSessionID))), /*#__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, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+    color: validationErrors.browserString ? 'danger' : 'primary'
+  }, currentEventData.browserString), validationErrors.browserString && renderTooltip(validationErrors.browserString))), /*#__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, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+    color: validationErrors.userPlatform ? 'danger' : 'primary'
+  }, currentEventData.userPlatform), validationErrors.userPlatform && renderTooltip(validationErrors.userPlatform))), answerValue && /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, (0, _formatMessage.default)('Answer value')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, answerValue)))));
+};
+exports.EventDetails = EventDetails;

package/lib/moderating/components/resources/SessionBreachAlert.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionBreachAlert = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uiAlerts = require("@instructure/ui-alerts");
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _ref = /*#__PURE__*/_react.default.createElement("br", null);
+var SessionBreachAlert = function SessionBreachAlert() {
+  return /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
+    variant: "warning",
+    margin: "small"
+  }, (0, _formatMessage.default)('Potential breach: This Quiz appears to have been accessed from multiple devices or browsers.'), _ref, (0, _formatMessage.default)('Review the activity log and take appropriate action.'));
+};
+exports.SessionBreachAlert = SessionBreachAlert;

package/lib/moderating/components/resources/util/checkIsBreach.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkIsBreach = void 0;
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var checkIsBreach = function checkIsBreach(firstEventData, currentEventData) {
+  var result = {
+    isBreach: false
+  };
+  var checks = [{
+    key: 'ipAddress',
+    message: (0, _formatMessage.default)('Client IP address is different from initial address')
+  }, {
+    key: 'browserSessionID',
+    message: (0, _formatMessage.default)('Browser session ID is different from initial id')
+  }, {
+    key: 'browserString',
+    message: (0, _formatMessage.default)('Browser is different from initial browser')
+  }, {
+    key: 'userPlatform',
+    message: (0, _formatMessage.default)('Operating system is different from initial system')
+  }];
+  checks.forEach(function (_ref) {
+    var key = _ref.key,
+      message = _ref.message;
+    if (currentEventData[key] !== firstEventData[key]) {
+      result.isBreach = true;
+      result[key] = message;
+    }
+  });
+  return result;
+};
+exports.checkIsBreach = checkIsBreach;

package/lib/moderating/components/resources/util/extractSessionData.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractSessionData = void 0;
+var _platform = _interopRequireDefault(require("platform"));
+var _quizI18n = require("@instructure/quiz-i18n");
+var extractSessionData = function extractSessionData(sourceData) {
+  if (!sourceData) return {
+    ipAddress: '',
+    browserSessionID: '',
+    eventDate: '',
+    browserString: '',
+    userPlatform: ''
+  };
+  var clientTimestamp = sourceData.getIn(['eventData', 'clientTimestamp']);
+  var userPlatform = _platform.default.parse(sourceData.getIn(['eventData', 'userAgent']));
+  return {
+    ipAddress: sourceData.getIn(['eventData', 'ipAddress']),
+    browserSessionID: sourceData.getIn(['eventData', 'browserSessionId']),
+    eventDate: clientTimestamp ? (0, _quizI18n.formatDateTimeSeconds)(clientTimestamp) : '',
+    browserString: "".concat(userPlatform.name, " ").concat(userPlatform.version),
+    userPlatform: userPlatform.os.toString()
+  };
+};
+exports.extractSessionData = extractSessionData;

package/lib/reporting/components/resources/common/propTypes.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.afsFlags = exports.itemAnalysisPropType = exports.answerSummaryPropType = exports.numericTypeAnswerSummaryPropType = exports.richFillBlankTypeAnswerSummaryPropType = exports.matchingTypeAnswerSummaryPropType = exports.scoreDistributionType = exports.scoreDistributionTypeAnswerSummaryPropType = exports.choiceTypeAnswerSummaryPropType = exports.choiceTypeObject = exports.onlyAggregatePropType = exports.aggregatePropType = exports.aggregateDetailPropType = exports.studentAnalysesPropType = exports.quizAnalysisPropType = exports.quizAnalysisMetadata = void 0;
+exports.eventDataPropType = exports.sessionValidationErrorsPropType = exports.afsFlags = exports.itemAnalysisPropType = exports.answerSummaryPropType = exports.numericTypeAnswerSummaryPropType = exports.richFillBlankTypeAnswerSummaryPropType = exports.matchingTypeAnswerSummaryPropType = exports.scoreDistributionType = exports.scoreDistributionTypeAnswerSummaryPropType = exports.choiceTypeAnswerSummaryPropType = exports.choiceTypeObject = exports.onlyAggregatePropType = exports.aggregatePropType = exports.aggregateDetailPropType = exports.studentAnalysesPropType = exports.quizAnalysisPropType = exports.quizAnalysisMetadata = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var quizAnalysisMetadata = _propTypes.default.shape({
   quiz_title: _propTypes.default.string,
@@ -186,4 +186,20 @@ var afsFlags = _propTypes.default.shape({
   essayEnabled: _propTypes.default.bool.isRequired,
   fileUploadEnabled: _propTypes.default.bool.isRequired
 });
-exports.afsFlags = afsFlags;
+exports.afsFlags = afsFlags;
+var sessionValidationErrorsPropType = _propTypes.default.shape({
+  isBreach: _propTypes.default.bool,
+  ipAddress: _propTypes.default.string,
+  browserSessionID: _propTypes.default.string,
+  browserString: _propTypes.default.string,
+  userPlatform: _propTypes.default.string
+});
+exports.sessionValidationErrorsPropType = sessionValidationErrorsPropType;
+var eventDataPropType = _propTypes.default.shape({
+  ipAddress: _propTypes.default.string,
+  browserSessionID: _propTypes.default.string,
+  eventDate: _propTypes.default.string,
+  browserString: _propTypes.default.string,
+  userPlatform: _propTypes.default.string
+});
+exports.eventDataPropType = eventDataPropType;

package/lib/taking/api/taking.js

@@ -17,6 +17,8 @@ exports.postQuizSession = postQuizSession;
 exports.getTimeRemaining = getTimeRemaining;
 exports.recordQuizTime = recordQuizTime;
 exports.messageForSubmitModal = exports.nextQuestion = exports.submitStudentAccessCode = exports.makeSessionItemCall = exports.getResumeData = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
 var _immutable = require("immutable");
@@ -34,6 +36,7 @@ var _quizSessions2 = require("../../common/actions/quizSessions.js");
 var _callHandlers = require("../../common/api/callHandlers.js");
 var modalActions = _interopRequireWildcard(require("../../common/actions/modal.js"));
 var _taking = require("../../common/actions/taking.js");
+var _getClientIpAddress = require("../../common/util/getClientIpAddress.js");
 // =============================================
 // =============================================
 
@@ -167,9 +170,29 @@ function newQuizTakingSession(quizSessionId) {
   };
 }
 function onQuizSessionReadyForTaking(quizSession) {
-  return function (dispatch) {
-    dispatch([makeSessionItemCall(quizSession), getResumeData(quizSession.id), (0, _taking.sessionStartOrResumeEvent)(navigator.userAgent), (0, _taking.updateQuizSessionStatusOnPageLoad)(quizSession.status)]);
-  };
+  return /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(dispatch) {
+      var ipAddress;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _getClientIpAddress.getClientIpAddress)(quizSession.id);
+            case 2:
+              ipAddress = _context.sent;
+              dispatch([makeSessionItemCall(quizSession), getResumeData(quizSession.id), (0, _taking.sessionStartOrResumeEvent)(navigator.userAgent, ipAddress), (0, _taking.updateQuizSessionStatusOnPageLoad)(quizSession.status)]);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 }
 
 // ====================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "21.0.1-rc.5+d404b6c7f",
+  "version": "21.0.1-rc.7+5563d7637",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -46,11 +46,11 @@
     "@instructure/emotion": "^9.11.1",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.2",
-    "@instructure/quiz-common": "21.0.1-rc.5+d404b6c7f",
-    "@instructure/quiz-i18n": "21.0.1-rc.5+d404b6c7f",
-    "@instructure/quiz-interactions": "21.0.1-rc.5+d404b6c7f",
-    "@instructure/quiz-number-input": "21.0.1-rc.5+d404b6c7f",
-    "@instructure/quiz-rce": "21.0.1-rc.5+d404b6c7f",
+    "@instructure/quiz-common": "21.0.1-rc.7+5563d7637",
+    "@instructure/quiz-i18n": "21.0.1-rc.7+5563d7637",
+    "@instructure/quiz-interactions": "21.0.1-rc.7+5563d7637",
+    "@instructure/quiz-number-input": "21.0.1-rc.7+5563d7637",
+    "@instructure/quiz-rce": "21.0.1-rc.7+5563d7637",
     "@instructure/ui-a11y-content": "^9.11.1",
     "@instructure/ui-alerts": "^9.11.1",
     "@instructure/ui-avatar": "^9.11.1",
@@ -109,7 +109,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "21.0.1-rc.5+d404b6c7f",
+    "instructure-validations": "21.0.1-rc.7+5563d7637",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -159,7 +159,7 @@
     "jquery": "^2.2.3",
     "karma-junit-reporter": "^2.0.1",
     "most-subject": "^5.3.0",
-    "quiz-presets": "21.0.1-rc.5+d404b6c7f",
+    "quiz-presets": "21.0.1-rc.7+5563d7637",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -175,5 +175,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d404b6c7fd8bb68c358df62a1bdd990fc386c2ac"
+  "gitHead": "5563d76375a3820d02aa7b7698023d9f985beb59"
 }