@instructure/quiz-core 21.1.1 → 21.2.0

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

@@ -1,20 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SharingModalPresenter = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports["default"] = exports.SharingModalPresenter = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _immutable = require("immutable");
@@ -28,29 +27,32 @@ 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.js"));
-var _index = _interopRequireDefault(require("./ShareList/index.js"));
-var _index2 = _interopRequireDefault(require("../AsyncSearch/index.js"));
-var _RootAccountSharing = _interopRequireDefault(require("./RootAccountSharing.js"));
-var _Spinner = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+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/es/format-message"));
 var _dec, _class, _SharingModalPresenter;
 /** @jsx jsx */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var noop = function noop() {};
-var _ref7 = (0, _emotion.jsx)(_Spinner.default, null);
-var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SharingModalPresenter, _Component);
-  var _super = (0, _createSuper2.default)(SharingModalPresenter);
+var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
   function SharingModalPresenter() {
     var _this;
-    (0, _classCallCheck2.default)(this, SharingModalPresenter);
+    (0, _classCallCheck2["default"])(this, SharingModalPresenter);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this = _callSuper(this, SharingModalPresenter, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
       accountPermission: null,
       shares: (0, _immutable.List)(),
       newEntities: (0, _immutable.List)(),
@@ -58,13 +60,13 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       searchPermission: _quizCommon.READ_ONLY,
       entitiesWithChangedPermission: {},
       selectedTabIndex: 0
-    };
-    _this.shareListRef = null;
-    _this.shareButtonRef = null;
+    });
+    (0, _defineProperty2["default"])(_this, "shareListRef", null);
+    (0, _defineProperty2["default"])(_this, "shareButtonRef", null);
     // =============
     //   LIFECYCLE
     // =============
-    _this.checkForSharedBanks = function () {
+    (0, _defineProperty2["default"])(_this, "checkForSharedBanks", function () {
       var size = _this.props.sharedBanks.size;
       if (size >= 0 && size !== _this.props.bank.sharedCount || size === 0) {
         _this.props.getSharedBanks(_this.props.bank, _this.props.getUserInfo, _this.props.getCourseInfo, _this.props.getSubaccountInfo);
@@ -73,18 +75,18 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
           shares: _this.props.sharedBanks
         });
       }
-    };
+    });
     // =============
     //   HELPERS
     // =============
-    _this.handleTabChange = function (event, _ref) {
+    (0, _defineProperty2["default"])(_this, "handleTabChange", function (event, _ref) {
       var index = _ref.index;
       _this.setState({
         selectedTabIndex: index
       });
-    };
-    _this.modalDismissCleanup = function () {
-      var focusCreateBank = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+    });
+    (0, _defineProperty2["default"])(_this, "modalDismissCleanup", function () {
+      var focusCreateBank = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       _this.props.onDismiss();
       if (_this.props.modalTrigger && !focusCreateBank) {
         _this.props.modalTrigger.focus();
@@ -93,14 +95,14 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       }
       // removes the creator's temporary sharedBank record
       _this.props.removeSharedBank('-1');
-    };
-    _this.numEntitiesToRemove = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "numEntitiesToRemove", function () {
       var permissions = Object.values(_this.state.entitiesWithChangedPermission);
       return permissions.reduce(function (count, val) {
         return val === _quizCommon.REMOVED_ACCESS ? count + 1 : count;
       }, 0);
-    };
-    _this.newEntitiesToSubmit = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "newEntitiesToSubmit", function () {
       var newEntities = _this.state.newEntities.filter(function (entity) {
         return _this.state.entitiesWithChangedPermission[entity.get('id')] !== _quizCommon.REMOVED_ACCESS;
       });
@@ -112,24 +114,24 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
         var creatorSharedBank = _this.props.sharedBanks.find(function (sharedBank) {
           return sharedBank.get('id') == '-1';
         });
-        newEntities = newEntities.push((0, _immutable.Map)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, creatorSharedBank.toJS()), {}, {
+        newEntities = newEntities.push((0, _immutable.Map)(_objectSpread(_objectSpread({}, creatorSharedBank.toJS()), {}, {
           permission: newCreatorPerm
         })));
       }
       return newEntities;
-    };
-    _this.isSharedWithAccount = function () {
-      var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this.state;
+    });
+    (0, _defineProperty2["default"])(_this, "isSharedWithAccount", function () {
+      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state;
       return [_quizCommon.READ_ONLY, _quizCommon.CAN_EDIT].includes(state.accountPermission);
-    };
+    });
     // =============
     //   HANDLERS
     // =============
