@instructure/quiz-core 20.8.0 → 20.8.1-rc.0

package/es/banks/api/banks.js

@@ -11,7 +11,7 @@ import { clear, newActiveBankEntry, newActiveBank } from "../../common/actions/u
 import t from '@instructure/quiz-i18n/es/format-message';
 import { handleError } from "../../common/api/helpers.js";
 import { removeFromPolling } from "./copyingBanksPoller.js";
-import { BANKS_BANK_PAGINATION, BANKS_BANK_ENTRY_PAGINATION, DELETE_BANK_CALL, UPDATE_BANK_CALL, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE } from '@instructure/quiz-common';
+import { BANKS_BANK_PAGINATION, BANKS_BANK_ENTRY_PAGINATION, DELETE_BANK_CALL, UPDATE_BANK_CALL, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT } from '@instructure/quiz-common';
 import { noop } from 'lodash';
 import { NIL } from 'uuid';
 var banksApiEndpoint = '/api/banks';
@@ -226,10 +226,10 @@ export var shareBank = function shareBank(_shareBank) {
           };
           dispatch(handleShareBankResponse(sharedBank));
         });
-      } else if (_shareBank.entityType === SHARED_WITH_COURSE) {
+      } else {
         var sharedBank = {
           id: sharedBankInfo.id,
-          entityType: SHARED_WITH_COURSE,
+          entityType: _shareBank.entityType,
           entityId: _shareBank.entityId,
           title: _shareBank.title,
           permission: sharedBankInfo.permission,
@@ -272,10 +272,8 @@ export var getSharedBank = function getSharedBank(bankId, entityType, entityId)
     });
   };
 };
-export var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo) {
+export var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo, getAccountInfo) {
   var url = "".concat(banksApiEndpoint, "/").concat(bank.id, "/shared_banks");
-  var userSharedBanks = [];
-  var courseSharedBanks = [];
   return function (dispatch, getState) {
     var fetcher = new Fetcher({
       onError: handleError(dispatch, t('Failed to fetch shared banks.'))
@@ -290,8 +288,10 @@ export var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourse
           permission: CAN_EDIT,
           bank_id: bank.id
         });
-      }
+      } // USERS
+
 
+      var userSharedBanks = [];
       var userUuids = sharedBanksInfo.filter(function (sb) {
         return sb.entity_type === SHARED_WITH_USER;
       }).map(function (sb) {
@@ -316,7 +316,9 @@ export var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourse
           }
         });
         dispatch(handleShareBanksResponse(userSharedBanks));
-      });
+      }); // COURSES
+
+      var courseSharedBanks = [];
       var courseUuids = sharedBanksInfo.filter(function (sb) {
         return sb.entity_type === SHARED_WITH_COURSE;
       }).map(function (sb) {
@@ -340,6 +342,32 @@ export var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourse
           }
         });
         dispatch(handleShareBanksResponse(courseSharedBanks));
+      }); // ACCOUNTS
+
+      var accountSharedBanks = [];
+      var accountUuids = sharedBanksInfo.filter(function (sb) {
+        return sb.entity_type === SHARED_WITH_ACCOUNT;
+      }).map(function (sb) {
+        return sb.entity_id;
+      });
+      getAccountInfo(accountUuids).then(function (accountsInfo) {
+        accountsInfo.forEach(function (accountInfo) {
+          var sharedBankInfo = sharedBanksInfo.find(function (sb) {
+            return sb.entity_type === SHARED_WITH_ACCOUNT && sb.entity_id === accountInfo.uuid;
+          });
+
+          if (sharedBankInfo) {
+            accountSharedBanks.push({
+              id: sharedBankInfo.id,
+              entityType: sharedBankInfo.entity_type,
+              entityId: sharedBankInfo.entity_id,
+              title: accountInfo.name,
+              permission: sharedBankInfo.permission,
+              bankId: sharedBankInfo.bank_id
+            });
+          }
+        });
+        dispatch(handleShareBanksResponse(accountSharedBanks));
       });
     });
   };

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

@@ -173,8 +173,10 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         focusCreateBankButton: _this.focusCreateBankButton,
         getCourseInfo: _this.props.getCourseInfo,
         getUserInfo: _this.props.getUserInfo,
+        getSubaccountInfo: _this.props.getSubaccountInfo,
         getShareableCourses: _this.props.getShareableCourses,
         getShareableUsers: _this.props.getShareableUsers,
+        getShareableSubaccounts: _this.props.getShareableSubaccounts,
         isCompact: _this.props.isCompact,
         itemBankSearchTableEnabled: _this.props.itemBankSearchTableEnabled,
         minChars: _this.props.minChars,
