@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

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

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

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

@@ -1,33 +1,58 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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 _InteractionTypes = _interopRequireDefault(require("../../../common/components/shared/InteractionTypes"));
+
+var _index = _interopRequireDefault(require("../../../common/components/shared/InteractionTypes/index.js"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var AddBankEntryModal = exports.AddBankEntryModal = /*#__PURE__*/function (_Component) {
+
+var AddBankEntryModal = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AddBankEntryModal, _Component);
+
+  var _super = (0, _createSuper2.default)(AddBankEntryModal);
+
   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 = (0, _callSuper2.default)(this, AddBankEntryModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.addItem = function (interactionTypeData) {
       var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
       var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
@@ -40,25 +65,34 @@ var AddBankEntryModal = exports.AddBankEntryModal = /*#__PURE__*/function (_Comp
         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, _inherits2.default)(AddBankEntryModal, _Component);
-  return (0, _createClass2.default)(AddBankEntryModal, [{
+
+  (0, _createClass2.default)(AddBankEntryModal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.getInteractionTypes();
@@ -91,7 +125,7 @@ var AddBankEntryModal = exports.AddBankEntryModal = /*#__PURE__*/function (_Comp
         placement: "end",
         offset: "medium",
         screenReaderLabel: (0, _formatMessage.default)('Close')
-      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, /*#__PURE__*/_react.default.createElement(_InteractionTypes.default, {
+      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, /*#__PURE__*/_react.default.createElement(_index.default, {
         columns: 3,
         addItem: this.addItem,
         addStimulus: this.addStimulus,
@@ -100,7 +134,11 @@ var AddBankEntryModal = exports.AddBankEntryModal = /*#__PURE__*/function (_Comp
       })), /*#__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,
@@ -114,4 +152,5 @@ AddBankEntryModal.propTypes = {
 AddBankEntryModal.defaultProps = {
   modalTrigger: null
 };
-var _default = exports.default = AddBankEntryModal;
+var _default = AddBankEntryModal;
+exports.default = _default;

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

@@ -1,25 +1,41 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
 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"));
+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"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var _modalHelpers = require("../../../common/util/modalHelpers");
-var _featureCheck = require("../../../common/util/featureCheck");
+
+var _modalHelpers = require("../../../common/util/modalHelpers.js");
+
+var _featureCheck = require("../../../common/util/featureCheck.js");
+
 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]));
@@ -32,6 +48,7 @@ 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,
@@ -39,4 +56,7 @@ var mapDispatchToProps = {
   disassociateBankEntry: _banks2.disassociateEntry,
   uiSet: uiActions.set
 };
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+
+exports.default = _default;

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

@@ -1,48 +1,98 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddToBankModal = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 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"));
-var _BankSelection = _interopRequireDefault(require("../../../common/components/resources/BankSelection"));
+
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
+
+var _index = _interopRequireDefault(require("../../../common/components/resources/BankSelection/index.js"));
+
 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 _IconCheckLine, _Flex$Item, _IconWarningLine, _br;
-var AddToBankModal = exports.AddToBankModal = /*#__PURE__*/function (_Component) {
+
+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);
+
   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 = (0, _callSuper2.default)(this, AddToBankModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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);
@@ -50,21 +100,28 @@ var AddToBankModal = exports.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);
         });
@@ -72,35 +129,42 @@ var AddToBankModal = exports.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, _inherits2.default)(AddToBankModal, _Component);
-  return (0, _createClass2.default)(AddToBankModal, [{
+
+  (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'
@@ -110,31 +174,38 @@ var AddToBankModal = exports.AddToBankModal = /*#__PURE__*/function (_Component)
             contentShareable: 'true'
           });
         }).catch( /*#__PURE__*/function () {
-          var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(err) {
+          var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(err) {
             var _err$response, _err$response2;
+
             var body;
-            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();
+            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();
+                }
               }
             }, _callee);
           }));
+
           return function (_x) {
             return _ref.apply(this, arguments);
           };
@@ -153,9 +224,9 @@ var AddToBankModal = exports.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;
@@ -172,12 +243,13 @@ var AddToBankModal = exports.AddToBankModal = /*#__PURE__*/function (_Component)
     key: "renderBankTypeContent",
     value: function renderBankTypeContent() {
       if (this.state.bankType === 'existing') {
-        return /*#__PURE__*/_react.default.createElement(_BankSelection.default, {
+        return /*#__PURE__*/_react.default.createElement(_index.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,
@@ -190,22 +262,16 @@ var AddToBankModal = exports.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, _IconCheckLine || (_IconCheckLine = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckLine, {
-            color: "success"
-          })), "\xA0", (0, _formatMessage.default)('Good to go!'));
+          content = /*#__PURE__*/_react.default.createElement(_uiText.Text, null, _ref2, "\xA0", (0, _formatMessage.default)('Good to go!'));
         } else if (this.state.contentShareable === 'false') {
-          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, {
+          content = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, null, _ref3, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
             shouldShrink: true
           }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
             color: "danger"
@@ -213,10 +279,9 @@ var AddToBankModal = exports.AddToBankModal = /*#__PURE__*/function (_Component)
         } else {
           content = /*#__PURE__*/_react.default.createElement(_uiText.Text, {
             color: "warning"
-          }, _IconWarningLine || (_IconWarningLine = /*#__PURE__*/_react.default.createElement(_uiIcons.IconWarningLine, {
-            color: "warning"
-          })), "\xA0", (0, _formatMessage.default)('There was an error attempting to validate shareability.'));
+          }, _ref4, "\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"
@@ -237,7 +302,7 @@ var AddToBankModal = exports.AddToBankModal = /*#__PURE__*/function (_Component)
       }), /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
         value: "new",
         label: (0, _formatMessage.default)('New item bank')
-      })), _br || (_br = /*#__PURE__*/_react.default.createElement("br", null)), this.renderBankTypeContent(), this.renderContentShareabilityMessage());
+      })), _ref5, this.renderBankTypeContent(), this.renderContentShareabilityMessage());
     }
   }, {
     key: "render",
@@ -259,7 +324,11 @@ var AddToBankModal = exports.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,
@@ -296,4 +365,5 @@ AddToBankModal.defaultProps = {
 AddToBankModal.contextTypes = {
   locale: _propTypes.default.string
 };
-var _default = exports.default = AddToBankModal;
+var _default = AddToBankModal;
+exports.default = _default;