@instructure/quiz-core 22.15.0 → 22.15.1

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

@@ -1,634 +1,801 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SharingModalPresenter = 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 = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _immutable = require("immutable");
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _partial = _interopRequireDefault(require("lodash/partial"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _quizCommon = require("@instructure/quiz-common");
-var _uiHeading = require("@instructure/ui-heading");
-var _uiButtons = require("@instructure/ui-buttons");
-var _uiView = require("@instructure/ui-view");
-var _uiGrid = require("@instructure/ui-grid");
-var _uiTabs = require("@instructure/ui-tabs");
-var _uiText = require("@instructure/ui-text");
-var _emotion = require("@instructure/emotion");
-var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes"));
-var _ShareList = _interopRequireDefault(require("./ShareList"));
-var _AsyncSearch = _interopRequireDefault(require("../AsyncSearch"));
-var _RootAccountSharing = _interopRequireDefault(require("./RootAccountSharing"));
-var _Spinner = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
-var _uiIcons = require("@instructure/ui-icons");
-var _dec, _class, _SharingModalPresenter;
-/** @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;
+/** @jsx jsx */ function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
-      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (e) {
-      return false;
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
     }
-  }
-  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 noop = function noop() {};
-var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
-  // =============
-  //   LIFECYCLE
-  // =============
-
-  function SharingModalPresenter(props) {
-    var _this2;
-    (0, _classCallCheck2["default"])(this, SharingModalPresenter);
-    _this2 = _callSuper(this, SharingModalPresenter, [props]);
-    (0, _defineProperty2["default"])(_this2, "state", {
-      accountPermission: null,
-      shares: (0, _immutable.List)(),
-      newEntities: (0, _immutable.List)(),
-      searchSelection: [],
-      searchPermission: _quizCommon.READ_ONLY,
-      selectedTabIndex: 0,
-      value: '',
-      startingPoint: 0,
-      numOfResults: 0,
-      searchValue: '',
-      displayEntities: []
-    });
-    (0, _defineProperty2["default"])(_this2, "shareListRef", null);
-    (0, _defineProperty2["default"])(_this2, "shareButtonRef", null);
-    (0, _defineProperty2["default"])(_this2, "checkForSharedBanks", function () {
-      var size = _this2.props.sharedBanks.size;
-      if (size >= 0 && size !== _this2.props.bank.sharedCount || size === 0) {
-        _this2.props.getSharedBanks(_this2.props.bank, _this2.props.getUserInfo, _this2.props.getCourseInfo, _this2.props.getSubaccountInfo);
-      } else {
-        _this2.setState({
-          shares: _this2.props.sharedBanks
+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);
         });
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "normalizeText", function (text) {
-      return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();
+    };
+}
+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");
+    }
+}
+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);
+    }
+}
+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;
+    }
+    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");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
     });
