@instructure/quiz-core 21.0.0 → 21.0.1-rc.11

package/es/moderating/components/resources/AccommodationsModal/ExtraTimeMultiplier/index.js

@@ -83,8 +83,8 @@ var ExtraTimeMultiplier = /*#__PURE__*/function (_withI18nSupport) {
     return _this;
   }
   _createClass(ExtraTimeMultiplier, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var multiplierValue = Math.max(this.props.timerMultiplierValue, this.props.minMultiplier);
       var multiplierValueString = this.formatDecimal2FractionDigits(multiplierValue);
       this.setState({

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/QuizAndItemAnalysis/presenter.js

@@ -40,8 +40,8 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
       this.getAnalyses(this.props.activeQuizId);
     }
   }, {
-    key: "componentWillUpdate",
-    value: function componentWillUpdate(nextProps) {
+    key: "UNSAFE_componentWillUpdate",
+    value: function UNSAFE_componentWillUpdate(nextProps) {
       if (this.props.activeQuizId !== nextProps.activeQuizId) {
         this.getAnalyses(nextProps.activeQuizId);
       }

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/banks/components/BankEntry/presenter.js

@@ -219,8 +219,8 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       this.props.setShouldClone(false);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setShouldClone(false);
     }
   }, {

package/lib/banks/components/BanksList/presenter.js

@@ -454,7 +454,7 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       }, (0, _emotion.jsx)(_uiTable.Table.Row, null, this.renderTableSortHeader('name', (0, _formatMessage.default)('Name')), this.renderTableSortHeader('updated_at', (0, _formatMessage.default)('Updated')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "header-num-questions",
         width: "1"
-      }, (0, _formatMessage.default)('Questions')), this.renderTableSortHeader('last_used', (0, _formatMessage.default)('Last Used')), this.renderTableSortHeader('created_at', (0, _formatMessage.default)('Created')), !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Questions')), this.renderTableSortHeader('last_used', (0, _formatMessage.default)('Last Used')), this.renderTableSortHeader('created_at', (0, _formatMessage.default)('Created')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "header-option-links",
         width: "1"
       }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Bank option links'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, (this.props.banks.toArray() || []).map(function (bank) {

package/lib/banks/components/SharingModal/presenter.js

@@ -337,8 +337,8 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       });
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         accountPermission: nextProps.bank.accountPermission,
         shares: nextProps.sharedBanks

package/lib/building/components/layout/header/BuildingButtons/theme.js

@@ -11,7 +11,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     quizSavingColor: colors.lightGray,
     quizSavingMargin: spacing.large,
-    buttonsHolderMargin: spacing.xLarge,
+    buttonsHolderMargin: spacing.mediumSmall,
     menuIconMargin: spacing.xSmall,
     menuIconFontSize: typography.fontSizeLarge
   };

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -94,8 +94,8 @@ var QuizEntryEditFooter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
     return _this;
   }
   (0, _createClass2.default)(QuizEntryEditFooter, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var points = this.getPoints(nextProps);
       this.setState({
         points: points,

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

@@ -284,8 +284,8 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       this.props.onEditQuizEntryToggle(this.props.quizEntry.id);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
     }
   }, {

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/components/PrintFontSizeModal/presenter.js

@@ -92,8 +92,8 @@ var PrintFontSizeModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
       });
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         selectedFontSize: nextProps.persistedPrintFontSize || this.state.selectedFontSize,
         rememberTextSizeSetting: !!this.props.persistedPrintFontSize || this.state.rememberTextSizeSetting

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

@@ -72,8 +72,8 @@ var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null),
       return (0, _ui.set)('appContainer', selectors);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var _this$props$rceConfig;
       this.store.dispatch([(0, _config.setAPIEndpoint)(this.props.apiEndpoint), (0, _config.setCanvasOrigin)((_this$props$rceConfig = this.props.rceConfig) === null || _this$props$rceConfig === void 0 ? void 0 : _this$props$rceConfig.canvasOrigin), this.setAppContainer(this.props.appContainer), (0, _config.setUserToken)(this.props.userToken), (0, _outcomes.setOutcomesEndpoint)(this.props.outcomesEndpoint), (0, _outcomes.setOutcomesToken)(this.props.outcomesToken), (0, _outcomes.setContextUuid)(this.props.contextUuid), (0, _outcomes.setExternalAccountUuid)(this.props.externalAccountUuid)]);
       if (this.props.itemBankSharingEnabled) {
@@ -91,8 +91,8 @@ var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null),
       !this.props.disableAlertLiveRegion && (0, _renderAlerts.renderAlerts)(this.store);
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(newProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(newProps) {
       var _newProps$rceConfig, _this$props$rceConfig2;
       if (newProps.apiEndpoint !== this.props.apiEndpoint) {
         this.store.dispatch((0, _config.setAPIEndpoint)(newProps.apiEndpoint));

package/lib/common/components/layout/navbar/theme.js

@@ -8,7 +8,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
     colors = _ref.colors;
   return {
-    backgroundColor: colors.porcelain,
+    backgroundColor: colors.white,
     phoneBreakPoint: breakpoints.medium
   };
 };

package/lib/common/components/resources/entry/EntrySave/presenter.js

@@ -93,8 +93,8 @@ var EntrySave = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2.default)(EntrySave, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.switchOnEditing(this.props.initialFocusId);
     }
   }, {

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

@@ -10,12 +10,16 @@ var _redux = require("redux");
 var _reactRedux = require("../../../../react-redux.js");
 var modificationActions = _interopRequireWildcard(require("../../../../actions/modifications.js"));
 var _featureCheck = require("../../../../../common/util/featureCheck.js");
+var _quizzes = require("../../../../../common/selectors/quizzes.js");
 var _presenter = _interopRequireDefault(require("./presenter.js"));
 function mapStateToProps(state, props) {
+  var quizId = (0, _quizzes.getActiveQuizId)(state);
+  var quiz = (0, _quizzes.getQuizById)(state, quizId);
   return {
     workingStimulus: props.stimulus.getWorkingInstance(),
     errorsShowing: state.getIn(['errorsShowing', props.guid], props.errorsShowing || false),
-    stimulusOrientationEnabled: (0, _featureCheck.featureOn)('customizable_stimulus_orientation')
+    stimulusOrientationEnabled: (0, _featureCheck.featureOn)('customizable_stimulus_orientation'),
+    shuffleQuestionsEnabled: quiz.shuffleQuestions
   };
 }
 function mapDispatchToProps(dispatch) {

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

@@ -23,6 +23,7 @@ var _quizCommon = require("@instructure/quiz-common");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _uiAlerts = require("@instructure/ui-alerts");
 var _dec, _class, _StimulusEditInfo;
 /** @jsx jsx */
 var _ref3 = (0, _emotion.jsx)(_uiIcons.IconUpdownLine, {
@@ -103,6 +104,16 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         value: "top"
       }, (0, _formatMessage.default)('Questions below'))));
     }
