@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

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

@@ -1,18 +1,28 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _redux = require("redux");
+
 var _immutable = require("immutable");
-var _reactRedux = require("../../../common/react-redux");
-var _banks = require("../../api/banks");
-var _sharedBanks = require("../../../common/actions/sharedBanks");
-var _modal = require("../../../common/actions/modal");
-var _featureCheck = require("../../../common/util/featureCheck");
-var _presenter = _interopRequireDefault(require("./presenter"));
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _banks = require("../../api/banks.js");
+
+var _sharedBanks = require("../../../common/actions/sharedBanks.js");
+
+var _modal = require("../../../common/actions/modal.js");
+
+var _featureCheck = require("../../../common/util/featureCheck.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
 function mapStateToProps(state, ownProps) {
   var sharedBanks = state.get('sharedBanks', (0, _immutable.Map)()).filter(function (sharedBank) {
     return sharedBank.get('bankId') === ownProps.bank.id;
@@ -23,6 +33,7 @@ function mapStateToProps(state, ownProps) {
     sharedBanks: sharedBanks
   };
 }
+
 var mapDispatchToProps = {
   shareBank: _banks.shareBank,
   getSharedBanks: _banks.getSharedBanks,
@@ -32,4 +43,7 @@ var mapDispatchToProps = {
   updateBank: _banks.updateBank,
   withConfirm: _modal.withConfirm
 };
-var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps))(_presenter.default);
+
+var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps))(_presenter.default);
+
+exports.default = _default;

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

@@ -1,55 +1,99 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _immutable = require("immutable");
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _partial = _interopRequireDefault(require("lodash/partial"));
+
 var _quizCommon = require("@instructure/quiz-common");
+
 var _uiHeading = require("@instructure/ui-heading");
+
 var _uiButtons = require("@instructure/ui-buttons");
+
 var _uiView = require("@instructure/ui-view");
+
 var _uiGrid = require("@instructure/ui-grid");
+
 var _uiTabs = require("@instructure/ui-tabs");
+
 var _uiText = require("@instructure/ui-text");
+
 var _uiSimpleSelect = require("@instructure/ui-simple-select");
+
 var _emotion = require("@instructure/emotion");
-var _ElementsForSelectors = _interopRequireDefault(require("../../../common/util/ElementsForSelectors"));
-var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes"));
-var _ShareList = _interopRequireDefault(require("./ShareList"));
-var _AsyncSearch = _interopRequireDefault(require("../AsyncSearch"));
-var _RootAccountSharing = _interopRequireDefault(require("./RootAccountSharing"));
-var _Spinner2 = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
+
+var _ElementsForSelectors = _interopRequireDefault(require("../../../common/util/ElementsForSelectors.js"));
+
+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 _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _dec, _class, _SharingModalPresenter, _Spinner;
-/** @jsx jsx */
-/* eslint-disable-next-line no-unused-vars*/
+
+var _dec, _class, _class2, _temp;
+
 var noop = function noop() {};
-var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
+
+var _ref7 = (0, _emotion.jsx)(_Spinner.default, null);
+
+var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(SharingModalPresenter, _Component);
+
+  var _super = (0, _createSuper2.default)(SharingModalPresenter);
+
   function SharingModalPresenter() {
     var _this;
+
     (0, _classCallCheck2.default)(this, SharingModalPresenter);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, SharingModalPresenter, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       accountPermission: null,
       shares: (0, _immutable.List)(),
@@ -61,14 +105,14 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
     };
     _this.shareListRef = null;
     _this.shareButtonRef = null;
+
     _this.applicationElement = function () {
       return (0, _ElementsForSelectors.default)(_this.props.appContainer);
     };
-    // =============
-    //   LIFECYCLE
-    // =============
+
     _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);
       } else {
@@ -78,116 +122,137 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         });
       }
     };
-    // =============
-    //   HELPERS
-    // =============
+
     _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;
+
       _this.props.onDismiss();
+
       if (_this.props.modalTrigger && !focusCreateBank) {
         _this.props.modalTrigger.focus();
       } else {
         setTimeout(_this.props.focusCreateBankButton, 100);
-      }
-      // removes the creator's temporary sharedBank record
+      } // removes the creator's temporary sharedBank record
+
+
       _this.props.removeSharedBank('-1');
     };
+
     _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 () {
       var newEntities = _this.state.newEntities.filter(function (entity) {
         return _this.state.entitiesWithChangedPermission[entity.get('id')] !== _quizCommon.REMOVED_ACCESS;
-      });
-
-      // special case if the creator tries to change their own permissions before
+      }); // special case if the creator tries to change their own permissions before
       // first share, since they don't have a SharedBank record to update
+
+
       var newCreatorPerm = _this.state.entitiesWithChangedPermission['-1'];
+
       if (newCreatorPerm && newCreatorPerm !== _quizCommon.CAN_EDIT) {
         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()), {}, {
           permission: newCreatorPerm
         })));
       }
