@instructure/quiz-core 17.60.1-rc.4 → 17.60.1-rc.5

package/es/banks/api/banks.js

@@ -12,6 +12,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { handleError } from "../../common/api/helpers.js";
 import { BANKS_BANK_PAGINATION, BANKS_BANK_ENTRY_PAGINATION, DELETE_BANK_CALL, UPDATE_BANK_CALL, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE } from '@instructure/quiz-common';
 import { noop } from 'lodash';
+import { NIL } from 'uuid';
 var banksApiEndpoint = '/api/banks';
 var DEFAULT_PAGE_SIZE = 100;
 
@@ -340,4 +341,21 @@ export var updateSharedBankPermission = function updateSharedBankPermission(bank
       }
     });
   };
+};
+export var createBankCloneJob = function createBankCloneJob(bankId) {
+  var userId = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : NIL;
+  var url = "".concat(banksApiEndpoint, "/").concat(bankId, "/bank_clone_jobs");
+  return function (dispatch, getState) {
+    var field_overrides = JSON.stringify({
+      field_overrides: {
+        creator: userId
+      }
+    });
+    var fetcher = new Fetcher({
+      onError: handleError(dispatch, t('Failed to create bank clone job.'))
+    });
+    return fetcher.post(url, {
+      body: field_overrides
+    });
+  };
 };

package/es/banks/components/Banks/presenter.js

@@ -174,7 +174,8 @@ export var Banks = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
         minChars: _this.props.minChars,
         navigateToBank: _this.props.navigateToBank,
         onShare: _this.props.onShare,
-        recordIds: recordIds
+        recordIds: recordIds,
+        redirectAllBanks: _this.handleBankCreated
       });
     };
 
@@ -386,6 +387,7 @@ export var Banks = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
   }),
   // from consumer
   clear: PropTypes.func,
+  filtersEnabled: PropTypes.bool,
   getBanks: PropTypes.func.isRequired,
   getCourseInfo: PropTypes.func,
   // from consumer
@@ -397,29 +399,28 @@ export var Banks = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
   // from consumer,
   getCourseAssignments: PropTypes.func,
   // from consumer
-  minChars: PropTypes.number,
   isCompact: PropTypes.bool,
+  merge: PropTypes.func.isRequired,
+  minChars: PropTypes.number,
   navigateToBank: PropTypes.func.isRequired,
   // can be from consumer
   navigateToBuild: PropTypes.func,
   // from consumer
+  newItemBankFilterNamesEnabled: PropTypes.bool,
   onShare: PropTypes.func,
   // from consumer
   openModal: PropTypes.func.isRequired,
+  returnToUrl: PropTypes.string,
+  // from consumer
   scope: PropTypes.shape({
     type: PropTypes.string,
     uuid: PropTypes.string,
     title: PropTypes.string
   }).isRequired,
-  returnToUrl: PropTypes.string,
-  // from consumer
-  filtersEnabled: PropTypes.bool,
-  merge: PropTypes.func.isRequired,
   scopeType: PropTypes.string,
+  searchTerms: PropTypes.string,
   sortBy: PropTypes.string,
   sortOrder: PropTypes.string,
-  searchTerms: PropTypes.string,
-  newItemBankFilterNamesEnabled: PropTypes.bool,
   usedByCourseEnabled: PropTypes.bool
 }, _class2.defaultProps = {
   closeTray: null,

package/es/banks/components/BanksList/index.js

@@ -3,17 +3,22 @@ import { connect } from "../../../common/react-redux.js";
 import BanksList from "./presenter.js";
 import Bank from "../../../common/records/Bank.js";
 import { openModal, withConfirm } from "../../../common/actions/modal.js";
-import { deleteBank } from "../../api/banks.js";
+import { deleteBank, createBankCloneJob } from "../../api/banks.js";
+import { featureOn } from "../../../common/util/featureCheck.js";
+import { addInfo } from "../../../common/actions/alerts.js";
 export function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),
     banks: List(props.recordIds).map(function (id) {
       return Bank.create(state.getIn(['banks', id]));
-    })
+    }),
+    duplicateItemBanks: featureOn('duplicate_item_banks')
   };
 }
 export default connect(mapStateToProps, {
   openModal: openModal,
   deleteBank: deleteBank,
-  withConfirm: withConfirm
+  withConfirm: withConfirm,
+  createBankCloneJob: createBankCloneJob,
+  addInfo: addInfo
 })(BanksList);

