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

package/lib/banks/components/AddBankEntryModal/index.js

@@ -1,30 +1,19 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddBankEntryModal = void 0;
-
 var _redux = require("redux");
-
-var _reactRedux = require("../../../common/react-redux.js");
-
-var _presenter = require("./presenter.js");
-
-var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
-
-var _modifications = require("../../../common/actions/modifications.js");
-
-var _interactionTypes = require("../../../common/api/interactionTypes.js");
-
-var _modalHelpers = require("../../../common/util/modalHelpers.js");
-
+var _reactRedux = require("../../../common/react-redux");
+var _presenter = require("./presenter");
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
+var _modifications = require("../../../common/actions/modifications");
+var _interactionTypes = require("../../../common/api/interactionTypes");
+var _modalHelpers = require("../../../common/util/modalHelpers");
 var _quizCommon = require("@instructure/quiz-common");
-
-var _interactionTypes2 = require("../../../common/selectors/interactionTypes.js");
-
+var _interactionTypes2 = require("../../../common/selectors/interactionTypes");
 function mapStateToProps(state, props) {
   return {
     modalOpen: state.getIn(['modal', 'isOpen']) === _quizCommon.ADD_BANK_ENTRY_MODAL,
@@ -32,7 +21,6 @@ function mapStateToProps(state, props) {
     interactionTypes: (0, _interactionTypes2.getInteractionTypes)(state)
   };
 }
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     closeModal: (0, _redux.bindActionCreators)(modalActions.closeModal, dispatch),
@@ -40,8 +28,5 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     getInteractionTypes: (0, _redux.bindActionCreators)(_interactionTypes.interactionTypeFetch, dispatch)
   };
 };
-
-var AddBankEntryModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.AddBankEntryModal);
-exports.AddBankEntryModal = AddBankEntryModal;
-var _default = AddBankEntryModal;
-exports.default = _default;
+var AddBankEntryModal = exports.AddBankEntryModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.AddBankEntryModal);
+var _default = exports.default = AddBankEntryModal;

package/lib/banks/components/AddBankEntryModal/presenter.js

