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

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

@@ -1,76 +1,95 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-var _Card;
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
-import { Card } from '../shared/Card';
+import { QuizzesSpinner as Spinner } from "../shared/spinner/Spinner.js";
+import { Card } from "../shared/Card/index.js";
 import { RceConfigContext } from '@instructure/quiz-common';
-import { hasAllPropsForRcs } from './rceConfigUtils';
-import { mapParamsToRceConfigContext } from './rceConfigMapper';
-import { quizLogMsgErrorDuringTaking, quizLogMsgFailedConfigFetch, quizLogMsgInvalidParams } from './rceConfigErrorMessages';
-import { handleError, setEventToQuizLog } from './rceConfigErrorHandler';
-import { fetchRceConfig } from './rceConfigFetcher';
-import PostMessageService from '../../../messages/postMessageService';
+import { hasAllPropsForRcs } from "./rceConfigUtils.js";
+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 () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(setTokenFn, questionStem) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(setTokenFn, questionStem) {
       var _response$json;
+
       var response, refreshedToken;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          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;
-            }
-            handleError(quizLogMsgErrorDuringTaking(questionStem));
-            return _context.abrupt("return");
-          case 7:
-            setJwt(refreshedToken);
-            setTokenFn(refreshedToken);
-          case 9:
-          case "end":
-            return _context.stop();
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            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;
+              }
+
+              handleError(quizLogMsgErrorDuringTaking(questionStem));
+              return _context.abrupt("return");
+
+            case 7:
+              setJwt(refreshedToken);
+              setTokenFn(refreshedToken);
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     }));
+
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }();
 };
+
+var _ref4 = /*#__PURE__*/React.createElement(Card, {
+  wrapped: true
+}, /*#__PURE__*/React.createElement(Spinner, 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;
+      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;
+
   var _useState = useState(rcsJwt),
-    _useState2 = _slicedToArray(_useState, 2),
-    jwt = _useState2[0],
-    setJwt = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      jwt = _useState2[0],
+      setJwt = _useState2[1];
+
   var _useState3 = useState(storedRCEConfig),
-    _useState4 = _slicedToArray(_useState3, 2),
-    canvasConfig = _useState4[0],
-    setCanvasConfig = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      canvasConfig = _useState4[0],
+      setCanvasConfig = _useState4[1];
+
   var rceConfigAvailable = storedRCEConfig ? false : true;
+
   var _useState5 = useState(rceConfigAvailable),
-    _useState6 = _slicedToArray(_useState5, 2),
-    canvasConfigLoading = _useState6[0],
-    setCanvasConfigLoading = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      canvasConfigLoading = _useState6[0],
+      setCanvasConfigLoading = _useState6[1];
+
   var refreshToken = rcsJwtRefreshFn && jwt ? decorateRcsJwtRefreshFn(rcsJwtRefreshFn, jwt, setJwt) : null;
   var rcsParams = {
     contextId: contextId,
@@ -87,49 +106,61 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
     canvasOrigin: canvasOrigin
   };
   useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var json;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            if (hasAllPropsForRcs(rcsParams)) {
-              _context2.next = 4;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+
+              if (hasAllPropsForRcs(rcsParams)) {
+                _context2.next = 4;
+                break;
+              }
+
+              handleError(quizLogMsgInvalidParams());
+              return _context2.abrupt("return");
+
+            case 4:
+              if (!storedRCEConfig) {
+                _context2.next = 8;
+                break;
+              }
+
+              setCanvasConfig(storedRCEConfig);
+              _context2.next = 14;
               break;
-            }
-            handleError(quizLogMsgInvalidParams());
-            return _context2.abrupt("return");
-          case 4:
-            if (!storedRCEConfig) {
-              _context2.next = 8;
+
+            case 8:
+              _context2.next = 10;
+              return fetchRceConfig(rcsHost, contextType, contextId, jwt);
+
+            case 10:
+              json = _context2.sent;
+              setStoredRCEConfig(json);
+              setCanvasConfig(json);
+              setEventToQuizLog(null);
+
+            case 14:
+              _context2.next = 20;
               break;
-            }
-            setCanvasConfig(storedRCEConfig);
-            _context2.next = 14;
-            break;
-          case 8:
-            _context2.next = 10;
-            return fetchRceConfig(rcsHost, contextType, contextId, jwt);
-          case 10:
-            json = _context2.sent;
-            setStoredRCEConfig(json);
-            setCanvasConfig(json);
-            setEventToQuizLog(null);
-          case 14:
-            _context2.next = 20;
-            break;
-          case 16:
-            _context2.prev = 16;
-            _context2.t0 = _context2["catch"](0);
-            setCanvasConfig(null);
-            handleError(quizLogMsgFailedConfigFetch());
-          case 20:
-            _context2.prev = 20;
-            setCanvasConfigLoading(false);
-            return _context2.finish(20);
-          case 23:
-          case "end":
-            return _context2.stop();
+
+            case 16:
+              _context2.prev = 16;
+              _context2.t0 = _context2["catch"](0);
+              setCanvasConfig(null);
+              handleError(quizLogMsgFailedConfigFetch());
+
+            case 20:
+              _context2.prev = 20;
+              setCanvasConfigLoading(false);
+              return _context2.finish(20);
+
+            case 23:
+            case "end":
+              return _context2.stop();
+          }
         }
       }, _callee2, null, [[0, 16, 20, 23]]);
     }))();
