@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

package/es/messages/LocalStorageAdapter.js

@@ -1,41 +1,29 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import { localStorageLimits } from "./LocalStorageLimits.js";
-
 var LocalStorageAdapter = function LocalStorageAdapter() {
   var _this = this;
-
   var lsLimits = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : localStorageLimits;
   var ls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : window.localStorage;
-
   _classCallCheck(this, LocalStorageAdapter);
-
   this.putData = function (tool_id, key, value) {
     _this.localStorageLimits.addToLimit(tool_id, key, value);
-
     _this.localStorage.setItem(_this.getKey(tool_id, key), value);
   };
-
   this.getKey = function (tool_id, key) {
     return "lti|platform_storage|".concat(tool_id, "|").concat(key);
   };
-
   this.getData = function (tool_id, key) {
     return _this.localStorage.getItem(_this.getKey(tool_id, key));
   };
-
   this.clearData = function (tool_id, key) {
     var value = _this.getData(tool_id, key);
-
     if (value) {
       _this.localStorageLimits.removeFromLimit(tool_id, key, value);
-
       _this.localStorage.removeItem(_this.getKey(tool_id, key));
     }
   };
-
   this.localStorageLimits = lsLimits;
   this.localStorage = ls;
 };
-
 export { LocalStorageAdapter as default };
 export var localStorageAdapter = new LocalStorageAdapter();

package/es/messages/LocalStorageLimits.js