@@ -1,58 +1,33 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddBankEntryModal = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var platform = _interopRequireWildcard(require("platform"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _first = _interopRequireDefault(require("lodash/first"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _index = _interopRequireDefault(require("../../../common/components/shared/InteractionTypes/index.js"));
-
+var _InteractionTypes = _interopRequireDefault(require("../../../common/components/shared/InteractionTypes"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var AddBankEntryModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddBankEntryModal, _Component);
-
-  var _super = (0, _createSuper2.default)(AddBankEntryModal);
-
+var AddBankEntryModal = exports.AddBankEntryModal = /*#__PURE__*/function (_Component) {
   function AddBankEntryModal() {
     var _this;
-
     (0, _classCallCheck2.default)(this, AddBankEntryModal);
-
     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 = (0, _callSuper2.default)(this, AddBankEntryModal, [].concat(args));
     _this.addItem = function (interactionTypeData) {
       var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
       var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
@@ -65,34 +40,25 @@ var AddBankEntryModal = /*#__PURE__*/function (_Component) {
         scoringData: scoringData,
         userResponseType: (0, _first.default)(interactionTypeData.userResponseTypeOptions)
       };
-
       _this.props.createBankItem(_this.props.bankId, 'Item', itemProps);
-
       _this.closeAction();
-
       _this.props.navigateToBankEntry('new', _this.props.bankId);
     };
-
     _this.addStimulus = function () {
       _this.props.createBankItem(_this.props.bankId, 'Stimulus');
-
       _this.closeAction();
-
       _this.props.navigateToBankEntry('new', _this.props.bankId);
     };
-
     _this.closeAction = function () {
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
-
       _this.props.closeModal();
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(AddBankEntryModal, [{
+  (0, _inherits2.default)(AddBankEntryModal, _Component);
+  return (0, _createClass2.default)(AddBankEntryModal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.getInteractionTypes();
@@ -125,7 +91,7 @@ var AddBankEntryModal = /*#__PURE__*/function (_Component) {
         placement: "end",
         offset: "medium",
         screenReaderLabel: (0, _formatMessage.default)('Close')
-      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, /*#__PURE__*/_react.default.createElement(_index.default, {
+      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, /*#__PURE__*/_react.default.createElement(_InteractionTypes.default, {
         columns: 3,
         addItem: this.addItem,
         addStimulus: this.addStimulus,
@@ -134,11 +100,7 @@ var AddBankEntryModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton()));
     }
   }]);
-  AddBankEntryModal.displayName = "AddBankEntryModal";
-  return AddBankEntryModal;
 }(_react.Component);
-
-exports.AddBankEntryModal = AddBankEntryModal;
 AddBankEntryModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   closeModal: _propTypes.default.func.isRequired,
@@ -152,5 +114,4 @@ AddBankEntryModal.propTypes = {
 AddBankEntryModal.defaultProps = {
   modalTrigger: null
 };
-var _default = AddBankEntryModal;
-exports.default = _default;
+var _default = exports.default = AddBankEntryModal;

package/lib/banks/components/AddToBankModal/index.js

@@ -1,41 +1,25 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapStateToProps = mapStateToProps;
 exports.default = void 0;
-
-var _reactRedux = require("../../../common/react-redux.js");
-
-var _banks = require("../../api/banks.js");
-
-var _bankEntries = require("../../api/bankEntries.js");
-
-var _items = require("../../../building/api/items.js");
-
-var _stimuli = require("../../../building/api/stimuli.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
-
-var _banks2 = require("../../../common/actions/banks.js");
-
-var uiActions = _interopRequireWildcard(require("../../../common/actions/ui.js"));
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-
+exports.mapStateToProps = mapStateToProps;
+var _reactRedux = require("../../../common/react-redux");
+var _banks = require("../../api/banks");
+var _bankEntries = require("../../api/bankEntries");
+var _items = require("../../../building/api/items");
+var _stimuli = require("../../../building/api/stimuli");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
+var _banks2 = require("../../../common/actions/banks");
+var uiActions = _interopRequireWildcard(require("../../../common/actions/ui"));
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _modalHelpers = require("../../../common/util/modalHelpers.js");
-
-var _featureCheck = require("../../../common/util/featureCheck.js");
-
+var _modalHelpers = require("../../../common/util/modalHelpers");
+var _featureCheck = require("../../../common/util/featureCheck");
 function mapStateToProps(state, props) {
   var selectedBankOption = state.getIn(['ui', _quizCommon.ADD_TO_BANK_MODAL_BANK_SELECTION]);
   var selectedBank = selectedBankOption && new _Bank.default(state.getIn(['banks', selectedBankOption]));
@@ -48,7 +32,6 @@ function mapStateToProps(state, props) {
     modalOpen: state.getIn(['modal', 'isOpen']) === [_quizCommon.ADD_TO_BANK_MODAL, props.entryType, props.entryId].join(':')
   };
 }
-
 var mapDispatchToProps = {
   closeModal: modalActions.closeModal,
   createBank: _banks.createBank,
@@ -56,7 +39,4 @@ var mapDispatchToProps = {
   disassociateBankEntry: _banks2.disassociateEntry,
   uiSet: uiActions.set
 };
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);

package/lib/banks/components/AddToBankModal/presenter.js

@@ -1,98 +1,48 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddToBankModal = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _uiTextInput = require("@instructure/ui-text-input");
-
 var _uiRadioInput = require("@instructure/ui-radio-input");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-
-var _index = _interopRequireDefault(require("../../../common/components/resources/BankSelection/index.js"));
-
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
+var _BankSelection = _interopRequireDefault(require("../../../common/components/resources/BankSelection"));
 var _uiSpinner = require("@instructure/ui-spinner");
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiFlex = require("@instructure/ui-flex");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
-var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckLine, {
-  color: "success"
-});
-
-var _ref3 = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
-  padding: "0 small 0 0"
-}, /*#__PURE__*/_react.default.createElement(_uiIcons.IconNoLine, {
-  color: "error",
-  size: "small"
-}));
-
-var _ref4 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconWarningLine, {
-  color: "warning"
-});
-
-var _ref5 = /*#__PURE__*/_react.default.createElement("br", null);
-
-var AddToBankModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddToBankModal, _Component);
-
-  var _super = (0, _createSuper2.default)(AddToBankModal);
-
+var _IconCheckLine, _Flex$Item, _IconWarningLine, _br;
+var AddToBankModal = exports.AddToBankModal = /*#__PURE__*/function (_Component) {
   function AddToBankModal() {
     var _this;
-
     (0, _classCallCheck2.default)(this, AddToBankModal);
-
     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 = (0, _callSuper2.default)(this, AddToBankModal, [].concat(args));
     _this.state = {
       bankType: 'existing',
       contentShareable: 'loading',
       newBankTitle: ''
     };
-
     _this.addToBank = function (bankId) {
       _this.props.getEntry().then(function (entry) {
         return _this.props.createBankEntry(bankId, _this.props.entryType, entry.id);
@@ -100,28 +50,21 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
         if (e.validationErrorsFromApi) {
           // Close the modal so the user can view the input validation errors and correct them
           _this.closeAction();
-
           _this.props.handleValidationErrorsFromApi(e.validationErrorsFromApi);
-
           return;
-        } // Some other type of error occurred
-
-
+        }
+        // Some other type of error occurred
         throw e;
       });
     };
-
     _this.continueAction = function () {
       _this.props.closeModal();
-
       _this.props.onContinue();
-
       if (_this.state.bankType === 'new') {
         var newBank = _Bank.default.create({
           title: _this.state.newBankTitle,
           language: _this.context.locale
         });
-
         _this.props.createBank(newBank).then(function (bankData) {
           _this.addToBank(bankData.id);
         });
@@ -129,42 +72,35 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
         _this.addToBank(_this.props.selectedBank.id);
       }
     };
-
     _this.closeAction = function () {
       _this.props.closeModal();
     };
-
     _this.onBankSelection = function (e, option) {
       _this.props.uiSet(_quizCommon.ADD_TO_BANK_MODAL_BANK_SELECTION, option.value);
     };
-
     _this.handleRadioChange = function (event, value) {
       _this.setState({
         bankType: value
       });
     };
-
     _this.onTitleChange = function (e) {
       _this.setState({
         newBankTitle: e.target.value
       });
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(AddToBankModal, [{
+  (0, _inherits2.default)(AddToBankModal, _Component);
+  return (0, _createClass2.default)(AddToBankModal, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this2 = this;
-
       var _this$props = this.props,
-          canvasOrigin = _this$props.canvasOrigin,
-          checkBankedContentShareabilityEnabled = _this$props.checkBankedContentShareabilityEnabled,
-          modalOpen = _this$props.modalOpen,
-          checkContentShareability = _this$props.checkContentShareability,
-          workingEntry = _this$props.workingEntry;
-
+        canvasOrigin = _this$props.canvasOrigin,
+        checkBankedContentShareabilityEnabled = _this$props.checkBankedContentShareabilityEnabled,
+        modalOpen = _this$props.modalOpen,
+        checkContentShareability = _this$props.checkContentShareability,
+        workingEntry = _this$props.workingEntry;
       if (checkBankedContentShareabilityEnabled && modalOpen && !prevProps.modalOpen) {
         this.setState({
           contentShareable: 'loading'
@@ -174,38 +110,31 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
             contentShareable: 'true'
           });
         }).catch( /*#__PURE__*/function () {
-          var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(err) {
+          var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(err) {
             var _err$response, _err$response2;
-
             var body;
-            return _regenerator.default.wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    _context.next = 2;
-                    return (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.json();
-
-                  case 2:
-                    body = _context.sent;
-
-                    if (((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.status) === 400 && body.shareable === false) {
-                      _this2.setState({
-                        contentShareable: 'false'
-                      });
-                    } else {
-                      _this2.setState({
-                        contentShareable: 'unknown'
-                      });
-                    }
-
-                  case 4:
-                  case "end":
-                    return _context.stop();
-                }
+            return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.json();
+                case 2:
+                  body = _context.sent;
+                  if (((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.status) === 400 && body.shareable === false) {
+                    _this2.setState({
+                      contentShareable: 'false'
+                    });
+                  } else {
+                    _this2.setState({
+                      contentShareable: 'unknown'
+                    });
+                  }
+                case 4:
+                case "end":
+                  return _context.stop();
               }
             }, _callee);
           }));
-
           return function (_x) {
             return _ref.apply(this, arguments);
           };
@@ -224,9 +153,9 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
     key: "addToBankButton",
     value: function addToBankButton() {
       var _this$state = this.state,
-          bankType = _this$state.bankType,
-          newBankTitle = _this$state.newBankTitle,
-          contentShareable = _this$state.contentShareable;
+        bankType = _this$state.bankType,
+        newBankTitle = _this$state.newBankTitle,
+        contentShareable = _this$state.contentShareable;
       var checkBankedContentShareabilityEnabled = this.props.checkBankedContentShareabilityEnabled;
       var contentShareableLoading = contentShareable === 'loading';
       var disabled = bankType === 'existing' && !this.props.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim()) || checkBankedContentShareabilityEnabled && contentShareableLoading;
@@ -243,13 +172,12 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
     key: "renderBankTypeContent",
     value: function renderBankTypeContent() {
       if (this.state.bankType === 'existing') {
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
+        return /*#__PURE__*/_react.default.createElement(_BankSelection.default, {
           onBankSelection: this.onBankSelection,
           selectedBank: this.props.selectedBank,
           "data-automation": "sdk-bank-selection"
         });
       }
-
       return /*#__PURE__*/_react.default.createElement(_uiTextInput.TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
@@ -262,16 +190,22 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
     value: function renderContentShareabilityMessage() {
       if (this.props.checkBankedContentShareabilityEnabled) {
         var content = null;
-
         if (this.state.contentShareable === 'loading') {
           content = /*#__PURE__*/_react.default.createElement(_uiText.Text, null, /*#__PURE__*/_react.default.createElement(_uiSpinner.Spinner, {
             size: "x-small",
             renderTitle: (0, _formatMessage.default)('Checking content shareability...')
           }), "\xA0", (0, _formatMessage.default)('Validating content...'));
         } else if (this.state.contentShareable === 'true') {
-          content = /*#__PURE__*/_react.default.createElement(_uiText.Text, null, _ref2, "\xA0", (0, _formatMessage.default)('Good to go!'));
+          content = /*#__PURE__*/_react.default.createElement(_uiText.Text, null, _IconCheckLine || (_IconCheckLine = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckLine, {
+            color: "success"
+          })), "\xA0", (0, _formatMessage.default)('Good to go!'));
         } else if (this.state.contentShareable === 'false') {
-          content = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, null, _ref3, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+          content = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, null, _Flex$Item || (_Flex$Item = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+            padding: "0 small 0 0"
+          }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconNoLine, {
+            color: "error",
+            size: "small"
+          }))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
             shouldShrink: true
           }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
             color: "danger"
@@ -279,9 +213,10 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
         } else {
           content = /*#__PURE__*/_react.default.createElement(_uiText.Text, {
             color: "warning"
-          }, _ref4, "\xA0", (0, _formatMessage.default)('There was an error attempting to validate shareability.'));
+          }, _IconWarningLine || (_IconWarningLine = /*#__PURE__*/_react.default.createElement(_uiIcons.IconWarningLine, {
+            color: "warning"
+          })), "\xA0", (0, _formatMessage.default)('There was an error attempting to validate shareability.'));
         }
-
         return /*#__PURE__*/_react.default.createElement(_uiView.View, {
           as: "div",
           margin: "small 0 0 0"
@@ -302,7 +237,7 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
         value: "new",
         label: (0, _formatMessage.default)('New item bank')
-      })), _ref5, this.renderBankTypeContent(), this.renderContentShareabilityMessage());
+      })), _br || (_br = /*#__PURE__*/_react.default.createElement("br", null)), this.renderBankTypeContent(), this.renderContentShareabilityMessage());
     }
   }, {
     key: "render",
@@ -324,11 +259,7 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, this.renderContent()), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton(), this.addToBankButton()));
     }
   }]);
-  AddToBankModal.displayName = "AddToBankModal";
-  return AddToBankModal;
 }(_react.Component);
-
-exports.AddToBankModal = AddToBankModal;
 AddToBankModal.propTypes = {
   canvasOrigin: _propTypes.default.string,
   checkBankedContentShareabilityEnabled: _propTypes.default.bool,
@@ -365,5 +296,4 @@ AddToBankModal.defaultProps = {
 AddToBankModal.contextTypes = {
   locale: _propTypes.default.string
 };
-var _default = AddToBankModal;
-exports.default = _default;
+var _default = exports.default = AddToBankModal;