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

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

@@ -1,8 +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";
-var _dec, _class, _BuildingButtons, _IconSpeedGraderLine;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,52 +14,71 @@ 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';
+import PrintTrigger from "../../../../../common/components/shared/PrintTrigger/index.js";
 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';
-import generateComponentTheme from './theme';
-export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
+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);
+
   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 = _callSuper(this, BuildingButtons, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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;
   }
-  _inherits(BuildingButtons, _Component);
-  return _createClass(BuildingButtons, [{
+
+  _createClass(BuildingButtons, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -86,16 +107,18 @@ 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
-        }, _IconSpeedGraderLine || (_IconSpeedGraderLine = jsx(IconSpeedGraderLine, null)), jsx(View, {
+        }, _ref, jsx(View, {
           as: "span",
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return jsx(Menu.Item, {
         key: key,
         onSelect: this.openSpeedgraderLink
@@ -112,6 +135,7 @@ 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,
@@ -126,6 +150,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return jsx(Menu.Item, {
         key: key,
         disabled: disabled,
@@ -145,6 +170,7 @@ 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,
@@ -159,6 +185,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return jsx(Menu.Item, {
         key: key,
         disabled: disabled,
@@ -177,6 +204,7 @@ 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,
@@ -190,6 +218,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return jsx(Menu.Item, {
         key: key,
         onSelect: onClick,
@@ -204,12 +233,15 @@ 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,
@@ -225,6 +257,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return jsx(Menu.Item, {
         key: key,
         disabled: disabled,
@@ -241,12 +274,15 @@ 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,
@@ -262,6 +298,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return jsx(Menu.Item, {
         key: key,
         disabled: disabled,
@@ -278,21 +315,28 @@ 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,
@@ -306,6 +350,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
           }, menuItems))
         }, t('More'));
       }
+
       return jsx(Menu, {
         trigger: jsx(IconButton, {
           renderIcon: IconMoreSolid,
@@ -320,6 +365,7 @@ 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, {
@@ -330,7 +376,10 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
       }));
     }
   }]);
-}(Component), _BuildingButtons.propTypes = {
+
+  BuildingButtons.displayName = "BuildingButtons";
+  return BuildingButtons;
+}(Component), _class2.propTypes = {
   app: PropTypes.string,
   addAlert: PropTypes.func.isRequired,
   addInfo: PropTypes.func,
@@ -357,7 +406,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
   renderIcon: PropTypes.element,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _BuildingButtons.defaultProps = {
+}, _class2.defaultProps = {
   activeQuizId: null,
   addInfo: function addInfo() {},
   app: null,
@@ -370,5 +419,5 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
   iceTopNavBarEnabled: false,
   id: 'MoreButton',
   renderIcon: jsx(IconMoreSolid, null)
-}, _BuildingButtons)) || _class);
+}, _temp)) || _class);
 export default BuildingButtons;

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

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+
 var generateStyle = function generateStyle(componentTheme, props) {
   var iceTopNavBarEnabled = props.iceTopNavBarEnabled;
   return {
@@ -20,4 +21,5 @@ 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,4 +10,5 @@ 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';
-import store from '../../../../../reduxStore';
-import BuildingButtons from '../BuildingButtons';
+import { Provider } from "../../../../../common/react-redux.js";
+import store from "../../../../../reduxStore.js";
+import BuildingButtons from "../BuildingButtons/index.js";
 export var SDKBuildingButtons = function SDKBuildingButtons(props) {
   return /*#__PURE__*/React.createElement(Provider, {
     store: store

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

@@ -1,20 +1,23 @@
 import { Map } from 'immutable';
 import { compose } from 'redux';
-import { connect } from '../../../../common/react-redux';
-import { ActionButtons as ActionButtonsPresenter } from './presenter';
-import disableDraggingOverride from '../../../../common/components/shared/functionality/disableDraggingOverride';
+import { connect } from "../../../../common/react-redux.js";
+import { ActionButtons as ActionButtonsPresenter } from "./presenter.js";
+import disableDraggingOverride from "../../../../common/components/shared/functionality/disableDraggingOverride.js";
 import { ADD_CONTENT_POPOVER_KEY } from '@instructure/quiz-common';
-import { featureOn } from '../../../../common/util/featureCheck';
+import { featureOn } from "../../../../common/util/featureCheck.js";
+
 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,8 +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";
-var _dec, _class, _ActionButtons;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,41 +12,54 @@ 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';
-import makeScrollable from '../../../../common/components/shared/functionality/makeScrollable';
-import noop from '../../../../common/util/noop';
+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 { EDIT, REMOVE, COPY } from '@instructure/quiz-common';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 var ScrollTargetButton = makeScrollable(IconButton);
-export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
+export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ActionButtons, _Component);
+
+  var _super = _createSuper(ActionButtons);
+
   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 = _callSuper(this, ActionButtons, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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;
   }
-  _inherits(ActionButtons, _Component);
-  return _createClass(ActionButtons, [{
+
+  _createClass(ActionButtons, [{
     key: "shouldFocusOnMount",
     value: function shouldFocusOnMount() {
       return this.props.shouldFocusOnMount && !this.props.editingAddContentPopover;
@@ -58,12 +73,14 @@ 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();
     }
   }, {
@@ -120,7 +137,10 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
       }));
     }
   }]);
-}(Component), _ActionButtons.propTypes = {
+
+  ActionButtons.displayName = "ActionButtons";
+  return ActionButtons;
+}(Component), _class2.propTypes = {
   connectDragSource: PropTypes.func.isRequired,
   displayPosition: PropTypes.number.isRequired,
   editingAddContentPopover: PropTypes.bool.isRequired,
@@ -139,7 +159,7 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
   shouldFocusOnMount: PropTypes.bool,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _ActionButtons.defaultProps = {
+}, _class2.defaultProps = {
   onCopy: null,
   scrollKey: void 0,
   shouldDisableCopy: false,
@@ -149,5 +169,5 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
   shouldRenderEdit: true,
   switchOnEditing: noop,
   shouldFocusOnMount: false
-}, _ActionButtons)) || _class);
+}, _temp)) || _class);
 export default ActionButtons;

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

