@instructure/quiz-core 17.51.1-rc.0 → 17.51.1-rc.2

package/es/common/actions/alerts.js

@@ -27,6 +27,13 @@ export function addError(message, removeIn, guid) {
     guid: guid
   });
 }
+export function addStickyError(message, guid) {
+  return addAlert({
+    message: message,
+    variant: 'stickyerror',
+    guid: guid
+  });
+}
 export function addSuccess(message) {
   return addAlert({
     message: message,

package/es/common/components/RceConfigProvider/presenter.js

@@ -11,6 +11,7 @@ import { mapParamsToRceConfigContext } from "./rceConfigMapper.js";
 import { quizLogMsgErrorDuringTaking, quizLogMsgFailedConfigFetch, quizLogMsgInvalidParams } from "./rceConfigErrorMessages.js";
 import { handleError, setEventToQuizLog } from "./rceConfigErrorHandler.js";
 import { fetchRceConfig } from "./rceConfigFetcher.js";
+import PostMessageService from "../../../messages/postMessageService.js";
 
 var decorateRcsJwtRefreshFn = function decorateRcsJwtRefreshFn(rcsJwtRefreshFn, jwt, setJwt) {
   return /*#__PURE__*/function () {
@@ -163,6 +164,17 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
       }, _callee2, null, [[2, 13, 17, 20]]);
     }))();
   }, [isNewRCEEnabled, isNewRCERendererEnabled]);