package/es/banks/components/BanksList/presenter.js

@@ -18,8 +18,9 @@ import { Link } from '@instructure/ui-link';
 import { Heading } from '@instructure/ui-heading';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Button } from '@instructure/ui-buttons';
-import { IconEditLine, IconTrashLine, IconShareSolid } from '@instructure/ui-icons';
+import { IconEditLine, IconTrashLine, IconShareSolid, IconCopyLine } from '@instructure/ui-icons';
 import { Alert } from '@instructure/ui-alerts';
+import { Spinner } from '@instructure/ui-spinner';
 import { themeable } from '@instructure/ui-themeable';
 import { EDIT_BANK_MODAL, withI18nSupport } from '@instructure/quiz-common';
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
@@ -42,6 +43,12 @@ var styles = {
   'deletePreface': 'dgJJi_eTBd'
 };
 import theme from "./theme.js";
+
+var _ref3 = /*#__PURE__*/React.createElement(Spinner, {
+  renderTitle: "Loading",
+  size: "x-small"
+});
+
 export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(BanksList, _withI18nSupport);
 
@@ -135,6 +142,29 @@ export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp =
       }));
     };
 
+    _this.openDuplicateBankModal = function (bank) {
+      return function () {
+        _this.createCloneJob = function () {
+          _this.props.createBankCloneJob(bank.id, _this.props.currentUser.uuid);
+
+          _this.props.addInfo( /*#__PURE__*/React.createElement(React.Fragment, null, t('Creating "{name} Copy". Duplicate will appear in ', {
+            name: bank.title
+          }), /*#__PURE__*/React.createElement(Link, {
+            key: bank.id,
+            onClick: _this.props.redirectAllBanks
+          }, t('\'All Banks\'')), t(' filter.')));
+        };
+
+        _this.props.withConfirm(partial(_this.createCloneJob), {
+          text: t('Are you sure you want to duplicate this item bank?'),
+          title: t('Duplicate Bank'),
+          continueText: t('Duplicate'),
+          continueVariant: null,
+          size: 'small'
+        });
+      };
+    };
+
     _this.updateSharedCount = function (count) {
       _this.setState({
         sharingCount: count
@@ -184,24 +214,41 @@ export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp =
         };
       };
 
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.bankInfo,
-        "data-automation": "sdk-bank-info",
-        tabIndex: "-1"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.bankTitle
-      }, /*#__PURE__*/React.createElement(Link, {
-        onClick: navigateToBank(bank.id),
-        theme: {
-          color: _this.theme.bankTitleLinkColor,
-          hoverColor: _this.theme.bankTitleLinkHoverColor
-        },
-        "data-automation": "sdk-banks-list-bank-title-link"
-      }, /*#__PURE__*/React.createElement(Heading, {
-        as: "h2",
-        level: "reset",
-        "data-automation": "sdk-banks-list-bank-title-heading"
-      }, bank.title))), _this.renderDetails(bank));
+      if (bank.status == 'copying') {
+        return /*#__PURE__*/React.createElement("div", {
+          className: styles.bankInfo,
+          "data-automation": "sdk-bank-info",
+          tabIndex: "-1"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: styles.bankTitle
+        }, /*#__PURE__*/React.createElement(Heading, {
+          as: "h2",
+          level: "reset",
+          "data-automation": "sdk-banks-list-bank-title-heading"
+        }, bank.title)), /*#__PURE__*/React.createElement("div", {
+          className: styles.bankDetails,
+          "data-automation": "sdk-banks-list-bank-details"
+        }, t('Currently duplicating')));
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          className: styles.bankInfo,
+          "data-automation": "sdk-bank-info",
+          tabIndex: "-1"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: styles.bankTitle
+        }, /*#__PURE__*/React.createElement(Link, {
+          onClick: navigateToBank(bank.id),
+          theme: {
+            color: _this.theme.bankTitleLinkColor,
+            hoverColor: _this.theme.bankTitleLinkHoverColor
+          },
+          "data-automation": "sdk-banks-list-bank-title-link"
+        }, /*#__PURE__*/React.createElement(Heading, {
+          as: "h2",
+          level: "reset",
+          "data-automation": "sdk-banks-list-bank-title-heading"
+        }, bank.title))), _this.renderDetails(bank));
+      }
     };
 
     _this.renderBankOptions = function (bank) {
@@ -230,23 +277,42 @@ export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp =
       }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Delete bank {name}', {
         name: bank.title
       }))));
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.bankOptions
-      }, /*#__PURE__*/React.createElement(IfFeature, {
-        name: "item_bank_sharing"
-      }, /*#__PURE__*/React.createElement(Button, {
-        onClick: _this.openSharingModal(bank),
-        name: "Share",
+      var duplicateBankOption = /*#__PURE__*/React.createElement(Button, {
+        onClick: _this.openDuplicateBankModal(bank),
+        name: "Duplicate",
         size: "small",
         variant: "icon",
-        "data-automation": "sdk-shared-bank-share-link",
-        icon: IconShareSolid,
-        title: t('Share bank {name}', {
+        icon: IconCopyLine,
+        title: t('Duplicate bank {name}', {
           name: bank.title
         })
-      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Share bank {name}', {
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Duplicate bank {name}', {
         name: bank.title
-      })))), bank.canEdit() ? bankEditOptions : null);
+      })));
+
+      if (bank.status == 'copying') {
+        return /*#__PURE__*/React.createElement("div", {
+          className: styles.bankOptions
+        }, _ref3);
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          className: styles.bankOptions
+        }, _this.props.duplicateItemBanks ? duplicateBankOption : null, /*#__PURE__*/React.createElement(IfFeature, {
+          name: "item_bank_sharing"
+        }, /*#__PURE__*/React.createElement(Button, {
+          onClick: _this.openSharingModal(bank),
+          name: "Share",
+          size: "small",
+          variant: "icon",
+          "data-automation": "sdk-shared-bank-share-link",
+          icon: IconShareSolid,
+          title: t('Share bank {name}', {
+            name: bank.title
+          })
+        }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Share bank {name}', {
+          name: bank.title
+        })))), bank.canEdit() ? bankEditOptions : null);
+      }
     };
 
     _this.renderBank = function (bank) {
@@ -325,8 +391,10 @@ export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   BanksList.displayName = "BanksList";
   return BanksList;
 }(withI18nSupport(Component)), _class2.propTypes = {
+  addInfo: PropTypes.func.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
   banks: ImmutablePropTypes.list.isRequired,
+  createBankCloneJob: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({
     bank_admin: PropTypes.bool,
     email: PropTypes.string,
@@ -337,6 +405,7 @@ export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   }),
   focusCreateBankButton: PropTypes.func.isRequired,
   deleteBank: PropTypes.func.isRequired,
+  duplicateItemBanks: PropTypes.bool,
   getCourseInfo: PropTypes.func,
   getUserInfo: PropTypes.func,
   getShareableCourses: PropTypes.func,
@@ -345,6 +414,7 @@ export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   navigateToBank: PropTypes.func.isRequired,
   onShare: PropTypes.func,
   openModal: PropTypes.func.isRequired,
+  redirectAllBanks: PropTypes.func.isRequired,
   withConfirm: PropTypes.func.isRequired,
   locale: PropTypes.string,
   timezone: PropTypes.string
@@ -357,7 +427,8 @@ export var BanksList = (_dec = themeable(theme, styles), _dec(_class = (_temp =
   minChars: void 0,
   locale: null,
   timezone: null,
-  onShare: function onShare() {}
+  onShare: function onShare() {},
+  duplicateItemBanks: false
 }, _class2.contextTypes = {
   locale: PropTypes.string,
   timezone: PropTypes.string

package/lib/banks/api/banks.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getExistingBankAndEntries = getExistingBankAndEntries;
-exports.updateSharedBankPermission = exports.getSharedBanks = exports.getSharedBank = exports.shareBank = exports.deleteBank = exports.updateBank = exports.createBank = exports.getBank = exports.getAllBanks = exports.getBanks = void 0;
+exports.createBankCloneJob = exports.updateSharedBankPermission = exports.getSharedBanks = exports.getSharedBank = exports.shareBank = exports.deleteBank = exports.updateBank = exports.createBank = exports.getBank = exports.getAllBanks = exports.getBanks = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
@@ -36,6 +36,8 @@ var _quizCommon = require("@instructure/quiz-common");
 
 var _lodash = require("lodash");
 
+var _uuid = require("uuid");
+
 var banksApiEndpoint = '/api/banks';
 var DEFAULT_PAGE_SIZE = 100;
 
@@ -394,4 +396,24 @@ var updateSharedBankPermission = function updateSharedBankPermission(bankId, sha
   };
 };
 
-exports.updateSharedBankPermission = updateSharedBankPermission;
+exports.updateSharedBankPermission = updateSharedBankPermission;
+
+var createBankCloneJob = function createBankCloneJob(bankId) {
+  var userId = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _uuid.NIL;
+  var url = "".concat(banksApiEndpoint, "/").concat(bankId, "/bank_clone_jobs");
+  return function (dispatch, getState) {
+    var field_overrides = JSON.stringify({
+      field_overrides: {
+        creator: userId
+      }
+    });
+    var fetcher = new _Fetcher.default({
+      onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage.default)('Failed to create bank clone job.'))
+    });
+    return fetcher.post(url, {
+      body: field_overrides
+    });
+  };
+};
+
+exports.createBankCloneJob = createBankCloneJob;

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

@@ -211,7 +211,8 @@ var Banks = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
         minChars: _this.props.minChars,
         navigateToBank: _this.props.navigateToBank,
         onShare: _this.props.onShare,
-        recordIds: recordIds
+        recordIds: recordIds,
+        redirectAllBanks: _this.handleBankCreated
       });
     };
 
