@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

package/es/building/components/layout/header/BuildingButtons/presenter.js

@@ -1,10 +1,8 @@
 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, _BuildingButtons, _IconSpeedGraderLine;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -14,71 +12,52 @@ import { IconExportLine, IconMoreSolid, IconImportLine, IconBankLine, IconPrinte
 import { View } from '@instructure/ui-view';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
-import PrintTrigger from "../../../../../common/components/shared/PrintTrigger/index.js";
+import PrintTrigger from '../../../../../common/components/shared/PrintTrigger';
 import { PRINT_CURRENT_PAGE, PRINT_BLANK } from '@instructure/quiz-common';
 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";
-
-var _ref = jsx(IconSpeedGraderLine, null);
-
-export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(BuildingButtons, _Component);
-
-  var _super = _createSuper(BuildingButtons);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
   function BuildingButtons() {
     var _this;
-
     _classCallCheck(this, BuildingButtons);
-
     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 = _callSuper(this, BuildingButtons, [].concat(args));
     _this.quizExportAlert = function () {
       _this.props.addInfo(t("The export process has been started. This can take a while for larger quizzes.\n      You can leave the page and you'll get notified when the export is completed."));
     };
-
     _this.openBanksTray = function () {
       _this.props.setBanksTrayButtonRef(_this.banksTrayButton);
-
       _this.props.openBanksTray();
     };
-
     _this.openSpeedgraderLink = function () {
       window.open(_this.props.speedgraderLink, '_blank');
     };
-
     _this.startQuizExportJob = function () {
       if (_this.props.canExport) {
         var _this$props = _this.props,
-            activeQuizId = _this$props.activeQuizId,
-            contextUuid = _this$props.contextUuid;
+          activeQuizId = _this$props.activeQuizId,
+          contextUuid = _this$props.contextUuid;
         var exportSettings = {
           export_type: 'qti',
           everything: false,
           quizzes: [activeQuizId]
         };
-
         _this.quizExportAlert();
-
         _this.props.contentExport({
           contextUuid: contextUuid,
           exportSettings: exportSettings
         }, _this.props.addAlert);
-
         _this.props.startExport(activeQuizId);
       }
     };
-
     return _this;
   }
-
-  _createClass(BuildingButtons, [{
+  _inherits(BuildingButtons, _Component);
+  return _createClass(BuildingButtons, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -107,18 +86,16 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
     value: function renderSpeedGraderButton() {
       var key = 'speedgrader';
       var text = t('Speedgrader');
-
       if (this.props.iceTopNavBarEnabled) {
         return jsx(Drilldown.Option, {
           id: key,
           key: key,
           onOptionClick: this.openSpeedgraderLink
-        }, _ref, jsx(View, {
+        }, _IconSpeedGraderLine || (_IconSpeedGraderLine = jsx(IconSpeedGraderLine, null)), jsx(View, {
           as: "span",
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return jsx(Menu.Item, {
         key: key,
         onSelect: this.openSpeedgraderLink
@@ -135,7 +112,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
       var disabled = !this.props.canImport;
       var menuItemDataAutomation = 'sdk-import-content-menuitem';
       var iconDataAutomation = 'sdk-import-content-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return jsx(Drilldown.Option, {
           id: key,
@@ -150,7 +126,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return jsx(Menu.Item, {
         key: key,
         disabled: disabled,
@@ -170,7 +145,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
       var disabled = !this.props.canExport;
       var menuItemDataAutomation = 'sdk-export-content-menuitem';
       var iconDataAutomation = 'sdk-export-content-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return jsx(Drilldown.Option, {
           id: key,
@@ -185,7 +159,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return jsx(Menu.Item, {
         key: key,
         disabled: disabled,
@@ -204,7 +177,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
       var onClick = this.props.navigateToBanks;
       var menuItemDataAutomation = 'sdk-manage-item-banks-menuitem';
       var iconDataAutomation = 'sdk-manage-item-banks-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return jsx(Drilldown.Option, {
           id: key,
@@ -218,7 +190,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return jsx(Menu.Item, {
         key: key,
         onSelect: onClick,
@@ -233,15 +204,12 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
     value: function renderPrintKeyButton(handlePrint) {
       var key = 'printKey';
       var text = t('Print Key (With Answers)');
-
       var onClick = function onClick() {
         return handlePrint(PRINT_CURRENT_PAGE);
       };
-
       var disabled = !this.props.hasQuestions || this.props.isEditing;
       var menuItemDataAutomation = 'sdk-print-key-menuitem';
       var iconDataAutomation = 'sdk-print-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return jsx(Drilldown.Option, {
           id: key,
@@ -257,7 +225,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return jsx(Menu.Item, {
         key: key,
         disabled: disabled,
@@ -274,15 +241,12 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
     value: function renderPrintBlankButton(handlePrint) {
       var key = 'printBlank';
       var text = t('Print Blank Quiz');
-
       var onClick = function onClick() {
         return handlePrint(PRINT_BLANK);
       };
-
       var disabled = !this.props.hasQuestions || this.props.isEditing;
       var menuItemDataAutomation = 'sdk-print-blank-menuitem';
       var iconDataAutomation = 'sdk-print-blank-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return jsx(Drilldown.Option, {
           id: key,
@@ -298,7 +262,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return jsx(Menu.Item, {
         key: key,
         disabled: disabled,
@@ -315,28 +278,21 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
     value: function renderMenu(handlePrint) {
       if (!this.isBuildingPage()) return;
       var menuItems = [];
-
       if (this.props.speedgraderLink) {
         menuItems.push(this.renderSpeedGraderButton());
       }
-
       menuItems.push(this.renderImportContentButton());
-
       if (this.props.contentExportEnabled) {
         menuItems.push(this.renderContentExportButton());
       }
-
       if (this.props.enableItemBanking) {
         menuItems.push(this.renderManageItemBanksButton());
       }
-
       if (this.props.printingEnabled) {
         menuItems.push(this.renderPrintKeyButton(handlePrint));
         menuItems.push(this.renderPrintBlankButton(handlePrint));
       }
-
       if (menuItems.length < 1) return;
-
       if (this.props.iceTopNavBarEnabled) {
         return jsx(TopNavBar.Item, {
           id: this.props.id,
@@ -350,7 +306,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           }, menuItems))
         }, t('More'));
       }
-
       return jsx(Menu, {
         trigger: jsx(IconButton, {
           renderIcon: IconMoreSolid,
@@ -365,7 +320,6 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return jsx("div", {
         css: this.props.styles.buttonsHolder
       }, this.renderSavingMessage(), jsx(PrintTrigger, {
@@ -376,10 +330,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
       }));
     }
   }]);
-
-  BuildingButtons.displayName = "BuildingButtons";
-  return BuildingButtons;
-}(Component), _class2.propTypes = {
+}(Component), _BuildingButtons.propTypes = {
   app: PropTypes.string,
   addAlert: PropTypes.func.isRequired,
   addInfo: PropTypes.func,
@@ -406,7 +357,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
   renderIcon: PropTypes.element,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _BuildingButtons.defaultProps = {
   activeQuizId: null,
   addInfo: function addInfo() {},
   app: null,
@@ -419,5 +370,5 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
   iceTopNavBarEnabled: false,
   id: 'MoreButton',
   renderIcon: jsx(IconMoreSolid, null)
-}, _temp)) || _class);
+}, _BuildingButtons)) || _class);
 export default BuildingButtons;

package/es/building/components/layout/header/BuildingButtons/styles.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var iceTopNavBarEnabled = props.iceTopNavBarEnabled;
   return {
@@ -21,5 +20,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
 export default generateStyle;

package/es/building/components/layout/header/BuildingButtons/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      spacing = _ref.spacing,
-      typography = _ref.typography;
+    spacing = _ref.spacing,
+    typography = _ref.typography;
   return {
     quizSavingColor: colors.lightGray,
     quizSavingMargin: spacing.large,
@@ -10,5 +10,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     menuIconFontSize: typography.fontSizeLarge
   };
 };
-
 export default generateComponentTheme;

package/es/building/components/layout/header/SDKBuildingButtons/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Provider } from "../../../../../common/react-redux.js";
-import store from "../../../../../reduxStore.js";
-import BuildingButtons from "../BuildingButtons/index.js";
+import { Provider } from '../../../../../common/react-redux';
+import store from '../../../../../reduxStore';
+import BuildingButtons from '../BuildingButtons';
 export var SDKBuildingButtons = function SDKBuildingButtons(props) {
   return /*#__PURE__*/React.createElement(Provider, {
     store: store

package/es/building/components/resources/ActionButtons/index.js

@@ -1,23 +1,20 @@
 import { Map } from 'immutable';
 import { compose } from 'redux';
-import { connect } from "../../../../common/react-redux.js";
-import { ActionButtons as ActionButtonsPresenter } from "./presenter.js";
-import disableDraggingOverride from "../../../../common/components/shared/functionality/disableDraggingOverride.js";
+import { connect } from '../../../../common/react-redux';
+import { ActionButtons as ActionButtonsPresenter } from './presenter';
+import disableDraggingOverride from '../../../../common/components/shared/functionality/disableDraggingOverride';
 import { ADD_CONTENT_POPOVER_KEY } from '@instructure/quiz-common';
-import { featureOn } from "../../../../common/util/featureCheck.js";
-
+import { featureOn } from '../../../../common/util/featureCheck';
 function editingAddContentPopover(state) {
   return state.get('editing', Map()).some(function (isEditing, componentKey) {
     return componentKey.includes(ADD_CONTENT_POPOVER_KEY) && isEditing;
   });
 }
-
 function mapStateToProps(state) {
   return {
     editingAddContentPopover: editingAddContentPopover(state),
     questionCopyEnabled: featureOn('question_copy')
   };
 }
-
 export var ActionButtons = compose(connect(mapStateToProps), disableDraggingOverride)(ActionButtonsPresenter);
 export default ActionButtons;

package/es/building/components/resources/ActionButtons/presenter.js

@@ -1,10 +1,8 @@
 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, _ActionButtons;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,54 +10,41 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconButton } from '@instructure/ui-buttons';
 import { IconEditLine, IconTrashLine, IconDuplicateLine } from '@instructure/ui-icons';
 import { withStyle, jsx, Global } from '@instructure/emotion';
-import DragHandle from "../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
-import makeScrollable from "../../../../common/components/shared/functionality/makeScrollable.js";
-import noop from "../../../../common/util/noop.js";
+import DragHandle from '../../../../common/components/shared/drag_and_drop/DragHandle';
+import makeScrollable from '../../../../common/components/shared/functionality/makeScrollable';
+import noop from '../../../../common/util/noop';
 import { EDIT, REMOVE, COPY } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 var ScrollTargetButton = makeScrollable(IconButton);
-export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(ActionButtons, _Component);
-
-  var _super = _createSuper(ActionButtons);
-
+export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
   function ActionButtons() {
     var _this;
-
     _classCallCheck(this, ActionButtons);
-
     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 = _callSuper(this, ActionButtons, [].concat(args));
     _this.editButton = null;
-
     _this.connectDragSource = function (dragHandle) {
       if (_this.props.shouldDisableDragHandle) {
         return dragHandle;
       }
-
       return _this.props.connectDragSource(dragHandle);
     };
-
     _this.onButtonFocus = function (e) {
       e.stopPropagation();
     };
-
     _this.switchOnEditing = function () {
       _this.props.switchOnEditing();
     };
-
     _this.setEditRef = function (node) {
       _this.editButton = node;
     };
-
     return _this;
   }
-
-  _createClass(ActionButtons, [{
+  _inherits(ActionButtons, _Component);
+  return _createClass(ActionButtons, [{
     key: "shouldFocusOnMount",
     value: function shouldFocusOnMount() {
       return this.props.shouldFocusOnMount && !this.props.editingAddContentPopover;
@@ -73,14 +58,12 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       if (this.shouldFocusOnMount() && this.editButton) {
         // use setTimeout to break away from RCE destruction that loses focus
         setTimeout(function () {
           _this2.editButton && _this2.editButton.getWrappedInstance().setFocus();
         }, 50);
       }
-
       this.props.makeStyles();
     }
   }, {
@@ -137,10 +120,7 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
       }));
     }
   }]);
-
-  ActionButtons.displayName = "ActionButtons";
-  return ActionButtons;
-}(Component), _class2.propTypes = {
+}(Component), _ActionButtons.propTypes = {
   connectDragSource: PropTypes.func.isRequired,
   displayPosition: PropTypes.number.isRequired,
   editingAddContentPopover: PropTypes.bool.isRequired,
@@ -159,7 +139,7 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
   shouldFocusOnMount: PropTypes.bool,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _class2.defaultProps = {
+}, _ActionButtons.defaultProps = {
   onCopy: null,
   scrollKey: void 0,
   shouldDisableCopy: false,
@@ -169,5 +149,5 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
   shouldRenderEdit: true,
   switchOnEditing: noop,
   shouldFocusOnMount: false
-}, _temp)) || _class);
+}, _ActionButtons)) || _class);
 export default ActionButtons;

package/es/building/components/resources/ActionButtons/styles.js

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var mq = '@media print';
   return {
@@ -15,7 +14,6 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }, mq, {
       display: 'none'
     }),
-
     /* Hide buttons when the RCE editor is in fullscreen mode */
     edit: _objectSpread({
       display: 'inline'
@@ -29,5 +27,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
 export default generateStyle;

package/es/building/components/resources/ActionButtons/theme.js

@@ -1,11 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors;
+    colors = _ref.colors;
   return {
     buttonsZIndex: '3333',
     buttonsColor: colors.oxford,
     buttonsPadding: spacing.xSmall
   };
 };
-
 export default generateComponentTheme;

package/es/building/components/resources/AddToBankOptions/index.js

@@ -1,12 +1,10 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 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, _AddToBankOptions;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -14,74 +12,55 @@ import { View } from '@instructure/ui-view';
 import { CondensedButton } from '@instructure/ui-buttons';
 import { withStyle, jsx } from '@instructure/emotion';
 import { ADD_TO_BANK_MODAL } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(AddToBankOptions, _Component);
-
-  var _super = _createSuper(AddToBankOptions);
-
+export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
   function AddToBankOptions() {
     var _this;
-
     _classCallCheck(this, AddToBankOptions);
-
     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.openAddToBankModal = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _this = _callSuper(this, AddToBankOptions, [].concat(args));
+    _this.openAddToBankModal = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var displayPosition, msg;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              displayPosition = _this.props.displayPosition;
-
-              if (!_this.props.isValid) {
-                _context.next = 5;
-                break;
-              }
-
-              _this.props.openModal([ADD_TO_BANK_MODAL, _this.props.entryType, _this.props.guid].join(':'), {
-                modalTrigger: _this.addToBankLink
-              });
-
-              _context.next = 10;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            displayPosition = _this.props.displayPosition;
+            if (!_this.props.isValid) {
+              _context.next = 5;
               break;
-
-            case 5:
-              msg = t('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
-                entryType: _this.props.entryType,
-                displayPosition: displayPosition
-              });
-
-              _this.props.screenreaderNotification(msg);
-
-              _context.next = 9;
-              return _this.props.showError(_this.props.guid);
-
-            case 9:
-              _this.props.focusFirstErrorField();
-
-            case 10:
-            case "end":
-              return _context.stop();
-          }
+            }
+            _this.props.openModal([ADD_TO_BANK_MODAL, _this.props.entryType, _this.props.guid].join(':'), {
+              modalTrigger: _this.addToBankLink
+            });
+            _context.next = 10;
+            break;
+          case 5:
+            msg = t('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
+              entryType: _this.props.entryType,
+              displayPosition: displayPosition
+            });
+            _this.props.screenreaderNotification(msg);
+            _context.next = 9;
+            return _this.props.showError(_this.props.guid);
+          case 9:
+            _this.props.focusFirstErrorField();
+          case 10:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     _this.storeAddToBankLinkRef = function (c) {
       _this.addToBankLink = c;
     };
-
     return _this;
   }
-
-  _createClass(AddToBankOptions, [{
+  _inherits(AddToBankOptions, _Component);
+  return _createClass(AddToBankOptions, [{
     key: "render",
     value: function render() {
       return jsx("div", null, jsx(View, {
@@ -96,10 +75,7 @@ export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponent
       }, t('Add to Bank'))));
     }
   }]);
-
-  AddToBankOptions.displayName = "AddToBankOptions";
-  return AddToBankOptions;
-}(Component), _class2.propTypes = {
+}(Component), _AddToBankOptions.propTypes = {
   displayPosition: PropTypes.number.isRequired,
   entryType: PropTypes.string.isRequired,
   focusFirstErrorField: PropTypes.func,
@@ -109,7 +85,7 @@ export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponent
   screenreaderNotification: PropTypes.func.isRequired,
   showError: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _AddToBankOptions.defaultProps = {
   focusFirstErrorField: function focusFirstErrorField() {}
-}, _temp)) || _class);
+}, _AddToBankOptions)) || _class);
 export default AddToBankOptions;

package/es/building/components/resources/AddToBankOptions/styles.js

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

package/es/building/components/resources/AddToBankOptions/theme.js

@@ -1,10 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors;
+    colors = _ref.colors;
   return {
     addToBankBackgroundColor: colors.porcelain,
     addToBankBorderColor: colors.oxford
   };
 };
-
 export default generateComponentTheme;