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

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

@@ -1,47 +1,29 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Spinner = require("../shared/spinner/Spinner.js");
-
 var _index = require("../shared/Card/index.js");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _rceConfigUtils = require("./rceConfigUtils.js");
-
 var _rceConfigMapper = require("./rceConfigMapper.js");
-
 var _rceConfigErrorMessages = require("./rceConfigErrorMessages.js");
-
 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) {
+    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(setTokenFn, questionStem) {
       var _response$json;
-
       var response, refreshedToken;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
@@ -49,23 +31,18 @@ var decorateRcsJwtRefreshFn = function decorateRcsJwtRefreshFn(rcsJwtRefreshFn,
             case 0:
               _context.next = 2;
               return rcsJwtRefreshFn(jwt);
-
             case 2:
               response = _context.sent;
               refreshedToken = response === null || response === void 0 ? void 0 : (_response$json = response.json) === null || _response$json === void 0 ? void 0 : _response$json.token; // inst-redux-service-middleware response structure
-
               if (refreshedToken) {
                 _context.next = 7;
                 break;
               }
-
               (0, _rceConfigErrorHandler.handleError)((0, _rceConfigErrorMessages.quizLogMsgErrorDuringTaking)(questionStem));
               return _context.abrupt("return");
-
             case 7:
               setJwt(refreshedToken);
               setTokenFn(refreshedToken);
-
             case 9:
             case "end":
               return _context.stop();
@@ -73,48 +50,40 @@ var decorateRcsJwtRefreshFn = function decorateRcsJwtRefreshFn(rcsJwtRefreshFn,
         }
       }, _callee);
     }));
-
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }();
 };
-
 var _ref4 = /*#__PURE__*/_react.default.createElement(_index.Card, {
   wrapped: true
 }, /*#__PURE__*/_react.default.createElement(_Spinner.QuizzesSpinner, null));
-
 var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
   var children = _ref2.children,
-      contextId = _ref2.contextId,
-      contextType = _ref2.contextType,
-      canvasUserId = _ref2.canvasUserId,
-      canvasToolId = _ref2.canvasToolId,
-      rcsHost = _ref2.rcsHost,
-      rcsJwt = _ref2.rcsJwt,
-      rcsJwtRefreshFn = _ref2.rcsJwtRefreshFn,
-      canvasOrigin = _ref2.canvasOrigin,
-      storedRCEConfig = _ref2.storedRCEConfig,
-      setStoredRCEConfig = _ref2.setStoredRCEConfig,
-      displayOldLinks = _ref2.displayOldLinks;
-
+    contextId = _ref2.contextId,
+    contextType = _ref2.contextType,
+    canvasUserId = _ref2.canvasUserId,
+    canvasToolId = _ref2.canvasToolId,
+    rcsHost = _ref2.rcsHost,
+    rcsJwt = _ref2.rcsJwt,
+    rcsJwtRefreshFn = _ref2.rcsJwtRefreshFn,
+    canvasOrigin = _ref2.canvasOrigin,
+    storedRCEConfig = _ref2.storedRCEConfig,
+    setStoredRCEConfig = _ref2.setStoredRCEConfig,
+    displayOldLinks = _ref2.displayOldLinks;
   var _useState = (0, _react.useState)(rcsJwt),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      jwt = _useState2[0],
-      setJwt = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    jwt = _useState2[0],
+    setJwt = _useState2[1];
   var _useState3 = (0, _react.useState)(storedRCEConfig),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      canvasConfig = _useState4[0],
-      setCanvasConfig = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    canvasConfig = _useState4[0],
+    setCanvasConfig = _useState4[1];
   var rceConfigAvailable = storedRCEConfig ? false : true;
-
   var _useState5 = (0, _react.useState)(rceConfigAvailable),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      canvasConfigLoading = _useState6[0],