@@ -1,29 +1,23 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import StorageExhaustionError from "./StorageExhaustionError.js";
-
-var LocalStorageLimits = // IMS minimum storage limit is 4096 bytes so 4096 chars is more than enough
-function LocalStorageLimits() {
+var LocalStorageLimits = function LocalStorageLimits() {
   var _this = this;
-
   _classCallCheck(this, LocalStorageLimits);
-
   this.STORAGE_CHAR_LIMIT = 4096;
+  // IMS minimum storage limit is 4096 bytes so 4096 chars is more than enough
   this.STORAGE_KEY_LIMIT = 500;
-
   this.changeKeyCount = function (tool_id, value) {
     _this.limits.set(tool_id, {
       charCount: _this.limits.get(tool_id).charCount,
       keyCount: _this.limits.get(tool_id).keyCount + value
     });
   };
-
   this.changeCharCount = function (tool_id, value) {
     _this.limits.set(tool_id, {
       charCount: _this.limits.get(tool_id).charCount + value,
       keyCount: _this.limits.get(tool_id).keyCount
     });
   };
-
   this.createLimit = function (tool_id) {
     if (!_this.limits.get(tool_id)) {
       _this.limits.set(tool_id, {
@@ -32,47 +26,34 @@ function LocalStorageLimits() {
       });
     }
   };
-
   this.getLimit = function (tool_id) {
     _this.createLimit(tool_id);
-
     return _this.limits.get(tool_id);
   };
-
   this.clearLimit = function (tool_id) {
     _this.limits.delete(tool_id);
   };
-
   this.addToLimit = function (tool_id, key, value) {
     _this.createLimit(tool_id);
-
     var length = key.length + value.length;
-
     if (_this.limits.get(tool_id).keyCount >= _this.STORAGE_KEY_LIMIT) {
       throw new StorageExhaustionError('Reached key limit for tool');
     }
-
     if (_this.limits.get(tool_id).charCount + length > _this.STORAGE_CHAR_LIMIT) {
       throw new StorageExhaustionError('Reached byte limit for tool');
     }
-
     _this.changeKeyCount(tool_id, 1);
-
     _this.changeCharCount(tool_id, length);
   };
-
   this.removeFromLimit = function (tool_id, key, value) {
     _this.changeKeyCount(tool_id, -1);
-
     _this.changeCharCount(tool_id, -key.length - value.length);
-
     if (_this.limits.get(tool_id).keyCount < 0) {
       _this.limits.set(tool_id, {
         keyCount: 0,
         charCount: _this.limits.get(tool_id).charCount
       });
     }
-
     if (_this.limits.get(tool_id).charCount < 0) {
       _this.limits.set(tool_id, {
         keyCount: _this.limits.get(tool_id).keyCount,
@@ -80,8 +61,6 @@ function LocalStorageLimits() {
       });
     }
   };
-
   this.limits = new Map();
 };
-
 export var localStorageLimits = new LocalStorageLimits();

package/es/messages/StorageExhaustionError.js

@@ -2,23 +2,16 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
-
 var StorageExhaustionError = /*#__PURE__*/function (_Error) {
   _inherits(StorageExhaustionError, _Error);
-
   var _super = _createSuper(StorageExhaustionError);
-
   function StorageExhaustionError(message) {
     var _this;
-
     _classCallCheck(this, StorageExhaustionError);
-
     _this = _super.call(this, message);
     _this.code = 'storage_exhaustion';
     return _this;
   }
-
   return StorageExhaustionError;
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 export { StorageExhaustionError as default };

package/es/messages/postMessageService.js

@@ -7,31 +7,23 @@ import handlePutData from './subjectHandlers/lti.put_data';
 import handleGetData from './subjectHandlers/lti.get_data';
 import handleFetchWindowSize from './subjectHandlers/lti.fetchWindowSize';
 import handleRequestFullWindowLaunch from "./subjectHandlers/requestFullWindowLaunch.js";
-
 var PostMessageService = function PostMessageService() {
   var _this = this;
-
   _classCallCheck(this, PostMessageService);
-
   this.BAD_REQUEST_ERROR_CODE = 'bad_request';
   this.GENERIC_ERROR_CODE = 'error';
-
   this.subjectNotAllowed = function (subject) {
     return !_this.handlerMap.has(subject);
   };
-
   this.messageHandlerDispatcher = function (event) {
     if (_this.subjectNotAllowed(event.data.subject)) {
       return null;
     }
-
     return _this.handlerMap.get(event.data.subject)(event, _this);
   };
-
   this.subjectAllowList = function () {
     return Array.from(_this.handlerMap.keys());
   };
-
   this.capabilities = function () {
     return _this.subjectAllowList().map(function (subject) {
       return {
@@ -39,51 +31,40 @@ var PostMessageService = function PostMessageService() {
       };
     });
   };
-
   this.configurePostMessageListener = function () {
     window.addEventListener('message', _this.messageHandlerDispatcher);
   };
-
   this.cleanupPostMessageListener = function () {
     window.removeEventListener('message', _this.messageHandlerDispatcher);
   };
-
   this.sendResponse = function (subject, data, sourceWindow, origin) {
     sourceWindow.postMessage(_objectSpread({
       subject: subject + '.response'
     }, data), origin);
   };
-
   this.sendSuccessPostMessageResponse = function (subject, message, sourceWindow, origin) {
     _this.sendResponse(subject, {
       message: message
     }, sourceWindow, origin);
   };
-
   this.sendErrorPostMessageResponse = function (subject, message, code, sourceWindow, origin) {
     _this.sendResponse(subject, _this.buildError(code, message), sourceWindow, origin);
   };
-
   this.sendBadRequestErrorPostMessageResponse = function (subject, errorMessage, sourceWindow, origin) {
     _this.sendErrorPostMessageResponse(subject, errorMessage, _this.BAD_REQUEST_ERROR_CODE, sourceWindow, origin);
   };
-
   this.sendGenericErrorPostMessageResponse = function (subject, errorMessage, sourceWindow, origin) {
     _this.sendErrorPostMessageResponse(subject, errorMessage, _this.GENERIC_ERROR_CODE, sourceWindow, origin);
   };
-
   this.buildError = function (code, message) {
     var error = {
       code: code
     };
-
     if (message) {
       error.message = message;
     }
-
     return error;
   };
-
   this.handlerMap = new Map();
   this.handlerMap.set('lti.fetchWindowSize', handleFetchWindowSize);
   this.handlerMap.set('lti.frameResize', handleFrameResize);
@@ -96,5 +77,4 @@ var PostMessageService = function PostMessageService() {
   this.handlerMap.set('lti.get_data', handleGetData);
   this.handlerMap.set('requestFullWindowLaunch', handleRequestFullWindowLaunch);
 };
-
 export { PostMessageService as default };

package/es/messages/subjectHandlers/forwardMessage.js

@@ -3,5 +3,4 @@ var forwardMessage = function forwardMessage(event, _) {
     window.parent.postMessage(event === null || event === void 0 ? void 0 : event.data, '*');
   }
 };
-
 export default forwardMessage;

package/es/messages/subjectHandlers/lti.capabilities.js

@@ -10,5 +10,4 @@ var handleCapabilities = function handleCapabilities(event, postMessageService)
     return false;
   }
 };
-
 export default handleCapabilities;

package/es/messages/subjectHandlers/lti.fetchWindowSize.js

@@ -12,5 +12,4 @@ var handleFetchWindowSize = function handleFetchWindowSize(event, postMessageSer
     offset: offset
   }, event.source, event.origin);
 };
-
 export default handleFetchWindowSize;

package/es/messages/subjectHandlers/lti.frameResize.js

@@ -1,13 +1,10 @@
 import { findDomForWindow } from "../utils.js";
-
 var handleFrameResize = function handleFrameResize(event, postMessageService) {
   var ltiIframe = findDomForWindow(event.source);
-
   if (ltiIframe && event.data.height > 0) {
     ltiIframe.height = event.data.height + 'px';
     ltiIframe.style.height = event.data.height + 'px';
     postMessageService.sendSuccessPostMessageResponse('lti.frameResize', void 0, event.source, event.origin);
   }
 };
-
 export default handleFrameResize;

package/es/messages/subjectHandlers/lti.get_data.js

@@ -1,25 +1,20 @@
 import { localStorageAdapter } from "../LocalStorageAdapter.js";
-
 var handleGetData = function handleGetData(event, postMessageService) {
   var _event$data = event.data,
-      key = _event$data.key,
-      message_id = _event$data.message_id;
-
+    key = _event$data.key,
+    message_id = _event$data.message_id;
   if (!key) {
     postMessageService.sendBadRequestErrorPostMessageResponse('Missing required "key" field');
     return true;
   }
-
   if (!message_id) {
     postMessageService.sendBadRequestErrorPostMessageResponse('Missing required "message_id" field"');
     return true;
   }
-
   var value = localStorageAdapter.getData(event.origin, key);
   postMessageService.sendSuccessPostMessageResponse('lti.get_data', {
     key: key,
     value: value
   }, event.source, event.origin);
 };
-
 export default handleGetData;

package/es/messages/subjectHandlers/lti.put_data.js

@@ -1,23 +1,19 @@
 import StorageExhaustionError from "../StorageExhaustionError.js";
 import { localStorageAdapter } from "../LocalStorageAdapter.js";
 var SUBJECT = 'lti.put_data';
-
 var handlePutData = function handlePutData(event, postMessageService) {
   var _event$data = event.data,
-      key = _event$data.key,
-      value = _event$data.value,
-      message_id = _event$data.message_id;
-
+    key = _event$data.key,
+    value = _event$data.value,
+    message_id = _event$data.message_id;
   if (!key) {
     postMessageService.sendBadRequestErrorPostMessageResponse(SUBJECT, "Missing required 'key' field", event.source, event.origin);
     return true;
   }
-
   if (!message_id) {
     postMessageService.sendBadRequestErrorPostMessageResponse(SUBJECT, 'Missing required "message_id" field', event.source, event.origin);
     return true;
   }
-
   if (value) {
     try {
       localStorageAdapter.putData(event.origin, key, value);
@@ -39,5 +35,4 @@ var handlePutData = function handlePutData(event, postMessageService) {
     }, event.source, event.origin);
   }
 };
-
 export default handlePutData;

package/es/messages/subjectHandlers/requestFullWindowLaunch.js

@@ -1,14 +1,10 @@
 import forwardMessage from "./forwardMessage.js";
 export var SAME_WINDOW_LAUNCH_TYPE = 'same_window';
-
 var handleRequestFullWindowLaunch = function handleRequestFullWindowLaunch(event) {
   var _event$data, _event$data$data;
-
   if ((event === null || event === void 0 ? void 0 : (_event$data = event.data) === null || _event$data === void 0 ? void 0 : (_event$data$data = _event$data.data) === null || _event$data$data === void 0 ? void 0 : _event$data$data.launchType) === SAME_WINDOW_LAUNCH_TYPE) {
     return;
   }
-
   forwardMessage(event);
 };
-
 export default handleRequestFullWindowLaunch;

package/es/messages/utils.js

@@ -4,5 +4,4 @@ function findDomForWindow(sourceWindow) {
     return iframe.contentWindow === sourceWindow;
   });
 }