@@ -402,6 +404,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   createBank: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({
     bank_admin: PropTypes.bool,
+    can_share_banks_with_subaccounts: PropTypes.bool,
     email: PropTypes.string,
     enrollment_names: PropTypes.arrayOf(PropTypes.string),
     full_name: PropTypes.string,
@@ -419,7 +422,11 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   getShareableCourses: PropTypes.func,
   // from consumer
   getShareableUsers: PropTypes.func,
-  // from consumer,
+  // from consumer
+  getShareableSubaccounts: PropTypes.func,
+  // from consumer
+  getSubaccountInfo: PropTypes.func,
+  // from consumer
   getCourseAssignments: PropTypes.func,
   // from consumer
   isCompact: PropTypes.bool,
@@ -456,6 +463,8 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   getShareableCourses: null,
   getShareableUsers: null,
   getCourseAssignments: null,
+  getShareableSubaccounts: null,
+  getSubaccountInfo: null,
   minChars: void 0,
   isCompact: false,
   navigateToBuild: null,

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

@@ -399,6 +399,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         focusCreateBankButton: this.props.focusCreateBankButton,
         getCourseInfo: this.props.getCourseInfo,
         getUserInfo: this.props.getUserInfo,
+        getSubaccountInfo: this.props.getSubaccountInfo,
         isOpen: this.state.sharingModalOpen,
         minChars: this.props.minChars,
         modalTrigger: this.sharingButtons[this.state.sharingModalBank.id],
@@ -406,6 +407,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         onShare: this.props.onShare,
         getShareableCourses: this.props.getShareableCourses,
         getShareableUsers: this.props.getShareableUsers,
+        getShareableSubaccounts: this.props.getShareableSubaccounts,
         updateSharedCount: this.updateSharedCount
       });
     }
@@ -510,6 +512,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   createBankCloneJob: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({
     bank_admin: PropTypes.bool,
+    can_share_banks_with_subaccounts: PropTypes.bool,
     email: PropTypes.string,
     enrollment_names: PropTypes.arrayOf(PropTypes.string),
     full_name: PropTypes.string,
@@ -523,6 +526,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   getUserInfo: PropTypes.func,
   getShareableCourses: PropTypes.func,
   getShareableUsers: PropTypes.func,
+  getShareableSubaccounts: PropTypes.func,
   minChars: PropTypes.number,
   navigateToBank: PropTypes.func.isRequired,
   onShare: PropTypes.func,
@@ -538,6 +542,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   getUserInfo: null,
   getShareableCourses: null,
   getShareableUsers: null,
+  getShareableSubaccounts: null,
   minChars: void 0,
   locale: null,
   timezone: null,

package/es/banks/components/SharingModal/ShareList/index.js

@@ -22,7 +22,7 @@ import { ContextualIconButton } from "../ContextualIconButton/index.js";
 import RootAccountSharing from "../RootAccountSharing.js";
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import generateStyle from "./styles.js";
-import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE } from '@instructure/quiz-common';
+import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 
 var _ref4 = jsx(IconCoursesLine, {
@@ -148,11 +148,10 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
   }, {
     key: "render",
     value: function render() {
-      var _this$props$currentUs;
-
       var _this$props = this.props,
           shares = _this$props.shares,
-          subAccountBankSharingEnabled = _this$props.subAccountBankSharingEnabled;
+          subAccountBankSharingEnabled = _this$props.subAccountBankSharingEnabled,
+          currentUser = _this$props.currentUser;
       var newEntityIds = this.props.newEntities.map(function (e) {
         return e.get('id');
       });
@@ -165,6 +164,9 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
       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 jsx("div", {
         className: "fs-mask"
       }, !subAccountBankSharingEnabled && jsx(Text, {
@@ -199,16 +201,24 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
         lineHeight: "double"
       }, t('Currently shared with')), jsx(Grid, {
         vAlign: "middle"
-      }, existingCourses.map(this.renderEntity))), subAccountBankSharingEnabled && jsx(Tabs.Panel, {
-        renderTitle: t('Accounts'),
+      }, existingCourses.map(this.renderEntity))), subAccountBankSharingEnabled && ((currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts)) && jsx(Tabs.Panel, {
+        renderTitle: t('Accounts ({ accountsCount })', {
+          accountsCount: existingAccounts.size
+        }),
         isSelected: this.state.selectedTabIndex === 2,
         padding: "large small small small"
-      }, ((_this$props$currentUs = this.props.currentUser) === null || _this$props$currentUs === void 0 ? void 0 : _this$props$currentUs.bank_admin) && jsx(RootAccountSharing, {
+      }, (currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) && jsx(RootAccountSharing, {
         accountName: this.props.accountName,
         onShareChange: this.props.onToggleAccountShare,
         onShareTypeChange: this.props.onAccountPermissionChange,
         accountPermission: this.props.accountPermission
-      })))));
+      }), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts) && this.props.renderSearchSection(SHARED_WITH_ACCOUNT), jsx(Text, {
+        as: "div",
+        weight: "bold",
+        lineHeight: "double"
+      }, t('Currently shared with')), jsx(Grid, {
+        vAlign: "middle"
+      }, existingAccounts.map(this.renderEntity))))));
     }
   }]);
 