-      setCanvasConfigLoading = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    canvasConfigLoading = _useState6[0],
+    setCanvasConfigLoading = _useState6[1];
   var refreshToken = rcsJwtRefreshFn && jwt ? decorateRcsJwtRefreshFn(rcsJwtRefreshFn, jwt, setJwt) : null;
   var rcsParams = {
     contextId: contextId,
@@ -134,57 +103,47 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
     displayOldLinks: displayOldLinks
   };
   (0, _react.useEffect)(function () {
-    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
       var json;
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               _context2.prev = 0;
-
               if ((0, _rceConfigUtils.hasAllPropsForRcs)(rcsParams)) {
                 _context2.next = 4;
                 break;
               }
-
               (0, _rceConfigErrorHandler.handleError)((0, _rceConfigErrorMessages.quizLogMsgInvalidParams)());
               return _context2.abrupt("return");
-
             case 4:
               if (!storedRCEConfig) {
                 _context2.next = 8;
                 break;
               }
-
               setCanvasConfig(storedRCEConfig);
               _context2.next = 14;
               break;
-
             case 8:
               _context2.next = 10;
               return (0, _rceConfigFetcher.fetchRceConfig)(rcsHost, contextType, contextId, jwt);
-
             case 10:
               json = _context2.sent;
               setStoredRCEConfig(json);
               setCanvasConfig(json);
               (0, _rceConfigErrorHandler.setEventToQuizLog)(null);
-
             case 14:
               _context2.next = 20;
               break;
-
             case 16:
               _context2.prev = 16;
               _context2.t0 = _context2["catch"](0);
               setCanvasConfig(null);
               (0, _rceConfigErrorHandler.handleError)((0, _rceConfigErrorMessages.quizLogMsgFailedConfigFetch)());
-
             case 20:
               _context2.prev = 20;
               setCanvasConfigLoading(false);
               return _context2.finish(20);
-
             case 23:
             case "end":
               return _context2.stop();
@@ -200,16 +159,13 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
       postMessageService.cleanupPostMessageListener();
     };
   }, []);
-
   if (canvasConfigLoading) {
     return _ref4;
   }
-
   return /*#__PURE__*/_react.default.createElement(_quizCommon.RceConfigContext.Provider, {
     value: (0, _rceConfigMapper.mapParamsToRceConfigContext)(rcsParams, rendererParams, canvasConfig, ltiAppParams, flags)
   }, children);
 };
-
 RceConfigProviderComponent.propTypes = {
   children: _propTypes.default.node.isRequired,
   displayOldLinks: _propTypes.default.bool,

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

@@ -1,52 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setEventToQuizLog = exports.handleError = void 0;
-
 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 = function handleError(quizLogMessage) {
   if (shouldAlertUser()) {
     alertTheUser(getAlertMessage());
   }
-
   if (shouldSetEventToQuizLog()) {
     setEventToQuizLog(quizLogMessage);
   }
 };
-
 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,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 = function quizLogMsgErrorDuringTaking(stem) {
   var normalizedStem = stem !== null && stem !== void 0 ? stem : 'Unknown stem';
   var extractedText = (0, _quizInteractions.extractTextFromHtml)(normalizedStem);
@@ -18,29 +14,20 @@ var quizLogMsgErrorDuringTaking = function quizLogMsgErrorDuringTaking(stem) {
     stem: extractedText
   });
 };
-
 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.');
 };
-
 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.');
 };
-
 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.');
 };
-
 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,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fetchRceConfig = void 0;
-
 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);
@@ -18,9 +14,8 @@ var buildRceConfigUrl = function buildRceConfigUrl(host, contextType, contextId)
   contextId && url.searchParams.append('contextId', contextId);
   return url;
 };
-
 var fetchRceConfig = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(rcsHost, contextType, contextId, jwt) {
+  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(rcsHost, contextType, contextId, jwt) {
     var rceConfigUrl, response;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
@@ -33,24 +28,18 @@ var fetchRceConfig = /*#__PURE__*/function () {
                 'Authorization': "Bearer ".concat(jwt)
               }
             });
-
           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();
