@instructure/quiz-core 22.17.0 → 22.18.0

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

@@ -1,8 +1,10 @@
-/** @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;
+/** @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;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -33,29 +35,6 @@ function _async_to_generator(fn) {
         });
     };
 }
-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, {
@@ -69,55 +48,43 @@ function _define_property(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
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
         }
-    });
-    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);
+    return _arr;
 }
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-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 _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
-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 _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 _ts_generator(thisArg, body) {
     var f, y, t, _ = {
@@ -210,13 +177,17 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import React, { Component } from 'react';
+import React, { useState, useEffect, useRef, useMemo, useImperativeHandle, forwardRef } 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 { Modal, ModalHeader, ModalBody, ModalFooter } from '@instructure/quiz-common/components/Modal/index';
+import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT } from '@instructure/quiz-common/constants';
+import { SimpleSelect } from '@instructure/quiz-common/components/SimpleSelect/index';
+import { withStyleOverrides } from '@instructure/quiz-common/util/withStyleOverrides';
+import { TextInput } from '@instructure/quiz-common/components/TextInput/index';
 import { Heading } from '@instructure/ui-heading';
 import { Button, CloseButton, CondensedButton, IconButton } from '@instructure/ui-buttons';
 import { View } from '@instructure/ui-view';
@@ -224,7 +195,6 @@ 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';
@@ -234,516 +204,512 @@ 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;
-            });
-            var courses = entities.filter(function(s) {
-                return s.get('entityType') === SHARED_WITH_COURSE;
-            });
-            var accounts = entities.filter(function(s) {
-                return s.get('entityType') === SHARED_WITH_ACCOUNT;
-            });
-            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();
-            });
-        }), _define_property(_this1, "modalDismissCleanup", function() {
-            _this1.props.onDismiss();
-            if (_this1.props.modalTrigger) {
-                _this1.props.modalTrigger.focus();
+export var SharingModalPresenter = /*#__PURE__*/ forwardRef(function(props, ref) {
+    var bank = props.bank, currentUser = props.currentUser, getBank = props.getBank, getShareableCourses = props.getShareableCourses, getCourseInfo = props.getCourseInfo, getShareableUsers = props.getShareableUsers, getSharedBanks = props.getSharedBanks, getUserInfo = props.getUserInfo, getShareableSubaccounts = props.getShareableSubaccounts, getSubaccountInfo = props.getSubaccountInfo, isOpen = props.isOpen, minChars = props.minChars, modalTrigger = props.modalTrigger, onDismiss = props.onDismiss, onShare = props.onShare, removeSharedBank = props.removeSharedBank, shareBank = props.shareBank, sharedBanks = props.sharedBanks, updateBank = props.updateBank, updateSharedBankPermission = props.updateSharedBankPermission, updateSharedCount = props.updateSharedCount, withConfirm = props.withConfirm, styles = props.styles, limit = props.limit, loading = props.loading, changeSharedBankLoading = props.changeSharedBankLoading;
+    var _useState = _sliced_to_array(useState(bank.accountPermission), 2), accountPermission = _useState[0], setAccountPermission = _useState[1];
+    var _useState1 = _sliced_to_array(useState(sharedBanks), 2), shares = _useState1[0], setShares = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(List()), 1), newEntities = _useState2[0];
+    var _useState3 = _sliced_to_array(useState([]), 2), searchSelection = _useState3[0], setSearchSelection = _useState3[1];
+    var _useState4 = _sliced_to_array(useState(READ_ONLY), 2), searchPermission = _useState4[0], setSearchPermission = _useState4[1];
+    var _useState5 = _sliced_to_array(useState(0), 2), selectedTabIndex = _useState5[0], setSelectedTabIndex = _useState5[1];
+    var _useState6 = _sliced_to_array(useState(''), 2), value = _useState6[0], setValue = _useState6[1];
+    var _useState7 = _sliced_to_array(useState(0), 2), startingPoint = _useState7[0], setStartingPoint = _useState7[1];
+    var _useState8 = _sliced_to_array(useState(0), 2), numOfResults = _useState8[0], setNumOfResults = _useState8[1];
+    var _useState9 = _sliced_to_array(useState(''), 2), searchValue = _useState9[0], setSearchValue = _useState9[1];
+    var _useState10 = _sliced_to_array(useState([]), 2), displayEntities = _useState10[0], setDisplayEntities = _useState10[1];
+    var shareButtonRef = useRef(null);
+    var inputRef = useRef(null);
+    var loadingRef = useRef(loading);
+    var changeSharedBankLoadingRef = useRef(changeSharedBankLoading);
+    useEffect(function() {
+        loadingRef.current = loading;
+        changeSharedBankLoadingRef.current = changeSharedBankLoading;
+    });
+    // Expose methods and state to tests via ref
+    useImperativeHandle(ref, function() {
+        return {
+            handleDismiss: handleDismiss,
+            handleSearchSelectionChange: handleSearchSelectionChange,
+            handleShare: handleShare,
+            handleEntityPermissionChange: handleEntityPermissionChange,
+            handleEntityRemove: handleEntityRemove,
+            toggleAccountShare: toggleAccountShare,
+            handleAccountPermissionChange: handleAccountPermissionChange,
+            handleSearchFilter: handleSearchFilter,
+            state: {
+                searchSelection: searchSelection,
+                newEntities: newEntities,
+                shares: shares
             }
-            // 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
-            });
-        }), _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
+        };
+    });
+    var debouncedSearch = useMemo(function() {
+        return debounce(function(currentValue) {
+            setSearchValue(currentValue);
+        }, 300);
+    }, []);
+    var debouncedStopLoading = useMemo(function() {
+        return debounce(function() {
+            if (loadingRef.current != false) changeSharedBankLoadingRef.current(false);
+        }, 300);
+    }, []);
+    useEffect(function() {
+        return function() {
+            debouncedSearch.cancel();
+            debouncedStopLoading.cancel();
+        };
+    }, []);
+    useEffect(function() {
+        setAccountPermission(bank.accountPermission);
+    }, [
+        bank.accountPermission
+    ]);
+    useEffect(function() {
+        setShares(sharedBanks);
+    }, [
+        sharedBanks
+    ]);
+    var isFirstRender = useRef(true);
+    useEffect(function() {
+        if (accountPermission !== bank.accountPermission) {
+            var updatedBank = bank.set('accountPermission', accountPermission);
+            updateBank(updatedBank, false);
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        accountPermission
+    ]);
+    useEffect(function() {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        if (loading == false) changeSharedBankLoading(true);
+        setStartingPoint(0);
+        debouncedSearch(value);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        value
+    ]);
+    useEffect(function() {
+        createFilteredList();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        searchValue,
+        startingPoint,
+        selectedTabIndex,
+        shares
+    ]);
+    function checkForSharedBanks() {
+        var size = sharedBanks.size;
+        if (size >= 0 && size !== bank.sharedCount || size === 0) {
+            getSharedBanks(bank, getUserInfo, getCourseInfo, getSubaccountInfo);
+        } else {
+            setShares(sharedBanks);
+        }
+    }
+    function normalizeText(text) {
+        return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();
+    }
+    function createFilteredList() {
+        var entities = shares;
+        var users = entities.filter(function(s) {
+            return s.get('entityType') === SHARED_WITH_USER;
+        });
+        var courses = entities.filter(function(s) {
+            return s.get('entityType') === SHARED_WITH_COURSE;
+        });
+        var accounts = entities.filter(function(s) {
+            return s.get('entityType') === SHARED_WITH_ACCOUNT;
+        });
+        switch(selectedTabIndex){
+            case 0:
+                {
+                    var displayedUsers = users.filter(function(item) {
+                        return normalizeText(item.get('title')).includes(normalizeText(searchValue));
+                    });
+                    setNumOfResults(displayedUsers.size);
+                    setDisplayEntities(displayedUsers.slice(0, startingPoint + limit));
+                    debouncedStopLoading();
+                    break;
+                }
+            case 1:
+                {
+                    var displayedCourses = courses.filter(function(item) {
+                        return normalizeText(item.get('title')).includes(normalizeText(searchValue));
+                    });
+                    setNumOfResults(displayedCourses.size);
+                    setDisplayEntities(displayedCourses.slice(0, startingPoint + limit));
+                    debouncedStopLoading();
+                    break;
+                }
+            case 2:
+                {
+                    var displayedAccounts = accounts.filter(function(item) {
+                        return normalizeText(item.get('title')).includes(normalizeText(searchValue));
+                    });
+                    setNumOfResults(displayedAccounts.size);
+                    setDisplayEntities(displayedAccounts.slice(0, startingPoint + limit));
+                    debouncedStopLoading();
+                    break;
+                }
+        }
+    }
+    function handleTabChange(event, param) {
+        var index = param.index;
+        setSelectedTabIndex(index);
+        setStartingPoint(0);
+        setValue('');
+        checkForSharedBanks();
+    }
+    function modalDismissCleanup() {
+        onDismiss();
+        if (modalTrigger) {
+            modalTrigger.focus();
+        }
+        // removes the creator's temporary sharedBank record
+        removeSharedBank('-1');
+    }
+    function isSharedWithAccount() {
+        var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
+            accountPermission: accountPermission
+        };
+        return [
+            READ_ONLY,
+            CAN_EDIT
+        ].includes(state.accountPermission);
+    }
+    function handleDismiss(e) {
+        updateSharedCount(null);
+        modalDismissCleanup();
+    }
+    function sharedBankForEntity(entity) {
+        return {
+            entityType: entity.get('entityType'),
+            entityId: entity.get('entityId'),
+            title: entity.get('title'),
+            bankId: bank.id,
+            permission: entity.get('permission')
+        };
+    }
+    function handleSearchSelectionChange(searchSelectionParam) {
+        setSearchSelection(searchSelectionParam);
+    }
+    function originalPermissionForEntity(entity) {
+        var originalEntity = sharedBanks.find(function(sb) {
+            return sb.get('id') == entity.get('id');
+        }) || Map();
+        return originalEntity.get('permission', CAN_EDIT);
+    }
+    function handleEntityRemove(entity, undoRemove) {
+        confirmPermissionChange(entity, REMOVED_ACCESS);
+    }
+    function handleSearchPermissionChange(e, param) {
+        var permValue = param.value;
+        setSearchPermission(permValue);
+    }
+    function handleSearchFilter(searchResults) {
+        return searchResults.filter(function(result) {
+            return !sharedBanks.some(function(entity) {
+                return entity.get('entityId') === result.uuid;
+            }) && (result.uuid !== bank.creator || bank.sharedCount > 0);
+        });
+    }
+    function handleShare() {
+        var newEntitiesValue = List(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: 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);
+        }));
+        newEntitiesValue.forEach(function(entity) {
+            onShare(entity.toJS());
+            shareBank(sharedBankForEntity(entity), getUserInfo);
+        });
+        setSearchSelection([]);
+    }
+    function updatePermission(entity, permission) {
+        return _async_to_generator(function() {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        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, "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
-                });
+        })();
+    }
+    function translatedPermissionLevel(permission) {
+        var _obj;
+        return (_obj = {}, _define_property(_obj, CAN_EDIT, t('edit')), _define_property(_obj, READ_ONLY, t('view')), _obj)[permission];
+    }
+    function confirmPermissionChange(entity, permission) {
+        var confirmText = permission === REMOVED_ACCESS ? t('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
+            accessLevel: translatedPermissionLevel(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: translatedPermissionLevel(originalPermissionForEntity(entity)),
+            permission: translatedPermissionLevel(permission)
+        });
+        withConfirm(partial(updatePermission, entity, permission), {
+            title: t('Change Permission'),
+            text: confirmText,
+            continueText: t('Confirm')
+        });
+    }
+    function handleEntityPermissionChange(entity, permission) {
+        confirmPermissionChange(entity, permission);
+    }
+    function toggleAccountShare(event) {
+        setAccountPermission(function(prevAccountPermission) {
+            return isSharedWithAccount({
+                accountPermission: prevAccountPermission
+            }) ? REMOVED_ACCESS : READ_ONLY;
+        });
+    }
+    function handleAccountPermissionChange(e, param) {
+        var permValue = param.value;
+        setAccountPermission(permValue);
+    }
+    function handleShareButtonRef(node) {
+        shareButtonRef.current = node;
+    }
+    function handleChange(e, valueParam) {
+        setValue(valueParam);
+    }
+    function handleClear(e) {
+        e.stopPropagation();
+        handleChange(e, '');
+    }
+    function renderRootAccountSharing() {
+        return /*#__PURE__*/ jsx(RootAccountSharing, {
+            accountName: currentUser === null || currentUser === void 0 ? void 0 : currentUser.account_name,
+            onShareChange: toggleAccountShare,
+            onShareTypeChange: handleAccountPermissionChange,
+            accountPermission: accountPermission
+        });
+    }
+    function renderSearchSection(searchType) {
+        if (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: getShareableCourses,
+                getShareableUsers: getShareableUsers,
+                getShareableSubaccounts: getShareableSubaccounts,
+                minChars: minChars,
+                onSelectionChange: handleSearchSelectionChange,
+                searchType: searchType,
+                selectedOption: searchSelection,
+                selectionFilter: handleSearchFilter,
+                searchLabel: t('Share With')
+            })), /*#__PURE__*/ jsx(Grid.Col, {
+                width: "auto"
+            }, /*#__PURE__*/ jsx(SimpleSelect, {
+                onChange: handleSearchPermissionChange,
+                value: 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: handleShareButtonRef,
+                onClick: handleShare,
+                color: searchSelection.length ? 'success' : 'secondary'
+            }, t('Add'))))), /*#__PURE__*/ jsx("div", {
+                css: styles.separator
             }));