@@ -217,7 +227,8 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
 }(Component), _class2.propTypes = {
   canEdit: PropTypes.bool.isRequired,
   currentUser: PropTypes.shape({
-    bank_admin: PropTypes.bool
+    bank_admin: PropTypes.bool,
+    can_share_banks_with_subaccounts: PropTypes.bool
   }),
   improvedBankSharingEnabled: PropTypes.bool.isRequired,
   newEntities: ImmutablePropTypes.list,

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

@@ -12,7 +12,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { Select } from '@instructure/ui-select';
 import { Spinner } from '@instructure/ui-spinner';
 import TagWrapper from "../../../common/components/shared/TagWrapper/index.js";
-import { SHARED_WITH_USER, SHARED_WITH_COURSE, SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
+import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
 export var AsyncSearch = /*#__PURE__*/function (_Component) {
   _inherits(AsyncSearch, _Component);
 
@@ -34,6 +34,7 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
       isShowingOptions: false,
       isLoading: false,
       highlightedOptionId: null,
+      shareableSubaccounts: [],
       shareableCourses: [],
       shareableUsers: []
     };
@@ -45,7 +46,7 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
     };
 
     _this.handleHideOptions = function () {
-      var allOptions = [].concat(_toConsumableArray(_this.filterOptions(_this.state.shareableCourses)), _toConsumableArray(_this.filterOptions(_this.state.shareableUsers))); // an option matching user input exists
+      var allOptions = [].concat(_toConsumableArray(_this.filterOptions(_this.state.shareableSubaccounts)), _toConsumableArray(_this.filterOptions(_this.state.shareableCourses)), _toConsumableArray(_this.filterOptions(_this.state.shareableUsers))); // an option matching user input exists
 
       if (allOptions.length === 1) {
         var onlyOption = allOptions[0]; // automatically select the matching option
@@ -166,7 +167,8 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
 
     _this.search = debounce(_this.props.debounceDelay, function (value) {
       var shouldSearchPeople = !_this.props.searchType || _this.props.searchType === SHARED_WITH_USER;
-      var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === SHARED_WITH_COURSE; // TODO add the promise cancellation for avoiding having disordered requests
+      var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === SHARED_WITH_COURSE;
+      var shouldSearchSubaccounts = _this.props.searchType === SHARED_WITH_ACCOUNT; // TODO add the promise cancellation for avoiding having disordered requests
 
       if (shouldSearchPeople) {
         _this.props.getShareableUsers(value).then(function (shareableUsers) {
@@ -191,6 +193,18 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           });
         });
       }
+
+      if (shouldSearchSubaccounts) {
+        _this.props.getShareableSubaccounts(value).then(function (shareableSubaccounts) {
+          var filteredAccounts = _this.filterOptions(shareableSubaccounts);
+
+          _this.setState({
+            shareableSubaccounts: shareableSubaccounts,
+            highlightedOptionId: filteredAccounts.length ? filteredAccounts[0].uuid : _this.state.highlightedOptionId,
+            isLoading: false
+          });
+        });
+      }
     });
     return _this;
   }
@@ -218,6 +232,16 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         });
       }
 
+      var account = find({
+        uuid: id
+      }, this.state.shareableSubaccounts);
+
+      if (account) {
+        return _objectSpread(_objectSpread({}, account), {}, {
+          entityType: SHARED_WITH_ACCOUNT
+        });
+      }
+
       return find({
         uuid: id
       }, this.props.selectedOption);
@@ -232,7 +256,7 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
           key: option.uuid,
           id: option.uuid,
           index: index,
-          text: option.fullName || option.title,
+          text: option.fullName || option.title || option.name,
           onClick: _this2.dismissTag
         });
       });
@@ -284,6 +308,24 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         }, course.title);
       }));
     }
+  }, {
+    key: "renderSubaccountsOptions",
+    value: function renderSubaccountsOptions(subaccounts) {
+      var _this6 = this;
+
+      return /*#__PURE__*/React.createElement(Select.Group, {
+        key: SHARED_WITH_ACCOUNT,
+        renderLabel: t('Accounts')
+      }, subaccounts.map(function (subaccount) {
+        return /*#__PURE__*/React.createElement(Select.Option, {
+          // eslint-disable-next-line react/jsx-no-literals
+          "data-automation": "sdk-item-bank-option-subaccount-".concat(subaccount.uuid),
+          id: subaccount.uuid,
+          key: subaccount.uuid,
+          isHighlighted: subaccount.uuid === _this6.state.highlightedOptionId
+        }, subaccount.name);
+      }));
+    }
   }, {
     key: "emptyOption",
     value: function emptyOption() {
@@ -313,6 +355,12 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         groups.push(this.renderCoursesOptions(courses));
       }
 
+      var subaccounts = this.filterOptions(this.state.shareableSubaccounts);
+
+      if (subaccounts.length) {
+        groups.push(this.renderSubaccountsOptions(subaccounts));
+      }
+
       return groups.length ? groups : /*#__PURE__*/React.createElement(Select.Option, {
         id: SELECT_EMPTY_OPTION,
         key: SELECT_EMPTY_OPTION
@@ -321,17 +369,27 @@ export var AsyncSearch = /*#__PURE__*/function (_Component) {
         size: "x-small"
       }) : this.emptyOption());
     }