@@ -58,10 +47,8 @@ var fetchRceConfig = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function fetchRceConfig(_x, _x2, _x3, _x4) {
     return _ref.apply(this, arguments);
   };
 }();
-
 exports.fetchRceConfig = fetchRceConfig;

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

@@ -1,45 +1,35 @@
 "use strict";
 
 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.js");
-
 var mapRcs = function mapRcs(rcsParams, canvasConfig) {
   if (rcsParams && (0, _rceConfigUtils.hasAllPropsForRcs)(rcsParams) && 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 _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);
-}; // If you are removing the displayOldLinks feature flag, please strongly consider leaving
-// the mapFeatureFlags functionality in place in case new feature flags are added in the future.
-
+};
 
+// If you are removing the displayOldLinks feature flag, please strongly consider leaving
+// the mapFeatureFlags functionality in place in case new feature flags are added in the future.
 var mapFeatureFlags = function mapFeatureFlags(flags) {
   return (0, _defineProperty2.default)({}, _quizCommon.RceConfigKeys.displayOldLinks, (flags === null || flags === void 0 ? void 0 : flags.displayOldLinks) || false);
 };
-
 var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(rcsParams, rendererParams, canvasConfig, ltiAppParams, flags) {
   return {
     rcs: mapRcs(rcsParams, canvasConfig),
@@ -48,5 +38,4 @@ var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(rcsParams
     featureFlags: mapFeatureFlags(flags)
   };
 };
-
 exports.mapParamsToRceConfigContext = mapParamsToRceConfigContext;

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

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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));
 };
-
 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,97 +1,65 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _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.js");
-
 var _reduxStore = _interopRequireDefault(require("../../../reduxStore.js"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
 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 _index2 = _interopRequireDefault(require("../RceConfigProvider/index.js"));
-
 var _index3 = require("../ApiFeatureFlagInitializer/index.js");
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _SDKApp;
+/** @jsx jsx */
+/* eslint "import/no-webpack-loader-syntax": "warn" */
+/* eslint "import/no-unresolved": "warn" */
 var _ref = (0, _emotion.jsx)(_index.default, null);
-
-var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_SDKApp = /*#__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 = _super.call(this, props); // TODO: move to something like this down the line
+    _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, _createClass2.default)(SDKApp, [{
     key: "setLocale",
     value: function setLocale() {
-      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
+      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
       (0, _setupFormatMessage.default)(locale, {
         logMissingTranslations: true,
         translations: this.props.translations
@@ -107,13 +75,10 @@ var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
     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));
       }
@@ -129,44 +94,34 @@ var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
     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));
       }
@@ -175,8 +130,8 @@ var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
     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)(_index3.ApiFeatureFlagInitializer, null, (0, _emotion.jsx)(_index2.default, this.props.rceConfig, (0, _emotion.jsx)(_uiI18n.ApplyLocale, {
@@ -192,7 +147,7 @@ var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
   }]);
   SDKApp.displayName = "SDKApp";
   return SDKApp;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _SDKApp.propTypes = {
   apiEndpoint: _propTypes.default.string.isRequired,
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
@@ -202,7 +157,6 @@ var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
   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,
@@ -224,9 +178,9 @@ var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
   userToken: _propTypes.default.string.isRequired,
   disableAlertLiveRegion: _propTypes.default.bool,
   styles: _propTypes.default.object
-}, _class2.contextTypes = {
+}, _SDKApp.contextTypes = {
   locale: _propTypes.default.string
-}, _class2.defaultProps = {
+}, _SDKApp.defaultProps = {
   contextUuid: '',
   externalAccountUuid: '',
   gradeByQuestionEnabled: null,
@@ -238,7 +192,7 @@ var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
   translations: null,
   timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
   disableAlertLiveRegion: false
-}, _temp)) || _class);
+}, _SDKApp)) || _class);
 exports.SDKApp = SDKApp;
 var DragDroppableSDKApp = (0, _reactDnd.DragDropContext)(_reactDndHtml5Backend.default)(SDKApp);
 exports.DragDroppableSDKApp = DragDroppableSDKApp;