@@ -425,6 +426,7 @@ var Banks = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
   }),
   // from consumer
   clear: _propTypes.default.func,
+  filtersEnabled: _propTypes.default.bool,
   getBanks: _propTypes.default.func.isRequired,
   getCourseInfo: _propTypes.default.func,
   // from consumer
@@ -436,29 +438,28 @@ var Banks = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
   // from consumer,
   getCourseAssignments: _propTypes.default.func,
   // from consumer
-  minChars: _propTypes.default.number,
   isCompact: _propTypes.default.bool,
+  merge: _propTypes.default.func.isRequired,
+  minChars: _propTypes.default.number,
   navigateToBank: _propTypes.default.func.isRequired,
   // can be from consumer
   navigateToBuild: _propTypes.default.func,
   // from consumer
+  newItemBankFilterNamesEnabled: _propTypes.default.bool,
   onShare: _propTypes.default.func,
   // from consumer
   openModal: _propTypes.default.func.isRequired,
+  returnToUrl: _propTypes.default.string,
+  // from consumer
   scope: _propTypes.default.shape({
     type: _propTypes.default.string,
     uuid: _propTypes.default.string,
     title: _propTypes.default.string
   }).isRequired,
-  returnToUrl: _propTypes.default.string,
-  // from consumer
-  filtersEnabled: _propTypes.default.bool,
-  merge: _propTypes.default.func.isRequired,
   scopeType: _propTypes.default.string,