-    _this.handleDismiss = function (e) {
+    (0, _defineProperty2["default"])(_this, "handleDismiss", function (e) {
       _this.props.updateSharedCount(null);
       _this.modalDismissCleanup();
-    };
-    _this.handleSubmit = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "handleSubmit", function () {
       // calls the sharedBank api with the new entities you shared the current bank with
       var promises = [];
       if (_this.state.accountPermission !== _this.props.bank.accountPermission) {
@@ -143,7 +145,7 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
 
       // call the update api if any shared bank permission was updated
       Object.entries(_this.state.entitiesWithChangedPermission).forEach(function (_ref2) {
-        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+        var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
           sharedBankId = _ref3[0],
           permission = _ref3[1];
         var sharedBank = _this.props.sharedBanks.find(function (sharedBank) {
@@ -163,39 +165,39 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
         newEntities: (0, _immutable.List)()
       });
       _this.modalDismissCleanup(!!_this.numEntitiesToRemove());
-    };
-    _this.handleSearchSelectionChange = function (searchSelection) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleSearchSelectionChange", function (searchSelection) {
       _this.setState({
         searchSelection: searchSelection
       });
-    };
-    _this.updateEntitiesCount = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "updateEntitiesCount", function () {
       // state.shares is a list containing everyone in the list,
       _this.props.updateSharedCount(_this.state.shares.size - _this.numEntitiesToRemove());
-    };
-    _this.originalPermissionForEntity = function (entity) {
+    });
+    (0, _defineProperty2["default"])(_this, "originalPermissionForEntity", function (entity) {
       var originalEntity = _this.props.sharedBanks.find(function (sb) {
         return sb.get('id') == entity.get('id');
       }) || (0, _immutable.Map)();
       return originalEntity.get('permission', _quizCommon.CAN_EDIT);
-    };
-    _this.handleEntityRemove = function (entity, undoRemove) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleEntityRemove", function (entity, undoRemove) {
       _this.confirmPermissionChange(entity, _quizCommon.REMOVED_ACCESS);
-    };
-    _this.handleSearchPermissionChange = function (e, _ref4) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleSearchPermissionChange", function (e, _ref4) {
       var value = _ref4.value;
       _this.setState({
         searchPermission: value
       });
-    };
-    _this.handleSearchFilter = function (searchResults) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleSearchFilter", function (searchResults) {
       return searchResults.filter(function (result) {
         return !_this.state.shares.some(function (entity) {
           return entity.get('entityId') === result.uuid;
         }) && (result.uuid !== _this.props.bank.creator || _this.props.bank.sharedCount > 0);
       });
-    };
-    _this.handleShare = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "handleShare", function () {
       var newEntities = (0, _immutable.List)(_this.state.searchSelection.map(function (entity) {
         return (0, _immutable.Map)({
           id: entity.uuid,
@@ -214,77 +216,74 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       _this.setState({
         searchSelection: []
       });
-    };
-    _this.updatePermission = /*#__PURE__*/function () {
-      var _ref5 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(entity, permission) {
+    });
+    (0, _defineProperty2["default"])(_this, "updatePermission", /*#__PURE__*/function () {
+      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(entity, permission) {
         var _this$props, updateSharedBankPermission, getBank, bank;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this$props = _this.props, updateSharedBankPermission = _this$props.updateSharedBankPermission, getBank = _this$props.getBank, bank = _this$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();
-            }
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = _this.props, updateSharedBankPermission = _this$props.updateSharedBankPermission, getBank = _this$props.getBank, bank = _this$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 _ref5.apply(this, arguments);
       };
-    }();
-    _this.translatedPermissionLevel = function (permission) {
-      var _CAN_EDIT$READ_ONLY$p;
-      return (_CAN_EDIT$READ_ONLY$p = {}, (0, _defineProperty2.default)(_CAN_EDIT$READ_ONLY$p, _quizCommon.CAN_EDIT, (0, _formatMessage.default)('edit')), (0, _defineProperty2.default)(_CAN_EDIT$READ_ONLY$p, _quizCommon.READ_ONLY, (0, _formatMessage.default)('view')), _CAN_EDIT$READ_ONLY$p)[permission];
-    };
-    _this.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.', {
+    }());
+    (0, _defineProperty2["default"])(_this, "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"])(_this, "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: _this.translatedPermissionLevel(_this.originalPermissionForEntity(entity)),
         entityTitle: entity.get('title')
-      }) : (0, _formatMessage.default)('You are about to change access level for { entityTitle } from { originalAccessLevel } to { permission }.', {
+      }) : (0, _formatMessage["default"])('You are about to change access level for { entityTitle } from { originalAccessLevel } to { permission }.', {
         entityTitle: entity.get('title'),
         originalAccessLevel: _this.translatedPermissionLevel(_this.originalPermissionForEntity(entity)),
         permission: _this.translatedPermissionLevel(permission)
       });
-      _this.props.withConfirm((0, _partial.default)(_this.updatePermission, entity, permission), {
-        title: (0, _formatMessage.default)('Change Permission'),
+      _this.props.withConfirm((0, _partial["default"])(_this.updatePermission, entity, permission), {
+        title: (0, _formatMessage["default"])('Change Permission'),
         text: confirmText,
-        continueText: (0, _formatMessage.default)('Confirm')
+        continueText: (0, _formatMessage["default"])('Confirm')
       });
-    };
-    _this.handleEntityPermissionChange = function (entity, permission) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleEntityPermissionChange", function (entity, permission) {
       _this.confirmPermissionChange(entity, permission);
-    };
-    _this.toggleAccountShare = function (event) {
+    });
+    (0, _defineProperty2["default"])(_this, "toggleAccountShare", function (event) {
       _this.setState(function (prevState) {
         return {
           accountPermission: _this.isSharedWithAccount(prevState) ? _quizCommon.REMOVED_ACCESS : _quizCommon.READ_ONLY
         };
       });
-    };
-    _this.handleAccountPermissionChange = function (e, _ref6) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleAccountPermissionChange", function (e, _ref6) {
       var value = _ref6.value;
       return _this.setState({
         accountPermission: value
       });
-    };
-    _this.handleShareListRef = function (node) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleShareListRef", function (node) {
       _this.shareListRef = node;
-    };
-    _this.handleShareButtonRef = function (node) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleShareButtonRef", function (node) {
       _this.shareButtonRef = node;