@@ -141,15 +172,16 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
       postMessageService.cleanupPostMessageListener();
     };
   }, []);
+
   if (canvasConfigLoading) {
-    return _Card || (_Card = /*#__PURE__*/React.createElement(Card, {
-      wrapped: true
-    }, /*#__PURE__*/React.createElement(Spinner, null)));
+    return _ref4;
   }
+
   return /*#__PURE__*/React.createElement(RceConfigContext.Provider, {
     value: mapParamsToRceConfigContext(rcsParams, rendererParams, canvasConfig, ltiAppParams)
   }, children);
 };
+
 RceConfigProviderComponent.propTypes = {
   children: PropTypes.node.isRequired,
   contextId: PropTypes.string,

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

@@ -1,24 +1,30 @@
-import store from '../../../reduxStore';
-import { addStickyError } from '../../actions/alerts';
-import { setRCEError } from '../../actions/rce';
-import { isQuizBuilding, isQuizTaking } from '../../util/windowChecks';
-import { userAlertMsgBuilding, userAlertMsgTaking } from './rceConfigErrorMessages';
+import store from "../../../reduxStore.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(addStickyError(message));
 };
+
 var getAlertMessage = function getAlertMessage() {
   return isQuizTaking() ? userAlertMsgTaking() : userAlertMsgBuilding();
 };
+
 var shouldAlertUser = function shouldAlertUser() {
   return isQuizTaking() || isQuizBuilding();
 };
+
 var shouldSetEventToQuizLog = function shouldSetEventToQuizLog() {
   return isQuizTaking();
 };
+
 export var handleError = function handleError(quizLogMessage) {
   if (shouldAlertUser()) {
     alertTheUser(getAlertMessage());
   }
+
   if (shouldSetEventToQuizLog()) {
     setEventToQuizLog(quizLogMessage);
   }

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

@@ -1,5 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/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);
@@ -7,37 +8,47 @@ var buildRceConfigUrl = function buildRceConfigUrl(host, contextType, contextId)
   contextId && url.searchParams.append('contextId', contextId);
   return url;
 };
+
 export var fetchRceConfig = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(rcsHost, contextType, contextId, jwt) {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(rcsHost, contextType, contextId, jwt) {
     var rceConfigUrl, response;
-    return _regeneratorRuntime().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 _regeneratorRuntime.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);
   };

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

@@ -1,20 +1,28 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RceConfigKeys } from '@instructure/quiz-common';
-import { hasAllPropsForRcs, areLtiAppsConfigured } from './rceConfigUtils';
+import { hasAllPropsForRcs, areLtiAppsConfigured } from "./rceConfigUtils.js";
+
 var mapRcs = function mapRcs(rcsParams, canvasConfig) {
   if (rcsParams && hasAllPropsForRcs(rcsParams) && canvasConfig) {
-    return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RceConfigKeys.canvasUserId, rcsParams.canvasUserId), RceConfigKeys.contextId, rcsParams.contextId), RceConfigKeys.contextType, rcsParams.contextType), RceConfigKeys.rcsHost, rcsParams.rcsHost), RceConfigKeys.rcsJwt, rcsParams.jwt), RceConfigKeys.rcsJwtRefreshFn, rcsParams.refreshToken), RceConfigKeys.canvasConfig, canvasConfig);
+    var _ref;
+
+    return _ref = {}, _defineProperty(_ref, RceConfigKeys.canvasUserId, rcsParams.canvasUserId), _defineProperty(_ref, RceConfigKeys.contextId, rcsParams.contextId), _defineProperty(_ref, RceConfigKeys.contextType, rcsParams.contextType), _defineProperty(_ref, RceConfigKeys.rcsHost, rcsParams.rcsHost), _defineProperty(_ref, RceConfigKeys.rcsJwt, rcsParams.jwt), _defineProperty(_ref, RceConfigKeys.rcsJwtRefreshFn, rcsParams.refreshToken), _defineProperty(_ref, RceConfigKeys.canvasConfig, canvasConfig), _ref;
   } else {
     return null;
   }
 };
