@instructure/quiz-core 21.0.2 → 21.1.1

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.2",
+  "version": "21.1.1",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -111,12 +111,12 @@
     "store": "^1.3.20",
     "striptags": "^2.0.0",
     "uuid": "^3.2.1",
-    "@instructure/quiz-common": "21.0.2",
-    "@instructure/quiz-i18n": "21.0.2",
-    "@instructure/quiz-interactions": "21.0.2",
-    "@instructure/quiz-rce": "21.0.2",
-    "@instructure/quiz-number-input": "21.0.2",
-    "instructure-validations": "21.0.2"
+    "@instructure/quiz-common": "21.1.1",
+    "@instructure/quiz-i18n": "21.1.1",
+    "@instructure/quiz-number-input": "21.1.1",
+    "instructure-validations": "21.1.1",
+    "@instructure/quiz-rce": "21.1.1",
+    "@instructure/quiz-interactions": "21.1.1"
   },
   "devDependencies": {
     "@instructure/ui-axe-check": "^9.11.1",
@@ -146,7 +146,7 @@
     "sinon": "^6.1.3",
     "sinon-chai": "^3.3.0",
     "@instructure/quiz-scripts": "21.0.0",
-    "quiz-presets": "21.0.2"
+    "quiz-presets": "21.1.1"
   },
   "peerDependencies": {
     "react": "^15 || ^16"