@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

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

@@ -1,35 +1,52 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setEventToQuizLog = exports.handleError = void 0;
-var _reduxStore = _interopRequireDefault(require("../../../reduxStore"));
-var _alerts = require("../../actions/alerts");
-var _rce = require("../../actions/rce");
-var _windowChecks = require("../../util/windowChecks");
-var _rceConfigErrorMessages = require("./rceConfigErrorMessages");
+
+var _reduxStore = _interopRequireDefault(require("../../../reduxStore.js"));
+
+var _alerts = require("../../actions/alerts.js");
+
+var _rce = require("../../actions/rce.js");
+
+var _windowChecks = require("../../util/windowChecks.js");
+
+var _rceConfigErrorMessages = require("./rceConfigErrorMessages.js");
+
 var alertTheUser = function alertTheUser(message) {
   _reduxStore.default.dispatch((0, _alerts.addStickyError)(message));
 };
+
 var getAlertMessage = function getAlertMessage() {
   return (0, _windowChecks.isQuizTaking)() ? (0, _rceConfigErrorMessages.userAlertMsgTaking)() : (0, _rceConfigErrorMessages.userAlertMsgBuilding)();
 };
+
 var shouldAlertUser = function shouldAlertUser() {
   return (0, _windowChecks.isQuizTaking)() || (0, _windowChecks.isQuizBuilding)();
 };
+
 var shouldSetEventToQuizLog = function shouldSetEventToQuizLog() {
   return (0, _windowChecks.isQuizTaking)();
 };
