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

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

@@ -12,12 +12,10 @@ import { quizLogMsgErrorDuringTaking, quizLogMsgFailedConfigFetch, quizLogMsgInv
 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) {
@@ -25,23 +23,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;
               }
-
               handleError(quizLogMsgErrorDuringTaking(questionStem));
               return _context.abrupt("return");
-
             case 7:
               setJwt(refreshedToken);
               setTokenFn(refreshedToken);
-
             case 9:
             case "end":
               return _context.stop();
@@ -49,48 +42,40 @@ var decorateRcsJwtRefreshFn = function decorateRcsJwtRefreshFn(rcsJwtRefreshFn,
         }
       }, _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,
-      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 = 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,
@@ -110,57 +95,47 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
     displayOldLinks: displayOldLinks
   };
   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;
               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();
@@ -176,16 +151,13 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
       postMessageService.cleanupPostMessageListener();
     };
   }, []);
-
   if (canvasConfigLoading) {
     return _ref4;
   }
-
   return /*#__PURE__*/React.createElement(RceConfigContext.Provider, {
     value: mapParamsToRceConfigContext(rcsParams, rendererParams, canvasConfig, ltiAppParams, flags)
   }, children);
 };
-
 RceConfigProviderComponent.propTypes = {
   children: PropTypes.node.isRequired,
   displayOldLinks: PropTypes.bool,

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

@@ -3,28 +3,22 @@ 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,6 +1,5 @@
 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);
@@ -8,9 +7,8 @@ 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) {
@@ -23,24 +21,18 @@ export 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();
@@ -48,7 +40,6 @@ export var fetchRceConfig = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function fetchRceConfig(_x, _x2, _x3, _x4) {
     return _ref.apply(this, arguments);
   };

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

@@ -1,34 +1,28 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RceConfigKeys } from '@instructure/quiz-common';
 import { hasAllPropsForRcs, areLtiAppsConfigured } from "./rceConfigUtils.js";
-
 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;
   } 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;
 };
-
 var rendererEnhancement = function rendererEnhancement(rendererParams) {
   return _defineProperty({}, 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 _defineProperty({}, RceConfigKeys.displayOldLinks, (flags === null || flags === void 0 ? void 0 : flags.displayOldLinks) || false);
 };
-
 export var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(rcsParams, rendererParams, canvasConfig, ltiAppParams, flags) {
   return {
     rcs: mapRcs(rcsParams, canvasConfig),

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

@@ -2,13 +2,9 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 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;
 /** @jsx jsx */
-
 /* eslint "import/no-webpack-loader-syntax": "warn" */
-
 /* eslint "import/no-unresolved": "warn" */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -32,39 +28,31 @@ import ConfirmationModal from "../ConfirmationModal/index.js";
 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) {
+export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
   _inherits(SDKApp, _Component);
-
   var _super = _createSuper(SDKApp);
-
   function SDKApp(props) {
     var _this;
-
     _classCallCheck(this, SDKApp);
+    _this = _super.call(this, 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, [{
     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 +68,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 +87,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 +123,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, {
@@ -163,10 +138,9 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp
       }) : 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 +150,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,
@@ -198,9 +171,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,
@@ -212,6 +185,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;

package/es/common/components/SDKHeaderCalculator.js

@@ -5,7 +5,7 @@ import Calculator from "./layout/header/Calculator/index.js";
 import PropTypes from 'prop-types';
 export var SDKHeaderCalculator = function SDKHeaderCalculator(_ref) {
   var iceTopNavBarEnabled = _ref.iceTopNavBarEnabled,
-      setCalculatorEnabled = _ref.setCalculatorEnabled;
+    setCalculatorEnabled = _ref.setCalculatorEnabled;
   return /*#__PURE__*/React.createElement(Provider, {
     store: store
   }, /*#__PURE__*/React.createElement(Calculator, {

package/es/common/components/SDKTimer.js

@@ -5,7 +5,7 @@ import Timer from "./layout/header/Timer/index.js";
 import PropTypes from 'prop-types';
 export var SDKTimer = function SDKTimer(_ref) {
   var iceTopNavBarEnabled = _ref.iceTopNavBarEnabled,
-      setTimerEnabled = _ref.setTimerEnabled;
+    setTimerEnabled = _ref.setTimerEnabled;
   return /*#__PURE__*/React.createElement(Provider, {
     store: store
   }, /*#__PURE__*/React.createElement(Timer, {

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

@@ -3,7 +3,6 @@ import { connect } from "../../react-redux.js";
 import { removeAlert } from "../../actions/alerts.js";
 import Alert from "../../records/Alert.js";
 import Alerts from "./presenter.js";
-
 var mapStateToProps = function mapStateToProps(state, props) {
   var alerts = state.get('alerts', Map());
   return {
@@ -14,7 +13,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     })
   };
 };
-
 export default connect(mapStateToProps, {
   removeAlert: removeAlert
 })(Alerts);

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

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _Alerts;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,29 +14,21 @@ import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
   _inherits(Alerts, _Component);
-
   var _super = _createSuper(Alerts);
-
   function Alerts() {
     var _this;
-
     _classCallCheck(this, Alerts);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.renderAlert = function (alert) {
       var closeAlert = partial(_this.props.removeAlert, alert.uuid);
-
       if (alert.variant === 'screenreader') {
         return _this.renderScreenreaderAlert(alert);
       }
-
       if (alert.variant === 'stickyerror') {
         return jsx("div", {
           key: alert.uuid,
@@ -50,7 +40,6 @@ export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _d
           transition: "none"
         }, alert.message));
       }
-
       return jsx("div", {
         key: alert.uuid,
         css: _this.props.styles.alertHolder
@@ -61,10 +50,8 @@ export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         transition: "none"
       }, alert.message));
     };
-
     return _this;
   }
-
   _createClass(Alerts, [{
     key: "renderScreenreaderAlert",
     value: function renderScreenreaderAlert(alert) {
@@ -83,7 +70,6 @@ export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _d
       var hasStickyErrors = this.props.alerts.toJS().find(function (alert) {
         return alert.variant === 'stickyerror';
       });
-
       if (hasStickyErrors) {
         return jsx("div", {
           css: this.props.styles.alerts,
@@ -92,21 +78,19 @@ export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _d
           }
         }, this.renderAlerts());
       }
-
       return jsx("div", {
         css: this.props.styles.alerts
       }, this.renderAlerts());
     }
   }]);
-
   Alerts.displayName = "Alerts";
   return Alerts;
-}(Component), _class2.propTypes = {
+}(Component), _Alerts.propTypes = {
   removeAlert: PropTypes.func.isRequired,
   alerts: ImmutablePropTypes.list.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _Alerts.defaultProps = {
   sidebarOpen: false
-}, _temp)) || _class);
+}, _Alerts)) || _class);
 export default Alerts;

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme) {
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   return {
@@ -20,5 +19,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/common/components/alerts/theme.js

@@ -1,6 +1,6 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
-      spacing = _ref.spacing;
+    spacing = _ref.spacing;
   return {
     alertsPadding: spacing.medium,
     alertsTopPadding: spacing.large,
@@ -9,5 +9,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
   };
 };
-
 export default generateComponentTheme;