+
       return newEntities;
     };
+
     _this.isSharedWithAccount = function () {
       var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this.state;
       return [_quizCommon.READ_ONLY, _quizCommon.CAN_EDIT].includes(state.accountPermission);
     };
-    // =============
-    //   HANDLERS
-    // =============
+
     _this.handleDismiss = function (e) {
       _this.props.updateSharedCount(null);
+
       _this.modalDismissCleanup();
     };
+
     _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) {
         var updatedBank = _this.props.bank.set('accountPermission', _this.state.accountPermission);
+
         promises.push(_this.props.updateBank(updatedBank));
       }
+
       _this.newEntitiesToSubmit().forEach(function (entity) {
         _this.props.onShare(entity.toJS());
+
         promises.push(_this.props.shareBank(_this.sharedBankForEntity(entity), _this.props.getUserInfo));
-      });
+      }); // call the update api if any shared bank permission was updated
+
 
-      // 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),
-          sharedBankId = _ref3[0],
-          permission = _ref3[1];
+            sharedBankId = _ref3[0],
+            permission = _ref3[1];
+
         var sharedBank = _this.props.sharedBanks.find(function (sharedBank) {
           return sharedBank.get('id') === sharedBankId;
         });
+
         if (sharedBank && sharedBank.get('permission') !== permission && sharedBankId != '-1') {
           promises.push(_this.props.updateSharedBankPermission(_this.props.bank.id, sharedBankId, permission));
         }
-      });
+      }); // waits till all the calls to the shareBank and updateSharedBank apis have completed
 
-      // waits till all the calls to the shareBank and updateSharedBank apis have completed
       Promise.all(promises).then(function (values) {
         // calls getBank for the current bank to update the sharedCount
         _this.props.getBank(_this.props.bank.id);
       });
+
       _this.setState({
         newEntities: (0, _immutable.List)()
       });
+
       _this.modalDismissCleanup(!!_this.numEntitiesToRemove());
     };
+
     _this.handleSearchSelectionChange = function (searchSelection) {
       _this.setState({
         searchSelection: searchSelection
       });
     };
+
     _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) {
       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) {
       if (_this.props.subAccountBankSharingEnabled) {
         _this.confirmPermissionChange(entity, _quizCommon.REMOVED_ACCESS);
       } else {
         var permission = undoRemove ? _this.originalPermissionForEntity(entity) : _quizCommon.REMOVED_ACCESS;
+
         _this.setState(function (prevState) {
           var sharesIndex = prevState.shares.findIndex(function (e) {
             return e.get('id') == entity.get('id');
@@ -206,12 +271,15 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         }, _this.updateEntitiesCount);
       }
     };
+
     _this.handleSearchPermissionChange = function (e, _ref4) {
       var value = _ref4.value;
+
       _this.setState({
         searchPermission: value
       });
     };
+
     _this.handleSearchFilter = function (searchResults) {
       return searchResults.filter(function (result) {
         return !_this.state.shares.some(function (entity) {
@@ -219,6 +287,7 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         }) && (result.uuid !== _this.props.bank.creator || _this.props.bank.sharedCount > 0);
       });
     };
+
     _this.handleShare = function () {
       var newEntities = (0, _immutable.List)(_this.state.searchSelection.map(function (entity) {
         return (0, _immutable.Map)({
@@ -231,11 +300,14 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
           permission: _this.state.searchPermission
         });
       }));
+
       if (_this.props.subAccountBankSharingEnabled) {
         newEntities.forEach(function (entity) {
           _this.props.onShare(entity.toJS());
+
           _this.props.shareBank(_this.sharedBankForEntity(entity), _this.props.getUserInfo);
         });
+
         _this.setState({
           searchSelection: []
         });
@@ -247,30 +319,41 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         }, _this.updateEntitiesCount);
       }
     };
+
     _this.updatePermission = /*#__PURE__*/function () {
-      var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(entity, permission) {
+      var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(entity, permission) {
         var _this$props, updateSharedBankPermission, getBank, bank;
-        return (0, _regeneratorRuntime2.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) {
-      return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _quizCommon.CAN_EDIT, (0, _formatMessage.default)('edit')), _quizCommon.READ_ONLY, (0, _formatMessage.default)('view'))[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.', {
         accessLevel: _this.translatedPermissionLevel(_this.originalPermissionForEntity(entity)),
@@ -280,12 +363,14 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         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'),
         text: confirmText,
         continueText: (0, _formatMessage.default)('Confirm')
       });
     };
+
     _this.handleEntityPermissionChange = function (entity, permission) {
       if (_this.props.subAccountBankSharingEnabled) {
         _this.confirmPermissionChange(entity, permission);
@@ -301,6 +386,7 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         });
       }
     };