-            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,
-                    searchLabel: t('Share With')
-                })), /*#__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()));
-            }
+        }
+    }
+    function renderShareList() {
+        if (loading) {
             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",
+            }, /*#__PURE__*/ jsx(View, {
+                position: "absolute",
+                as: "div",
+                insetBlockEnd: "0"
+            }, /*#__PURE__*/ jsx(Spinner, {
+                renderTitle: "Loading...",
                 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() {
+                fontSize: "medium"
+            })));
+        }
+        if (displayEntities.size > 0) {
             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
-            }));
-        });
-        _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
-                });
-            }
-        },
-        {
-            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 !== this.state.shares) {
-                    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()));
-            }
+                height: "12em",
+                overflowY: "auto",
+                overflowX: "hidden",
+                as: "div",
+                padding: "xx-small xx-small none"
+            }, /*#__PURE__*/ jsx(ShareList, {
+                canEdit: bank.canEdit(),
+                entities: displayEntities,
+                onPermissionChange: handleEntityPermissionChange,
+                onEntityRemove: handleEntityRemove,
+                sharedBanks: sharedBanks
+            }), /*#__PURE__*/ jsx("div", null, renderShowMoreButton()));
         }
-    ]);
-    return SharingModalPresenter;
-}(Component);
-_define_property(SharingModalPresenter, "displayName", 'SharingModalPresenter');
-_define_property(SharingModalPresenter, "componentId", "Quizzes".concat(SharingModalPresenter.displayName));
-_define_property(SharingModalPresenter, "propTypes", {
-    appContainer: CustomPropTypes.selectors.isRequired,
+        return /*#__PURE__*/ jsx(View, {
+            height: "12em",
+            as: "div"
+        }, t('No results found'));
+    }
+    function showMoreResult() {
+        setStartingPoint(startingPoint + limit);
+    }
+    function renderShowMoreButton() {
+        var shouldShowButton = startingPoint + limit < 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();
+                showMoreResult();
+            }
+        }, t('Show more')));
+    }
+    function renderClearButton() {
+        if (!value.length) return null;
+        return /*#__PURE__*/ jsx(IconButton, {
+            type: "button",
+            size: "small",
+            withBackground: false,
+            withBorder: false,
+            screenReaderLabel: "Clear search",
+            onClick: handleClear
+        }, /*#__PURE__*/ jsx(IconTroubleLine, null));
+    }
+    function renderSharedSearch() {
+        return /*#__PURE__*/ jsx(View, {
+            margin: "none large none medium"
+        }, /*#__PURE__*/ jsx(TextInput, {
+            size: 'medium',
+            placeholder: t('Search...'),
+            value: value,
+            onChange: handleChange,
+            interaction: 'enabled',
+            inputRef: function(el) {
+                return inputRef.current = el;
+            },
+            renderBeforeInput: /*#__PURE__*/ jsx(IconSearchLine, {
+                inline: false
+            }),
+            renderAfterInput: renderClearButton(),
+            shouldNotWrap: true
+        }));
+    }
+    function renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts) {
+        return /*#__PURE__*/ jsx(View, {
+            as: "div",
+            "data-automation": "sdk-shared-bank-user-list"
+        }, /*#__PURE__*/ jsx(Tabs, {
+            onRequestTabChange: handleTabChange
+        }, /*#__PURE__*/ jsx(Tabs.Panel, {
+            renderTitle: t('People ({ peopleCount })', {
+                peopleCount: existingPeople.size
+            }),
+            isSelected: selectedTabIndex === 0,
+            padding: "large small small small"
+        }, renderSearchSection(SHARED_WITH_USER), /*#__PURE__*/ jsx(Text, {
+            as: "div",
+            weight: "bold",
+            lineHeight: "double"
+        }, t('Currently shared with')), renderSharedSearch(), renderShareList()), /*#__PURE__*/ jsx(Tabs.Panel, {
+            renderTitle: t('Courses ({ coursesCount })', {
+                coursesCount: existingCourses.size
+            }),
+            isSelected: selectedTabIndex === 1,
+            padding: "large small small small"
+        }, renderSearchSection(SHARED_WITH_COURSE), /*#__PURE__*/ jsx(Text, {
+            as: "div",
+            weight: "bold",
+            lineHeight: "double"
+        }, t('Currently shared with')), renderSharedSearch(), 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: selectedTabIndex === 2,
+            padding: "large small small small"
+        }, (currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) && renderRootAccountSharing(), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts) && renderSearchSection(SHARED_WITH_ACCOUNT), /*#__PURE__*/ jsx(Text, {
+            as: "div",
+            weight: "bold",
+            lineHeight: "double"
+        }, t('Currently shared with')), renderSharedSearch(), renderShareList())));
+    }
+    function renderEntitiesSection() {
+        var newEntityIds = newEntities.map(function(e) {
+            return e.get('id');
+        });
+        var existingShares = 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 renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts);
+    }
+    function renderFooter() {
+        return /*#__PURE__*/ jsx(Button, {
+            color: "primary",
+            margin: "0 x-small 0 0",
+            onClick: handleDismiss
+        }, t('Close'));
+    }
+    return /*#__PURE__*/ jsx(Modal, {
+        open: isOpen,
+        onDismiss: handleDismiss,
+        size: "medium",
+        label: t('Sharing'),
+        shouldCloseOnDocumentClick: true,
+        onOpen: checkForSharedBanks
+    }, /*#__PURE__*/ jsx(ModalHeader, null, /*#__PURE__*/ jsx(Heading, null, bank.title), /*#__PURE__*/ jsx(CloseButton, {
+        onClick: handleDismiss,
+        placement: "end",
+        offset: "medium",
+        screenReaderLabel: t('Close')
+    })), /*#__PURE__*/ jsx(ModalBody, null, shares.size >= 0 ? renderEntitiesSection() : /*#__PURE__*/ jsx(Spinner, null)), /*#__PURE__*/ jsx(ModalFooter, null, renderFooter()));
+});
+SharingModalPresenter.displayName = 'SharingModalPresenter';
+SharingModalPresenter.componentId = 'QuizzesSharingModalPresenter';
+SharingModalPresenter.propTypes = {
     bank: ImmutablePropTypes.record.isRequired,
     currentUser: PropTypes.shape({
         bank_admin: PropTypes.bool,
@@ -754,7 +720,6 @@ _define_property(SharingModalPresenter, "propTypes", {
         uuid: PropTypes.string,
         account_name: PropTypes.string
     }),
-    focusCreateBankButton: PropTypes.func.isRequired,
     getBank: PropTypes.func.isRequired,
     getShareableCourses: PropTypes.func.isRequired,
     getCourseInfo: PropTypes.func.isRequired,
@@ -779,8 +744,8 @@ _define_property(SharingModalPresenter, "propTypes", {
     limit: PropTypes.number,
     loading: PropTypes.bool,
     changeSharedBankLoading: PropTypes.func.isRequired
-});
-_define_property(SharingModalPresenter, "defaultProps", {
+};
+SharingModalPresenter.defaultProps = {
     bank: null,
     currentUser: null,
     isOpen: false,
@@ -792,8 +757,5 @@ _define_property(SharingModalPresenter, "defaultProps", {
     updateSharedCount: Function.prototype,
     limit: 10,
     loading: false
-});
-SharingModalPresenter = _ts_decorate([
-    withStyleOverrides(generateStyle, generateComponentTheme)
-], SharingModalPresenter);
-export default SharingModalPresenter;
+};
+export default withStyleOverrides(generateStyle, generateComponentTheme)(SharingModalPresenter);