+  useEffect(function () {
+    if (isRce5Disabled(flags)) {
+      return;
+    }
+
+    var postMessageService = new PostMessageService();
+    postMessageService.configurePostMessageListener();
+    return function () {
+      postMessageService.cleanupPostMessageListener();
+    };
+  }, [isNewRCEEnabled, isNewRCERendererEnabled]);
 
   if (isRce5Disabled(flags)) {
     return children;

package/es/common/components/RceConfigProvider/rceConfigErrorHandler.js

@@ -1,11 +1,11 @@
 import store from "../../../reduxStore.js";
-import { addError } from "../../actions/alerts.js";
+import { addStickyError } from "../../actions/alerts.js";
 import { setRCEError } from "../../actions/rce.js";
 import { isQuizBuilding, isQuizTaking } from "../../util/windowChecks.js";
 import { userAlertMsgBuilding, userAlertMsgTaking } from "./rceConfigErrorMessages.js";
 
 var alertTheUser = function alertTheUser(message) {
-  store.dispatch(addError(message));
+  store.dispatch(addStickyError(message));
 };
 
 var getAlertMessage = function getAlertMessage() {

package/es/common/components/alerts/presenter.js

@@ -45,6 +45,18 @@ export var Alerts = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
         return _this.renderScreenreaderAlert(alert);
       }
 
+      if (alert.variant === 'stickyerror') {
+        return /*#__PURE__*/React.createElement("div", {
+          key: alert.uuid,
+          className: styles.alertHolder
+        }, /*#__PURE__*/React.createElement(Alert, {
+          variant: "error",
+          onDismiss: closeAlert,
+          closeButtonLabel: t('Close'),
+          transition: "none"
+        }, alert.message));
+      }
+
       return /*#__PURE__*/React.createElement("div", {
         key: alert.uuid,
         className: styles.alertHolder
@@ -74,6 +86,19 @@ export var Alerts = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
   }, {
     key: "render",
     value: function render() {
+      var hasStickyErrors = this.props.alerts.toJS().find(function (alert) {
+        return alert.variant === 'stickyerror';
+      });
+
+      if (hasStickyErrors) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: styles.alerts,
+          style: {
+            zIndex: '99999'
+          }
+        }, this.renderAlerts());
+      }
+
       return /*#__PURE__*/React.createElement("div", {
         className: styles.alerts
       }, this.renderAlerts());

package/es/common/middleware/alertTimerMiddleware.js

@@ -6,7 +6,7 @@ var alertTimerMiddleware = function alertTimerMiddleware(store) {
     return function (action) {
       var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : setTimeout;
 
-      if (action && action.type === ADD_ALERT && action.payload.removeIn) {
+      if (action && action.type === ADD_ALERT && action.payload.removeIn && action.payload.variant != 'stickyerror') {
         var remove = function remove() {
           store.dispatch(removeAlert(action.payload.uuid));
         }; // injected for testing

package/es/messages/postMessageService.js

@@ -0,0 +1,54 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import handleFrameResize from './subjectHandlers/lti.frameResize';
+
+var PostMessageService = function PostMessageService() {
+  var _this = this;
+
+  _classCallCheck(this, PostMessageService);
+
+  this.SUBJECT_ALLOW_LIST = ['lti.frameResize'];
+
+  this.subjectNotAllowed = function (subject) {
+    return !_this.SUBJECT_ALLOW_LIST.includes(subject);
+  };
+
+  this.messageHandlerDispatcher = function (event) {
+    if (_this.subjectNotAllowed(event.data.subject)) {
+      return null;
+    }
+
+    switch (event.data.subject) {
+      case 'lti.frameResize':
+        return handleFrameResize(event);
+    }
+  };
+
+  this.configurePostMessageListener = function () {
+    window.addEventListener('message', _this.messageHandlerDispatcher);
+  };
+
+  this.cleanupPostMessageListener = function () {
+    window.removeEventListener('message', _this.messageHandlerDispatcher);
+  };
+
+  this.sendResponse = function (subject, data, sourceWindow) {
+    sourceWindow.postMessage(_objectSpread({
+      subject: subject + '.response'
+    }, data));
+  };
+
+  this.sendSuccessPostMessageResponse = function (subject, message, sourceWindow) {
+    _this.sendResponse(subject, {
+      message: message
+    }, sourceWindow);
+  };
+
+  this.sendErrorPostMessageResponse = function (subject, error, sourceWindow) {
+    _this.sendResponse(subject, {
+      error: error
+    }, sourceWindow);
+  };
+};
+
+export { PostMessageService as default };

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

@@ -0,0 +1,3 @@
+var handleFrameResize = function handleFrameResize(event) {};
+
+export default handleFrameResize;

package/lib/common/actions/alerts.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addError = addError;
+exports.addStickyError = addStickyError;
 exports.addSuccess = addSuccess;
 exports.addInfo = addInfo;
 exports.screenreaderNotification = screenreaderNotification;
@@ -40,6 +41,14 @@ function addError(message, removeIn, guid) {
   });
 }
 
+function addStickyError(message, guid) {
+  return addAlert({
+    message: message,
+    variant: 'stickyerror',
+    guid: guid
+  });
+}
+
 function addSuccess(message) {
   return addAlert({
     message: message,

package/lib/common/components/RceConfigProvider/presenter.js

@@ -35,6 +35,8 @@ var _rceConfigErrorHandler = require("./rceConfigErrorHandler.js");
 
 var _rceConfigFetcher = require("./rceConfigFetcher.js");
 
+var _postMessageService = _interopRequireDefault(require("../../../messages/postMessageService.js"));
+
 var decorateRcsJwtRefreshFn = function decorateRcsJwtRefreshFn(rcsJwtRefreshFn, jwt, setJwt) {
   return /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(setTokenFn, questionStem) {
@@ -186,6 +188,17 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
       }, _callee2, null, [[2, 13, 17, 20]]);
     }))();
   }, [isNewRCEEnabled, isNewRCERendererEnabled]);
+  (0, _react.useEffect)(function () {
+    if ((0, _rceConfigUtils.isRce5Disabled)(flags)) {
+      return;
+    }
+
+    var postMessageService = new _postMessageService.default();
+    postMessageService.configurePostMessageListener();
+    return function () {
+      postMessageService.cleanupPostMessageListener();
+    };
+  }, [isNewRCEEnabled, isNewRCERendererEnabled]);
 
   if ((0, _rceConfigUtils.isRce5Disabled)(flags)) {
     return children;

package/lib/common/components/RceConfigProvider/rceConfigErrorHandler.js

@@ -18,7 +18,7 @@ var _windowChecks = require("../../util/windowChecks.js");
 var _rceConfigErrorMessages = require("./rceConfigErrorMessages.js");
 
 var alertTheUser = function alertTheUser(message) {
-  _reduxStore.default.dispatch((0, _alerts.addError)(message));
+  _reduxStore.default.dispatch((0, _alerts.addStickyError)(message));
 };
 
 var getAlertMessage = function getAlertMessage() {

package/lib/common/components/alerts/presenter.js

@@ -68,6 +68,18 @@ var Alerts = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_
         return _this.renderScreenreaderAlert(alert);
       }
 
+      if (alert.variant === 'stickyerror') {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: alert.uuid,
+          className: styles.alertHolder
+        }, /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
+          variant: "error",
+          onDismiss: closeAlert,
+          closeButtonLabel: (0, _formatMessage.default)('Close'),
+          transition: "none"
+        }, alert.message));
+      }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         key: alert.uuid,
         className: styles.alertHolder
