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

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/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/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/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.1+d2c000bb6",
+  "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.1+d2c000bb6",
-    "@instructure/quiz-i18n": "17.51.1-rc.1+d2c000bb6",
-    "@instructure/quiz-interactions": "17.51.1-rc.1+d2c000bb6",
-    "@instructure/quiz-number-input": "17.51.1-rc.1+d2c000bb6",
-    "@instructure/quiz-rce": "17.51.1-rc.1+d2c000bb6",
+    "@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.1+d2c000bb6",
+    "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.1+d2c000bb6",
+    "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": "d2c000bb6a9b9d7dc679d4d413e0922948fe9162"
+  "gitHead": "7ff2dabd98fb5aab3ec09a4101e35a2bc7735186"
 }