+  }, {
+    key: "placeholder",
+    value: function placeholder() {
+      if (this.props.searchType === SHARED_WITH_ACCOUNT) {
+        return t('Enter subaccount name');
+      } else if (this.props.searchType === SHARED_WITH_COURSE) {
+        return t('Enter course name or course id');
+      } else {
+        return t('Enter name or login id');
+      }
+    }
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
           inputValue = _this$state.inputValue,
           isShowingOptions = _this$state.isShowingOptions;
-      var placeholder = this.props.searchType === SHARED_WITH_COURSE ? t('Enter course name or course id') : t('Enter name or login id');
       return /*#__PURE__*/React.createElement(Select, {
         "data-automation": "sdk-item-bank-share-input",
         renderLabel: t('Share With'),
-        placeholder: placeholder,
+        placeholder: this.placeholder(),
         inputValue: inputValue,
         isShowingOptions: isShowingOptions,
         inputRef: this.setInputRef,
@@ -357,6 +415,7 @@ AsyncSearch.propTypes = {
   onSelectionChange: PropTypes.func.isRequired,
   getShareableCourses: PropTypes.func.isRequired,
   getShareableUsers: PropTypes.func.isRequired,
+  getShareableSubaccounts: PropTypes.func.isRequired,
   searchType: PropTypes.string,
   selectedOption: PropTypes.arrayOf(PropTypes.shape({
     avatar: PropTypes.string,

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

@@ -81,7 +81,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
       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.getSharedBanks(_this.props.bank, _this.props.getUserInfo, _this.props.getCourseInfo, _this.props.getSubaccountInfo);
       } else {
         // eslint-disable-next-line react/no-did-mount-set-state
         _this.setState({
@@ -253,7 +253,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
           id: entity.uuid,
           entityType: entity.entityType,
           entityId: entity.uuid,
-          title: entity.fullName || entity.title,
+          title: entity.fullName || entity.title || entity.name,
           avatar: entity.avatar,
           email: entity.email,
           permission: _this.state.searchPermission
@@ -377,6 +377,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         }, jsx(Grid.Row, null, jsx(Grid.Col, null, jsx(AsyncSearch, {
           getShareableCourses: _this.props.getShareableCourses,
           getShareableUsers: _this.props.getShareableUsers,
+          getShareableSubaccounts: _this.props.getShareableSubaccounts,
           improvedBankSharingEnabled: _this.props.improvedBankSharingEnabled,
           minChars: _this.props.minChars,
           onSelectionChange: _this.handleSearchSelectionChange,
@@ -565,6 +566,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
   bank: ImmutablePropTypes.record.isRequired,
   currentUser: PropTypes.shape({
     bank_admin: PropTypes.bool,
+    can_share_banks_with_subaccounts: PropTypes.bool,
     email: PropTypes.string,
     enrollment_names: PropTypes.arrayOf(PropTypes.string),
     full_name: PropTypes.string,
@@ -578,6 +580,8 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
   getShareableUsers: PropTypes.func.isRequired,
   getSharedBanks: PropTypes.func.isRequired,
   getUserInfo: PropTypes.func.isRequired,
+  getShareableSubaccounts: PropTypes.func.isRequired,
+  getSubaccountInfo: PropTypes.func.isRequired,
   improvedBankSharingEnabled: PropTypes.bool,
   isOpen: PropTypes.bool,
   minChars: PropTypes.number,

package/es/building/components/resources/BanksTray/presenter.js

@@ -108,8 +108,10 @@ export var BanksTray = /*#__PURE__*/function (_Component) {
           getCourseInfo: this.props.getCourseInfo,
           getCourseAssignments: this.props.getCourseAssignments,
           getUserInfo: this.props.getUserInfo,
+          getSubaccountInfo: this.props.getSubaccountInfo,
           getShareableCourses: this.props.getShareableCourses,
           getShareableUsers: this.props.getShareableUsers,
+          getShareableSubaccounts: this.props.getShareableSubaccounts,
           minChars: this.props.minChars,
           onShare: this.props.onShare,
           scope: this.props.itemBanksScope
@@ -171,6 +173,7 @@ BanksTray.propTypes = {
   clear: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({
     bank_admin: PropTypes.bool,
+    can_share_banks_with_subaccounts: PropTypes.bool,
     email: PropTypes.string,
     enrollment_names: PropTypes.arrayOf(PropTypes.string),
     full_name: PropTypes.string,
@@ -182,6 +185,8 @@ BanksTray.propTypes = {
   getUserInfo: PropTypes.func,
   getShareableCourses: PropTypes.func,
   getShareableUsers: PropTypes.func,
+  getShareableSubaccounts: PropTypes.func,
+  getSubaccountInfo: PropTypes.func,
   minChars: PropTypes.number,
   newActiveBank: PropTypes.func.isRequired,
   newActiveBankEntry: PropTypes.func.isRequired,
@@ -204,6 +209,8 @@ BanksTray.defaultProps = {
   currentUser: null,
   getShareableCourses: null,
   getShareableUsers: null,
+  getShareableSubaccounts: null,
+  getSubaccountInfo: null,
   minChars: void 0,
   getCourseInfo: null,
   getCourseAssignments: null,

package/lib/banks/api/banks.js

@@ -274,10 +274,10 @@ var shareBank = function shareBank(_shareBank) {
           };
           dispatch((0, _callHandlers.handleShareBankResponse)(sharedBank));
         });
-      } else if (_shareBank.entityType === _quizCommon.SHARED_WITH_COURSE) {
+      } else {
         var sharedBank = {
           id: sharedBankInfo.id,
-          entityType: _quizCommon.SHARED_WITH_COURSE,
+          entityType: _shareBank.entityType,
           entityId: _shareBank.entityId,
           title: _shareBank.title,
           permission: sharedBankInfo.permission,
@@ -326,10 +326,8 @@ var getSharedBank = function getSharedBank(bankId, entityType, entityId) {
 
 exports.getSharedBank = getSharedBank;
 
-var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo) {
+var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo, getAccountInfo) {
   var url = "".concat(banksApiEndpoint, "/").concat(bank.id, "/shared_banks");
-  var userSharedBanks = [];
-  var courseSharedBanks = [];
   return function (dispatch, getState) {
     var fetcher = new _Fetcher.default({
       onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage.default)('Failed to fetch shared banks.'))
@@ -344,8 +342,10 @@ var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo) {
           permission: _quizCommon.CAN_EDIT,
           bank_id: bank.id
         });
-      }
+      } // USERS
+
 
+      var userSharedBanks = [];
       var userUuids = sharedBanksInfo.filter(function (sb) {
         return sb.entity_type === _quizCommon.SHARED_WITH_USER;
       }).map(function (sb) {
@@ -370,7 +370,9 @@ var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo) {
           }
         });
         dispatch((0, _callHandlers.handleShareBanksResponse)(userSharedBanks));
-      });
+      }); // COURSES
+
+      var courseSharedBanks = [];
       var courseUuids = sharedBanksInfo.filter(function (sb) {
         return sb.entity_type === _quizCommon.SHARED_WITH_COURSE;
       }).map(function (sb) {
@@ -394,6 +396,32 @@ var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo) {
           }
         });
         dispatch((0, _callHandlers.handleShareBanksResponse)(courseSharedBanks));
+      }); // ACCOUNTS
+
+      var accountSharedBanks = [];
+      var accountUuids = sharedBanksInfo.filter(function (sb) {
+        return sb.entity_type === _quizCommon.SHARED_WITH_ACCOUNT;
+      }).map(function (sb) {
+        return sb.entity_id;
+      });
+      getAccountInfo(accountUuids).then(function (accountsInfo) {
+        accountsInfo.forEach(function (accountInfo) {
+          var sharedBankInfo = sharedBanksInfo.find(function (sb) {
+            return sb.entity_type === _quizCommon.SHARED_WITH_ACCOUNT && sb.entity_id === accountInfo.uuid;
+          });
+
+          if (sharedBankInfo) {
+            accountSharedBanks.push({
+              id: sharedBankInfo.id,
+              entityType: sharedBankInfo.entity_type,
+              entityId: sharedBankInfo.entity_id,
+              title: accountInfo.name,
+              permission: sharedBankInfo.permission,
+              bankId: sharedBankInfo.bank_id
+            });
+          }
+        });
+        dispatch((0, _callHandlers.handleShareBanksResponse)(accountSharedBanks));
       });
     });
   };

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

@@ -208,8 +208,10 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
         focusCreateBankButton: _this.focusCreateBankButton,
         getCourseInfo: _this.props.getCourseInfo,
         getUserInfo: _this.props.getUserInfo,
+        getSubaccountInfo: _this.props.getSubaccountInfo,
         getShareableCourses: _this.props.getShareableCourses,
         getShareableUsers: _this.props.getShareableUsers,
+        getShareableSubaccounts: _this.props.getShareableSubaccounts,
         isCompact: _this.props.isCompact,
         itemBankSearchTableEnabled: _this.props.itemBankSearchTableEnabled,
         minChars: _this.props.minChars,
@@ -436,6 +438,7 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   createBank: _propTypes.default.func.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,
@@ -453,7 +456,11 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   getShareableCourses: _propTypes.default.func,
   // from consumer
   getShareableUsers: _propTypes.default.func,
-  // from consumer,
+  // from consumer
+  getShareableSubaccounts: _propTypes.default.func,
+  // from consumer
+  getSubaccountInfo: _propTypes.default.func,
+  // from consumer
   getCourseAssignments: _propTypes.default.func,
   // from consumer
   isCompact: _propTypes.default.bool,
@@ -490,6 +497,8 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   getShareableCourses: null,
   getShareableUsers: null,
   getCourseAssignments: null,
+  getShareableSubaccounts: null,
+  getSubaccountInfo: null,
   minChars: void 0,
   isCompact: false,
   navigateToBuild: null,

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

@@ -434,6 +434,7 @@ var BanksList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
         focusCreateBankButton: this.props.focusCreateBankButton,
         getCourseInfo: this.props.getCourseInfo,
         getUserInfo: this.props.getUserInfo,
+        getSubaccountInfo: this.props.getSubaccountInfo,
         isOpen: this.state.sharingModalOpen,
         minChars: this.props.minChars,
         modalTrigger: this.sharingButtons[this.state.sharingModalBank.id],
@@ -441,6 +442,7 @@ var BanksList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
         onShare: this.props.onShare,
         getShareableCourses: this.props.getShareableCourses,
         getShareableUsers: this.props.getShareableUsers,
+        getShareableSubaccounts: this.props.getShareableSubaccounts,
         updateSharedCount: this.updateSharedCount
       });
     }
@@ -544,6 +546,7 @@ var BanksList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   createBankCloneJob: _propTypes.default.func.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,
@@ -557,6 +560,7 @@ var BanksList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   getUserInfo: _propTypes.default.func,
   getShareableCourses: _propTypes.default.func,
   getShareableUsers: _propTypes.default.func,
+  getShareableSubaccounts: _propTypes.default.func,
   minChars: _propTypes.default.number,
   navigateToBank: _propTypes.default.func.isRequired,
   onShare: _propTypes.default.func,
@@ -572,6 +576,7 @@ var BanksList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   getUserInfo: null,
   getShareableCourses: null,
   getShareableUsers: null,
+  getShareableSubaccounts: null,
   minChars: void 0,
   locale: null,
   timezone: null,

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

@@ -178,11 +178,10 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
   }, {
     key: "render",
     value: function render() {
-      var _this$props$currentUs;
-
       var _this$props = this.props,
           shares = _this$props.shares,
-          subAccountBankSharingEnabled = _this$props.subAccountBankSharingEnabled;
+          subAccountBankSharingEnabled = _this$props.subAccountBankSharingEnabled,
+          currentUser = _this$props.currentUser;
       var newEntityIds = this.props.newEntities.map(function (e) {
         return e.get('id');
       });
@@ -195,6 +194,9 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
       var existingCourses = existingShares.filter(function (s) {
         return s.get('entityType') === _quizCommon.SHARED_WITH_COURSE;
       });
+      var existingAccounts = existingShares.filter(function (s) {
+        return s.get('entityType') === _quizCommon.SHARED_WITH_ACCOUNT;
+      });
       return (0, _emotion.jsx)("div", {
         className: "fs-mask"
       }, !subAccountBankSharingEnabled && (0, _emotion.jsx)(_uiText.Text, {
@@ -229,16 +231,24 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
         lineHeight: "double"
       }, (0, _formatMessage.default)('Currently shared with')), (0, _emotion.jsx)(_uiGrid.Grid, {
         vAlign: "middle"
-      }, existingCourses.map(this.renderEntity))), subAccountBankSharingEnabled && (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
-        renderTitle: (0, _formatMessage.default)('Accounts'),
+      }, existingCourses.map(this.renderEntity))), subAccountBankSharingEnabled && ((currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts)) && (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
+        renderTitle: (0, _formatMessage.default)('Accounts ({ accountsCount })', {
+          accountsCount: existingAccounts.size
+        }),
         isSelected: this.state.selectedTabIndex === 2,
         padding: "large small small small"
-      }, ((_this$props$currentUs = this.props.currentUser) === null || _this$props$currentUs === void 0 ? void 0 : _this$props$currentUs.bank_admin) && (0, _emotion.jsx)(_RootAccountSharing.default, {
+      }, (currentUser === null || currentUser === void 0 ? void 0 : currentUser.bank_admin) && (0, _emotion.jsx)(_RootAccountSharing.default, {
         accountName: this.props.accountName,
         onShareChange: this.props.onToggleAccountShare,
         onShareTypeChange: this.props.onAccountPermissionChange,
         accountPermission: this.props.accountPermission
-      })))));
+      }), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.can_share_banks_with_subaccounts) && this.props.renderSearchSection(_quizCommon.SHARED_WITH_ACCOUNT), (0, _emotion.jsx)(_uiText.Text, {
+        as: "div",
+        weight: "bold",
+        lineHeight: "double"
+      }, (0, _formatMessage.default)('Currently shared with')), (0, _emotion.jsx)(_uiGrid.Grid, {
+        vAlign: "middle"
+      }, existingAccounts.map(this.renderEntity))))));
     }
   }]);
   ShareList.displayName = "ShareList";