@@ -97,6 +109,19 @@ var Alerts = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_
   }, {
     key: "render",
     value: function render() {
+      var hasStickyErrors = this.props.alerts.toJS().find(function (alert) {
+        return alert.variant === 'stickyerror';
+      });
+
+      if (hasStickyErrors) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.alerts,
+          style: {
+            zIndex: '99999'
+          }
+        }, this.renderAlerts());
+      }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: styles.alerts
       }, this.renderAlerts());

package/lib/common/middleware/alertTimerMiddleware.js

@@ -14,7 +14,7 @@ var alertTimerMiddleware = function alertTimerMiddleware(store) {
     return function (action) {
       var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : setTimeout;
 
-      if (action && action.type === _quizCommon.ADD_ALERT && action.payload.removeIn) {
+      if (action && action.type === _quizCommon.ADD_ALERT && action.payload.removeIn && action.payload.variant != 'stickyerror') {
         var remove = function remove() {
           store.dispatch((0, _alerts.removeAlert)(action.payload.uuid));
         }; // injected for testing

package/lib/messages/postMessageService.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _lti = _interopRequireDefault(require("./subjectHandlers/lti.frameResize"));
+
+var PostMessageService = function PostMessageService() {
+  var _this = this;
+
+  (0, _classCallCheck2.default)(this, PostMessageService);
+  this.SUBJECT_ALLOW_LIST = ['lti.frameResize'];
+
+  this.subjectNotAllowed = function (subject) {
+    return !_this.SUBJECT_ALLOW_LIST.includes(subject);
+  };
+
+  this.messageHandlerDispatcher = function (event) {
+    if (_this.subjectNotAllowed(event.data.subject)) {
+      return null;
+    }
+
+    switch (event.data.subject) {
+      case 'lti.frameResize':
+        return (0, _lti.default)(event);
+    }
+  };
+
+  this.configurePostMessageListener = function () {
+    window.addEventListener('message', _this.messageHandlerDispatcher);
+  };
+
+  this.cleanupPostMessageListener = function () {
+    window.removeEventListener('message', _this.messageHandlerDispatcher);
+  };
+
+  this.sendResponse = function (subject, data, sourceWindow) {
+    sourceWindow.postMessage((0, _objectSpread2.default)({
+      subject: subject + '.response'
+    }, data));
+  };
+
+  this.sendSuccessPostMessageResponse = function (subject, message, sourceWindow) {
+    _this.sendResponse(subject, {
+      message: message
+    }, sourceWindow);
+  };
+
+  this.sendErrorPostMessageResponse = function (subject, error, sourceWindow) {
+    _this.sendResponse(subject, {
+      error: error
+    }, sourceWindow);
+  };
+};
+
+exports.default = PostMessageService;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var handleFrameResize = function handleFrameResize(event) {};
+
+var _default = handleFrameResize;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.51.1-rc.0+6acf9a2e8",
+  "version": "17.51.1-rc.2+7ff2dabd9",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,11 +41,11 @@
   ],
   "dependencies": {
     "@instructure/outcomes-ui": "^2.1.6",
-    "@instructure/quiz-common": "17.51.1-rc.0+6acf9a2e8",
-    "@instructure/quiz-i18n": "17.51.1-rc.0+6acf9a2e8",
-    "@instructure/quiz-interactions": "17.51.1-rc.0+6acf9a2e8",
-    "@instructure/quiz-number-input": "17.51.1-rc.0+6acf9a2e8",
-    "@instructure/quiz-rce": "17.51.1-rc.0+6acf9a2e8",
+    "@instructure/quiz-common": "17.51.1-rc.2+7ff2dabd9",
+    "@instructure/quiz-i18n": "17.51.1-rc.2+7ff2dabd9",
+    "@instructure/quiz-interactions": "17.51.1-rc.2+7ff2dabd9",
+    "@instructure/quiz-number-input": "17.51.1-rc.2+7ff2dabd9",
+    "@instructure/quiz-rce": "17.51.1-rc.2+7ff2dabd9",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,7 +106,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.51.1-rc.0+6acf9a2e8",
+    "instructure-validations": "17.51.1-rc.2+7ff2dabd9",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -156,7 +156,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.51.1-rc.0+6acf9a2e8",
+    "quiz-presets": "17.51.1-rc.2+7ff2dabd9",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +172,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6acf9a2e80dc61e760c4b1968b74a072cc73975f"
+  "gitHead": "7ff2dabd98fb5aab3ec09a4101e35a2bc7735186"
 }