-
 export { findDomForWindow };

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

@@ -13,28 +13,19 @@ import SessionStartEvent from "./SessionStartEvent.js";
 import RCEEvent from "./RCEEvent.js";
 import PageBlurredEvent from "./PageBlurredEvent.js";
 import PageFocusedEvent from "./PageFocusedEvent.js";
-
 var _ref = /*#__PURE__*/React.createElement(PageBlurredEvent, null);
-
 var _ref2 = /*#__PURE__*/React.createElement(PageFocusedEvent, null);
-
 export var Event = /*#__PURE__*/function (_Component) {
   _inherits(Event, _Component);
-
   var _super = _createSuper(Event);
-
   function Event() {
     _classCallCheck(this, Event);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Event, [{
     key: "renderResponseEvent",
-    // This ugly hack is necessary because the InstUI v7 Table.Body only renders components with name 'Row'.
     value: function renderResponseEvent(event) {
       var item = event.getItem();
-
       if (!item) {
         return null;
       } else {
@@ -50,23 +41,18 @@ export var Event = /*#__PURE__*/function (_Component) {
       switch (event.eventType) {
         case RESPONSE:
           return this.renderResponseEvent(event);
-
         case SESSION_STARTED_OR_RESUMED_EVENT:
           return /*#__PURE__*/React.createElement(SessionStartEvent, {
             event: event
           });
-
         case RCE_EVENT:
           return /*#__PURE__*/React.createElement(RCEEvent, {
             event: event
           });
-
         case PAGE_BLURRED_EVENT:
           return _ref;
-
         case PAGE_FOCUSED_EVENT:
           return _ref2;
-
         default:
           return null;
         // unknown event
@@ -76,8 +62,8 @@ export var Event = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          event = _this$props.event,
-          startTime = _this$props.startTime;
+        event = _this$props.event,
+        startTime = _this$props.startTime;
       var payloadNode = this.renderPayload(event);
       if (!payloadNode) return null;
       return /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(ElapsedTime, {
@@ -86,10 +72,10 @@ export var Event = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/React.createElement(Table.Cell, null, payloadNode));
     }
   }]);
-
   Event.displayName = "Event";
   return Event;
 }(Component);
+// This ugly hack is necessary because the InstUI v7 Table.Body only renders components with name 'Row'.
 Event.displayName = 'Row';
 Event.propTypes = {
   event: ImmutablePropTypes.record,

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

@@ -7,22 +7,17 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { Text } from '@instructure/ui-text';
 export var PageBlurredEvent = /*#__PURE__*/function (_Component) {
   _inherits(PageBlurredEvent, _Component);
-
   var _super = _createSuper(PageBlurredEvent);
-
   function PageBlurredEvent() {
     _classCallCheck(this, PageBlurredEvent);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(PageBlurredEvent, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Text, null, t('Stopped viewing the quiz-taking page'));
     }
   }]);
-
   PageBlurredEvent.displayName = "PageBlurredEvent";
   return PageBlurredEvent;
 }(Component);

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

@@ -7,22 +7,17 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { Text } from '@instructure/ui-text';
 export var PageFocusedEvent = /*#__PURE__*/function (_Component) {
   _inherits(PageFocusedEvent, _Component);
-
   var _super = _createSuper(PageFocusedEvent);
-
   function PageFocusedEvent() {
     _classCallCheck(this, PageFocusedEvent);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(PageFocusedEvent, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Text, null, t('Resumed'));
     }
   }]);