+
     _this.toggleAccountShare = function (event) {
       _this.setState(function (prevState) {
         return {
@@ -308,24 +394,28 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         };
       });
     };
+
     _this.handleAccountPermissionChange = function (e, _ref6) {
       var value = _ref6.value;
       return _this.setState({
         accountPermission: value
       });
     };
+
     _this.handleShareListRef = function (node) {
       _this.shareListRef = node;
     };
+
     _this.handleShareButtonRef = function (node) {
       _this.shareButtonRef = node;
     };
+
     _this.renderSearchSection = function (searchType) {
       if (_this.props.bank.canEdit()) {
         return (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiGrid.Grid, {
           vAlign: "bottom",
           colSpacing: "small"
-        }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)(_AsyncSearch.default, {
+        }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)(_index2.default, {
           getShareableCourses: _this.props.getShareableCourses,
           getShareableUsers: _this.props.getShareableUsers,
           getShareableSubaccounts: _this.props.getShareableSubaccounts,
@@ -359,8 +449,9 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         }));
       }
     };
+
     _this.renderShareList = function (entities) {
-      return (0, _emotion.jsx)(_ShareList.default, {
+      return (0, _emotion.jsx)(_index.default, {
         canEdit: _this.props.bank.canEdit(),
         entities: entities,
         improvedBankSharingEnabled: _this.props.improvedBankSharingEnabled,
@@ -369,10 +460,11 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         sharedBanks: _this.props.sharedBanks
       });
     };
+
     return _this;
   }
-  (0, _inherits2.default)(SharingModalPresenter, _Component);
-  return (0, _createClass2.default)(SharingModalPresenter, [{
+
+  (0, _createClass2.default)(SharingModalPresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -395,7 +487,10 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         var updatedBank = this.props.bank.set('accountPermission', this.state.accountPermission);
         this.props.updateBank(updatedBank, false);
       }
-    }
+    } // =============
+    //   HELPERS
+    // =============
+
   }, {
     key: "sharedBankForEntity",
     value: function sharedBankForEntity(entity) {
@@ -409,13 +504,12 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
     }
   }, {
     key: "renderRootAccountSharing",
-    value:
     // =============
     //   RENDERING
     // =============
-
-    function renderRootAccountSharing() {
+    value: function renderRootAccountSharing() {
       var _this$props$currentUs;
+
       return (0, _emotion.jsx)(_RootAccountSharing.default, {
         accountName: (_this$props$currentUs = this.props.currentUser) === null || _this$props$currentUs === void 0 ? void 0 : _this$props$currentUs.account_name,
         onShareChange: this.toggleAccountShare,
@@ -512,9 +606,11 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
       var existingAccounts = existingShares.filter(function (s) {
         return s.get('entityType') === _quizCommon.SHARED_WITH_ACCOUNT;
       });
+
       if (this.props.subAccountBankSharingEnabled) {
         return this.renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts);
       }
+
       return this.renderOriginalDesignEntities(existingPeople, existingCourses);
     }
   }, {
@@ -527,6 +623,7 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
           onClick: this.handleDismiss
         }, (0, _formatMessage.default)('Close'));
       }
+
       return (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiButtons.Button, {
         "data-automation": "sdk-shared-bank-cancel-button",
         color: "primary-inverse",
@@ -555,10 +652,12 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
         placement: "end",
         offset: "medium",
         screenReaderLabel: (0, _formatMessage.default)('Close')
-      })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _Spinner || (_Spinner = (0, _emotion.jsx)(_Spinner2.default, null))), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderFooter()));
+      })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _ref7), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderFooter()));
     }
   }]);
-}(_react.Component), _SharingModalPresenter.propTypes = {
+  SharingModalPresenter.displayName = "SharingModalPresenter";
+  return SharingModalPresenter;
+}(_react.Component), _class2.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   bank: _reactImmutableProptypes.default.record.isRequired,
   currentUser: _propTypes.default.shape({
@@ -596,7 +695,7 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
   withConfirm: _propTypes.default.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _SharingModalPresenter.defaultProps = {
+}, _class2.defaultProps = {
   bank: null,
   currentUser: null,
   improvedBankSharingEnabled: false,
@@ -608,5 +707,7 @@ var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion
   sharedBanks: (0, _immutable.List)(),
   subAccountBankSharingEnabled: false,
   updateSharedCount: Function.prototype
-}, _SharingModalPresenter)) || _class);
-var _default = exports.default = SharingModalPresenter;
+}, _temp)) || _class);
+exports.SharingModalPresenter = SharingModalPresenter;
+var _default = SharingModalPresenter;
+exports.default = _default;

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

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

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

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-    borders = _ref.borders,
-    spacing = _ref.spacing;
+      borders = _ref.borders,
+      spacing = _ref.spacing;
   return {
     separatorColor: colors.tiara,
     separatorBorderWidth: borders.widthSmall,
     separatorMargin: spacing.medium
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;