-var handleError = exports.handleError = function handleError(quizLogMessage) {
+
+var handleError = function handleError(quizLogMessage) {
   if (shouldAlertUser()) {
     alertTheUser(getAlertMessage());
   }
+
   if (shouldSetEventToQuizLog()) {
     setEventToQuizLog(quizLogMessage);
   }
 };
-var setEventToQuizLog = exports.setEventToQuizLog = function setEventToQuizLog(message) {
+
+exports.handleError = handleError;
+
+var setEventToQuizLog = function setEventToQuizLog(message) {
   _reduxStore.default.dispatch((0, _rce.setRCEError)(message));
-};
+};
+
+exports.setEventToQuizLog = setEventToQuizLog;

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

@@ -1,28 +1,46 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.userAlertMsgTaking = exports.userAlertMsgBuilding = exports.quizLogMsgInvalidParams = exports.quizLogMsgFailedConfigFetch = exports.quizLogMsgErrorDuringTaking = void 0;
+exports.userAlertMsgBuilding = exports.userAlertMsgTaking = exports.quizLogMsgFailedConfigFetch = exports.quizLogMsgInvalidParams = exports.quizLogMsgErrorDuringTaking = void 0;
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
 var _quizInteractions = require("@instructure/quiz-interactions");
-var quizLogMsgErrorDuringTaking = exports.quizLogMsgErrorDuringTaking = function quizLogMsgErrorDuringTaking(stem) {
+
+var quizLogMsgErrorDuringTaking = function quizLogMsgErrorDuringTaking(stem) {
   var normalizedStem = stem !== null && stem !== void 0 ? stem : 'Unknown stem';
   var extractedText = (0, _quizInteractions.extractTextFromHtml)(normalizedStem);
   return (0, _formatMessage.default)('Error while answering "{stem}": Full functionality of the Rich Content Editor may not have been available to the user.', {
     stem: extractedText
   });
 };
-var quizLogMsgInvalidParams = exports.quizLogMsgInvalidParams = function quizLogMsgInvalidParams() {
+
+exports.quizLogMsgErrorDuringTaking = quizLogMsgErrorDuringTaking;
+
+var quizLogMsgInvalidParams = function quizLogMsgInvalidParams() {
   return (0, _formatMessage.default)('Error: Full functionality of the Rich Content Editor may not have been available to the user.');
 };
-var quizLogMsgFailedConfigFetch = exports.quizLogMsgFailedConfigFetch = function quizLogMsgFailedConfigFetch() {
+
+exports.quizLogMsgInvalidParams = quizLogMsgInvalidParams;
+
+var quizLogMsgFailedConfigFetch = function quizLogMsgFailedConfigFetch() {
   return (0, _formatMessage.default)('Error: Full functionality of the Rich Content Editor including accessibility features may not have been available to the user.');
 };
-var userAlertMsgTaking = exports.userAlertMsgTaking = function userAlertMsgTaking() {
+
+exports.quizLogMsgFailedConfigFetch = quizLogMsgFailedConfigFetch;
+
+var userAlertMsgTaking = function userAlertMsgTaking() {
   return (0, _formatMessage.default)('The Rich Content Editor has encountered an issue. It has been logged for your instructor to review. Please refresh and try again.');
 };
-var userAlertMsgBuilding = exports.userAlertMsgBuilding = function userAlertMsgBuilding() {
+
+exports.userAlertMsgTaking = userAlertMsgTaking;
+
+var userAlertMsgBuilding = function userAlertMsgBuilding() {
   return (0, _formatMessage.default)('The Rich Content Editor has encountered an issue. Please refresh and try again.');
-};
+};
+
+exports.userAlertMsgBuilding = userAlertMsgBuilding;

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

@@ -1,12 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fetchRceConfig = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var buildRceConfigUrl = function buildRceConfigUrl(host, contextType, contextId) {
   var base = host.match(/^https?:\/\//) ? host : "".concat(window.location.protocol, "//").concat(host);
   var url = new URL('/api/rceConfig', base);
@@ -14,38 +18,50 @@ var buildRceConfigUrl = function buildRceConfigUrl(host, contextType, contextId)
   contextId && url.searchParams.append('contextId', contextId);
   return url;
 };
-var fetchRceConfig = exports.fetchRceConfig = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(rcsHost, contextType, contextId, jwt) {
+
+var fetchRceConfig = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(rcsHost, contextType, contextId, jwt) {
     var rceConfigUrl, response;
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          rceConfigUrl = buildRceConfigUrl(rcsHost, contextType, contextId);
-          _context.next = 3;
-          return fetch(rceConfigUrl.href, {
-            headers: {
-              'Authorization': "Bearer ".concat(jwt)
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            rceConfigUrl = buildRceConfigUrl(rcsHost, contextType, contextId);
+            _context.next = 3;
+            return fetch(rceConfigUrl.href, {
+              headers: {
+                'Authorization': "Bearer ".concat(jwt)
+              }
+            });
+
+          case 3:
+            response = _context.sent;
+
+            if (response.ok) {
+              _context.next = 6;
+              break;
             }
-          });
-        case 3:
-          response = _context.sent;
-          if (response.ok) {
-            _context.next = 6;
-            break;
-          }
-          throw "Failed to fetch, response status: ".concat(response.status);
-        case 6:
-          _context.next = 8;
-          return response.json();
-        case 8:
-          return _context.abrupt("return", _context.sent);
-        case 9:
-        case "end":
-          return _context.stop();
+
+            throw "Failed to fetch, response status: ".concat(response.status);
+
+          case 6:
+            _context.next = 8;
+            return response.json();
+
+          case 8:
+            return _context.abrupt("return", _context.sent);
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   }));
+
   return function fetchRceConfig(_x, _x2, _x3, _x4) {
     return _ref.apply(this, arguments);
   };
-}();
+}();
+
+exports.fetchRceConfig = fetchRceConfig;

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

@@ -1,31 +1,45 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mapParamsToRceConfigContext = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var _rceConfigUtils = require("./rceConfigUtils");
+
+var _rceConfigUtils = require("./rceConfigUtils.js");
+
 var mapRcs = function mapRcs(rcsParams, canvasConfig) {
   if (rcsParams && (0, _rceConfigUtils.hasAllPropsForRcs)(rcsParams) && canvasConfig) {
-    return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _quizCommon.RceConfigKeys.canvasUserId, rcsParams.canvasUserId), _quizCommon.RceConfigKeys.contextId, rcsParams.contextId), _quizCommon.RceConfigKeys.contextType, rcsParams.contextType), _quizCommon.RceConfigKeys.rcsHost, rcsParams.rcsHost), _quizCommon.RceConfigKeys.rcsJwt, rcsParams.jwt), _quizCommon.RceConfigKeys.rcsJwtRefreshFn, rcsParams.refreshToken), _quizCommon.RceConfigKeys.canvasConfig, canvasConfig);
+    var _ref;
+
+    return _ref = {}, (0, _defineProperty2.default)(_ref, _quizCommon.RceConfigKeys.canvasUserId, rcsParams.canvasUserId), (0, _defineProperty2.default)(_ref, _quizCommon.RceConfigKeys.contextId, rcsParams.contextId), (0, _defineProperty2.default)(_ref, _quizCommon.RceConfigKeys.contextType, rcsParams.contextType), (0, _defineProperty2.default)(_ref, _quizCommon.RceConfigKeys.rcsHost, rcsParams.rcsHost), (0, _defineProperty2.default)(_ref, _quizCommon.RceConfigKeys.rcsJwt, rcsParams.jwt), (0, _defineProperty2.default)(_ref, _quizCommon.RceConfigKeys.rcsJwtRefreshFn, rcsParams.refreshToken), (0, _defineProperty2.default)(_ref, _quizCommon.RceConfigKeys.canvasConfig, canvasConfig), _ref;
   } else {
     return null;
   }
 };