@@ -246,7 +256,8 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
 }(_react.Component), _class2.propTypes = {
   canEdit: _propTypes.default.bool.isRequired,
   currentUser: _propTypes.default.shape({
-    bank_admin: _propTypes.default.bool
+    bank_admin: _propTypes.default.bool,
+    can_share_banks_with_subaccounts: _propTypes.default.bool
   }),
   improvedBankSharingEnabled: _propTypes.default.bool.isRequired,
   newEntities: _reactImmutableProptypes.default.list,

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

@@ -59,6 +59,7 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
       isShowingOptions: false,
       isLoading: false,
       highlightedOptionId: null,
+      shareableSubaccounts: [],
       shareableCourses: [],
       shareableUsers: []
     };
@@ -70,7 +71,7 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
     };
 
     _this.handleHideOptions = function () {
-      var allOptions = [].concat((0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableCourses)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableUsers))); // an option matching user input exists
+      var allOptions = [].concat((0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableSubaccounts)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableCourses)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableUsers))); // an option matching user input exists
 
       if (allOptions.length === 1) {
         var onlyOption = allOptions[0]; // automatically select the matching option
@@ -191,7 +192,8 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
 
     _this.search = (0, _debounce.default)(_this.props.debounceDelay, function (value) {
       var shouldSearchPeople = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_USER;
-      var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_COURSE; // TODO add the promise cancellation for avoiding having disordered requests
+      var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_COURSE;
+      var shouldSearchSubaccounts = _this.props.searchType === _quizCommon.SHARED_WITH_ACCOUNT; // TODO add the promise cancellation for avoiding having disordered requests
 
       if (shouldSearchPeople) {
         _this.props.getShareableUsers(value).then(function (shareableUsers) {
@@ -216,6 +218,18 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
           });
         });
       }
+
+      if (shouldSearchSubaccounts) {
+        _this.props.getShareableSubaccounts(value).then(function (shareableSubaccounts) {
+          var filteredAccounts = _this.filterOptions(shareableSubaccounts);
+
+          _this.setState({
+            shareableSubaccounts: shareableSubaccounts,
+            highlightedOptionId: filteredAccounts.length ? filteredAccounts[0].uuid : _this.state.highlightedOptionId,
+            isLoading: false
+          });
+        });
+      }
     });
     return _this;
   }