+
 var mapLtiApps = function mapLtiApps(canvasConfig, ltiAppParams) {
+  var _ref2;
+
   if (!areLtiAppsConfigured(canvasConfig, ltiAppParams)) return null;
-  return _defineProperty(_defineProperty(_defineProperty({}, RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), RceConfigKeys.ltiIframeAllowances, canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES), RceConfigKeys.editorButtons, canvasConfig.editorButtons);
+  return _ref2 = {}, _defineProperty(_ref2, RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), _defineProperty(_ref2, RceConfigKeys.ltiIframeAllowances, canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES), _defineProperty(_ref2, RceConfigKeys.editorButtons, canvasConfig.editorButtons), _ref2;
 };
+
 var rendererEnhancement = function rendererEnhancement(rendererParams) {
   return _defineProperty({}, RceConfigKeys.canvasOrigin, (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.canvasOrigin) || null);
 };
+
 export var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(rcsParams, rendererParams, canvasConfig, ltiAppParams) {
   return {
     rcs: mapRcs(rcsParams, canvasConfig),

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

@@ -1,6 +1,6 @@
 export var 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);
+  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));
 };
 export var 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);
+  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);
 };

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

@@ -1,10 +1,14 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _SDKApp, _ConfirmationModal;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
+
 /* eslint "import/no-webpack-loader-syntax": "warn" */
+
 /* eslint "import/no-unresolved": "warn" */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,45 +16,55 @@ import HTML5Backend from 'react-dnd-html5-backend';
 import { DragDropContext } from 'react-dnd';
 import { withStyle, jsx } from '@instructure/emotion';
 import { ApplyLocale } from '@instructure/ui-i18n';
-import { Provider } from '../../react-redux';
-import store from '../../../reduxStore';
+import { Provider } from "../../react-redux.js";
+import store from "../../../reduxStore.js";
 import { getLocale } from '@instructure/quiz-common';
-import { set } from '../../actions/ui';
-import { addAlert } from '../../actions/alerts';
-import { setAPIEndpoint, setCanvasOrigin, setUserToken } from '../../actions/config';
-import { setContextUuid, setOutcomesEndpoint, setOutcomesToken, setExternalAccountUuid } from '../../actions/outcomes';
-import { addFeatures, removeFeatures } from '../../actions/features';
-import { setGradeByQuestionEnabled } from '../../actions/grading';
-import { renderAlerts } from '../../util/renderAlerts';
-import generateStyle from './styles';
-import CustomPropTypes from '../../../common/util/CustomPropTypes';
-import ConfirmationModal from '../ConfirmationModal';
+import { set } from "../../actions/ui.js";
+import { addAlert } from "../../actions/alerts.js";
+import { setAPIEndpoint, setCanvasOrigin, setUserToken } from "../../actions/config.js";
+import { setContextUuid, setOutcomesEndpoint, setOutcomesToken, setExternalAccountUuid } from "../../actions/outcomes.js";
+import { addFeatures, removeFeatures } from "../../actions/features.js";
+import { setGradeByQuestionEnabled } from "../../actions/grading.js";
+import { renderAlerts } from "../../util/renderAlerts.js";
+import generateStyle from "./styles.js";
+import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
+import ConfirmationModal from "../ConfirmationModal/index.js";
 import setupFormatMessage from '@instructure/quiz-i18n/es/util/setupFormatMessage';
