@instructure/quiz-core 20.17.2-rc.8 → 20.17.2

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

@@ -1,95 +1,76 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 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.js";
-import { Card } from "../shared/Card/index.js";
+import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
+import { Card } from '../shared/Card';
 import { RceConfigContext } from '@instructure/quiz-common';
-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";
-
+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';
 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,
@@ -106,61 +87,49 @@ 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;
-                break;
-              }
-
-              handleError(quizLogMsgInvalidParams());
-              return _context2.abrupt("return");
-
-            case 4:
-              if (!storedRCEConfig) {
-                _context2.next = 8;
-                break;
-              }
-
-              setCanvasConfig(storedRCEConfig);
-              _context2.next = 14;
+      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;
-
-            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;
+            }
+            handleError(quizLogMsgInvalidParams());
+            return _context2.abrupt("return");
+          case 4:
+            if (!storedRCEConfig) {
+              _context2.next = 8;
               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();
-          }
+            }
+            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();
         }
       }, _callee2, null, [[0, 16, 20, 23]]);
     }))();
@@ -172,16 +141,15 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
       postMessageService.cleanupPostMessageListener();
     };
   }, []);
-
   if (canvasConfigLoading) {
-    return _ref4;
+    return _Card || (_Card = /*#__PURE__*/React.createElement(Card, {
+      wrapped: true
+    }, /*#__PURE__*/React.createElement(Spinner, null)));
   }
-
   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,30 +1,24 @@
-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";
-
+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';
 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,6 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 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);
@@ -8,47 +7,37 @@ 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)
-              }
-            });
-
-          case 3:
-            response = _context.sent;
-
-            if (response.ok) {
-              _context.next = 6;
-              break;
+    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)
             }
-
-            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();
-        }
+          });
+        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();
       }
     }, _callee);
   }));
-
   return function fetchRceConfig(_x, _x2, _x3, _x4) {
     return _ref.apply(this, arguments);
   };

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

@@ -1,28 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RceConfigKeys } from '@instructure/quiz-common';
-import { hasAllPropsForRcs, areLtiAppsConfigured } from "./rceConfigUtils.js";
-
+import { hasAllPropsForRcs, areLtiAppsConfigured } from './rceConfigUtils';
 var mapRcs = function mapRcs(rcsParams, canvasConfig) {
   if (rcsParams && hasAllPropsForRcs(rcsParams) && 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;
+    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);
   } else {
     return null;
   }
 };
-
 var mapLtiApps = function mapLtiApps(canvasConfig, ltiAppParams) {
-  var _ref2;
-
   if (!areLtiAppsConfigured(canvasConfig, ltiAppParams)) return null;
-  return _ref2 = {}, _defineProperty(_ref2, RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), _defineProperty(_ref2, RceConfigKeys.ltiIframeAllowances, canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES), _defineProperty(_ref2, RceConfigKeys.editorButtons, canvasConfig.editorButtons), _ref2;
+  return _defineProperty(_defineProperty(_defineProperty({}, RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), RceConfigKeys.ltiIframeAllowances, canvasConfig.LTI_LAUNCH_FRAME_ALLOWANCES), RceConfigKeys.editorButtons, canvasConfig.editorButtons);
 };
-
 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 ? 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));
+  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);
 };
 export 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);
+  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);
 };

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

@@ -1,14 +1,10 @@
 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";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _SDKApp, _ConfirmationModal;
 /** @jsx jsx */
-
 /* eslint "import/no-webpack-loader-syntax": "warn" */
-
 /* eslint "import/no-unresolved": "warn" */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,55 +12,45 @@ 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.js";
-import store from "../../../reduxStore.js";
+import { Provider } from '../../react-redux';
+import store from '../../../reduxStore';
 import { getLocale } from '@instructure/quiz-common';
-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 { 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 setupFormatMessage from '@instructure/quiz-i18n/es/util/setupFormatMessage';
-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);
-
+import RceConfigProvider from '../RceConfigProvider';
+import { ApiFeatureFlagInitializer } from '../ApiFeatureFlagInitializer';
+export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
   function SDKApp(props) {
     var _this;
-
     _classCallCheck(this, SDKApp);
+    _this = _callSuper(this, SDKApp, [props]);
 
-    _this = _super.call(this, props); // TODO: move to something like this down the line
+    // 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;
   }
-
-  _createClass(SDKApp, [{
+  _inherits(SDKApp, _Component);
+  return _createClass(SDKApp, [{
     key: "setLocale",
     value: function setLocale() {
-      var locale = getLocale(this.props, this.context); // TODO: Move away from using built-in format-message formats so we can kill this setup call
+      var locale = getLocale(this.props, this.context);
 
+      // 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
@@ -80,13 +66,10 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp
     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));
       }
@@ -102,44 +85,34 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp
     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));
       }
@@ -148,8 +121,8 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp
     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, {
@@ -158,15 +131,12 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp
       }, jsx("div", {
         css: this.props.styles.sdk,
         "data-automation": "sdk-app"
-      }, _ref, typeof props.children === 'function' ? props.children({
+      }, _ConfirmationModal || (_ConfirmationModal = jsx(ConfirmationModal, null)), typeof props.children === 'function' ? props.children({
         addAlert: this.addAlert
       }) : props.children)))));
     }
   }]);
-
-  SDKApp.displayName = "SDKApp";
-  return SDKApp;
-}(Component), _class2.propTypes = {
+}(Component), _SDKApp.propTypes = {
   apiEndpoint: PropTypes.string.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
@@ -176,7 +146,6 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp
   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,
@@ -197,9 +166,9 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp
   userToken: PropTypes.string.isRequired,
   disableAlertLiveRegion: PropTypes.bool,
   styles: PropTypes.object
-}, _class2.contextTypes = {
+}, _SDKApp.contextTypes = {
   locale: PropTypes.string
-}, _class2.defaultProps = {
+}, _SDKApp.defaultProps = {
   contextUuid: '',
   externalAccountUuid: '',
   gradeByQuestionEnabled: null,
@@ -211,6 +180,6 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp
   translations: null,
   timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
   disableAlertLiveRegion: false
-}, _temp)) || _class);
+}, _SDKApp)) || _class);
 export var DragDroppableSDKApp = DragDropContext(HTML5Backend)(SDKApp);
 export default DragDroppableSDKApp;

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

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