@@ -243,6 +257,16 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
         });
       }
 
+      var account = (0, _find.default)({
+        uuid: id
+      }, this.state.shareableSubaccounts);
+
+      if (account) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, account), {}, {
+          entityType: _quizCommon.SHARED_WITH_ACCOUNT
+        });
+      }
+
       return (0, _find.default)({
         uuid: id
       }, this.props.selectedOption);
@@ -257,7 +281,7 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
           key: option.uuid,
           id: option.uuid,
           index: index,
-          text: option.fullName || option.title,
+          text: option.fullName || option.title || option.name,
           onClick: _this2.dismissTag
         });
       });
@@ -309,6 +333,24 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
         }, course.title);
       }));
     }
+  }, {
+    key: "renderSubaccountsOptions",
+    value: function renderSubaccountsOptions(subaccounts) {
+      var _this6 = this;
+
+      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, {
+        key: _quizCommon.SHARED_WITH_ACCOUNT,
+        renderLabel: (0, _formatMessage.default)('Accounts')
+      }, subaccounts.map(function (subaccount) {
+        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+          // eslint-disable-next-line react/jsx-no-literals
+          "data-automation": "sdk-item-bank-option-subaccount-".concat(subaccount.uuid),
+          id: subaccount.uuid,
+          key: subaccount.uuid,
+          isHighlighted: subaccount.uuid === _this6.state.highlightedOptionId
+        }, subaccount.name);
+      }));
+    }
   }, {
     key: "emptyOption",
     value: function emptyOption() {
@@ -338,6 +380,12 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
         groups.push(this.renderCoursesOptions(courses));
       }
 
+      var subaccounts = this.filterOptions(this.state.shareableSubaccounts);
+
+      if (subaccounts.length) {
+        groups.push(this.renderSubaccountsOptions(subaccounts));
+      }
+
       return groups.length ? groups : /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
         id: _quizCommon.SELECT_EMPTY_OPTION,
         key: _quizCommon.SELECT_EMPTY_OPTION
@@ -346,17 +394,27 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
         size: "x-small"
       }) : this.emptyOption());
     }