-import RceConfigProvider from '../RceConfigProvider';
-import { ApiFeatureFlagInitializer } from '../ApiFeatureFlagInitializer';
-export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
+import RceConfigProvider from "../RceConfigProvider/index.js";
+import { ApiFeatureFlagInitializer } from "../ApiFeatureFlagInitializer/index.js";
+
+var _ref = jsx(ConfirmationModal, null);
+
+export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(SDKApp, _Component);
+
+  var _super = _createSuper(SDKApp);
+
   function SDKApp(props) {
     var _this;
+
     _classCallCheck(this, SDKApp);
-    _this = _callSuper(this, SDKApp, [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(addAlert(opts));
     };
+
     _this.store = store;
+
     _this.setLocale();
+
     return _this;
   }
-  _inherits(SDKApp, _Component);
-  return _createClass(SDKApp, [{
+
+  _createClass(SDKApp, [{
     key: "setLocale",
     value: function setLocale() {
-      var locale = getLocale(this.props, this.context);
+      var locale = 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
       setupFormatMessage(locale, {
         logMissingTranslations: true,
         translations: this.props.translations
@@ -66,10 +80,13 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
     key: "componentWillMount",
     value: function componentWillMount() {
       var _this$props$rceConfig;
+
       this.store.dispatch([setAPIEndpoint(this.props.apiEndpoint), setCanvasOrigin((_this$props$rceConfig = this.props.rceConfig) === null || _this$props$rceConfig === void 0 ? void 0 : _this$props$rceConfig.canvasOrigin), this.setAppContainer(this.props.appContainer), setUserToken(this.props.userToken), setOutcomesEndpoint(this.props.outcomesEndpoint), setOutcomesToken(this.props.outcomesToken), setContextUuid(this.props.contextUuid), setExternalAccountUuid(this.props.externalAccountUuid)]);
+
       if (this.props.itemBankSharingEnabled) {
         this.store.dispatch(addFeatures('item_bank_sharing'));
       }
+
       if (this.props.gradeByQuestionEnabled !== null) {
         this.store.dispatch(setGradeByQuestionEnabled(this.props.gradeByQuestionEnabled));
       }
@@ -85,34 +102,44 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(newProps) {
       var _newProps$rceConfig, _this$props$rceConfig2;
+
       if (newProps.apiEndpoint !== this.props.apiEndpoint) {
         this.store.dispatch(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(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(setUserToken(newProps.userToken));
       }
+
       if (newProps.outcomesEndpoint !== this.props.outcomesEndpoint) {
         this.store.dispatch(setOutcomesEndpoint(newProps.outcomesEndpoint));
       }
+
       if (newProps.outcomesToken !== this.props.outcomesToken) {
         this.store.dispatch(setOutcomesToken(newProps.outcomesToken));
       }
+
       if (newProps.contextUuid !== this.props.contextUuid) {
         this.store.dispatch(setContextUuid(newProps.contextUuid));
       }
+
       if (newProps.itemBankSharingEnabled !== this.props.itemBankSharingEnabled) {
         var toggleFeature = newProps.itemBankSharingEnabled ? addFeatures : removeFeatures;
         this.store.dispatch(toggleFeature('item_bank_sharing'));
       }
+
       if (newProps.gradeByQuestionEnabled !== this.props.gradeByQuestionEnabled && this.props.gradeByQuestionEnabled !== null) {
         this.store.dispatch(setGradeByQuestionEnabled(newProps.gradeByQuestionEnabled));
       }
+
       if (newProps.externalAccountUuid !== this.props.externalAccountUuid) {
         this.store.dispatch(setExternalAccountUuid(newProps.externalAccountUuid));
       }
@@ -121,8 +148,8 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
     key: "render",
     value: function render() {
       var store = this.store,
-        props = this.props,
-        context = this.context;
+          props = this.props,
+          context = this.context;
       return jsx(Provider, {
         store: store
       }, jsx(ApiFeatureFlagInitializer, null, jsx(RceConfigProvider, this.props.rceConfig, jsx(ApplyLocale, {
@@ -131,12 +158,15 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
       }, jsx("div", {
         css: this.props.styles.sdk,
         "data-automation": "sdk-app"
-      }, _ConfirmationModal || (_ConfirmationModal = jsx(ConfirmationModal, null)), typeof props.children === 'function' ? props.children({
+      }, _ref, typeof props.children === 'function' ? props.children({
         addAlert: this.addAlert
       }) : props.children)))));
     }
   }]);
-}(Component), _SDKApp.propTypes = {
+
+  SDKApp.displayName = "SDKApp";
+  return SDKApp;
+}(Component), _class2.propTypes = {
   apiEndpoint: PropTypes.string.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
@@ -146,6 +176,7 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
   itemBankSharingEnabled: PropTypes.bool,
   // ESLint seems to this the "locale" prop is unused even though it definitely is
   locale: PropTypes.string,
+
   /* eslint-disable-line react/no-unused-prop-types */
   outcomesEndpoint: PropTypes.string,
   outcomesToken: PropTypes.string,
@@ -166,9 +197,9 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
   userToken: PropTypes.string.isRequired,
   disableAlertLiveRegion: PropTypes.bool,
   styles: PropTypes.object
-}, _SDKApp.contextTypes = {
+}, _class2.contextTypes = {
   locale: PropTypes.string
-}, _SDKApp.defaultProps = {
+}, _class2.defaultProps = {
   contextUuid: '',
   externalAccountUuid: '',
   gradeByQuestionEnabled: null,
@@ -180,6 +211,6 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
   translations: null,
   timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
   disableAlertLiveRegion: false
-}, _SDKApp)) || _class);
+}, _temp)) || _class);
 export var DragDroppableSDKApp = DragDropContext(HTML5Backend)(SDKApp);
 export default DragDroppableSDKApp;

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

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