+
 var mapLtiApps = function mapLtiApps(canvasConfig, ltiAppParams) {
+  var _ref2;
+
   if (!(0, _rceConfigUtils.areLtiAppsConfigured)(canvasConfig, ltiAppParams)) return null;
-  return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _quizCommon.RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), _quizCommon.RceConfigKeys.ltiIframeAllowances, canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES), _quizCommon.RceConfigKeys.editorButtons, canvasConfig.editorButtons);
+  return _ref2 = {}, (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.ltiIframeAllowances, canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.editorButtons, canvasConfig.editorButtons), _ref2;
 };
+
 var rendererEnhancement = function rendererEnhancement(rendererParams) {
   return (0, _defineProperty2.default)({}, _quizCommon.RceConfigKeys.canvasOrigin, (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.canvasOrigin) || null);
 };
-var mapParamsToRceConfigContext = exports.mapParamsToRceConfigContext = function mapParamsToRceConfigContext(rcsParams, rendererParams, canvasConfig, ltiAppParams) {
+
+var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(rcsParams, rendererParams, canvasConfig, ltiAppParams) {
   return {
     rcs: mapRcs(rcsParams, canvasConfig),
     rendererEnhancement: rendererEnhancement(rendererParams),
     ltiApps: mapLtiApps(canvasConfig, ltiAppParams)
   };
-};
+};
+
+exports.mapParamsToRceConfigContext = mapParamsToRceConfigContext;

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

@@ -3,10 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasAllPropsForRcs = exports.areLtiAppsConfigured = void 0;
-var hasAllPropsForRcs = exports.hasAllPropsForRcs = function hasAllPropsForRcs(rcsParams) {
-  return !!(rcsParams !== null && rcsParams !== void 0 && rcsParams.contextId && rcsParams !== null && rcsParams !== void 0 && rcsParams.contextType && rcsParams !== null && rcsParams !== void 0 && rcsParams.canvasUserId && rcsParams !== null && rcsParams !== void 0 && rcsParams.rcsHost && rcsParams !== null && rcsParams !== void 0 && rcsParams.refreshToken && rcsParams !== null && rcsParams !== void 0 && rcsParams.jwt);
+exports.areLtiAppsConfigured = exports.hasAllPropsForRcs = void 0;
+
+var hasAllPropsForRcs = function hasAllPropsForRcs(rcsParams) {
+  return !!((rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.contextId) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.contextType) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.canvasUserId) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.rcsHost) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.refreshToken) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.jwt));
 };
-var areLtiAppsConfigured = exports.areLtiAppsConfigured = function areLtiAppsConfigured(canvasConfig, ltiAppParams) {
-  return !!(ltiAppParams !== null && ltiAppParams !== void 0 && ltiAppParams.canvasToolId && canvasConfig !== null && canvasConfig !== void 0 && canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES && Array.isArray(canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES) && canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES.length > 0 && canvasConfig !== null && canvasConfig !== void 0 && canvasConfig.editorButtons && Array.isArray(canvasConfig.editorButtons) && canvasConfig.editorButtons.length > 0);
-};
+
+exports.hasAllPropsForRcs = hasAllPropsForRcs;
+
+var areLtiAppsConfigured = function areLtiAppsConfigured(canvasConfig, ltiAppParams) {
+  return !!((ltiAppParams === null || ltiAppParams === void 0 ? void 0 : ltiAppParams.canvasToolId) && (canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES) && Array.isArray(canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES) && canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES.length > 0 && (canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.editorButtons) && Array.isArray(canvasConfig.editorButtons) && canvasConfig.editorButtons.length > 0);
+};
+
+exports.areLtiAppsConfigured = areLtiAppsConfigured;

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

@@ -1,63 +1,97 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SDKApp = exports.DragDroppableSDKApp = void 0;
+exports.default = exports.DragDroppableSDKApp = exports.SDKApp = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactDndHtml5Backend = _interopRequireDefault(require("react-dnd-html5-backend"));
+
 var _reactDnd = require("react-dnd");