@@ -1,5 +1,6 @@
 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 {
@@ -14,6 +15,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }, mq, {
       display: 'none'
     }),
+
     /* Hide buttons when the RCE editor is in fullscreen mode */
     edit: _objectSpread({
       display: 'inline'
@@ -27,4 +29,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
+
 export default generateStyle;

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

@@ -1,10 +1,11 @@
 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,10 +1,12 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 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";
-var _dec, _class, _AddToBankOptions;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,55 +14,74 @@ 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';
-import generateComponentTheme from './theme';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
+export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(AddToBankOptions, _Component);
+
+  var _super = _createSuper(AddToBankOptions);
+
   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 = _callSuper(this, AddToBankOptions, [].concat(args));
-    _this.openAddToBankModal = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+
+    _this = _super.call.apply(_super, [this].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;
+      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;
               break;
-            }
-            _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();
+
+            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;
   }
-  _inherits(AddToBankOptions, _Component);
-  return _createClass(AddToBankOptions, [{
+
+  _createClass(AddToBankOptions, [{
     key: "render",
     value: function render() {
       return jsx("div", null, jsx(View, {
@@ -75,7 +96,10 @@ export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponent
       }, t('Add to Bank'))));
     }
   }]);
-}(Component), _AddToBankOptions.propTypes = {
+
+  AddToBankOptions.displayName = "AddToBankOptions";
+  return AddToBankOptions;
+}(Component), _class2.propTypes = {
   displayPosition: PropTypes.number.isRequired,
   entryType: PropTypes.string.isRequired,
   focusFirstErrorField: PropTypes.func,
@@ -85,7 +109,7 @@ export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponent
   screenreaderNotification: PropTypes.func.isRequired,
   showError: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _AddToBankOptions.defaultProps = {
+}, _class2.defaultProps = {
   focusFirstErrorField: function focusFirstErrorField() {}
-}, _AddToBankOptions)) || _class);
+}, _temp)) || _class);
 export default AddToBankOptions;

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

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

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

@@ -1,9 +1,10 @@
 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;