-    // =============
-    //   HELPERS
-    // =============
-    (0, _defineProperty2["default"])(_this2, "createFilteredList", function () {
-      var entities = _this2.state.shares;
-      var users = entities.filter(function (s) {
-        return s.get('entityType') === _quizCommon.SHARED_WITH_USER;
-      });
-      var courses = entities.filter(function (s) {
-        return s.get('entityType') === _quizCommon.SHARED_WITH_COURSE;
-      });
-      var accounts = entities.filter(function (s) {
-        return s.get('entityType') === _quizCommon.SHARED_WITH_ACCOUNT;
-      });
-      switch (_this2.state.selectedTabIndex) {
-        case 0:
-          {
-            var displayedUsers = users.filter(function (item) {
-              return _this2.normalizeText(item.get('title')).includes(_this2.normalizeText(_this2.state.searchValue));
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    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 _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+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
+            ]);
+        };
+    }
+    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
+        };
+    }
+}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { List, Map } from 'immutable';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import partial from 'lodash/partial';
+import debounce from 'lodash/debounce';
+import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SimpleSelect, withStyleOverrides, TextInput } from '@instructure/quiz-common';
+import { Heading } from '@instructure/ui-heading';
+import { Button, CloseButton, CondensedButton, IconButton } from '@instructure/ui-buttons';
+import { View } from '@instructure/ui-view';
+import { Grid } from '@instructure/ui-grid';
+import { Tabs } from '@instructure/ui-tabs';
+import { Text } from '@instructure/ui-text';
+import { jsx } from '@instructure/emotion';
+import CustomPropTypes from '../../../common/util/CustomPropTypes';
+import ShareList from './ShareList';
+import AsyncSearch from '../AsyncSearch';
+import RootAccountSharing from './RootAccountSharing';
+import Spinner from '../../../common/components/shared/spinner/Spinner';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import t from '@instructure/quiz-i18n/format-message';
+import { IconSearchLine, IconTroubleLine } from '@instructure/ui-icons';
+var noop = function() {};
+export var SharingModalPresenter = /*#__PURE__*/ function(Component) {
+    "use strict";
+    _inherits(SharingModalPresenter, Component);
+    function SharingModalPresenter(props) {
+        _class_call_check(this, SharingModalPresenter);
+        var _this;
+        var _this1;
+        _this = _call_super(this, SharingModalPresenter, [
+            props
+        ]), _this1 = _this, _define_property(_this1, "state", {
+            accountPermission: null,
+            shares: List(),
+            newEntities: List(),
+            searchSelection: [],
+            searchPermission: READ_ONLY,
+            selectedTabIndex: 0,
+            value: '',
+            startingPoint: 0,
+            numOfResults: 0,
+            searchValue: '',
+            displayEntities: []
+        }), _define_property(_this1, "shareListRef", null), _define_property(_this1, "shareButtonRef", null), _define_property(_this1, "checkForSharedBanks", function() {
+            var size = _this1.props.sharedBanks.size;
+            if (size >= 0 && size !== _this1.props.bank.sharedCount || size === 0) {
+                _this1.props.getSharedBanks(_this1.props.bank, _this1.props.getUserInfo, _this1.props.getCourseInfo, _this1.props.getSubaccountInfo);
+            } else {
+                _this1.setState({
+                    shares: _this1.props.sharedBanks
+                });
+            }
+        }), _define_property(_this1, "normalizeText", function(text) {
+            return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();
+        }), // =============
+        //   HELPERS
+        // =============
+        _define_property(_this1, "createFilteredList", function() {
+            var entities = _this1.state.shares;
+            var users = entities.filter(function(s) {
+                return s.get('entityType') === SHARED_WITH_USER;
             });
-            _this2.setState({
-              numOfResults: displayedUsers.size,
-              displayEntities: displayedUsers.slice(0, _this2.state.startingPoint + _this2.props.limit)
+            var courses = entities.filter(function(s) {
+                return s.get('entityType') === SHARED_WITH_COURSE;
             });
-            _this2.debouncedStopLoading();
-            break;
-          }
-        case 1:
-          {
-            var displayedCourses = courses.filter(function (item) {
-              return _this2.normalizeText(item.get('title')).includes(_this2.normalizeText(_this2.state.searchValue));
+            var accounts = entities.filter(function(s) {
+                return s.get('entityType') === SHARED_WITH_ACCOUNT;
             });
-            _this2.setState({
-              numOfResults: displayedCourses.size,
-              displayEntities: displayedCourses.slice(0, _this2.state.startingPoint + _this2.props.limit)
+            switch(_this1.state.selectedTabIndex){
+                case 0:
+                    {
+                        var displayedUsers = users.filter(function(item) {
+                            return _this1.normalizeText(item.get('title')).includes(_this1.normalizeText(_this1.state.searchValue));
+                        });
+                        _this1.setState({
+                            numOfResults: displayedUsers.size,
+                            displayEntities: displayedUsers.slice(0, _this1.state.startingPoint + _this1.props.limit)
+                        });
+                        _this1.debouncedStopLoading();
+                        break;
+                    }
+                case 1:
+                    {
+                        var displayedCourses = courses.filter(function(item) {
+                            return _this1.normalizeText(item.get('title')).includes(_this1.normalizeText(_this1.state.searchValue));
+                        });
+                        _this1.setState({
+                            numOfResults: displayedCourses.size,
+                            displayEntities: displayedCourses.slice(0, _this1.state.startingPoint + _this1.props.limit)
+                        });
+                        _this1.debouncedStopLoading();
+                        break;
+                    }
+                case 2:
+                    {
+                        var displayedAccounts = accounts.filter(function(item) {
+                            return _this1.normalizeText(item.get('title')).includes(_this1.normalizeText(_this1.state.searchValue));
+                        });
+                        _this1.setState({
+                            numOfResults: displayedAccounts.size,
+                            displayEntities: displayedAccounts.slice(0, _this1.state.startingPoint + _this1.props.limit)
+                        });
+                        _this1.debouncedStopLoading();
+                        break;
+                    }
+            }
+        }), _define_property(_this1, "handleTabChange", function(event, param) {
+            var index = param.index;
+            _this1.setState({
+                selectedTabIndex: index,
+                startingPoint: 0,
+                value: ''
+            }, function() {
+                _this1.checkForSharedBanks();
             });
-            _this2.debouncedStopLoading();
-            break;
-          }
-        case 2:
-          {
-            var displayedAccounts = accounts.filter(function (item) {
-              return _this2.normalizeText(item.get('title')).includes(_this2.normalizeText(_this2.state.searchValue));
+        }), _define_property(_this1, "modalDismissCleanup", function() {
+            var focusCreateBank = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+            _this1.props.onDismiss();
+            if (_this1.props.modalTrigger && !focusCreateBank) {
+                _this1.props.modalTrigger.focus();
+            } else {
+                setTimeout(_this1.props.focusCreateBankButton, 100);
+            }
+            // removes the creator's temporary sharedBank record
+            _this1.props.removeSharedBank('-1');
+        }), _define_property(_this1, "isSharedWithAccount", function() {
+            var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this1.state;
+            return [
+                READ_ONLY,
+                CAN_EDIT
+            ].includes(state.accountPermission);
+        }), // =============
+        //   HANDLERS
+        // =============
+        _define_property(_this1, "handleDismiss", function(e) {
+            _this1.props.updateSharedCount(null);
+            _this1.modalDismissCleanup();
+        }), _define_property(_this1, "handleSearchSelectionChange", function(searchSelection) {
+            _this1.setState({
+                searchSelection: searchSelection
             });
-            _this2.setState({
-              numOfResults: displayedAccounts.size,
-              displayEntities: displayedAccounts.slice(0, _this2.state.startingPoint + _this2.props.limit)
+        }), _define_property(_this1, "originalPermissionForEntity", function(entity) {
+            var originalEntity = _this1.props.sharedBanks.find(function(sb) {
+                return sb.get('id') == entity.get('id');
+            }) || Map();
+            return originalEntity.get('permission', CAN_EDIT);
+        }), _define_property(_this1, "handleEntityRemove", function(entity, undoRemove) {
+            _this1.confirmPermissionChange(entity, REMOVED_ACCESS);
+        }), _define_property(_this1, "handleSearchPermissionChange", function(e, param) {
+            var value = param.value;
+            _this1.setState({
+                searchPermission: value
             });
-            _this2.debouncedStopLoading();
-            break;
-          }
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "handleTabChange", function (event, _ref) {
-      var index = _ref.index;
-      _this2.setState({
-        selectedTabIndex: index,
-        startingPoint: 0,
-        value: ''
-      }, function () {
-        _this2.checkForSharedBanks();
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "modalDismissCleanup", function () {
-      var focusCreateBank = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      _this2.props.onDismiss();
-      if (_this2.props.modalTrigger && !focusCreateBank) {
-        _this2.props.modalTrigger.focus();
-      } else {
-        setTimeout(_this2.props.focusCreateBankButton, 100);
-      }
-      // removes the creator's temporary sharedBank record
-      _this2.props.removeSharedBank('-1');
-    });
-    (0, _defineProperty2["default"])(_this2, "isSharedWithAccount", function () {
-      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this2.state;
-      return [_quizCommon.READ_ONLY, _quizCommon.CAN_EDIT].includes(state.accountPermission);
-    });
-    // =============
-    //   HANDLERS
-    // =============
-    (0, _defineProperty2["default"])(_this2, "handleDismiss", function (e) {
-      _this2.props.updateSharedCount(null);
-      _this2.modalDismissCleanup();
-    });
-    (0, _defineProperty2["default"])(_this2, "handleSearchSelectionChange", function (searchSelection) {
-      _this2.setState({
-        searchSelection: searchSelection
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "originalPermissionForEntity", function (entity) {
-      var originalEntity = _this2.props.sharedBanks.find(function (sb) {
-        return sb.get('id') == entity.get('id');
-      }) || (0, _immutable.Map)();
-      return originalEntity.get('permission', _quizCommon.CAN_EDIT);
-    });
-    (0, _defineProperty2["default"])(_this2, "handleEntityRemove", function (entity, undoRemove) {
-      _this2.confirmPermissionChange(entity, _quizCommon.REMOVED_ACCESS);
-    });
-    (0, _defineProperty2["default"])(_this2, "handleSearchPermissionChange", function (e, _ref2) {
-      var value = _ref2.value;
-      _this2.setState({
-        searchPermission: value
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleSearchFilter", function (searchResults) {
-      return searchResults.filter(function (result) {
-        return !_this2.props.sharedBanks.some(function (entity) {
-          return entity.get('entityId') === result.uuid;
-        }) && (result.uuid !== _this2.props.bank.creator || _this2.props.bank.sharedCount > 0);
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleShare", function () {
-      var newEntities = (0, _immutable.List)(_this2.state.searchSelection.map(function (entity) {
-        return (0, _immutable.Map)({
-          id: entity.uuid,
-          entityType: entity.entityType,
-          entityId: entity.uuid,
-          title: entity.fullName || entity.title || entity.name,
-          avatar: entity.avatar,
-          email: entity.email,
-          permission: _this2.state.searchPermission
+        }), _define_property(_this1, "handleSearchFilter", function(searchResults) {
+            return searchResults.filter(function(result) {
+                return !_this1.props.sharedBanks.some(function(entity) {
+                    return entity.get('entityId') === result.uuid;
+                }) && (result.uuid !== _this1.props.bank.creator || _this1.props.bank.sharedCount > 0);
+            });
+        }), _define_property(_this1, "handleShare", function() {
+            var newEntities = List(_this1.state.searchSelection.map(function(entity) {
+                return Map({
+                    id: entity.uuid,
+                    entityType: entity.entityType,
+                    entityId: entity.uuid,
+                    title: entity.fullName || entity.title || entity.name,
+                    avatar: entity.avatar,
+                    email: entity.email,
+                    permission: _this1.state.searchPermission
+                });
+            }));
+            newEntities.forEach(function(entity) {
+                _this1.props.onShare(entity.toJS());
+                _this1.props.shareBank(_this1.sharedBankForEntity(entity), _this1.props.getUserInfo);
+            });
+            _this1.setState({
+                searchSelection: []
+            });
+        }), _define_property(_this1, "updatePermission", function(entity, permission) {
+            return _async_to_generator(function() {
+                var _this_props, updateSharedBankPermission, getBank, bank;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _this_props = _this1.props, updateSharedBankPermission = _this_props.updateSharedBankPermission, getBank = _this_props.getBank, bank = _this_props.bank;
+                            return [
+                                4,
+                                updateSharedBankPermission(bank.id, entity.get('id'), permission)
+                            ];
+                        case 1:
+                            _state.sent();
+                            getBank(bank.id); // make sure the user still has access to the bank
+                            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, "confirmPermissionChange", function(entity, permission) {
+            var confirmText = permission === REMOVED_ACCESS ? t('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
+                accessLevel: _this1.translatedPermissionLevel(_this1.originalPermissionForEntity(entity)),
+                entityTitle: entity.get('title')
+            }) : t('You are about to change access level for { entityTitle } from { originalAccessLevel } to { permission }.', {
+                entityTitle: entity.get('title'),
+                originalAccessLevel: _this1.translatedPermissionLevel(_this1.originalPermissionForEntity(entity)),
+                permission: _this1.translatedPermissionLevel(permission)
+            });
+            _this1.props.withConfirm(partial(_this1.updatePermission, entity, permission), {
+                title: t('Change Permission'),
+                text: confirmText,
+                continueText: t('Confirm')
+            });
+        }), _define_property(_this1, "handleEntityPermissionChange", function(entity, permission) {
+            _this1.confirmPermissionChange(entity, permission);
+        }), _define_property(_this1, "toggleAccountShare", function(event) {
+            _this1.setState(function(prevState) {
+                return {
+                    accountPermission: _this1.isSharedWithAccount(prevState) ? REMOVED_ACCESS : READ_ONLY
+                };
+            });
+        }), _define_property(_this1, "handleAccountPermissionChange", function(e, param) {
+            var value = param.value;
+            return _this1.setState({
+                accountPermission: value
+            });
+        }), _define_property(_this1, "handleShareButtonRef", function(node) {
+            _this1.shareButtonRef = node;
+        }), _define_property(_this1, "handleChange", function(e, value) {
+            _this1.setState({
+                value: value
+            });
+        }), _define_property(_this1, "handleClear", function(e) {
+            e.stopPropagation();
+            _this1.handleChange(e, '');
+        }), _define_property(_this1, "renderSearchSection", function(searchType) {
+            if (_this1.props.bank.canEdit()) {
+                return /*#__PURE__*/ jsx(React.Fragment, null, /*#__PURE__*/ jsx(Grid, {
+                    vAlign: "bottom",
+                    colSpacing: "small"
+                }, /*#__PURE__*/ jsx(Grid.Row, null, /*#__PURE__*/ jsx(Grid.Col, null, /*#__PURE__*/ jsx(AsyncSearch, {
+                    getShareableCourses: _this1.props.getShareableCourses,
+                    getShareableUsers: _this1.props.getShareableUsers,
+                    getShareableSubaccounts: _this1.props.getShareableSubaccounts,
+                    minChars: _this1.props.minChars,
+                    onSelectionChange: _this1.handleSearchSelectionChange,
+                    searchType: searchType,
+                    selectedOption: _this1.state.searchSelection,
+                    selectionFilter: _this1.handleSearchFilter
+                })), /*#__PURE__*/ jsx(Grid.Col, {
+                    width: "auto"
+                }, /*#__PURE__*/ jsx(SimpleSelect, {
+                    onChange: _this1.handleSearchPermissionChange,
+                    value: _this1.state.searchPermission,
+                    renderLabel: t('Access')
+                }, /*#__PURE__*/ jsx(SimpleSelect.Option, {
+                    id: "sharing-modal-search-section-select-option-can-view",
+                    value: READ_ONLY
+                }, t('Can view')), /*#__PURE__*/ jsx(SimpleSelect.Option, {
+                    id: "sharing-modal-search-section-select-option-can-edit",
+                    value: CAN_EDIT
+                }, t('Can edit')))), /*#__PURE__*/ jsx(Grid.Col, {
+                    width: "auto"
+                }, /*#__PURE__*/ jsx(Button, {
+                    "data-automation": "sdk-shared-bank-add-user-button",
+                    ref: _this1.handleShareButtonRef,
+                    onClick: _this1.handleShare,
+                    color: _this1.state.searchSelection.length ? 'success' : 'secondary'
+                }, t('Add'))))), /*#__PURE__*/ jsx("div", {
+                    css: _this1.props.styles.separator
+                }));
+            }
+        }), _define_property(_this1, "renderShareList", function() {
+            if (_this1.props.loading) {
+                return /*#__PURE__*/ jsx(View, {
+                    height: "12em",
+                    as: "div"
+                }, /*#__PURE__*/ jsx(View, {
+                    position: "absolute",
+                    as: "div",
+                    insetBlockEnd: "0"
+                }, /*#__PURE__*/ jsx(Spinner, {
+                    renderTitle: "Loading...",
+                    size: "small",
+                    fontSize: "medium"
+                })));
+            }
+            if (_this1.state.displayEntities.size > 0) {
+                return /*#__PURE__*/ jsx(View, {
+                    height: "12em",
+                    overflowY: "auto",
+                    overflowX: "hidden",
+                    as: "div",
+                    padding: "xx-small xx-small none"
+                }, /*#__PURE__*/ jsx(ShareList, {
+                    canEdit: _this1.props.bank.canEdit(),
+                    entities: _this1.state.displayEntities,
+                    onPermissionChange: _this1.handleEntityPermissionChange,
+                    onEntityRemove: _this1.handleEntityRemove,
+                    sharedBanks: _this1.props.sharedBanks
+                }), /*#__PURE__*/ jsx("div", null, _this1.renderShowMoreButton()));
+            }
+            return /*#__PURE__*/ jsx(View, {
+                height: "12em",
+                as: "div"
+            }, t('No results found'));
+        }), _define_property(_this1, "showMoreResult", function() {
+            _this1.setState({
+                startingPoint: _this1.state.startingPoint + _this1.props.limit
+            });
+        }), _define_property(_this1, "renderShowMoreButton", function() {
+            var shouldShowButton = _this1.state.startingPoint + _this1.props.limit < _this1.state.numOfResults;
+            if (!shouldShowButton) {
+                return null;
+            }
+            return /*#__PURE__*/ jsx(View, {
+                css: {
+                    display: shouldShowButton
+                },
+                background: "primary",
+                padding: "small none",
+                as: "div"
+            }, /*#__PURE__*/ jsx(CondensedButton, {
+                onClick: function(e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    _this1.showMoreResult();
+                }
+            }, t('Show more')));
+        }), _define_property(_this1, "renderClearButton", function() {
+            if (!_this1.state.value.length || _this1.state.readOnly || _this1.state.disabled) return null;
+            return /*#__PURE__*/ jsx(IconButton, {
+                type: "button",
+                size: "small",
+                withBackground: false,
+                withBorder: false,
+                screenReaderLabel: "Clear search",
+                disabled: _this1.state.disabled || _this1.state.readOnly,
+                onClick: _this1.handleClear
+            }, /*#__PURE__*/ jsx(IconTroubleLine, null));
+        }), _define_property(_this1, "renderSharedSearch", function() {
+            return /*#__PURE__*/ jsx(View, {
+                margin: "none large none medium"
+            }, /*#__PURE__*/ jsx(TextInput, {
+                size: 'medium',
+                placeholder: t('Search...'),
+                value: _this1.state.value,
+                onChange: _this1.handleChange,
+                interaction: 'enabled',
+                inputRef: function(el) {
+                    return _this1.inputRef = el;
+                },
+                renderBeforeInput: /*#__PURE__*/ jsx(IconSearchLine, {
+                    inline: false
+                }),
+                renderAfterInput: _this1.renderClearButton(),
+                shouldNotWrap: true
+            }));
         });
-      }));
-      newEntities.forEach(function (entity) {
-        _this2.props.onShare(entity.toJS());
-        _this2.props.shareBank(_this2.sharedBankForEntity(entity), _this2.props.getUserInfo);
-      });
-      _this2.setState({
-        searchSelection: []
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "updatePermission", /*#__PURE__*/function () {
-      var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(entity, permission) {
-        var _this2$props, updateSharedBankPermission, getBank, bank;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _this2$props = _this2.props, updateSharedBankPermission = _this2$props.updateSharedBankPermission, getBank = _this2$props.getBank, bank = _this2$props.bank;
-              _context.next = 3;
-              return updateSharedBankPermission(bank.id, entity.get('id'), permission);
-            case 3:
-              getBank(bank.id); // make sure the user still has access to the bank
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x, _x2) {
-        return _ref3.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, "confirmPermissionChange", function (entity, permission) {
-      var confirmText = permission === _quizCommon.REMOVED_ACCESS ? (0, _formatMessage["default"])('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
-        accessLevel: _this2.translatedPermissionLevel(_this2.originalPermissionForEntity(entity)),
-        entityTitle: entity.get('title')
-      }) : (0, _formatMessage["default"])('You are about to change access level for { entityTitle } from { originalAccessLevel } to { permission }.', {
-        entityTitle: entity.get('title'),
-        originalAccessLevel: _this2.translatedPermissionLevel(_this2.originalPermissionForEntity(entity)),
-        permission: _this2.translatedPermissionLevel(permission)
-      });
-      _this2.props.withConfirm((0, _partial["default"])(_this2.updatePermission, entity, permission), {
-        title: (0, _formatMessage["default"])('Change Permission'),
-        text: confirmText,
-        continueText: (0, _formatMessage["default"])('Confirm')
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleEntityPermissionChange", function (entity, permission) {
-      _this2.confirmPermissionChange(entity, permission);
-    });
-    (0, _defineProperty2["default"])(_this2, "toggleAccountShare", function (event) {
-      _this2.setState(function (prevState) {
-        return {
-          accountPermission: _this2.isSharedWithAccount(prevState) ? _quizCommon.REMOVED_ACCESS : _quizCommon.READ_ONLY
-        };
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleAccountPermissionChange", function (e, _ref4) {
-      var value = _ref4.value;
-      return _this2.setState({
-        accountPermission: value
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleShareButtonRef", function (node) {
-      _this2.shareButtonRef = node;
-    });
-    (0, _defineProperty2["default"])(_this2, "handleChange", function (e, value) {
-      _this2.setState({
-        value: value
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "handleClear", function (e) {
-      e.stopPropagation();
-      _this2.handleChange(e, '');
-    });
-    (0, _defineProperty2["default"])(_this2, "renderSearchSection", function (searchType) {
-      if (_this2.props.bank.canEdit()) {
-        return (0, _emotion.jsx)(_react["default"].Fragment, null, (0, _emotion.jsx)(_uiGrid.Grid, {
-          vAlign: "bottom",
-          colSpacing: "small"
-        }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)(_AsyncSearch["default"], {
-          getShareableCourses: _this2.props.getShareableCourses,
-          getShareableUsers: _this2.props.getShareableUsers,
-          getShareableSubaccounts: _this2.props.getShareableSubaccounts,
-          minChars: _this2.props.minChars,
-          onSelectionChange: _this2.handleSearchSelectionChange,
-          searchType: searchType,
-          selectedOption: _this2.state.searchSelection,
-          selectionFilter: _this2.handleSearchFilter
-        })), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
-          width: "auto"
-        }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
-          onChange: _this2.handleSearchPermissionChange,
-          value: _this2.state.searchPermission,
-          renderLabel: (0, _formatMessage["default"])('Access')
-        }, (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
-          id: "sharing-modal-search-section-select-option-can-view",
-          value: _quizCommon.READ_ONLY
-        }, (0, _formatMessage["default"])('Can view')), (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
-          id: "sharing-modal-search-section-select-option-can-edit",
-          value: _quizCommon.CAN_EDIT
-        }, (0, _formatMessage["default"])('Can edit')))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
-          width: "auto"
-        }, (0, _emotion.jsx)(_uiButtons.Button, {
-          "data-automation": "sdk-shared-bank-add-user-button",
-          ref: _this2.handleShareButtonRef,
-          onClick: _this2.handleShare,
-          color: _this2.state.searchSelection.length ? 'success' : 'secondary'
-        }, (0, _formatMessage["default"])('Add'))))), (0, _emotion.jsx)("div", {
-          css: _this2.props.styles.separator
-        }));
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "renderShareList", function () {
-      if (_this2.props.loading) {
-        return (0, _emotion.jsx)(_uiView.View, {
-          height: "12em",
-          as: "div"
-        }, (0, _emotion.jsx)(_uiView.View, {
-          position: "absolute",
-          as: "div",
-          insetBlockEnd: "0"
-        }, (0, _emotion.jsx)(_Spinner["default"], {
-          renderTitle: "Loading...",
-          size: "small",
-          fontSize: "medium"
-        })));
-      }
-      if (_this2.state.displayEntities.size > 0) {
-        return (0, _emotion.jsx)(_uiView.View, {
-          height: "12em",
-          overflowY: "auto",
-          overflowX: "hidden",
-          as: "div",
-          padding: "xx-small xx-small none"
-        }, (0, _emotion.jsx)(_ShareList["default"], {
-          canEdit: _this2.props.bank.canEdit(),
-          entities: _this2.state.displayEntities,
-          onPermissionChange: _this2.handleEntityPermissionChange,
-          onEntityRemove: _this2.handleEntityRemove,
-          sharedBanks: _this2.props.sharedBanks
-        }), (0, _emotion.jsx)("div", null, _this2.renderShowMoreButton()));
-      }
-      return (0, _emotion.jsx)(_uiView.View, {
-        height: "12em",
-        as: "div"
-      }, (0, _formatMessage["default"])('No results found'));
-    });
-    (0, _defineProperty2["default"])(_this2, "showMoreResult", function () {
-      _this2.setState({
-        startingPoint: _this2.state.startingPoint + _this2.props.limit
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "renderShowMoreButton", function () {
-      var shouldShowButton = _this2.state.startingPoint + _this2.props.limit < _this2.state.numOfResults;
-      if (!shouldShowButton) {
-        return null;
-      }
-      return (0, _emotion.jsx)(_uiView.View, {
-        css: {
-          display: shouldShowButton
+        _this1.debouncedSearch = debounce(function() {
+            _this1.setState({
+                searchValue: _this1.state.value
+            });
+        }, 300);
+        _this1.debouncedStopLoading = debounce(function() {
+            if (_this1.props.loading != false) _this1.props.changeSharedBankLoading(false);
+        }, 300);
+        return _this;
+    }
+    _create_class(SharingModalPresenter, [
+        {
+            key: "componentDidMount",
+            value: function componentDidMount() {
+                this.setState({
+                    accountPermission: this.props.bank.accountPermission,
+                    shares: this.props.sharedBanks
+                });
+            }
         },
-        background: "primary",
-        padding: "small none",
-        as: "div"
-      }, (0, _emotion.jsx)(_uiButtons.CondensedButton, {
-        onClick: function onClick(e) {
-          e.preventDefault();
-          e.stopPropagation();
-          _this2.showMoreResult();
-        }
-      }, (0, _formatMessage["default"])('Show more')));
-    });
-    (0, _defineProperty2["default"])(_this2, "renderClearButton", function () {
-      if (!_this2.state.value.length || _this2.state.readOnly || _this2.state.disabled) return null;
-      return (0, _emotion.jsx)(_uiButtons.IconButton, {
-        type: "button",
-        size: "small",
-        withBackground: false,
-        withBorder: false,
-        screenReaderLabel: "Clear search",
-        disabled: _this2.state.disabled || _this2.state.readOnly,
-        onClick: _this2.handleClear
-      }, (0, _emotion.jsx)(_uiIcons.IconTroubleLine, null));
-    });
-    (0, _defineProperty2["default"])(_this2, "renderSharedSearch", function () {
-      return (0, _emotion.jsx)(_uiView.View, {
-        margin: "none large none medium"
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
-        size: 'medium',
-        placeholder: (0, _formatMessage["default"])('Search...'),
-        value: _this2.state.value,
-        onChange: _this2.handleChange,
-        interaction: 'enabled',
-        inputRef: function inputRef(el) {
-          return _this2.inputRef = el;
+        {
+            key: "UNSAFE_componentWillReceiveProps",
+            value: function UNSAFE_componentWillReceiveProps(nextProps) {
+                this.setState({
+                    accountPermission: nextProps.bank.accountPermission,
+                    shares: nextProps.sharedBanks
+                });
+            }
         },
-        renderBeforeInput: (0, _emotion.jsx)(_uiIcons.IconSearchLine, {
-          inline: false
-        }),
-        renderAfterInput: _this2.renderClearButton(),
-        shouldNotWrap: true
-      }));
-    });
-    _this2.debouncedSearch = (0, _debounce["default"])(function () {
-      _this2.setState({
-        searchValue: _this2.state.value
-      });
-    }, 300);
-    _this2.debouncedStopLoading = (0, _debounce["default"])(function () {
-      if (_this2.props.loading != false) _this2.props.changeSharedBankLoading(false);
-    }, 300);
-    return _this2;
-  }
-  (0, _inherits2["default"])(SharingModalPresenter, _Component);
-  return (0, _createClass2["default"])(SharingModalPresenter, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setState({
-        accountPermission: this.props.bank.accountPermission,
-        shares: this.props.sharedBanks
-      });
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      this.setState({
-        accountPermission: nextProps.bank.accountPermission,
-        shares: nextProps.sharedBanks
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (this.state.accountPermission !== prevState.accountPermission && this.state.accountPermission !== this.props.bank.accountPermission) {
-        var updatedBank = this.props.bank.set('accountPermission', this.state.accountPermission);
-        this.props.updateBank(updatedBank, false);
-      }
-      if (prevState.value !== this.state.value) {
-        if (this.props.loading == false) this.props.changeSharedBankLoading(true);
-        this.setState({
-          startingPoint: 0
-        });
-        this.debouncedSearch();
-      }
-      if (prevState.searchValue !== this.state.searchValue || prevState.startingPoint !== this.state.startingPoint || prevState.selectedTabIndex !== this.state.selectedTabIndex || prevState.shares.size !== this.state.shares.size) {
-        this.createFilteredList();
-      }
-    }
-  }, {
-    key: "sharedBankForEntity",
-    value: function sharedBankForEntity(entity) {
-      return {
-        entityType: entity.get('entityType'),
-        entityId: entity.get('entityId'),
-        title: entity.get('title'),
-        bankId: this.props.bank.id,
-        permission: entity.get('permission')
-      };
-    }
-  }, {
-    key: "renderRootAccountSharing",
-    value:
-    // =============
-    //   RENDERING
-    // =============
-
-    function renderRootAccountSharing() {
-      var _this$props$currentUs;
-      return (0, _emotion.jsx)(_RootAccountSharing["default"], {
-        accountName: (_this$props$currentUs = this.props.currentUser) === null || _this$props$currentUs === void 0 ? void 0 : _this$props$currentUs.account_name,
-        onShareChange: this.toggleAccountShare,
-        onShareTypeChange: this.handleAccountPermissionChange,
-        accountPermission: this.state.accountPermission
-      });
-    }
-  }, {
-    key: "renderSubaccountSharingEnabledEntities",
-    value: function renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts) {
-      var currentUser = this.props.currentUser;
-      return (0, _emotion.jsx)(_uiView.View, {
-        as: "div",
-        "data-automation": "sdk-shared-bank-user-list"
-      }, (0, _emotion.jsx)(_uiTabs.Tabs, {
-        onRequestTabChange: this.handleTabChange
-      }, (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
-        renderTitle: (0, _formatMessage["default"])('People ({ peopleCount })', {
-          peopleCount: existingPeople.size
-        }),
-        isSelected: this.state.selectedTabIndex === 0,
-        padding: "large small small small"
-      }, this.renderSearchSection(_quizCommon.SHARED_WITH_USER), (0, _emotion.jsx)(_uiText.Text, {
-        as: "div",
-        weight: "bold",
-        lineHeight: "double"
-      }, (0, _formatMessage["default"])('Currently shared with')), this.renderSharedSearch(), this.renderShareList()), (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
-        renderTitle: (0, _formatMessage["default"])('Courses ({ coursesCount })', {
-          coursesCount: existingCourses.size
-        }),
-        isSelected: this.state.selectedTabIndex === 1,
-        padding: "large small small small"
-      }, this.renderSearchSection(_quizCommon.SHARED_WITH_COURSE), (0, _emotion.jsx)(_uiText.Text, {
-        as: "div",
-        weight: "bold",
-        lineHeight: "double"
-      }, (0, _formatMessage["default"])('Currently shared with')), this.renderSharedSearch(), this.renderShareList()), ((currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts)) && (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
-        renderTitle: (0, _formatMessage["default"])('Accounts ({ accountsCount })', {
-          accountsCount: existingAccounts.size
-        }),
-        isSelected: this.state.selectedTabIndex === 2,
-        padding: "large small small small"
-      }, (currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) && this.renderRootAccountSharing(), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts) && this.renderSearchSection(_quizCommon.SHARED_WITH_ACCOUNT), (0, _emotion.jsx)(_uiText.Text, {
-        as: "div",
-        weight: "bold",
-        lineHeight: "double"
-      }, (0, _formatMessage["default"])('Currently shared with')), this.renderSharedSearch(), this.renderShareList())));
-    }
-  }, {
-    key: "renderEntitiesSection",
-    value: function renderEntitiesSection() {
-      var newEntityIds = this.state.newEntities.map(function (e) {
-        return e.get('id');
-      });
-      var existingShares = this.state.shares.filterNot(function (s) {
-        return newEntityIds.includes(s.get('id'));
-      });
-      var existingPeople = existingShares.filter(function (s) {
-        return s.get('entityType') === _quizCommon.SHARED_WITH_USER;
-      });
-      var existingCourses = existingShares.filter(function (s) {
-        return s.get('entityType') === _quizCommon.SHARED_WITH_COURSE;
-      });
-      var existingAccounts = existingShares.filter(function (s) {
-        return s.get('entityType') === _quizCommon.SHARED_WITH_ACCOUNT;
-      });
-      return this.renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts);
-    }
-  }, {
-    key: "renderFooter",
-    value: function renderFooter() {
-      return (0, _emotion.jsx)(_uiButtons.Button, {
-        color: "primary",
-        margin: "0 x-small 0 0",
-        onClick: this.handleDismiss
-      }, (0, _formatMessage["default"])('Close'));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return (0, _emotion.jsx)(_quizCommon.Modal, {
-        open: this.props.isOpen,
-        onDismiss: this.handleDismiss,
-        size: "medium",
-        label: (0, _formatMessage["default"])('Sharing'),
-        shouldCloseOnDocumentClick: true,
-        onOpen: this.checkForSharedBanks
-      }, (0, _emotion.jsx)(_quizCommon.ModalHeader, null, (0, _emotion.jsx)(_uiHeading.Heading, null, this.props.bank.title), (0, _emotion.jsx)(_uiButtons.CloseButton, {
-        onClick: this.handleDismiss,
-        placement: "end",
-        offset: "medium",
-        screenReaderLabel: (0, _formatMessage["default"])('Close')
-      })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, this.state.shares.size >= 0 ? this.renderEntitiesSection() : (0, _emotion.jsx)(_Spinner["default"], null)), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderFooter()));
-    }
-  }]);
-}(_react.Component), (0, _defineProperty2["default"])(_SharingModalPresenter, "displayName", 'SharingModalPresenter'), (0, _defineProperty2["default"])(_SharingModalPresenter, "componentId", "Quizzes".concat(_SharingModalPresenter.displayName)), (0, _defineProperty2["default"])(_SharingModalPresenter, "propTypes", {
-  appContainer: _CustomPropTypes["default"].selectors.isRequired,
-  bank: _reactImmutableProptypes["default"].record.isRequired,
-  currentUser: _propTypes["default"].shape({
-    bank_admin: _propTypes["default"].bool,
-    can_share_banks_with_subaccounts: _propTypes["default"].bool,
-    email: _propTypes["default"].string,
-    enrollment_names: _propTypes["default"].arrayOf(_propTypes["default"].string),
-    full_name: _propTypes["default"].string,
-    uuid: _propTypes["default"].string,
-    account_name: _propTypes["default"].string
-  }),
-  focusCreateBankButton: _propTypes["default"].func.isRequired,
-  getBank: _propTypes["default"].func.isRequired,
-  getShareableCourses: _propTypes["default"].func.isRequired,
-  getCourseInfo: _propTypes["default"].func.isRequired,
-  getShareableUsers: _propTypes["default"].func.isRequired,
-  getSharedBanks: _propTypes["default"].func.isRequired,
-  getUserInfo: _propTypes["default"].func.isRequired,
-  getShareableSubaccounts: _propTypes["default"].func.isRequired,
-  getSubaccountInfo: _propTypes["default"].func.isRequired,
-  isOpen: _propTypes["default"].bool,
-  minChars: _propTypes["default"].number,
-  modalTrigger: _propTypes["default"].node,
-  // html or react element that triggered this Modal
-  onDismiss: _propTypes["default"].func,
-  onShare: _propTypes["default"].func,
-  removeSharedBank: _propTypes["default"].func.isRequired,
-  shareBank: _propTypes["default"].func.isRequired,
-  sharedBanks: _reactImmutableProptypes["default"].list,
-  updateBank: _propTypes["default"].func.isRequired,
-  updateSharedBankPermission: _propTypes["default"].func.isRequired,
-  updateSharedCount: _propTypes["default"].func,
-  withConfirm: _propTypes["default"].func.isRequired,
-  styles: _propTypes["default"].object,
-  limit: _propTypes["default"].number,
-  loading: _propTypes["default"].bool,
-  changeSharedBankLoading: _propTypes["default"].func.isRequired
-}), (0, _defineProperty2["default"])(_SharingModalPresenter, "defaultProps", {
-  bank: null,
-  currentUser: null,
-  isOpen: false,
-  minChars: void 0,
-  modalTrigger: null,
-  onDismiss: noop,
-  onShare: function onShare() {},
-  sharedBanks: (0, _immutable.List)(),
-  updateSharedCount: Function.prototype,
-  limit: 10,
-  loading: false
-}), _SharingModalPresenter)) || _class);
-var _default = exports["default"] = SharingModalPresenter;
+        {
+            key: "componentDidUpdate",
+            value: function componentDidUpdate(prevProps, prevState) {
+                if (this.state.accountPermission !== prevState.accountPermission && this.state.accountPermission !== this.props.bank.accountPermission) {
+                    var updatedBank = this.props.bank.set('accountPermission', this.state.accountPermission);
+                    this.props.updateBank(updatedBank, false);
+                }
+                if (prevState.value !== this.state.value) {
+                    if (this.props.loading == false) this.props.changeSharedBankLoading(true);
+                    this.setState({
+                        startingPoint: 0
+                    });
+                    this.debouncedSearch();
+                }
+                if (prevState.searchValue !== this.state.searchValue || prevState.startingPoint !== this.state.startingPoint || prevState.selectedTabIndex !== this.state.selectedTabIndex || prevState.shares.size !== this.state.shares.size) {
+                    this.createFilteredList();
+                }
+            }
+        },
+        {
+            key: "sharedBankForEntity",
+            value: function sharedBankForEntity(entity) {
+                return {
+                    entityType: entity.get('entityType'),
+                    entityId: entity.get('entityId'),
+                    title: entity.get('title'),
+                    bankId: this.props.bank.id,
+                    permission: entity.get('permission')
+                };
+            }
+        },
+        {
+            // =============
+            //   RENDERING
+            // =============
+            key: "renderRootAccountSharing",
+            value: function renderRootAccountSharing() {
+                var _this_props_currentUser;
+                return /*#__PURE__*/ jsx(RootAccountSharing, {
+                    accountName: (_this_props_currentUser = this.props.currentUser) === null || _this_props_currentUser === void 0 ? void 0 : _this_props_currentUser.account_name,
+                    onShareChange: this.toggleAccountShare,
+                    onShareTypeChange: this.handleAccountPermissionChange,
+                    accountPermission: this.state.accountPermission
+                });
+            }
+        },
+        {
+            key: "renderSubaccountSharingEnabledEntities",
+            value: function renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts) {
+                var currentUser = this.props.currentUser;
+                return /*#__PURE__*/ jsx(View, {
+                    as: "div",
+                    "data-automation": "sdk-shared-bank-user-list"
+                }, /*#__PURE__*/ jsx(Tabs, {
+                    onRequestTabChange: this.handleTabChange
+                }, /*#__PURE__*/ jsx(Tabs.Panel, {
+                    renderTitle: t('People ({ peopleCount })', {
+                        peopleCount: existingPeople.size
+                    }),
+                    isSelected: this.state.selectedTabIndex === 0,
+                    padding: "large small small small"
+                }, this.renderSearchSection(SHARED_WITH_USER), /*#__PURE__*/ jsx(Text, {
+                    as: "div",
+                    weight: "bold",
+                    lineHeight: "double"
+                }, t('Currently shared with')), this.renderSharedSearch(), this.renderShareList()), /*#__PURE__*/ jsx(Tabs.Panel, {
+                    renderTitle: t('Courses ({ coursesCount })', {
+                        coursesCount: existingCourses.size
+                    }),
+                    isSelected: this.state.selectedTabIndex === 1,
+                    padding: "large small small small"
+                }, this.renderSearchSection(SHARED_WITH_COURSE), /*#__PURE__*/ jsx(Text, {
+                    as: "div",
+                    weight: "bold",
+                    lineHeight: "double"
+                }, t('Currently shared with')), this.renderSharedSearch(), this.renderShareList()), ((currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts)) && /*#__PURE__*/ jsx(Tabs.Panel, {
+                    renderTitle: t('Accounts ({ accountsCount })', {
+                        accountsCount: existingAccounts.size
+                    }),
+                    isSelected: this.state.selectedTabIndex === 2,
+                    padding: "large small small small"
+                }, (currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) && this.renderRootAccountSharing(), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts) && this.renderSearchSection(SHARED_WITH_ACCOUNT), /*#__PURE__*/ jsx(Text, {
+                    as: "div",
+                    weight: "bold",
+                    lineHeight: "double"
+                }, t('Currently shared with')), this.renderSharedSearch(), this.renderShareList())));
+            }
+        },
+        {
+            key: "renderEntitiesSection",
+            value: function renderEntitiesSection() {
+                var newEntityIds = this.state.newEntities.map(function(e) {
+                    return e.get('id');
+                });
+                var existingShares = this.state.shares.filterNot(function(s) {
+                    return newEntityIds.includes(s.get('id'));
+                });
+                var existingPeople = existingShares.filter(function(s) {
+                    return s.get('entityType') === SHARED_WITH_USER;
+                });
+                var existingCourses = existingShares.filter(function(s) {
+                    return s.get('entityType') === SHARED_WITH_COURSE;
+                });
+                var existingAccounts = existingShares.filter(function(s) {
+                    return s.get('entityType') === SHARED_WITH_ACCOUNT;
+                });
+                return this.renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts);
+            }
+        },
+        {
+            key: "renderFooter",
+            value: function renderFooter() {
+                return /*#__PURE__*/ jsx(Button, {
+                    color: "primary",
+                    margin: "0 x-small 0 0",
+                    onClick: this.handleDismiss
+                }, t('Close'));
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                return /*#__PURE__*/ jsx(Modal, {
+                    open: this.props.isOpen,
+                    onDismiss: this.handleDismiss,
+                    size: "medium",
+                    label: t('Sharing'),
+                    shouldCloseOnDocumentClick: true,
+                    onOpen: this.checkForSharedBanks
+                }, /*#__PURE__*/ jsx(ModalHeader, null, /*#__PURE__*/ jsx(Heading, null, this.props.bank.title), /*#__PURE__*/ jsx(CloseButton, {
+                    onClick: this.handleDismiss,
+                    placement: "end",
+                    offset: "medium",
+                    screenReaderLabel: t('Close')
+                })), /*#__PURE__*/ jsx(ModalBody, null, this.state.shares.size >= 0 ? this.renderEntitiesSection() : /*#__PURE__*/ jsx(Spinner, null)), /*#__PURE__*/ jsx(ModalFooter, null, this.renderFooter()));
+            }
+        }
+    ]);
+    return SharingModalPresenter;
+}(Component);
+_define_property(SharingModalPresenter, "displayName", 'SharingModalPresenter');
+_define_property(SharingModalPresenter, "componentId", "Quizzes".concat(SharingModalPresenter.displayName));
+_define_property(SharingModalPresenter, "propTypes", {
+    appContainer: CustomPropTypes.selectors.isRequired,
+    bank: ImmutablePropTypes.record.isRequired,
+    currentUser: PropTypes.shape({
+        bank_admin: PropTypes.bool,
+        can_share_banks_with_subaccounts: PropTypes.bool,
+        email: PropTypes.string,
+        enrollment_names: PropTypes.arrayOf(PropTypes.string),
+        full_name: PropTypes.string,
+        uuid: PropTypes.string,
+        account_name: PropTypes.string
+    }),
+    focusCreateBankButton: PropTypes.func.isRequired,
+    getBank: PropTypes.func.isRequired,
+    getShareableCourses: PropTypes.func.isRequired,
+    getCourseInfo: PropTypes.func.isRequired,
+    getShareableUsers: PropTypes.func.isRequired,
+    getSharedBanks: PropTypes.func.isRequired,
+    getUserInfo: PropTypes.func.isRequired,
+    getShareableSubaccounts: PropTypes.func.isRequired,
+    getSubaccountInfo: PropTypes.func.isRequired,
+    isOpen: PropTypes.bool,
+    minChars: PropTypes.number,
+    modalTrigger: PropTypes.node,
+    onDismiss: PropTypes.func,
+    onShare: PropTypes.func,
+    removeSharedBank: PropTypes.func.isRequired,
+    shareBank: PropTypes.func.isRequired,
+    sharedBanks: ImmutablePropTypes.list,
+    updateBank: PropTypes.func.isRequired,
+    updateSharedBankPermission: PropTypes.func.isRequired,
+    updateSharedCount: PropTypes.func,
+    withConfirm: PropTypes.func.isRequired,
+    styles: PropTypes.object,
+    limit: PropTypes.number,
+    loading: PropTypes.bool,
+    changeSharedBankLoading: PropTypes.func.isRequired
+});
+_define_property(SharingModalPresenter, "defaultProps", {
+    bank: null,
+    currentUser: null,
+    isOpen: false,
+    minChars: void 0,
+    modalTrigger: null,
+    onDismiss: noop,
+    onShare: function onShare() {},
+    sharedBanks: List(),
+    updateSharedCount: Function.prototype,
+    limit: 10,
+    loading: false
+});
+SharingModalPresenter = _ts_decorate([
+    withStyleOverrides(generateStyle, generateComponentTheme)
+], SharingModalPresenter);
+export default SharingModalPresenter;