+  searchTerms: _propTypes.default.string,
   sortBy: _propTypes.default.string,
   sortOrder: _propTypes.default.string,
-  searchTerms: _propTypes.default.string,
-  newItemBankFilterNamesEnabled: _propTypes.default.bool,
   usedByCourseEnabled: _propTypes.default.bool
 }, _class2.defaultProps = {
   closeTray: null,

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

@@ -20,19 +20,26 @@ var _modal = require("../../../common/actions/modal.js");
 
 var _banks = require("../../api/banks.js");
 
+var _featureCheck = require("../../../common/util/featureCheck.js");
+
+var _alerts = require("../../../common/actions/alerts.js");
+
 function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),
     banks: (0, _immutable.List)(props.recordIds).map(function (id) {
       return _Bank.default.create(state.getIn(['banks', id]));
-    })
+    }),
+    duplicateItemBanks: (0, _featureCheck.featureOn)('duplicate_item_banks')
   };
 }
 
 var _default = (0, _reactRedux.connect)(mapStateToProps, {
   openModal: _modal.openModal,
   deleteBank: _banks.deleteBank,
-  withConfirm: _modal.withConfirm
+  withConfirm: _modal.withConfirm,
+  createBankCloneJob: _banks.createBankCloneJob,
+  addInfo: _alerts.addInfo
 })(_presenter.default);
 
 exports.default = _default;

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

