@instructure/quiz-core 22.14.1 → 22.15.1

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

@@ -1,520 +1,722 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Bank = void 0;
-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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var immutable = _interopRequireWildcard(require("immutable"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _partial = _interopRequireDefault(require("lodash/partial"));
-var _uiIcons = require("@instructure/ui-icons");
-var _uiBreadcrumb = require("@instructure/ui-breadcrumb");
-var _uiButtons = require("@instructure/ui-buttons");
-var _uiHeading = require("@instructure/ui-heading");
-var _uiA11yContent = require("@instructure/ui-a11y-content");
-var _emotion = require("@instructure/emotion");
-var _uiCheckbox = require("@instructure/ui-checkbox");
-var _uiView = require("@instructure/ui-view");
-var _HeaderBreadCrumb = require("../HeaderBreadCrumb");
-var _Bank2 = _interopRequireDefault(require("../../../common/records/Bank"));
-var _Page = _interopRequireDefault(require("../../../common/components/layout/Page"));
-var _PaginatedCollection = _interopRequireDefault(require("../../../common/components/shared/PaginatedCollection"));
-var _QuizEntry = _interopRequireDefault(require("../../../common/records/QuizEntry"));
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
-var _debounceLatestPromise = _interopRequireDefault(require("../../../common/util/debounceLatestPromise"));
-var _AddBankEntryModal = _interopRequireDefault(require("../../../banks/components/AddBankEntryModal"));
-var _BankEntriesList = _interopRequireDefault(require("../../../banks/components/BankEntriesList"));
-var _BankSearch = _interopRequireDefault(require("../../../banks/components/BankSearch"));
-var _HeaderMenu = _interopRequireDefault(require("../../../banks/components/HeaderMenu"));
-var _NavWrapper = _interopRequireDefault(require("../NavWrapper"));
-var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _Bank;
-/** @jsx jsx */
-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));
+/** @jsx jsx */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
 }