+  }, {
+    key: "placeholder",
+    value: function placeholder() {
+      if (this.props.searchType === _quizCommon.SHARED_WITH_ACCOUNT) {
+        return (0, _formatMessage.default)('Enter subaccount name');
+      } else if (this.props.searchType === _quizCommon.SHARED_WITH_COURSE) {
+        return (0, _formatMessage.default)('Enter course name or course id');
+      } else {
+        return (0, _formatMessage.default)('Enter name or login id');
+      }
+    }
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
           inputValue = _this$state.inputValue,
           isShowingOptions = _this$state.isShowingOptions;
-      var placeholder = this.props.searchType === _quizCommon.SHARED_WITH_COURSE ? (0, _formatMessage.default)('Enter course name or course id') : (0, _formatMessage.default)('Enter name or login id');
       return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, {
         "data-automation": "sdk-item-bank-share-input",
         renderLabel: (0, _formatMessage.default)('Share With'),
-        placeholder: placeholder,
+        placeholder: this.placeholder(),
         inputValue: inputValue,
         isShowingOptions: isShowingOptions,
         inputRef: this.setInputRef,
@@ -383,6 +441,7 @@ AsyncSearch.propTypes = {
   onSelectionChange: _propTypes.default.func.isRequired,
   getShareableCourses: _propTypes.default.func.isRequired,
   getShareableUsers: _propTypes.default.func.isRequired,
+  getShareableSubaccounts: _propTypes.default.func.isRequired,
   searchType: _propTypes.default.string,
   selectedOption: _propTypes.default.arrayOf(_propTypes.default.shape({
     avatar: _propTypes.default.string,

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

@@ -119,7 +119,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       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.getSharedBanks(_this.props.bank, _this.props.getUserInfo, _this.props.getCourseInfo, _this.props.getSubaccountInfo);
       } else {
         // eslint-disable-next-line react/no-did-mount-set-state
         _this.setState({
@@ -291,7 +291,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
           id: entity.uuid,
           entityType: entity.entityType,
           entityId: entity.uuid,
-          title: entity.fullName || entity.title,
+          title: entity.fullName || entity.title || entity.name,
           avatar: entity.avatar,
           email: entity.email,
           permission: _this.state.searchPermission
@@ -415,6 +415,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         }, (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,
           improvedBankSharingEnabled: _this.props.improvedBankSharingEnabled,
           minChars: _this.props.minChars,
           onSelectionChange: _this.handleSearchSelectionChange,
@@ -602,6 +603,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   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,
@@ -615,6 +617,8 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   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,
   improvedBankSharingEnabled: _propTypes.default.bool,
   isOpen: _propTypes.default.bool,
   minChars: _propTypes.default.number,

package/lib/building/components/resources/BanksTray/presenter.js

@@ -136,8 +136,10 @@ var BanksTray = /*#__PURE__*/function (_Component) {
           getCourseInfo: this.props.getCourseInfo,
           getCourseAssignments: this.props.getCourseAssignments,
           getUserInfo: this.props.getUserInfo,
+          getSubaccountInfo: this.props.getSubaccountInfo,
           getShareableCourses: this.props.getShareableCourses,
           getShareableUsers: this.props.getShareableUsers,
+          getShareableSubaccounts: this.props.getShareableSubaccounts,
           minChars: this.props.minChars,
           onShare: this.props.onShare,
           scope: this.props.itemBanksScope
@@ -200,6 +202,7 @@ BanksTray.propTypes = {
   clear: _propTypes.default.func.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,
@@ -211,6 +214,8 @@ BanksTray.propTypes = {
   getUserInfo: _propTypes.default.func,
   getShareableCourses: _propTypes.default.func,
   getShareableUsers: _propTypes.default.func,
+  getShareableSubaccounts: _propTypes.default.func,
+  getSubaccountInfo: _propTypes.default.func,
   minChars: _propTypes.default.number,
   newActiveBank: _propTypes.default.func.isRequired,
   newActiveBankEntry: _propTypes.default.func.isRequired,
@@ -233,6 +238,8 @@ BanksTray.defaultProps = {
   currentUser: null,
   getShareableCourses: null,
   getShareableUsers: null,
+  getShareableSubaccounts: null,
+  getSubaccountInfo: null,
   minChars: void 0,
   getCourseInfo: null,
   getCourseAssignments: null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.8.0",
+  "version": "20.8.1-rc.0+7ddfe123f",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.1.0",
-    "@instructure/quiz-common": "^20.8.0",
-    "@instructure/quiz-i18n": "^20.8.0",
-    "@instructure/quiz-interactions": "^20.8.0",
-    "@instructure/quiz-number-input": "^20.8.0",
-    "@instructure/quiz-rce": "^20.8.0",
+    "@instructure/quiz-common": "20.8.1-rc.0+7ddfe123f",
+    "@instructure/quiz-i18n": "20.8.1-rc.0+7ddfe123f",
+    "@instructure/quiz-interactions": "20.8.1-rc.0+7ddfe123f",
+    "@instructure/quiz-number-input": "20.8.1-rc.0+7ddfe123f",
+    "@instructure/quiz-rce": "20.8.1-rc.0+7ddfe123f",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^20.8.0",
+    "instructure-validations": "20.8.1-rc.0+7ddfe123f",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -143,7 +143,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^20.8.0",
+    "@instructure/quiz-scripts": "20.8.0",
     "@instructure/ui-axe-check": "^8.51.0",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^20.8.0",
+    "quiz-presets": "20.8.1-rc.0+7ddfe123f",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "18da7f69fb9bae61a56a7794b7a9e935fb9a8340"
+  "gitHead": "7ddfe123f7affbad1dc83267ac782ef96b1b24c0"
 }