@@ -45,6 +45,8 @@ var _uiIcons = require("@instructure/ui-icons");
 
 var _uiAlerts = require("@instructure/ui-alerts");
 
+var _uiSpinner = require("@instructure/ui-spinner");
+
 var _uiThemeable = require("@instructure/ui-themeable");
 
 var _quizCommon = require("@instructure/quiz-common");
@@ -77,6 +79,12 @@ var styles = {
   'deleteAlert': 'dgJJi_AHIw',
   'deletePreface': 'dgJJi_eTBd'
 };
+
+var _ref3 = /*#__PURE__*/_react.default.createElement(_uiSpinner.Spinner, {
+  renderTitle: "Loading",
+  size: "x-small"
+});
+
 var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(BanksList, _withI18nSupport);
 
@@ -170,6 +178,29 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
       }));
     };
 
+    _this.openDuplicateBankModal = function (bank) {
+      return function () {
+        _this.createCloneJob = function () {
+          _this.props.createBankCloneJob(bank.id, _this.props.currentUser.uuid);
+
+          _this.props.addInfo( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _formatMessage.default)('Creating "{name} Copy". Duplicate will appear in ', {
+            name: bank.title
+          }), /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+            key: bank.id,
+            onClick: _this.props.redirectAllBanks
+          }, (0, _formatMessage.default)('\'All Banks\'')), (0, _formatMessage.default)(' filter.')));
+        };
+
+        _this.props.withConfirm((0, _partial.default)(_this.createCloneJob), {
+          text: (0, _formatMessage.default)('Are you sure you want to duplicate this item bank?'),
+          title: (0, _formatMessage.default)('Duplicate Bank'),
+          continueText: (0, _formatMessage.default)('Duplicate'),
+          continueVariant: null,
+          size: 'small'
+        });
+      };
+    };
+
     _this.updateSharedCount = function (count) {
       _this.setState({
         sharingCount: count
@@ -219,24 +250,41 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
         };
       };
 
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.bankInfo,
-        "data-automation": "sdk-bank-info",
-        tabIndex: "-1"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.bankTitle
-      }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
-        onClick: navigateToBank(bank.id),
-        theme: {
-          color: _this.theme.bankTitleLinkColor,
-          hoverColor: _this.theme.bankTitleLinkHoverColor
-        },
-        "data-automation": "sdk-banks-list-bank-title-link"
-      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-        as: "h2",
-        level: "reset",
-        "data-automation": "sdk-banks-list-bank-title-heading"
-      }, bank.title))), _this.renderDetails(bank));
+      if (bank.status == 'copying') {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.bankInfo,
+          "data-automation": "sdk-bank-info",
+          tabIndex: "-1"
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.bankTitle
+        }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+          as: "h2",
+          level: "reset",
+          "data-automation": "sdk-banks-list-bank-title-heading"
+        }, bank.title)), /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.bankDetails,
+          "data-automation": "sdk-banks-list-bank-details"
+        }, (0, _formatMessage.default)('Currently duplicating')));
+      } else {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.bankInfo,
+          "data-automation": "sdk-bank-info",
+          tabIndex: "-1"
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.bankTitle
+        }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+          onClick: navigateToBank(bank.id),
+          theme: {
+            color: _this.theme.bankTitleLinkColor,
+            hoverColor: _this.theme.bankTitleLinkHoverColor
+          },
+          "data-automation": "sdk-banks-list-bank-title-link"
+        }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+          as: "h2",
+          level: "reset",
+          "data-automation": "sdk-banks-list-bank-title-heading"
+        }, bank.title))), _this.renderDetails(bank));
+      }
     };
 
     _this.renderBankOptions = function (bank) {
@@ -266,23 +314,42 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
         name: bank.title
       }))));
 
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.bankOptions
-      }, /*#__PURE__*/_react.default.createElement(_index.default, {
-        name: "item_bank_sharing"
-      }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
-        onClick: _this.openSharingModal(bank),
-        name: "Share",
+      var duplicateBankOption = /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        onClick: _this.openDuplicateBankModal(bank),
+        name: "Duplicate",
         size: "small",
         variant: "icon",
-        "data-automation": "sdk-shared-bank-share-link",
-        icon: _uiIcons.IconShareSolid,
-        title: (0, _formatMessage.default)('Share bank {name}', {
+        icon: _uiIcons.IconCopyLine,
+        title: (0, _formatMessage.default)('Duplicate bank {name}', {
           name: bank.title
         })
-      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Share bank {name}', {
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Duplicate bank {name}', {
         name: bank.title
-      })))), bank.canEdit() ? bankEditOptions : null);
+      })));
+
+      if (bank.status == 'copying') {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.bankOptions
+        }, _ref3);
+      } else {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.bankOptions
+        }, _this.props.duplicateItemBanks ? duplicateBankOption : null, /*#__PURE__*/_react.default.createElement(_index.default, {
+          name: "item_bank_sharing"
+        }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+          onClick: _this.openSharingModal(bank),
+          name: "Share",
+          size: "small",
+          variant: "icon",
+          "data-automation": "sdk-shared-bank-share-link",
+          icon: _uiIcons.IconShareSolid,
+          title: (0, _formatMessage.default)('Share bank {name}', {
+            name: bank.title
+          })
+        }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Share bank {name}', {
+          name: bank.title
+        })))), bank.canEdit() ? bankEditOptions : null);
+      }
     };
 
     _this.renderBank = function (bank) {
@@ -362,8 +429,10 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   BanksList.displayName = "BanksList";
   return BanksList;
 }((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
+  addInfo: _propTypes.default.func.isRequired,
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   banks: _reactImmutableProptypes.default.list.isRequired,
+  createBankCloneJob: _propTypes.default.func.isRequired,
   currentUser: _propTypes.default.shape({
     bank_admin: _propTypes.default.bool,
     email: _propTypes.default.string,
@@ -374,6 +443,7 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   }),
   focusCreateBankButton: _propTypes.default.func.isRequired,
   deleteBank: _propTypes.default.func.isRequired,
+  duplicateItemBanks: _propTypes.default.bool,
   getCourseInfo: _propTypes.default.func,
   getUserInfo: _propTypes.default.func,
   getShareableCourses: _propTypes.default.func,
@@ -382,6 +452,7 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   navigateToBank: _propTypes.default.func.isRequired,
   onShare: _propTypes.default.func,
   openModal: _propTypes.default.func.isRequired,
+  redirectAllBanks: _propTypes.default.func.isRequired,
   withConfirm: _propTypes.default.func.isRequired,
   locale: _propTypes.default.string,
   timezone: _propTypes.default.string
@@ -394,7 +465,8 @@ var BanksList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
   minChars: void 0,
   locale: null,
   timezone: null,
-  onShare: function onShare() {}
+  onShare: function onShare() {},
+  duplicateItemBanks: false
 }, _class2.contextTypes = {
   locale: _propTypes.default.string,
   timezone: _propTypes.default.string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.60.1-rc.4+90a605aaa",
+  "version": "17.60.1-rc.5+74e6a5a81",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,11 +41,11 @@
   ],
   "dependencies": {
     "@instructure/outcomes-ui": "^2.1.8",
-    "@instructure/quiz-common": "17.60.1-rc.4+90a605aaa",
-    "@instructure/quiz-i18n": "17.60.1-rc.4+90a605aaa",
-    "@instructure/quiz-interactions": "17.60.1-rc.4+90a605aaa",
-    "@instructure/quiz-number-input": "17.60.1-rc.4+90a605aaa",
-    "@instructure/quiz-rce": "17.60.1-rc.4+90a605aaa",
+    "@instructure/quiz-common": "17.60.1-rc.5+74e6a5a81",
+    "@instructure/quiz-i18n": "17.60.1-rc.5+74e6a5a81",
+    "@instructure/quiz-interactions": "17.60.1-rc.5+74e6a5a81",
+    "@instructure/quiz-number-input": "17.60.1-rc.5+74e6a5a81",
+    "@instructure/quiz-rce": "17.60.1-rc.5+74e6a5a81",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,7 +106,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.60.1-rc.4+90a605aaa",
+    "instructure-validations": "17.60.1-rc.5+74e6a5a81",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -157,7 +157,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.60.1-rc.4+90a605aaa",
+    "quiz-presets": "17.60.1-rc.5+74e6a5a81",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -173,5 +173,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "90a605aaabd1d3f576627723a511156419373887"
+  "gitHead": "74e6a5a81e4b8238adfa4b8463bbfd919c32d00d"
 }