-    };
-    _this.renderSearchSection = function (searchType) {
+    });
+    (0, _defineProperty2["default"])(_this, "renderSearchSection", function (searchType) {
       if (_this.props.bank.canEdit()) {
-        return (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiGrid.Grid, {
+        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)(_index2.default, {
+        }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)(_AsyncSearch["default"], {
           getShareableCourses: _this.props.getShareableCourses,
           getShareableUsers: _this.props.getShareableUsers,
           getShareableSubaccounts: _this.props.getShareableSubaccounts,
@@ -298,37 +297,38 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
         }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
           onChange: _this.handleSearchPermissionChange,
           value: _this.state.searchPermission,
-          renderLabel: (0, _formatMessage.default)('Access')
+          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, {
+        }, (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, {
+        }, (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: _this.handleShareButtonRef,
           onClick: _this.handleShare,
           color: _this.state.searchSelection.length ? 'success' : 'secondary'
-        }, (0, _formatMessage.default)('Add'))))), (0, _emotion.jsx)("div", {
+        }, (0, _formatMessage["default"])('Add'))))), (0, _emotion.jsx)("div", {
           css: _this.props.styles.separator
         }));
       }
-    };
-    _this.renderShareList = function (entities) {
-      return (0, _emotion.jsx)(_index.default, {
+    });
+    (0, _defineProperty2["default"])(_this, "renderShareList", function (entities) {
+      return (0, _emotion.jsx)(_ShareList["default"], {
         canEdit: _this.props.bank.canEdit(),
         entities: entities,
         onPermissionChange: _this.handleEntityPermissionChange,
         onEntityRemove: _this.handleEntityRemove,
         sharedBanks: _this.props.sharedBanks
       });
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(SharingModalPresenter, [{
+  (0, _inherits2["default"])(SharingModalPresenter, _Component);
+  return (0, _createClass2["default"])(SharingModalPresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -365,12 +365,14 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
     }
   }, {
     key: "renderRootAccountSharing",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderRootAccountSharing() {
+
+    function renderRootAccountSharing() {
       var _this$props$currentUs;
-      return (0, _emotion.jsx)(_RootAccountSharing.default, {
+      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,
@@ -387,7 +389,7 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       }, (0, _emotion.jsx)(_uiTabs.Tabs, {
         onRequestTabChange: this.handleTabChange
       }, (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
-        renderTitle: (0, _formatMessage.default)('People ({ peopleCount })', {
+        renderTitle: (0, _formatMessage["default"])('People ({ peopleCount })', {
           peopleCount: existingPeople.size
         }),
         isSelected: this.state.selectedTabIndex === 0,
@@ -396,8 +398,8 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
         as: "div",
         weight: "bold",
         lineHeight: "double"
-      }, (0, _formatMessage.default)('Currently shared with')), this.renderShareList(existingPeople)), (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
-        renderTitle: (0, _formatMessage.default)('Courses ({ coursesCount })', {
+      }, (0, _formatMessage["default"])('Currently shared with')), this.renderShareList(existingPeople)), (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
+        renderTitle: (0, _formatMessage["default"])('Courses ({ coursesCount })', {
           coursesCount: existingCourses.size
         }),
         isSelected: this.state.selectedTabIndex === 1,
@@ -406,8 +408,8 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
         as: "div",
         weight: "bold",
         lineHeight: "double"
-      }, (0, _formatMessage.default)('Currently shared with')), this.renderShareList(existingCourses)), ((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 })', {
+      }, (0, _formatMessage["default"])('Currently shared with')), this.renderShareList(existingCourses)), ((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,
@@ -416,7 +418,7 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
         as: "div",
         weight: "bold",
         lineHeight: "double"
-      }, (0, _formatMessage.default)('Currently shared with')), this.renderShareList(existingAccounts))));
+      }, (0, _formatMessage["default"])('Currently shared with')), this.renderShareList(existingAccounts))));
     }
   }, {
     key: "renderOriginalDesignEntities",
@@ -426,7 +428,7 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       }, (0, _emotion.jsx)(_uiText.Text, {
         as: "div",
         weight: "bold"
-      }, (0, _formatMessage.default)('Currently shared with')), (0, _emotion.jsx)(_uiView.View, {
+      }, (0, _formatMessage["default"])('Currently shared with')), (0, _emotion.jsx)(_uiView.View, {
         as: "div",
         "data-automation": "sdk-shared-bank-user-list"
       }, !this.state.newEntities.isEmpty() && (0, _emotion.jsx)(_uiView.View, {
@@ -435,13 +437,13 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       }, this.renderShareList(this.state.newEntities)), (0, _emotion.jsx)(_uiTabs.Tabs, {
         onRequestTabChange: this.handleTabChange
       }, (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
-        renderTitle: (0, _formatMessage.default)('People ({ peopleCount })', {
+        renderTitle: (0, _formatMessage["default"])('People ({ peopleCount })', {
           peopleCount: existingPeople.size
         }),
         isSelected: this.state.selectedTabIndex === 0,
         padding: "large small small small"
       }, this.renderShareList(existingPeople)), !existingCourses.isEmpty() && (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
-        renderTitle: (0, _formatMessage.default)('Courses ({ coursesCount })', {
+        renderTitle: (0, _formatMessage["default"])('Courses ({ coursesCount })', {
           coursesCount: existingCourses.size
         }),
         isSelected: this.state.selectedTabIndex === 1,
@@ -475,7 +477,7 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
         color: "primary",
         margin: "0 x-small 0 0",
         onClick: this.handleDismiss
-      }, (0, _formatMessage.default)('Close'));
+      }, (0, _formatMessage["default"])('Close'));
     }
   }, {
     key: "render",
@@ -484,55 +486,53 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
         open: this.props.isOpen,
         onDismiss: this.handleDismiss,
         size: "medium",
-        label: (0, _formatMessage.default)('Sharing'),
+        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() : _ref7), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderFooter()));
+        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()));
     }
   }]);
-  SharingModalPresenter.displayName = "SharingModalPresenter";
-  return SharingModalPresenter;
-}(_react.Component), _SharingModalPresenter.displayName = 'SharingModalPresenter', _SharingModalPresenter.componentId = "Quizzes".concat(_SharingModalPresenter.displayName), _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
+}(_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,
+  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
-}, _SharingModalPresenter.defaultProps = {
+  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
+}), (0, _defineProperty2["default"])(_SharingModalPresenter, "defaultProps", {
   bank: null,
   currentUser: null,
   isOpen: false,
@@ -542,7 +542,5 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
   onShare: function onShare() {},
   sharedBanks: (0, _immutable.List)(),
   updateSharedCount: Function.prototype
-}, _SharingModalPresenter)) || _class);
-exports.SharingModalPresenter = SharingModalPresenter;
-var _default = SharingModalPresenter;
-exports.default = _default;
+}), _SharingModalPresenter)) || _class);
+var _default = exports["default"] = SharingModalPresenter;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     separator: {
@@ -15,5 +15,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
     borders = _ref.borders,
@@ -14,5 +14,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     separatorMargin: spacing.medium
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;