+  }, {
+    key: "renderPassageAlert",
+    value: function renderPassageAlert(stimulus) {
+      if (!stimulus.passage || !this.props.shuffleQuestionsEnabled) {
+        return null;
+      }
+      return (0, _emotion.jsx)(_uiAlerts.Alert, {
+        variant: "warning"
+      }, (0, _formatMessage.default)('The passage sections may not appear in their original order due to the shuffle setting.'));
+    }
   }, {
     key: "renderInstructions",
     value: function renderInstructions(stimulus) {
@@ -153,7 +164,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h3",
         as: "h2"
-      }, this.headerText(stimulus)), (0, _emotion.jsx)("div", {
+      }, this.headerText(stimulus)), this.renderPassageAlert(stimulus), (0, _emotion.jsx)("div", {
         css: this.props.styles.section
       }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         messages: this.inputErrors('title'),
@@ -191,9 +202,11 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
   modifyStimulus: _propTypes.default.func.isRequired,
   setTitleRef: _propTypes.default.func,
   stimulusOrientationEnabled: _propTypes.default.bool.isRequired,
-  styles: _propTypes.default.object
+  styles: _propTypes.default.object,
+  shuffleQuestionsEnabled: _propTypes.default.bool
 }, _StimulusEditInfo.defaultProps = {
   isBankedContent: false,
+  shuffleQuestionsEnabled: false,
   setTitleRef: function setTitleRef() {}
 }, _StimulusEditInfo)) || _class);
 exports.StimulusEditInfo = StimulusEditInfo;

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

@@ -15,13 +15,13 @@ var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-p
 var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
 var _uiText = require("@instructure/ui-text");
+var _quizCommon = require("@instructure/quiz-common");
 var _index = _interopRequireDefault(require("../StimulusShowInfo/index.js"));
 var _index2 = _interopRequireDefault(require("../../../../../building/components/resources/ActionButtons/index.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _index3 = _interopRequireDefault(require("../../../shared/overlay/index.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _StimulusShow;
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */

package/lib/common/components/shared/Card/CardWrapper/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints,
     transitions = _ref.transitions;
   return {
-    wrapperPadding: spacing.medium,
+    wrapperPadding: spacing.mediumSmall,
     wrapperTransitionDuration: transitions.duration,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     phoneWrapperPadding: spacing.medium

package/lib/common/components/shared/PaginatedCollection/presenter.js

@@ -62,8 +62,8 @@ var PaginatedCollection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
       this.getPage(this.props.stateKey, this.props.currentPage, this.props.params);
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(_ref) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(_ref) {
       var merge = _ref.merge,
         params = _ref.params,
         set = _ref.set,

package/lib/common/components/shared/TimeUnitsInput/index.js

@@ -185,8 +185,8 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2.default)(TimeUnitsInput, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var _breakdownSeconds5 = (0, _index.breakdownSeconds)(this.props.timeInSeconds, this.props.includeDays),
         days = _breakdownSeconds5.days,
         hours = _breakdownSeconds5.hours,

package/lib/common/components/shared/functionality/makeEditable.js

@@ -68,8 +68,8 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
       return _this;
     }
     (0, _createClass2.default)(_Class, [{
-      key: "componentWillMount",
-      value: function componentWillMount() {
+      key: "UNSAFE_componentWillMount",
+      value: function UNSAFE_componentWillMount() {
         this._uniqId = (0, _uniqueId.default)("".concat(ComposedComponent.displayName, "_"));
       }
     }, {

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,
@@ -203,6 +204,7 @@ var _exportNames = {
   getQuizById: true,
   getActiveQuizId: true,
   getQuizEntryById: true,
+  getQuizEntriesByQuizId: true,
   isActiveQuizWorkingInstanceOneQuestionAtATime: true,
   getActiveQuiz: true,
   getItemById: true,
@@ -891,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() {
@@ -1383,6 +1391,12 @@ Object.defineProperty(exports, "getQuizEntryById", {
     return _quizzes3.getQuizEntryById;
   }
 });
+Object.defineProperty(exports, "getQuizEntriesByQuizId", {
+  enumerable: true,
+  get: function get() {
+    return _quizzes3.getQuizEntriesByQuizId;
+  }
+});
 Object.defineProperty(exports, "isActiveQuizWorkingInstanceOneQuestionAtATime", {
   enumerable: true,
   get: function get() {
@@ -1571,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");