-
   PageFocusedEvent.displayName = "PageFocusedEvent";
   return PageFocusedEvent;
 }(Component);

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

@@ -7,15 +7,11 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Text } from '@instructure/ui-text';
 export var RCEEvent = /*#__PURE__*/function (_Component) {
   _inherits(RCEEvent, _Component);
-
   var _super = _createSuper(RCEEvent);
-
   function RCEEvent() {
     _classCallCheck(this, RCEEvent);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(RCEEvent, [{
     key: "render",
     value: function render() {
@@ -24,7 +20,6 @@ export var RCEEvent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement(Text, null, message);
     }
   }]);
-
   RCEEvent.displayName = "RCEEvent";
   return RCEEvent;
 }(Component);

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

@@ -2,9 +2,7 @@ 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";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ResponseEvent;
 /** @jsx jsx */
 import { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -19,26 +17,20 @@ import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var imgRegex = /<img.*?src=['"](.+)['"]/g;
-export var ResponseEvent = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var ResponseEvent = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ResponseEvent = /*#__PURE__*/function (_Component) {
   _inherits(ResponseEvent, _Component);
-
   var _super = _createSuper(ResponseEvent);
-
   function ResponseEvent() {
     _classCallCheck(this, ResponseEvent);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ResponseEvent, [{
     key: "getReadableResponseText",
     value: function getReadableResponseText() {
       var responseValue = this.props.event.getIn(['eventData', 'userResponse', 'value']);
-
       if (responseValue != null && !['string', 'boolean', 'number'].includes(typeof responseValue)) {
         responseValue = responseValue.toJS();
       }
-
       if (responseValue != null) {
         return this.props.item.getInteractionType().getRenderedResponse(responseValue, this.props.item.get('interactionData').toJS());
       }
@@ -63,11 +55,9 @@ export var ResponseEvent = (_dec = withStyle(generateStyle, generateComponentThe
     key: "renderMedia",
     value: function renderMedia() {
       var _this = this;
-
       if (!this.hasMedia()) {
         return;
       }
-
       var mediaUrls = this.itemBody.match(imgRegex);
       return mediaUrls.map(function (mediaUrl) {
         var s3Url = mediaUrl.match(/src=['"](.+)['"]/)[1];
@@ -88,7 +78,6 @@ export var ResponseEvent = (_dec = withStyle(generateStyle, generateComponentThe
     key: "render",
     value: function render() {
       var responseText = this.getReadableResponseText();
-
       if (responseText) {
         // If this returns falsey, then we know to just display the stem
         return jsx(ToggleDetails, {
@@ -106,12 +95,11 @@ export var ResponseEvent = (_dec = withStyle(generateStyle, generateComponentThe
       return this.props.item.get('itemBody');
     }
   }]);
-
   ResponseEvent.displayName = "ResponseEvent";
   return ResponseEvent;
-}(Component), _class2.propTypes = {
+}(Component), _ResponseEvent.propTypes = {
   event: ImmutablePropTypes.record.isRequired,
   item: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _ResponseEvent)) || _class);
 export default ResponseEvent;

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

@@ -10,15 +10,11 @@ import { Table } from '@instructure/ui-table';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var SessionStartEvent = /*#__PURE__*/function (_Component) {
   _inherits(SessionStartEvent, _Component);
-
   var _super = _createSuper(SessionStartEvent);
-
   function SessionStartEvent() {
     _classCallCheck(this, SessionStartEvent);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(SessionStartEvent, [{
     key: "render",
     value: function render() {
@@ -36,7 +32,6 @@ export var SessionStartEvent = /*#__PURE__*/function (_Component) {
       "".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())))));
     }
   }]);
-
   SessionStartEvent.displayName = "SessionStartEvent";
   return SessionStartEvent;
 }(Component);

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

@@ -21,5 +21,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,6 +1,6 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors;
+    colors = _ref.colors;
   return {
     answerMediaIconMargin: spacing.xSmall,
     embeddedImageMargin: spacing.xSmall,
@@ -9,5 +9,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     mediaToggleColor: colors.tiara
   };
 };
-
 export default generateComponentTheme;