@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,19 +1,20 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AddBankEntryModal = void 0;
+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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function mapStateToProps(state, props) {
   return {
     modalOpen: state.getIn(['modal', 'isOpen']) === _quizCommon.ADD_BANK_ENTRY_MODAL,
@@ -28,7 +29,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,15 +1,16 @@
 "use strict";
 
-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;
+exports["default"] = exports.AddBankEntryModal = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var platform = _interopRequireWildcard(require("platform"));
@@ -18,19 +19,33 @@ 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);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var AddBankEntryModal = exports.AddBankEntryModal = /*#__PURE__*/function (_Component) {
   function AddBankEntryModal() {
-    var _this;
-    (0, _classCallCheck2.default)(this, AddBankEntryModal);
+    var _this2;
+    (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.addItem = function (interactionTypeData) {
+    _this2 = _callSuper(this, AddBankEntryModal, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "addItem", function (interactionTypeData) {
       var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
       var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
       var itemProps = {
@@ -40,26 +55,27 @@ var AddBankEntryModal = /*#__PURE__*/function (_Component) {
         properties: interactionTypeData.defaultProperties,
         scoringAlgorithm: interactionTypeData.scoringAlgorithmDefault,
         scoringData: scoringData,
-        userResponseType: (0, _first.default)(interactionTypeData.userResponseTypeOptions)
+        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();
+      _this2.props.createBankItem(_this2.props.bankId, 'Item', itemProps);
+      _this2.closeAction();
+      _this2.props.navigateToBankEntry('new', _this2.props.bankId);
+    });
+    (0, _defineProperty2["default"])(_this2, "addStimulus", function () {
+      _this2.props.createBankItem(_this2.props.bankId, 'Stimulus');
+      _this2.closeAction();
+      _this2.props.navigateToBankEntry('new', _this2.props.bankId);
+    });
+    (0, _defineProperty2["default"])(_this2, "closeAction", function () {
+      if (_this2.props.modalTrigger) {
+        _this2.props.modalTrigger.focus();
       }
-      _this.props.closeModal();
-    };
-    return _this;
+      _this2.props.closeModal();
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(AddBankEntryModal, [{
+  (0, _inherits2["default"])(AddBankEntryModal, _Component);
+  return (0, _createClass2["default"])(AddBankEntryModal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.getInteractionTypes();
@@ -67,10 +83,10 @@ var AddBankEntryModal = /*#__PURE__*/function (_Component) {
   }, {
     key: "cancelButton",
     value: function cancelButton() {
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      return /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
         onClick: this.closeAction,
         margin: _quizCommon.XSMALL_SIDE_MARGIN
-      }, (0, _formatMessage.default)('Close'));
+      }, (0, _formatMessage["default"])('Close'));
     }
   }, {
     key: "render",
@@ -79,44 +95,40 @@ var AddBankEntryModal = /*#__PURE__*/function (_Component) {
       // behave poorly with instui Grid; see https://instructure.atlassian.net/browse/QUIZ-4100.
       // This is just a simple workaround.
       var size = platform.name === 'IE' && platform.version === '11.0' ? 'medium' : 'auto';
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Modal, {
+      return /*#__PURE__*/_react["default"].createElement(_quizCommon.Modal, {
         open: this.props.modalOpen,
         onDismiss: this.closeAction,
         size: size,
-        label: (0, _formatMessage.default)('New Item')
-      }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        label: (0, _formatMessage["default"])('New Item')
+      }, /*#__PURE__*/_react["default"].createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, {
         level: "reset",
         as: "h2"
-      }, (0, _formatMessage.default)('New Item')), /*#__PURE__*/_react.default.createElement(_uiButtons.CloseButton, {
+      }, (0, _formatMessage["default"])('New Item')), /*#__PURE__*/_react["default"].createElement(_uiButtons.CloseButton, {
         onClick: this.closeAction,
         placement: "end",
         offset: "medium",
-        screenReaderLabel: (0, _formatMessage.default)('Close')
-      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, /*#__PURE__*/_react.default.createElement(_index.default, {
+        screenReaderLabel: (0, _formatMessage["default"])('Close')
+      })), /*#__PURE__*/_react["default"].createElement(_quizCommon.ModalBody, null, /*#__PURE__*/_react["default"].createElement(_InteractionTypes["default"], {
         columns: 3,
         addItem: this.addItem,
         addStimulus: this.addStimulus,
         allowStimulusCreation: true,
         types: this.props.interactionTypes
-      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton()));
+      })), /*#__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,
-  modalTrigger: _propTypes.default.instanceOf(_react.Component),
-  createBankItem: _propTypes.default.func.isRequired,
-  navigateToBankEntry: _propTypes.default.func.isRequired,
-  bankId: _propTypes.default.string.isRequired,
-  getInteractionTypes: _propTypes.default.func.isRequired,
-  interactionTypes: _reactImmutableProptypes.default.list.isRequired
-};
-AddBankEntryModal.defaultProps = {
+(0, _defineProperty2["default"])(AddBankEntryModal, "propTypes", {
+  modalOpen: _propTypes["default"].bool.isRequired,
+  closeModal: _propTypes["default"].func.isRequired,
+  modalTrigger: _propTypes["default"].instanceOf(_react.Component),
+  createBankItem: _propTypes["default"].func.isRequired,
+  navigateToBankEntry: _propTypes["default"].func.isRequired,
+  bankId: _propTypes["default"].string.isRequired,
+  getInteractionTypes: _propTypes["default"].func.isRequired,
+  interactionTypes: _reactImmutableProptypes["default"].list.isRequired
+});
+(0, _defineProperty2["default"])(AddBankEntryModal, "defaultProps", {
   modalTrigger: null
-};
-var _default = AddBankEntryModal;
-exports.default = _default;
+});
+var _default = exports["default"] = AddBankEntryModal;

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

@@ -1,21 +1,22 @@
 "use strict";
 
-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;
-exports.default = void 0;
-var _reactRedux = require("../../../common/react-redux.js");
-var _banks = require("../../api/banks.js");
-var _bankEntries = require("../../api/bankEntries.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 _reactRedux = require("../../../common/react-redux");
+var _banks = require("../../api/banks");
+var _bankEntries = require("../../api/bankEntries");
+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 _quizCommon = require("@instructure/quiz-common");
-var _modalHelpers = require("../../../common/util/modalHelpers.js");
+var _modalHelpers = require("../../../common/util/modalHelpers");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function mapStateToProps(state, props) {
   return {
     modalTrigger: (0, _modalHelpers.getModalTrigger)(state),
@@ -30,5 +31,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,105 +1,120 @@
 "use strict";
 
-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;
+exports["default"] = exports.AddToBankModal = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiHeading = require("@instructure/ui-heading");
 var _uiRadioInput = require("@instructure/ui-radio-input");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-var _presenter = _interopRequireDefault(require("../../../common/components/resources/BankSelection/presenter.js"));
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
+var _presenter = _interopRequireDefault(require("../../../common/components/resources/BankSelection/presenter"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
-var _featureCheck = require("../../../common/util/featureCheck.js");
-var _ref = /*#__PURE__*/_react.default.createElement("br", null);
-var AddToBankModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddToBankModal, _Component);
-  var _super = (0, _createSuper2.default)(AddToBankModal);
+var _featureCheck = require("../../../common/util/featureCheck");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var AddToBankModal = exports.AddToBankModal = /*#__PURE__*/function (_Component) {
   function AddToBankModal() {
-    var _this;
-    (0, _classCallCheck2.default)(this, AddToBankModal);
+    var _this2;
+    (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.state = {
+    _this2 = _callSuper(this, AddToBankModal, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       bankType: 'existing',
       newBankTitle: '',
       selectedBank: null
-    };
-    _this.copyBankEntry = function (entryId, bankId) {
+    });
+    (0, _defineProperty2["default"])(_this2, "copyBankEntry", function (entryId, bankId) {
       if ((0, _featureCheck.featureOn)('instfs_bank_entry_movement_endpoints')) {
-        return _this.props.moveBankEntryFromQuizEntry(_this.props.quizId, entryId, _this.props.entryType, bankId);
+        return _this2.props.moveBankEntryFromQuizEntry(_this2.props.quizId, entryId, _this2.props.entryType, bankId);
       } else {
-        return _this.props.createBankEntry(bankId, _this.props.entryType, entryId);
+        return _this2.props.createBankEntry(bankId, _this2.props.entryType, entryId);
       }
-    };
-    _this.addToBank = function (bankId) {
-      _this.props.getEntry().then(function (entry) {
-        return _this.copyBankEntry(entry.id, bankId);
-      }).then(_this.props.onAdd).catch(function (e) {
+    });
+    (0, _defineProperty2["default"])(_this2, "addToBank", function (bankId) {
+      _this2.props.getEntry().then(function (entry) {
+        return _this2.copyBankEntry(entry.id, bankId);
+      }).then(_this2.props.onAdd)["catch"](function (e) {
         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);
+          _this2.closeAction();
+          _this2.props.handleValidationErrorsFromApi(e.validationErrorsFromApi);
           return;
         }
         // 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
+    });
+    (0, _defineProperty2["default"])(_this2, "continueAction", function () {
+      _this2.props.closeModal();
+      _this2.props.onContinue();
+      if (_this2.state.bankType === 'new') {
+        var newBank = _Bank["default"].create({
+          title: _this2.state.newBankTitle,
+          language: _this2.context.locale
         });
-        _this.props.createBank(newBank).then(function (bankData) {
-          _this.addToBank(bankData.id);
+        _this2.props.createBank(newBank).then(function (bankData) {
+          _this2.addToBank(bankData.id);
         });
       } else {
-        _this.addToBank(_this.state.selectedBank.id);
+        _this2.addToBank(_this2.state.selectedBank.id);
       }
-    };
-    _this.closeAction = function () {
-      _this.props.closeModal();
-    };
-    _this.onBankSelection = function (e, option) {
-      _this.setState({
-        selectedBank: new _Bank.default(option)
+    });
+    (0, _defineProperty2["default"])(_this2, "closeAction", function () {
+      _this2.props.closeModal();
+    });
+    (0, _defineProperty2["default"])(_this2, "onBankSelection", function (e, option) {
+      _this2.setState({
+        selectedBank: new _Bank["default"](option)
       });
-    };
-    _this.handleRadioChange = function (event, value) {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "handleRadioChange", function (event, value) {
+      _this2.setState({
         bankType: value
       });
-    };
-    _this.onTitleChange = function (e) {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "onTitleChange", function (e) {
+      _this2.setState({
         newBankTitle: e.target.value
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(AddToBankModal, [{
+  (0, _inherits2["default"])(AddToBankModal, _Component);
+  return (0, _createClass2["default"])(AddToBankModal, [{
     key: "cancelButton",
     value: function cancelButton() {
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      return /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
         onClick: this.closeAction,
         margin: _quizCommon.XSMALL_SIDE_MARGIN
-      }, (0, _formatMessage.default)('Cancel'));
+      }, (0, _formatMessage["default"])('Cancel'));
     }
   }, {
     key: "addToBankButton",
@@ -108,100 +123,96 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
         bankType = _this$state.bankType,
         newBankTitle = _this$state.newBankTitle;
       var disabled = bankType === 'existing' && !this.state.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim());
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      return /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
         type: "button",
         color: "primary",
         onClick: this.continueAction,
         disabled: disabled,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
         "data-automation": "sdk-add-to-bank-button"
-      }, (0, _formatMessage.default)('Add'));
+      }, (0, _formatMessage["default"])('Add'));
     }
   }, {
     key: "renderBankTypeContent",
     value: function renderBankTypeContent() {
       if (this.state.bankType === 'existing') {
-        return /*#__PURE__*/_react.default.createElement(_presenter.default, {
+        return /*#__PURE__*/_react["default"].createElement(_presenter["default"], {
           onBankSelection: this.onBankSelection,
           selectedBank: this.state.selectedBank,
           "data-automation": "sdk-bank-selection"
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.TextInput, {
+      return /*#__PURE__*/_react["default"].createElement(_quizCommon.TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
-        renderLabel: (0, _formatMessage.default)('New Bank Title'),
+        renderLabel: (0, _formatMessage["default"])('New Bank Title'),
         type: "text"
       });
     }
   }, {
     key: "renderContent",
     value: function renderContent() {
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInputGroup, {
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiRadioInput.RadioInputGroup, {
         onChange: this.handleRadioChange,
-        name: (0, _formatMessage.default)('Bank Type'),
+        name: (0, _formatMessage["default"])('Bank Type'),
         defaultValue: this.state.bankType,
-        description: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Bank Type'))
-      }, /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
+        description: /*#__PURE__*/_react["default"].createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Bank Type'))
+      }, /*#__PURE__*/_react["default"].createElement(_uiRadioInput.RadioInput, {
         value: "existing",
-        label: (0, _formatMessage.default)('Existing item bank')
-      }), /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
+        label: (0, _formatMessage["default"])('Existing item bank')
+      }), /*#__PURE__*/_react["default"].createElement(_uiRadioInput.RadioInput, {
         value: "new",
-        label: (0, _formatMessage.default)('New item bank')
-      })), _ref, this.renderBankTypeContent());
+        label: (0, _formatMessage["default"])('New item bank')
+      })), /*#__PURE__*/_react["default"].createElement("br", null), this.renderBankTypeContent());
     }
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Modal, {
+      return /*#__PURE__*/_react["default"].createElement(_quizCommon.Modal, {
         open: this.props.modalOpen,
         onDismiss: this.closeAction,
         size: "small",
         label: this.props.label,
         "data-automation": "sdk-add-to-bank-modal"
-      }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+      }, /*#__PURE__*/_react["default"].createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, {
         level: "reset",
         as: "h2"
-      }, this.props.label), /*#__PURE__*/_react.default.createElement(_uiButtons.CloseButton, {
+      }, this.props.label), /*#__PURE__*/_react["default"].createElement(_uiButtons.CloseButton, {
         onClick: this.closeAction,
         placement: "end",
         offset: "medium",
-        screenReaderLabel: (0, _formatMessage.default)('Close')
-      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, this.renderContent()), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton(), this.addToBankButton()));
+        screenReaderLabel: (0, _formatMessage["default"])('Close')
+      })), /*#__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 = {
-  closeModal: _propTypes.default.func.isRequired,
-  createBank: _propTypes.default.func.isRequired,
-  moveBankEntryFromQuizEntry: _propTypes.default.func.isRequired,
-  createBankEntry: _propTypes.default.func.isRequired,
+(0, _defineProperty2["default"])(AddToBankModal, "propTypes", {
+  closeModal: _propTypes["default"].func.isRequired,
+  createBank: _propTypes["default"].func.isRequired,
+  moveBankEntryFromQuizEntry: _propTypes["default"].func.isRequired,
+  createBankEntry: _propTypes["default"].func.isRequired,
   // Create the bank entry's entry, or clone it if it already exists. Should
   // always be provided when a source is provided.
-  entryId: _propTypes.default.string.isRequired,
+  entryId: _propTypes["default"].string.isRequired,
   // Only present for use in modalOpen key
-  entryType: _propTypes.default.string.isRequired,
+  entryType: _propTypes["default"].string.isRequired,
   // Resolve to the bank entry's entry, or create it if it does not yet exist.
-  getEntry: _propTypes.default.func.isRequired,
-  handleValidationErrorsFromApi: _propTypes.default.func,
+  getEntry: _propTypes["default"].func.isRequired,
+  handleValidationErrorsFromApi: _propTypes["default"].func,
   // not required for stimuli
-  label: _propTypes.default.string.isRequired,
-  modalOpen: _propTypes.default.bool.isRequired,
-  onAdd: _propTypes.default.func,
-  onContinue: _propTypes.default.func,
-  uiSet: _propTypes.default.func.isRequired,
-  quizId: _propTypes.default.string.isRequired
-};
-AddToBankModal.defaultProps = {
+  label: _propTypes["default"].string.isRequired,
+  modalOpen: _propTypes["default"].bool.isRequired,
+  onAdd: _propTypes["default"].func,
+  onContinue: _propTypes["default"].func,
+  uiSet: _propTypes["default"].func.isRequired,
+  quizId: _propTypes["default"].string.isRequired
+});
+(0, _defineProperty2["default"])(AddToBankModal, "defaultProps", {
   handleValidationErrorsFromApi: function handleValidationErrorsFromApi() {},
   onAdd: function onAdd() {},
   onContinue: function onContinue() {}
-};
-AddToBankModal.contextTypes = {
-  locale: _propTypes.default.string
-};
-var _default = AddToBankModal;
-exports.default = _default;
+});
+(0, _defineProperty2["default"])(AddToBankModal, "contextTypes", {
+  locale: _propTypes["default"].string
+});
+var _default = exports["default"] = AddToBankModal;