-var Bank = exports.Bank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
-  function Bank() {
-    var _this2;
-    (0, _classCallCheck2["default"])(this, Bank);
-    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
-      _args[_key] = arguments[_key];
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-    _this2 = _callSuper(this, Bank, [].concat(_args));
-    (0, _defineProperty2["default"])(_this2, "state", {
-      sharedWithCourse: false,
-      shareWithCourseCheckboxDisabled: true
-    });
-    (0, _defineProperty2["default"])(_this2, "openAddBankEntryModal", function () {
-      _this2.props.openModal(_quizCommon.ADD_BANK_ENTRY_MODAL, {
-        modalTrigger: _this2.createBankEntryButton
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "renderHeaderMenu", function () {
-      if (!_this2.props.isCompact) {
-        return (0, _emotion.jsx)(_HeaderMenu["default"], {
-          bank: _this2.props.bank,
-          iceTopNavBarEnabled: _this2.props.iceTopNavBarEnabled,
-          id: "BankMenu",
-          renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
-        });
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "storeCreateBankEntryButtonRef", function (c) {
-      _this2.createBankEntryButton = c;
-    });
-    (0, _defineProperty2["default"])(_this2, "renderBankBreadCrumbLink", function () {
-      return (0, _emotion.jsx)(_uiBreadcrumb.BreadcrumbLink, {
-        key: "bank"
-      }, _this2.props.bank.title);
-    });
-    (0, _defineProperty2["default"])(_this2, "toggleCheckbox", function () {
-      // disable until request resolves
-      _this2.setState({
-        shareWithCourseCheckboxDisabled: true
-      });
-      _this2.changeSharedPermissions();
-    });
-    (0, _defineProperty2["default"])(_this2, "unshareBankWithCourse", /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(sharedBank) {
-        var _this2$props, updateSharedBankPermission, bankId, getSharedBank, scope;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _this2$props = _this2.props, updateSharedBankPermission = _this2$props.updateSharedBankPermission, bankId = _this2$props.bankId, getSharedBank = _this2$props.getSharedBank, scope = _this2$props.scope;
-              _context.next = 3;
-              return updateSharedBankPermission(bankId, sharedBank.get('id'), _quizCommon.REMOVED_ACCESS);
-            case 3:
-              getSharedBank(bankId, scope.type, scope.uuid)["catch"](function (err) {
-                // make sure the user still has access to the bank
-                if (err.response.status === 401) {
-                  _this2.props.navigateToBanks();
-                }
-              });
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    (0, _defineProperty2["default"])(_this2, "translatedPermissionLevel", function (permission) {
-      return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _quizCommon.CAN_EDIT, (0, _formatMessage["default"])('edit')), _quizCommon.READ_ONLY, (0, _formatMessage["default"])('view'))[permission];
-    });
-    (0, _defineProperty2["default"])(_this2, "confirmUnshareBankWithCourse", function () {
-      var confirmText = (0, _formatMessage["default"])('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
-        accessLevel: _this2.translatedPermissionLevel(_this2.props.courseSharedBank.get('permission')),
-        entityTitle: _this2.props.scope.title
-      });
-      _this2.props.withConfirm((0, _partial["default"])(_this2.unshareBankWithCourse, _this2.props.courseSharedBank), {
-        title: (0, _formatMessage["default"])('Unshare Bank with Course'),
-        text: confirmText,
-        continueText: (0, _formatMessage["default"])('Confirm'),
-        onCancel: _this2.onCancelUnshareBankWithCourse
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "onCancelUnshareBankWithCourse", function () {
-      _this2.setState({
-        shareWithCourseCheckboxDisabled: false
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "addBankToQuiz", function () {
-      var newEntry = _QuizEntry["default"].create({
-        entryId: _this2.props.bankId,
-        entryType: 'Bank',
-        position: _this2.props.position,
-        stimulusQuizEntryId: _this2.props.stimulusId
-      });
-      _this2.props.addEntryToQuiz(_this2.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
-        _this2.props.screenreaderNotification((0, _formatMessage["default"])('Bank was successfully added to the quiz'));
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "renderTopLeftMenu", function () {
-      return (0, _emotion.jsx)("div", {
-        css: _this2.props.styles.topLeftMenu
-      }, _this2.renderMultiAdd());
-    });
-    (0, _defineProperty2["default"])(_this2, "renderTopRightMenu", function () {
-      return (0, _emotion.jsx)("div", {
-        css: _this2.props.styles.topRightMenu
-      }, _this2.renderNewBankEntryButton());
-    });
-    (0, _defineProperty2["default"])(_this2, "announceResults", function (_ref2) {
-      var totalPages = _ref2.totalPages;
-      var message = (0, _formatMessage["default"])("{\n      count, plural,\n         =0 {No search results found}\n        one {Displaying one page of results}\n      other {Displaying # pages of results}\n    }", {
-        count: totalPages
-      });
-      // Audibly announce when search results are ready.
-      // We debounce using a larger interval for a11y, so that the user isn't
-      // flooded with "Search results ready" messages every time they type a
-      // character
-      _this2.props.screenreaderNotification(message);
-    });
-    (0, _defineProperty2["default"])(_this2, "debouncedAnnounceResults", (0, _debounce["default"])(_this2.announceResults, 1000));
-    (0, _defineProperty2["default"])(_this2, "getPage", function (page, search) {
-      var _this2$props2 = _this2.props,
-        getBankEntries = _this2$props2.getBankEntries,
-        bankId = _this2$props2.bankId,
-        useBankSearch = _this2$props2.useBankSearch;
-      var text = search.get('text');
-      var interactionTypes = search.get('interactionTypes', immutable.Set()).toJS();
-      var tagIds = search.get('tags', []).map(function (tag) {
-        return tag.id;
-      });
-      var filters = {
-        interactionTypes: interactionTypes,
-        tags: tagIds
-      };
-      var params = {
-        page: page,
-        text: text,
-        filters: filters
-      };
-      var resultPage = getBankEntries(bankId, useBankSearch, params);
-      if (resultPage) {
-        return resultPage.then(function (results) {
-          _this2.debouncedAnnounceResults(results);
-          return results;
-        });
-      } else {
-        return Promise.resolve(null);
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "getPageDebounced", (0, _debounceLatestPromise["default"])(function () {
-      var _this3;
-      return (_this3 = _this2).getPage.apply(_this3, arguments);
-    }, 100));
-    (0, _defineProperty2["default"])(_this2, "renderRecords", function (recordIds) {
-      var addEntryFunc = _this2.props.isCompact && _this2.props.addEntryToQuiz || null;
-      return (0, _emotion.jsx)(_BankEntriesList["default"], {
-        addEntryToQuiz: addEntryFunc,
-        bank: _this2.props.bank,
-        navigateToBankEntry: _this2.props.navigateToBankEntry,
-        recordIds: recordIds,
-        isQuizContentLocked: _this2.props.isQuizContentLocked
-      });
-    });
-    return _this2;
-  }
-  (0, _inherits2["default"])(Bank, _Component);
-  return (0, _createClass2["default"])(Bank, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.resetSearch(this.props.bankId);
-      if (this.props.onError) {
-        this.props.getBank(this.props.bankId)["catch"](this.props.onError);
-        if (this.shouldRenderShareWithCourseCheckbox()) {
-          this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid)["catch"](this.props.onError);
-        }
-      } else {
-        this.props.getBank(this.props.bankId);
-        if (this.shouldRenderShareWithCourseCheckbox()) {
-          this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid);
-        }
-      }
-
-      // when courseSharedBank is already loaded
-      if (this.props.courseSharedBank) {
-        this.setShareWithCourseCheckbox();
-      }
+    return self;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _prevProps$courseShar, _this$props$courseSha;
-      var permissionChanged = ((_prevProps$courseShar = prevProps.courseSharedBank) === null || _prevProps$courseShar === void 0 ? void 0 : _prevProps$courseShar.get('permission')) !== ((_this$props$courseSha = this.props.courseSharedBank) === null || _this$props$courseSha === void 0 ? void 0 : _this$props$courseSha.get('permission'));
-      if (this.props.courseSharedBank && permissionChanged) {
-        this.setShareWithCourseCheckbox();
-      }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
     }
-  }, {
-    key: "setShareWithCourseCheckbox",
-    value: function setShareWithCourseCheckbox() {
-      if (this.props.courseSharedBank.get('permission') === _quizCommon.REMOVED_ACCESS) {
-        this.setState({
-          sharedWithCourse: false,
-          shareWithCourseCheckboxDisabled: false
-        });
-      } else {
-        this.setState({
-          sharedWithCourse: true,
-          shareWithCourseCheckboxDisabled: false
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
         });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.props.removeSharedBank(this.placeholderCourseSharedBankKey());
-    }
-  }, {
-    key: "placeholderCourseSharedBankKey",
-    value: function placeholderCourseSharedBankKey() {
-      return "notshared_".concat(this.props.bankId, "_").concat(this.props.scope.uuid);
-    }
-  }, {
-    key: "renderNav",
-    value: function renderNav() {
-      var _this$props = this.props,
-        scope = _this$props.scope,
-        closeTray = _this$props.closeTray,
-        navigateToBanks = _this$props.navigateToBanks,
-        navigateToBuild = _this$props.navigateToBuild,
-        returnToUrl = _this$props.returnToUrl;
-      var isScopeEmpty = !Object.keys(scope).length;
-      return (0, _emotion.jsx)(_NavWrapper["default"], {
-        closeTray: closeTray,
-        navigateToBanks: navigateToBanks,
-        navigateToBuild: navigateToBuild,
-        renderHeaderMenu: this.renderHeaderMenu,
-        returnToUrl: isScopeEmpty ? null : returnToUrl,
-        scope: scope,
-        isCompact: this.props.isCompact,
-        iceTopNavBarEnabled: this.props.iceTopNavBarEnabled,
-        menuItemPath: "/banks/".concat(this.props.bankId)
-      }, this.renderBankBreadCrumbLink());
+    };
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
     }
-  }, {
-    key: "renderName",
-    value: function renderName() {
-      return (0, _emotion.jsx)("div", {
-        css: this.props.styles.bankName
-      }, (0, _emotion.jsx)(_uiHeading.Heading, {
-        level: "h1"
-      }, this.props.bank.title || (0, _formatMessage["default"])('Bank')));
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
     }
-  }, {
-    key: "renderAddBankEntryModal",
-    value: function renderAddBankEntryModal() {
-      if (!this.props.isCompact) {
-        return (0, _emotion.jsx)(_AddBankEntryModal["default"], {
-          bankId: this.props.bankId,
-          navigateToBankEntry: this.props.navigateToBankEntry
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
         });
-      }
+    } else {
+        obj[key] = value;
     }
-  }, {
-    key: "changeSharedPermissions",
-    value: function changeSharedPermissions() {
-      if (this.props.bank.canEdit()) {
-        if (!this.state.sharedWithCourse) {
-          var shareBank = {
-            entityId: this.props.scope.uuid,
-            entityType: this.props.scope.type,
-            title: this.props.scope.title,
-            permission: _quizCommon.READ_ONLY,
-            bankId: this.props.bankId
-          };
-          this.props.removeSharedBank(this.placeholderCourseSharedBankKey());
-          this.props.shareBank(shareBank);
-        } else {
-          this.confirmUnshareBankWithCourse();
-        }
-      }
-    }
-  }, {
-    key: "shouldRenderShareWithCourseCheckbox",
-    value: function shouldRenderShareWithCourseCheckbox() {
-      return this.props.showShareBankFromTray && this.props.scope.type === 'course' && this.props.scope.title && this.props.scope.uuid;
-    }
-  }, {
-    key: "renderCheckbox",
-    value: function renderCheckbox() {
-      if (!this.shouldRenderShareWithCourseCheckbox()) {
-        return null;
-      }
-      var label = (0, _formatMessage["default"])('Share with { courseName }', {
-        courseName: this.props.scope.title
-      });
-      return (0, _emotion.jsx)(_uiView.View, {
-        margin: "small 0",
-        as: "div"
-      }, (0, _emotion.jsx)(_uiCheckbox.Checkbox, {
-        checked: this.state.sharedWithCourse,
-        label: label,
-        onChange: this.toggleCheckbox,
-        disabled: this.props.bank.canEdit() ? this.state.shareWithCourseCheckboxDisabled : true,
-        "data-automation": "sdk-share-bank-with-course-checkbox"
-      }));
-    }
-  }, {
-    key: "renderModals",
-    value: function renderModals() {
-      return (0, _emotion.jsx)("div", null, this.renderAddBankEntryModal());
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
     }
-  }, {
-    key: "renderNewBankEntryButton",
-    value: function renderNewBankEntryButton() {
-      if (!this.props.isCompact && this.props.bank.canEdit()) {
-        return (0, _emotion.jsx)(_uiButtons.Button, {
-          margin: "small none",
-          ref: this.storeCreateBankEntryButtonRef,
-          color: "primary",
-          onClick: this.openAddBankEntryModal,
-          "data-automation": "sdk-new-bank-entry-button",
-          renderIcon: _uiIcons.IconPlusLine
-        }, (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
-          alt: (0, _formatMessage["default"])('Create Bank Entry')
-        }, (0, _formatMessage["default"])('New')));
-      }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
     }
-  }, {
-    key: "renderMultiAdd",
-    value: function renderMultiAdd() {
-      var isEmpty = this.props.bank.itemEntryCount === 0;
-      if (this.props.isCompact && !this.props.isQuizContentLocked && !isEmpty) {
-        return (0, _emotion.jsx)(_uiButtons.Button, {
-          onClick: this.addBankToQuiz,
-          margin: "small none",
-          renderIcon: _uiIcons.IconPlusLine,
-          "data-automation": "sdk-add-bank-to-quiz-button"
-        }, (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
-          alt: (0, _formatMessage["default"])('Add this bank to quiz')
-        }, (0, _formatMessage["default"])('All / Random')));
-      }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _ts_decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
     }
-  }, {
-    key: "stateKey",
-    value: function stateKey() {
-      return "".concat(_quizCommon.BANKS_BANK_ENTRY_PAGINATION, ":").concat(this.props.bankId);
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
     }
-  }, {
-    key: "renderSearch",
-    value: function renderSearch() {
-      if (this.props.bank.filters !== null && this.props.useBankSearch) {
-        var its = this.props.bank.filters.interaction_types;
-        var tags = this.props.bank.filters.tags;
-        return (0, _emotion.jsx)(_BankSearch["default"], {
-          interactionTypes: its,
-          tags: tags,
-          pageStateKey: this.stateKey(),
-          showFilters: false
+}
+import { Component } from 'react';
+import * as immutable from 'immutable';
+import debounce from 'lodash/debounce';
+import PropTypes from 'prop-types';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import partial from 'lodash/partial';
+import { IconMoreSolid, IconPlusLine } from '@instructure/ui-icons';
+import { BreadcrumbLink } from '@instructure/ui-breadcrumb';
+import { Button } from '@instructure/ui-buttons';
+import { Heading } from '@instructure/ui-heading';
+import { AccessibleContent } from '@instructure/ui-a11y-content';
+import { jsx } from '@instructure/emotion';
+import { Checkbox } from '@instructure/ui-checkbox';
+import { View } from '@instructure/ui-view';
+import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
+import BankRecord from '../../../common/records/Bank';
+import Page from '../../../common/components/layout/Page';
+import PaginatedCollection from '../../../common/components/shared/PaginatedCollection';
+import QuizEntry from '../../../common/records/QuizEntry';
+import t from '@instructure/quiz-i18n/format-message';
+import debounceLatestPromise from '../../../common/util/debounceLatestPromise';
+import AddBankEntryModal from '../../../banks/components/AddBankEntryModal';
+import BankEntriesList from '../../../banks/components/BankEntriesList';
+import BankSearch from '../../../banks/components/BankSearch';
+import HeaderMenu from '../../../banks/components/HeaderMenu';
+import NavWrapper from '../NavWrapper';
+import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION, CAN_EDIT, REMOVED_ACCESS, READ_ONLY, withStyleOverrides } from '@instructure/quiz-common';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var Bank = /*#__PURE__*/ function(Component) {
+    "use strict";
+    _inherits(Bank, Component);
+    function Bank() {
+        _class_call_check(this, Bank);
+        var _this;
+        var _this1;
+        _this = _call_super(this, Bank, arguments), _this1 = _this, _define_property(_this1, "state", {
+            sharedWithCourse: false,
+            shareWithCourseCheckboxDisabled: true
+        }), _define_property(_this1, "openAddBankEntryModal", function() {
+            _this1.props.openModal(ADD_BANK_ENTRY_MODAL, {
+                modalTrigger: _this1.createBankEntryButton
+            });
+        }), _define_property(_this1, "renderHeaderMenu", function() {
+            if (!_this1.props.isCompact) {
+                return /*#__PURE__*/ jsx(HeaderMenu, {
+                    bank: _this1.props.bank,
+                    iceTopNavBarEnabled: _this1.props.iceTopNavBarEnabled,
+                    id: "BankMenu",
+                    renderIcon: /*#__PURE__*/ jsx(IconMoreSolid, null)
+                });
+            }
+        }), _define_property(_this1, "storeCreateBankEntryButtonRef", function(c) {
+            _this1.createBankEntryButton = c;
+        }), _define_property(_this1, "renderBankBreadCrumbLink", function() {
+            return /*#__PURE__*/ jsx(BreadcrumbLink, {
+                key: "bank"
+            }, _this1.props.bank.title);
+        }), _define_property(_this1, "toggleCheckbox", function() {
+            // disable until request resolves
+            _this1.setState({
+                shareWithCourseCheckboxDisabled: true
+            });
+            _this1.changeSharedPermissions();
+        }), _define_property(_this1, "unshareBankWithCourse", function(sharedBank) {
+            return _async_to_generator(function() {
+                var _this_props, updateSharedBankPermission, bankId, getSharedBank, scope;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _this_props = _this1.props, updateSharedBankPermission = _this_props.updateSharedBankPermission, bankId = _this_props.bankId, getSharedBank = _this_props.getSharedBank, scope = _this_props.scope;
+                            return [
+                                4,
+                                updateSharedBankPermission(bankId, sharedBank.get('id'), REMOVED_ACCESS)
+                            ];
+                        case 1:
+                            _state.sent();
+                            getSharedBank(bankId, scope.type, scope.uuid).catch(function(err) {
+                                // make sure the user still has access to the bank
+                                if (err.response.status === 401) {
+                                    _this1.props.navigateToBanks();
+                                }
+                            });
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        }), _define_property(_this1, "translatedPermissionLevel", function(permission) {
+            var _obj;
+            return (_obj = {}, _define_property(_obj, CAN_EDIT, t('edit')), _define_property(_obj, READ_ONLY, t('view')), _obj)[permission];
+        }), _define_property(_this1, "confirmUnshareBankWithCourse", function() {
+            var confirmText = t('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
+                accessLevel: _this1.translatedPermissionLevel(_this1.props.courseSharedBank.get('permission')),
+                entityTitle: _this1.props.scope.title
+            });
+            _this1.props.withConfirm(partial(_this1.unshareBankWithCourse, _this1.props.courseSharedBank), {
+                title: t('Unshare Bank with Course'),
+                text: confirmText,
+                continueText: t('Confirm'),
+                onCancel: _this1.onCancelUnshareBankWithCourse
+            });
+        }), _define_property(_this1, "onCancelUnshareBankWithCourse", function() {
+            _this1.setState({
+                shareWithCourseCheckboxDisabled: false
+            });
+        }), _define_property(_this1, "addBankToQuiz", function() {
+            var newEntry = QuizEntry.create({
+                entryId: _this1.props.bankId,
+                entryType: 'Bank',
+                position: _this1.props.position,
+                stimulusQuizEntryId: _this1.props.stimulusId
+            });
+            _this1.props.addEntryToQuiz(_this1.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function() {
+                _this1.props.screenreaderNotification(t('Bank was successfully added to the quiz'));
+            });
+        }), _define_property(_this1, "renderTopLeftMenu", function() {
+            return /*#__PURE__*/ jsx("div", {
+                css: _this1.props.styles.topLeftMenu
+            }, _this1.renderMultiAdd());
+        }), _define_property(_this1, "renderTopRightMenu", function() {
+            return /*#__PURE__*/ jsx("div", {
+                css: _this1.props.styles.topRightMenu
+            }, _this1.renderNewBankEntryButton());
+        }), _define_property(_this1, "announceResults", function(param) {
+            var totalPages = param.totalPages;
+            var message = t("{\n      count, plural,\n         =0 {No search results found}\n        one {Displaying one page of results}\n      other {Displaying # pages of results}\n    }", {
+                count: totalPages
+            });
+            // Audibly announce when search results are ready.
+            // We debounce using a larger interval for a11y, so that the user isn't
+            // flooded with "Search results ready" messages every time they type a
+            // character
+            _this1.props.screenreaderNotification(message);
+        }), _define_property(_this1, "debouncedAnnounceResults", debounce(_this1.announceResults, 1000)), _define_property(_this1, "getPage", function(page, search) {
+            var _this_props = _this1.props, getBankEntries = _this_props.getBankEntries, bankId = _this_props.bankId, useBankSearch = _this_props.useBankSearch;
+            var text = search.get('text');
+            var interactionTypes = search.get('interactionTypes', immutable.Set()).toJS();
+            var tagIds = search.get('tags', []).map(function(tag) {
+                return tag.id;
+            });
+            var filters = {
+                interactionTypes: interactionTypes,
+                tags: tagIds
+            };
+            var params = {
+                page: page,
+                text: text,
+                filters: filters
+            };
+            var resultPage = getBankEntries(bankId, useBankSearch, params);
+            if (resultPage) {
+                return resultPage.then(function(results) {
+                    _this1.debouncedAnnounceResults(results);
+                    return results;
+                });
+            } else {
+                return Promise.resolve(null);
+            }
+        }), _define_property(_this1, "getPageDebounced", debounceLatestPromise(function() {
+            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+                args[_key] = arguments[_key];
+            }
+            return _this1.getPage.apply(_this1, _to_consumable_array(args));
+        }, 100)), _define_property(_this1, "renderRecords", function(recordIds) {
+            var addEntryFunc = _this1.props.isCompact && _this1.props.addEntryToQuiz || null;
+            return /*#__PURE__*/ jsx(BankEntriesList, {
+                addEntryToQuiz: addEntryFunc,
+                bank: _this1.props.bank,
+                navigateToBankEntry: _this1.props.navigateToBankEntry,
+                recordIds: recordIds,
+                isQuizContentLocked: _this1.props.isQuizContentLocked
+            });
         });
-      }
-    }
-  }, {
-    key: "emptyLoadText",
-    value: function emptyLoadText() {
-      var noFilters = this.props.bank.filters === null;
-      var noQuestions = function noQuestions() {
-        return (0, _formatMessage["default"])('There are no questions in this bank yet.');
-      };
-      var noResults = function noResults() {
-        return (0, _formatMessage["default"])('The search returned no results.');
-      };
-      return noFilters ? noQuestions() : noResults();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return (0, _emotion.jsx)(_Page["default"], null, this.renderModals(), this.renderNav(), (0, _emotion.jsx)("div", {
-        css: this.props.styles.content
-      }, this.props.iceTopNavBarEnabled && (0, _emotion.jsx)("div", {
-        css: this.props.styles.breadcrumb
-      }, (0, _emotion.jsx)(_HeaderBreadCrumb.HeaderBreadCrumb, {
-        returnToUrl: this.props.returnToUrl,
-        scope: this.props.scope,
-        navigateToBanks: this.props.navigateToBanks,
-        navigateToBuild: this.props.navigateToBuild
-      }, this.renderBankBreadCrumbLink())), this.renderName(), this.renderCheckbox(), (0, _emotion.jsx)("div", {
-        css: this.props.styles.topMenu
-      }, this.renderTopLeftMenu(), this.renderTopRightMenu()), this.renderSearch(), (0, _emotion.jsx)(_PaginatedCollection["default"], {
-        empty: this.emptyLoadText(),
-        params: this.props.search,
-        getPage: this.getPageDebounced,
-        renderRecords: this.renderRecords,
-        stateKey: this.stateKey()
-      })));
+        return _this;
     }
-  }]);
-}(_react.Component), (0, _defineProperty2["default"])(_Bank, "displayName", 'Bank'), (0, _defineProperty2["default"])(_Bank, "componentId", "Quizzes".concat(_Bank.displayName)), (0, _defineProperty2["default"])(_Bank, "propTypes", {
-  activeQuizId: _propTypes["default"].string,
-  addEntryToQuiz: _propTypes["default"].func,
-  bankId: _propTypes["default"].string.isRequired,
-  bank: _propTypes["default"].instanceOf(_Bank2["default"]).isRequired,
-  useBankSearch: _propTypes["default"].bool,
-  closeTray: _propTypes["default"].func,
-  getBank: _propTypes["default"].func.isRequired,
-  getBankEntries: _propTypes["default"].func.isRequired,
-  getSharedBank: _propTypes["default"].func.isRequired,
-  isCompact: _propTypes["default"].bool,
-  isQuizContentLocked: _propTypes["default"].bool.isRequired,
-  navigateToBanks: _propTypes["default"].func.isRequired,
-  // can be from consumer
-  navigateToBankEntry: _propTypes["default"].func.isRequired,
-  // can be from consumer
-  navigateToBuild: _propTypes["default"].func,
-  // from consumer
-  scope: _propTypes["default"].shape({
-    type: _propTypes["default"].string,
-    uuid: _propTypes["default"].string,
-    title: _propTypes["default"].string,
-    launch_context_uuid: _propTypes["default"].string,
-    root_account_name: _propTypes["default"].string
-  }),
-  courseSharedBank: _reactImmutableProptypes["default"].map,
-  returnToUrl: _propTypes["default"].string,
-  // from consumer
-  onError: _propTypes["default"].func,
-  openModal: _propTypes["default"].func.isRequired,
-  position: _propTypes["default"].number,
-  removeSharedBank: _propTypes["default"].func.isRequired,
-  resetSearch: _propTypes["default"].func.isRequired,
-  screenreaderNotification: _propTypes["default"].func.isRequired,
-  search: _reactImmutableProptypes["default"].map.isRequired,
-  shareBank: _propTypes["default"].func.isRequired,
-  stimulusId: _propTypes["default"].string,
-  showShareBankFromTray: _propTypes["default"].bool,
-  updateSharedBankPermission: _propTypes["default"].func.isRequired,
-  withConfirm: _propTypes["default"].func.isRequired,
-  iceTopNavBarEnabled: _propTypes["default"].bool,
-  styles: _propTypes["default"].object
-}), (0, _defineProperty2["default"])(_Bank, "defaultProps", {
-  activeQuizId: null,
-  addEntryToQuiz: null,
-  closeTray: function closeTray() {},
-  useBankSearch: false,
-  isCompact: false,
-  minSearchRefreshInterval: 100,
-  navigateToBuild: null,
-  onError: null,
-  position: 0,
-  stimulusId: null,
-  scope: {},
-  returnToUrl: null,
-  isQuizContentLocked: false,
-  showShareBankFromTray: false,
-  courseSharedBank: null,
-  iceTopNavBarEnabled: false
-}), _Bank)) || _class);
-var _default = exports["default"] = Bank;
+    _create_class(Bank, [
+        {
+            key: "componentDidMount",
+            value: function componentDidMount() {
+                this.props.resetSearch(this.props.bankId);
+                if (this.props.onError) {
+                    this.props.getBank(this.props.bankId).catch(this.props.onError);
+                    if (this.shouldRenderShareWithCourseCheckbox()) {
+                        this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid).catch(this.props.onError);
+                    }
+                } else {
+                    this.props.getBank(this.props.bankId);
+                    if (this.shouldRenderShareWithCourseCheckbox()) {
+                        this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid);
+                    }
+                }
+                // when courseSharedBank is already loaded
+                if (this.props.courseSharedBank) {
+                    this.setShareWithCourseCheckbox();
+                }
+            }
+        },
+        {
+            key: "componentDidUpdate",
+            value: function componentDidUpdate(prevProps) {
+                var _prevProps_courseSharedBank, _this_props_courseSharedBank;
+                var permissionChanged = ((_prevProps_courseSharedBank = prevProps.courseSharedBank) === null || _prevProps_courseSharedBank === void 0 ? void 0 : _prevProps_courseSharedBank.get('permission')) !== ((_this_props_courseSharedBank = this.props.courseSharedBank) === null || _this_props_courseSharedBank === void 0 ? void 0 : _this_props_courseSharedBank.get('permission'));
+                if (this.props.courseSharedBank && permissionChanged) {
+                    this.setShareWithCourseCheckbox();
+                }
+            }
+        },
+        {
+            key: "setShareWithCourseCheckbox",
+            value: function setShareWithCourseCheckbox() {
+                if (this.props.courseSharedBank.get('permission') === REMOVED_ACCESS) {
+                    this.setState({
+                        sharedWithCourse: false,
+                        shareWithCourseCheckboxDisabled: false
+                    });
+                } else {
+                    this.setState({
+                        sharedWithCourse: true,
+                        shareWithCourseCheckboxDisabled: false
+                    });
+                }
+            }
+        },
+        {
+            key: "componentWillUnmount",
+            value: function componentWillUnmount() {
+                this.props.removeSharedBank(this.placeholderCourseSharedBankKey());
+            }
+        },
+        {
+            key: "placeholderCourseSharedBankKey",
+            value: function placeholderCourseSharedBankKey() {
+                return "notshared_".concat(this.props.bankId, "_").concat(this.props.scope.uuid);
+            }
+        },
+        {
+            key: "renderNav",
+            value: function renderNav() {
+                var _this_props = this.props, scope = _this_props.scope, closeTray = _this_props.closeTray, navigateToBanks = _this_props.navigateToBanks, navigateToBuild = _this_props.navigateToBuild, returnToUrl = _this_props.returnToUrl;
+                var isScopeEmpty = !Object.keys(scope).length;
+                return /*#__PURE__*/ jsx(NavWrapper, {
+                    closeTray: closeTray,
+                    navigateToBanks: navigateToBanks,
+                    navigateToBuild: navigateToBuild,
+                    renderHeaderMenu: this.renderHeaderMenu,
+                    returnToUrl: isScopeEmpty ? null : returnToUrl,
+                    scope: scope,
+                    isCompact: this.props.isCompact,
+                    iceTopNavBarEnabled: this.props.iceTopNavBarEnabled,
+                    menuItemPath: "/banks/".concat(this.props.bankId)
+                }, this.renderBankBreadCrumbLink());
+            }
+        },
+        {
+            key: "renderName",
+            value: function renderName() {
+                return /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.bankName
+                }, /*#__PURE__*/ jsx(Heading, {
+                    level: "h1"
+                }, this.props.bank.title || t('Bank')));
+            }
+        },
+        {
+            key: "renderAddBankEntryModal",
+            value: function renderAddBankEntryModal() {
+                if (!this.props.isCompact) {
+                    return /*#__PURE__*/ jsx(AddBankEntryModal, {
+                        bankId: this.props.bankId,
+                        navigateToBankEntry: this.props.navigateToBankEntry
+                    });
+                }
+            }
+        },
+        {
+            key: "changeSharedPermissions",
+            value: function changeSharedPermissions() {
+                if (this.props.bank.canEdit()) {
+                    if (!this.state.sharedWithCourse) {
+                        var shareBank = {
+                            entityId: this.props.scope.uuid,
+                            entityType: this.props.scope.type,
+                            title: this.props.scope.title,
+                            permission: READ_ONLY,
+                            bankId: this.props.bankId
+                        };
+                        this.props.removeSharedBank(this.placeholderCourseSharedBankKey());
+                        this.props.shareBank(shareBank);
+                    } else {
+                        this.confirmUnshareBankWithCourse();
+                    }
+                }
+            }
+        },
+        {
+            key: "shouldRenderShareWithCourseCheckbox",
+            value: function shouldRenderShareWithCourseCheckbox() {
+                return this.props.showShareBankFromTray && this.props.scope.type === 'course' && this.props.scope.title && this.props.scope.uuid;
+            }
+        },
+        {
+            key: "renderCheckbox",
+            value: function renderCheckbox() {
+                if (!this.shouldRenderShareWithCourseCheckbox()) {
+                    return null;
+                }
+                var label = t('Share with { courseName }', {
+                    courseName: this.props.scope.title
+                });
+                return /*#__PURE__*/ jsx(View, {
+                    margin: "small 0",
+                    as: "div"
+                }, /*#__PURE__*/ jsx(Checkbox, {
+                    checked: this.state.sharedWithCourse,
+                    label: label,
+                    onChange: this.toggleCheckbox,
+                    disabled: this.props.bank.canEdit() ? this.state.shareWithCourseCheckboxDisabled : true,
+                    "data-automation": "sdk-share-bank-with-course-checkbox"
+                }));
+            }
+        },
+        {
+            key: "renderModals",
+            value: function renderModals() {
+                return /*#__PURE__*/ jsx("div", null, this.renderAddBankEntryModal());
+            }
+        },
+        {
+            key: "renderNewBankEntryButton",
+            value: function renderNewBankEntryButton() {
+                if (!this.props.isCompact && this.props.bank.canEdit()) {
+                    return /*#__PURE__*/ jsx(Button, {
+                        margin: "small none",
+                        ref: this.storeCreateBankEntryButtonRef,
+                        color: "primary",
+                        onClick: this.openAddBankEntryModal,
+                        "data-automation": "sdk-new-bank-entry-button",
+                        renderIcon: IconPlusLine
+                    }, /*#__PURE__*/ jsx(AccessibleContent, {
+                        alt: t('Create Bank Entry')
+                    }, t('New')));
+                }
+            }
+        },
+        {
+            key: "renderMultiAdd",
+            value: function renderMultiAdd() {
+                var isEmpty = this.props.bank.itemEntryCount === 0;
+                if (this.props.isCompact && !this.props.isQuizContentLocked && !isEmpty) {
+                    return /*#__PURE__*/ jsx(Button, {
+                        onClick: this.addBankToQuiz,
+                        margin: "small none",
+                        renderIcon: IconPlusLine,
+                        "data-automation": "sdk-add-bank-to-quiz-button"
+                    }, /*#__PURE__*/ jsx(AccessibleContent, {
+                        alt: t('Add this bank to quiz')
+                    }, t('All / Random')));
+                }
+            }
+        },
+        {
+            key: "stateKey",
+            value: function stateKey() {
+                return "".concat(BANKS_BANK_ENTRY_PAGINATION, ":").concat(this.props.bankId);
+            }
+        },
+        {
+            key: "renderSearch",
+            value: function renderSearch() {
+                if (this.props.bank.filters !== null && this.props.useBankSearch) {
+                    var its = this.props.bank.filters.interaction_types;
+                    var tags = this.props.bank.filters.tags;
+                    return /*#__PURE__*/ jsx(BankSearch, {
+                        interactionTypes: its,
+                        tags: tags,
+                        pageStateKey: this.stateKey(),
+                        showFilters: false
+                    });
+                }
+            }
+        },
+        {
+            key: "emptyLoadText",
+            value: function emptyLoadText() {
+                var noFilters = this.props.bank.filters === null;
+                var noQuestions = function() {
+                    return t('There are no questions in this bank yet.');
+                };
+                var noResults = function() {
+                    return t('The search returned no results.');
+                };
+                return noFilters ? noQuestions() : noResults();
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                return /*#__PURE__*/ jsx(Page, null, this.renderModals(), this.renderNav(), /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.content
+                }, this.props.iceTopNavBarEnabled && /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.breadcrumb
+                }, /*#__PURE__*/ jsx(HeaderBreadCrumb, {
+                    returnToUrl: this.props.returnToUrl,
+                    scope: this.props.scope,
+                    navigateToBanks: this.props.navigateToBanks,
+                    navigateToBuild: this.props.navigateToBuild
+                }, this.renderBankBreadCrumbLink())), this.renderName(), this.renderCheckbox(), /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.topMenu
+                }, this.renderTopLeftMenu(), this.renderTopRightMenu()), this.renderSearch(), /*#__PURE__*/ jsx(PaginatedCollection, {
+                    empty: this.emptyLoadText(),
+                    params: this.props.search,
+                    getPage: this.getPageDebounced,
+                    renderRecords: this.renderRecords,
+                    stateKey: this.stateKey()
+                })));
+            }
+        }
+    ]);
+    return Bank;
+}(Component);
+_define_property(Bank, "displayName", 'Bank');
+_define_property(Bank, "componentId", "Quizzes".concat(Bank.displayName));
+_define_property(Bank, "propTypes", {
+    activeQuizId: PropTypes.string,
+    addEntryToQuiz: PropTypes.func,
+    bankId: PropTypes.string.isRequired,
+    bank: PropTypes.instanceOf(BankRecord).isRequired,
+    useBankSearch: PropTypes.bool,
+    closeTray: PropTypes.func,
+    getBank: PropTypes.func.isRequired,
+    getBankEntries: PropTypes.func.isRequired,
+    getSharedBank: PropTypes.func.isRequired,
+    isCompact: PropTypes.bool,
+    isQuizContentLocked: PropTypes.bool.isRequired,
+    navigateToBanks: PropTypes.func.isRequired,
+    navigateToBankEntry: PropTypes.func.isRequired,
+    navigateToBuild: PropTypes.func,
+    scope: PropTypes.shape({
+        type: PropTypes.string,
+        uuid: PropTypes.string,
+        title: PropTypes.string,
+        launch_context_uuid: PropTypes.string,
+        root_account_name: PropTypes.string
+    }),
+    courseSharedBank: ImmutablePropTypes.map,
+    returnToUrl: PropTypes.string,
+    onError: PropTypes.func,
+    openModal: PropTypes.func.isRequired,
+    position: PropTypes.number,
+    removeSharedBank: PropTypes.func.isRequired,
+    resetSearch: PropTypes.func.isRequired,
+    screenreaderNotification: PropTypes.func.isRequired,
+    search: ImmutablePropTypes.map.isRequired,
+    shareBank: PropTypes.func.isRequired,
+    stimulusId: PropTypes.string,
+    showShareBankFromTray: PropTypes.bool,
+    updateSharedBankPermission: PropTypes.func.isRequired,
+    withConfirm: PropTypes.func.isRequired,
+    iceTopNavBarEnabled: PropTypes.bool,
+    styles: PropTypes.object
+});
+_define_property(Bank, "defaultProps", {
+    activeQuizId: null,
+    addEntryToQuiz: null,
+    closeTray: function closeTray() {},
+    useBankSearch: false,
+    isCompact: false,
+    minSearchRefreshInterval: 100,
+    navigateToBuild: null,
+    onError: null,
+    position: 0,
+    stimulusId: null,
+    scope: {},
+    returnToUrl: null,
+    isQuizContentLocked: false,
+    showShareBankFromTray: false,
+    courseSharedBank: null,
+    iceTopNavBarEnabled: false
+});
+Bank = _ts_decorate([
+    withStyleOverrides(generateStyle, generateComponentTheme)
+], Bank);
+export default Bank;