+
 var _emotion = require("@instructure/emotion");
+
 var _uiI18n = require("@instructure/ui-i18n");
-var _reactRedux = require("../../react-redux");
-var _reduxStore = _interopRequireDefault(require("../../../reduxStore"));
+
+var _reactRedux = require("../../react-redux.js");
+
+var _reduxStore = _interopRequireDefault(require("../../../reduxStore.js"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var _ui = require("../../actions/ui");
-var _alerts = require("../../actions/alerts");
-var _config = require("../../actions/config");
-var _outcomes = require("../../actions/outcomes");
-var _features = require("../../actions/features");
-var _grading = require("../../actions/grading");
-var _renderAlerts = require("../../util/renderAlerts");
-var _styles = _interopRequireDefault(require("./styles"));
-var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes"));
-var _ConfirmationModal2 = _interopRequireDefault(require("../ConfirmationModal"));
+
+var _ui = require("../../actions/ui.js");
+
+var _alerts = require("../../actions/alerts.js");
+
+var _config = require("../../actions/config.js");
+
+var _outcomes = require("../../actions/outcomes.js");
+
+var _features = require("../../actions/features.js");
+
+var _grading = require("../../actions/grading.js");
+
+var _renderAlerts = require("../../util/renderAlerts.js");
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes.js"));
+
+var _index = _interopRequireDefault(require("../ConfirmationModal/index.js"));
+
 var _setupFormatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/util/setupFormatMessage"));
-var _RceConfigProvider = _interopRequireDefault(require("../RceConfigProvider"));
-var _ApiFeatureFlagInitializer = require("../ApiFeatureFlagInitializer");
-var _dec, _class, _SDKApp, _ConfirmationModal;
-/** @jsx jsx */
-/* eslint "import/no-webpack-loader-syntax": "warn" */
-/* eslint "import/no-unresolved": "warn" */
-var SDKApp = exports.SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
+
+var _index2 = _interopRequireDefault(require("../RceConfigProvider/index.js"));
+
+var _index3 = require("../ApiFeatureFlagInitializer/index.js");
+
+var _dec, _class, _class2, _temp;
+
+var _ref = (0, _emotion.jsx)(_index.default, null);
+
+var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(SDKApp, _Component);
+
+  var _super = (0, _createSuper2.default)(SDKApp);
+
   function SDKApp(props) {
     var _this;
-    (0, _classCallCheck2.default)(this, SDKApp);
-    _this = (0, _callSuper2.default)(this, SDKApp, [props]);
 
-    // TODO: move to something like this down the line
+    (0, _classCallCheck2.default)(this, SDKApp);
+    _this = _super.call(this, props); // TODO: move to something like this down the line
     // so we dont implicitly share state
     // this.store = this.configureStore()
+
     _this.addAlert = function (opts) {
       _this.store.dispatch((0, _alerts.addAlert)(opts));
     };
+
     _this.store = _reduxStore.default;
+
     _this.setLocale();
+
     return _this;
   }
-  (0, _inherits2.default)(SDKApp, _Component);
-  return (0, _createClass2.default)(SDKApp, [{
+
+  (0, _createClass2.default)(SDKApp, [{
     key: "setLocale",
     value: function setLocale() {
-      var locale = (0, _quizCommon.getLocale)(this.props, this.context);
+      var locale = (0, _quizCommon.getLocale)(this.props, this.context); // TODO: Move away from using built-in format-message formats so we can kill this setup call
 
-      // TODO: Move away from using built-in format-message formats so we can kill this setup call
       (0, _setupFormatMessage.default)(locale, {
         logMissingTranslations: true,
         translations: this.props.translations
@@ -73,10 +107,13 @@ var SDKApp = exports.SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, n
     key: "componentWillMount",
     value: function 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) {
         this.store.dispatch((0, _features.addFeatures)('item_bank_sharing'));
       }
+
       if (this.props.gradeByQuestionEnabled !== null) {
         this.store.dispatch((0, _grading.setGradeByQuestionEnabled)(this.props.gradeByQuestionEnabled));
       }
@@ -92,34 +129,44 @@ var SDKApp = exports.SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, n
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(newProps) {
       var _newProps$rceConfig, _this$props$rceConfig2;
+
       if (newProps.apiEndpoint !== this.props.apiEndpoint) {
         this.store.dispatch((0, _config.setAPIEndpoint)(newProps.apiEndpoint));
       }
+
       if (((_newProps$rceConfig = newProps.rceConfig) === null || _newProps$rceConfig === void 0 ? void 0 : _newProps$rceConfig.canvasOrigin) !== ((_this$props$rceConfig2 = this.props.rceConfig) === null || _this$props$rceConfig2 === void 0 ? void 0 : _this$props$rceConfig2.canvasOrigin)) {
         this.store.dispatch((0, _config.setCanvasOrigin)(newProps.rceConfig.canvasOrigin));
       }
+
       if (newProps.appContainer !== this.props.appContainer) {
         this.store.dispatch(this.setAppContainer(newProps.appContainer));
       }
+
       if (newProps.userToken !== this.props.userToken) {
         this.store.dispatch((0, _config.setUserToken)(newProps.userToken));
       }
+
       if (newProps.outcomesEndpoint !== this.props.outcomesEndpoint) {
         this.store.dispatch((0, _outcomes.setOutcomesEndpoint)(newProps.outcomesEndpoint));
       }
+
       if (newProps.outcomesToken !== this.props.outcomesToken) {
         this.store.dispatch((0, _outcomes.setOutcomesToken)(newProps.outcomesToken));
       }
+
       if (newProps.contextUuid !== this.props.contextUuid) {
         this.store.dispatch((0, _outcomes.setContextUuid)(newProps.contextUuid));
       }
+
       if (newProps.itemBankSharingEnabled !== this.props.itemBankSharingEnabled) {
         var toggleFeature = newProps.itemBankSharingEnabled ? _features.addFeatures : _features.removeFeatures;
         this.store.dispatch(toggleFeature('item_bank_sharing'));
       }
+
       if (newProps.gradeByQuestionEnabled !== this.props.gradeByQuestionEnabled && this.props.gradeByQuestionEnabled !== null) {
         this.store.dispatch((0, _grading.setGradeByQuestionEnabled)(newProps.gradeByQuestionEnabled));
       }
+
       if (newProps.externalAccountUuid !== this.props.externalAccountUuid) {
         this.store.dispatch((0, _outcomes.setExternalAccountUuid)(newProps.externalAccountUuid));
       }
@@ -128,22 +175,24 @@ var SDKApp = exports.SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, n
     key: "render",
     value: function render() {
       var store = this.store,
-        props = this.props,
-        context = this.context;
+          props = this.props,
+          context = this.context;
       return (0, _emotion.jsx)(_reactRedux.Provider, {
         store: store
-      }, (0, _emotion.jsx)(_ApiFeatureFlagInitializer.ApiFeatureFlagInitializer, null, (0, _emotion.jsx)(_RceConfigProvider.default, this.props.rceConfig, (0, _emotion.jsx)(_uiI18n.ApplyLocale, {
+      }, (0, _emotion.jsx)(_index3.ApiFeatureFlagInitializer, null, (0, _emotion.jsx)(_index2.default, this.props.rceConfig, (0, _emotion.jsx)(_uiI18n.ApplyLocale, {
         locale: (0, _quizCommon.getLocale)(props, context),
         timezone: props.timeZone
       }, (0, _emotion.jsx)("div", {
         css: this.props.styles.sdk,
         "data-automation": "sdk-app"
-      }, _ConfirmationModal || (_ConfirmationModal = (0, _emotion.jsx)(_ConfirmationModal2.default, null)), typeof props.children === 'function' ? props.children({
+      }, _ref, typeof props.children === 'function' ? props.children({
         addAlert: this.addAlert
       }) : props.children)))));
     }
   }]);
-}(_react.Component), _SDKApp.propTypes = {
+  SDKApp.displayName = "SDKApp";
+  return SDKApp;
+}(_react.Component), _class2.propTypes = {
   apiEndpoint: _propTypes.default.string.isRequired,
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
@@ -153,6 +202,7 @@ var SDKApp = exports.SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, n
   itemBankSharingEnabled: _propTypes.default.bool,
   // ESLint seems to this the "locale" prop is unused even though it definitely is
   locale: _propTypes.default.string,
+
   /* eslint-disable-line react/no-unused-prop-types */
   outcomesEndpoint: _propTypes.default.string,
   outcomesToken: _propTypes.default.string,
@@ -173,9 +223,9 @@ var SDKApp = exports.SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, n
   userToken: _propTypes.default.string.isRequired,
   disableAlertLiveRegion: _propTypes.default.bool,
   styles: _propTypes.default.object
-}, _SDKApp.contextTypes = {
+}, _class2.contextTypes = {
   locale: _propTypes.default.string
-}, _SDKApp.defaultProps = {
+}, _class2.defaultProps = {
   contextUuid: '',
   externalAccountUuid: '',
   gradeByQuestionEnabled: null,
@@ -187,6 +237,9 @@ var SDKApp = exports.SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, n
   translations: null,
   timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
   disableAlertLiveRegion: false
-}, _SDKApp)) || _class);
-var DragDroppableSDKApp = exports.DragDroppableSDKApp = (0, _reactDnd.DragDropContext)(_reactDndHtml5Backend.default)(SDKApp);
-var _default = exports.default = DragDroppableSDKApp;
+}, _temp)) || _class);
+exports.SDKApp = SDKApp;
+var DragDroppableSDKApp = (0, _reactDnd.DragDropContext)(_reactDndHtml5Backend.default)(SDKApp);
+exports.DragDroppableSDKApp = DragDroppableSDKApp;
+var _default = DragDroppableSDKApp;
+exports.default = _default;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle() {
   return {
     sdk: {
@@ -11,4 +12,6 @@ var generateStyle = function generateStyle() {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/SDKHeaderCalculator.js

@@ -1,30 +1,40 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SDKHeaderCalculator = void 0;
+
 var _react = _interopRequireDefault(require("react"));
-var _reactRedux = require("../react-redux");
-var _reduxStore = _interopRequireDefault(require("../../reduxStore"));
-var _Calculator = _interopRequireDefault(require("./layout/header/Calculator"));
+
+var _reactRedux = require("../react-redux.js");
+
+var _reduxStore = _interopRequireDefault(require("../../reduxStore.js"));
+
+var _index = _interopRequireDefault(require("./layout/header/Calculator/index.js"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var SDKHeaderCalculator = exports.SDKHeaderCalculator = function SDKHeaderCalculator(_ref) {
+
+var SDKHeaderCalculator = function SDKHeaderCalculator(_ref) {
   var iceTopNavBarEnabled = _ref.iceTopNavBarEnabled,
-    setCalculatorEnabled = _ref.setCalculatorEnabled;
+      setCalculatorEnabled = _ref.setCalculatorEnabled;
   return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
     store: _reduxStore.default
-  }, /*#__PURE__*/_react.default.createElement(_Calculator.default, {
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
     iceTopNavBarEnabled: iceTopNavBarEnabled,
     setCalculatorEnabled: setCalculatorEnabled
   }));
 };
-_Calculator.default.propTypes = {
+
+exports.SDKHeaderCalculator = SDKHeaderCalculator;
+_index.default.propTypes = {
   iceTopNavBarEnabled: _propTypes.default.bool
 };
-_Calculator.default.defaultProps = {
+_index.default.defaultProps = {
   iceTopNavBarEnabled: false
 };
 SDKHeaderCalculator.displayName = 'SDKHeaderCalculator';
-var _default = exports.default = SDKHeaderCalculator;
+var _default = SDKHeaderCalculator;
+exports.default = _default;

package/lib/common/components/SDKMenuButton.js

@@ -1,18 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SDKMenuButton = void 0;
+
 var _react = _interopRequireDefault(require("react"));
-var _reactRedux = require("../react-redux");
-var _reduxStore = _interopRequireDefault(require("../../reduxStore"));
-var _HeaderMenuButton = _interopRequireDefault(require("./layout/header/HeaderMenuButton"));
-var SDKMenuButton = exports.SDKMenuButton = function SDKMenuButton(props) {
+
+var _reactRedux = require("../react-redux.js");
+
+var _reduxStore = _interopRequireDefault(require("../../reduxStore.js"));
+
+var _index = _interopRequireDefault(require("./layout/header/HeaderMenuButton/index.js"));
+
+var SDKMenuButton = function SDKMenuButton(props) {
   return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
     store: _reduxStore.default
-  }, /*#__PURE__*/_react.default.createElement(_HeaderMenuButton.default, props));
+  }, /*#__PURE__*/_react.default.createElement(_index.default, props));
 };
+
+exports.SDKMenuButton = SDKMenuButton;
 SDKMenuButton.displayName = 'SDKMenuButton';
-var _default = exports.default = SDKMenuButton;
+var _default = SDKMenuButton;
+exports.default = _default;