@instructure/quiz-core 22.10.2 → 22.11.1-rc.88

package/lib/common/middleware/sharedBanksMiddleware.js

@@ -0,0 +1,250 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSharedBanksMiddleware = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _Fetcher = _interopRequireDefault(require("../util/Fetcher"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
+var _helpers = require("../api/helpers");
+var _callHandlers = require("../api/callHandlers");
+var _quizCommon = require("@instructure/quiz-common");
+var _sharingModal = require("../../common/actions/sharingModal");
+var banksApiEndpoint = '/api/banks';
+var chunkSize = 200;
+function getAllinfo(_x, _x2) {
+  return _getAllinfo.apply(this, arguments);
+}
+function _getAllinfo() {
+  _getAllinfo = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(func, uuids) {
+    var info, i, nextChunk, nextData, result;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          info = [];
+          for (i = 0; i < uuids.length; i += chunkSize) {
+            nextChunk = uuids.slice(i, i + chunkSize);
+            nextData = func(nextChunk);
+            info.push(nextData);
+          }
+          _context2.prev = 2;
+          _context2.next = 5;
+          return Promise.all(info);
+        case 5:
+          result = _context2.sent;
+          return _context2.abrupt("return", result.flat());
+        case 9:
+          _context2.prev = 9;
+          _context2.t0 = _context2["catch"](2);
+          console.error('Error fetching user info', _context2.t0);
+          return _context2.abrupt("return", []);
+        case 13:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[2, 9]]);
+  }));
+  return _getAllinfo.apply(this, arguments);
+}
+function getSharedBankUsers(_x3, _x4) {
+  return _getSharedBankUsers.apply(this, arguments);
+}
+function _getSharedBankUsers() {
+  _getSharedBankUsers = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(sharedBanksInfo, getUserInfo) {
+    var userSharedBanks, userUuids, usersInfo;
+    return _regenerator["default"].wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          userSharedBanks = [];
+          userUuids = sharedBanksInfo.filter(function (sb) {
+            return sb.entity_type === _quizCommon.SHARED_WITH_USER;
+          }).map(function (sb) {
+            return sb.entity_id;
+          });
+          _context3.next = 4;
+          return getAllinfo(getUserInfo, userUuids);
+        case 4:
+          usersInfo = _context3.sent;
+          usersInfo.forEach(function (userInfo) {
+            var sharedBankInfo = sharedBanksInfo.find(function (sb) {
+              return sb.entity_type === _quizCommon.SHARED_WITH_USER && sb.entity_id === userInfo.uuid;
+            });
+            if (sharedBankInfo) {
+              userSharedBanks.push({
+                id: sharedBankInfo.id,
+                entityType: sharedBankInfo.entity_type,
+                entityId: sharedBankInfo.entity_id,
+                title: userInfo.fullName,
+                avatar: userInfo.avatar,
+                permission: sharedBankInfo.permission,
+                bankId: sharedBankInfo.bank_id
+              });
+            }
+          });
+          return _context3.abrupt("return", userSharedBanks);
+        case 7:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _getSharedBankUsers.apply(this, arguments);
+}
+function getSharedBankCourses(_x5, _x6) {
+  return _getSharedBankCourses.apply(this, arguments);
+}
+function _getSharedBankCourses() {
+  _getSharedBankCourses = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(sharedBanksInfo, getCourseInfo) {
+    var courseSharedBanks, courseUuids, coursesInfo;
+    return _regenerator["default"].wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          courseSharedBanks = [];
+          courseUuids = sharedBanksInfo.filter(function (sb) {
+            return sb.entity_type === _quizCommon.SHARED_WITH_COURSE;
+          }).map(function (sb) {
+            return sb.entity_id;
+          });
+          _context4.next = 4;
+          return getAllinfo(getCourseInfo, courseUuids);
+        case 4:
+          coursesInfo = _context4.sent;
+          coursesInfo.forEach(function (courseInfo) {
+            var sharedBankInfo = sharedBanksInfo.find(function (sb) {
+              return sb.entity_type === _quizCommon.SHARED_WITH_COURSE && sb.entity_id === courseInfo.uuid;
+            });
+            if (sharedBankInfo) {
+              courseSharedBanks.push({
+                id: sharedBankInfo.id,
+                entityType: sharedBankInfo.entity_type,
+                entityId: sharedBankInfo.entity_id,
+                title: courseInfo.title,
+                permission: sharedBankInfo.permission,
+                bankId: sharedBankInfo.bank_id
+              });
+            }
+          });
+          return _context4.abrupt("return", courseSharedBanks);
+        case 7:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _getSharedBankCourses.apply(this, arguments);
+}
+function getSharedBankAccounts(_x7, _x8) {
+  return _getSharedBankAccounts.apply(this, arguments);
+}
+function _getSharedBankAccounts() {
+  _getSharedBankAccounts = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(sharedBanksInfo, getAccountInfo) {
+    var accountSharedBanks, accountUuids, accountsInfo;
+    return _regenerator["default"].wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          accountSharedBanks = [];
+          accountUuids = sharedBanksInfo.filter(function (sb) {
+            return sb.entity_type === _quizCommon.SHARED_WITH_ACCOUNT;
+          }).map(function (sb) {
+            return sb.entity_id;
+          });
+          _context5.next = 4;
+          return getAllinfo(getAccountInfo, accountUuids);
+        case 4:
+          accountsInfo = _context5.sent;
+          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
+              });
+            }
+          });
+          return _context5.abrupt("return", accountSharedBanks);
+        case 7:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return _getSharedBankAccounts.apply(this, arguments);
+}
+var createSharedBanksMiddleware = exports.createSharedBanksMiddleware = function createSharedBanksMiddleware() {
+  return function (store) {
+    return function (next) {
+      return /*#__PURE__*/function () {
+        var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(action) {
+          var _action$payload, bank, getUserInfo, getCourseInfo, getAccountInfo, dispatch, url, startLoading, fetcher, sharedBanksInfo, users, courses, accounts, endLoading;
+          return _regenerator["default"].wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (!(action.type === _quizCommon.GET_SHARED_BANKS)) {
+                  _context.next = 23;
+                  break;
+                }
+                _action$payload = action.payload, bank = _action$payload.bank, getUserInfo = _action$payload.getUserInfo, getCourseInfo = _action$payload.getCourseInfo, getAccountInfo = _action$payload.getAccountInfo;
+                dispatch = store.dispatch;
+                url = "".concat(banksApiEndpoint, "/").concat(bank.id, "/shared_banks");
+                startLoading = {
+                  loading: true
+                };
+                dispatch((0, _sharingModal.sharedBankLoadingAction)(startLoading));
+                fetcher = new _Fetcher["default"]({
+                  onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage["default"])('Failed to fetch shared banks.'))
+                });
+                _context.next = 9;
+                return fetcher.get(url);
+              case 9:
+                sharedBanksInfo = _context.sent;
+                // Add bank creator if no data
+                if (sharedBanksInfo.length === 0) {
+                  sharedBanksInfo.push({
+                    id: '-1',
+                    entity_type: _quizCommon.SHARED_WITH_USER,
+                    entity_id: bank.creator,
+                    permission: _quizCommon.CAN_EDIT,
+                    bank_id: bank.id
+                  });
+                }
+                _context.next = 13;
+                return getSharedBankUsers(sharedBanksInfo, getUserInfo);
+              case 13:
+                users = _context.sent;
+                _context.next = 16;
+                return getSharedBankCourses(sharedBanksInfo, getCourseInfo);
+              case 16:
+                courses = _context.sent;
+                _context.next = 19;
+                return getSharedBankAccounts(sharedBanksInfo, getAccountInfo);
+              case 19:
+                accounts = _context.sent;
+                dispatch((0, _callHandlers.handleShareBanksResponse)(users.concat(courses).concat(accounts)));
+                endLoading = {
+                  loading: false
+                };
+                dispatch((0, _sharingModal.sharedBankLoadingAction)(endLoading));
+              case 23:
+                return _context.abrupt("return", next(action));
+              case 24:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x9) {
+          return _ref.apply(this, arguments);
+        };
+      }();
+    };
+  };
+};

package/lib/common/records/Bank.js

@@ -13,7 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _immutable = require("immutable");
 var _reduxRecord = _interopRequireDefault(require("./reduxRecord"));
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
 var _instructureValidations = require("instructure-validations");
 var _quizInteractions = require("@instructure/quiz-interactions");

package/lib/common/records/Item.js

@@ -12,7 +12,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _immutable = require("immutable");
 var _quizInteractions = require("@instructure/quiz-interactions");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _instructureValidations = require("instructure-validations");
 var _quizCommon = require("@instructure/quiz-common");
 var _reduxRecord = _interopRequireDefault(require("./reduxRecord"));
@@ -149,6 +149,7 @@ var Item = exports.Item = /*#__PURE__*/function (_ReduxRecord) {
   feedback: (0, _immutable.Map)(),
   answerFeedback: (0, _immutable.Map)(),
   stimulusId: null,
-  calculatorType: 'none'
+  calculatorType: 'none',
+  metadata: (0, _immutable.Map)()
 }));
 var _default = exports["default"] = Item;

package/lib/common/records/Quiz.js

@@ -14,7 +14,7 @@ var _applyDecoratedDescriptor2 = _interopRequireDefault(require("@babel/runtime/
 var _immutable = require("immutable");
 var _instructureValidations = require("instructure-validations");
 var _quizInteractions = require("@instructure/quiz-interactions");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _QuizAnalysis = _interopRequireDefault(require("./QuizAnalysis"));
 var _reduxRecord = _interopRequireDefault(require("./reduxRecord"));
 var _withStateCache = _interopRequireDefault(require("../util/withStateCache"));

package/lib/common/records/QuizAnalysis.js

@@ -11,7 +11,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _reduxRecord = _interopRequireDefault(require("./reduxRecord"));
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 function _callSuper(_this, derived, args) {
   function isNativeReflectConstruct() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;

package/lib/common/records/QuizEntry.js

@@ -24,7 +24,7 @@ var _BankEntry2 = _interopRequireDefault(require("./BankEntry"));
 var _quizCommon = require("@instructure/quiz-common");
 var _immutableHelpers = require("../util/immutableHelpers");
 var _withStateCache = _interopRequireDefault(require("../util/withStateCache"));
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _dec, _class;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -316,6 +316,13 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _withStateCache["default"])(func
     get: function get() {
       return !isNaN(parseInt(this.stimulusQuizEntryId, 10));
     }
+  }, {
+    key: "isAiGenerated",
+    get: function get() {
+      var _this$getEntry;
+      var tags = ((_this$getEntry = this.getEntry()) === null || _this$getEntry === void 0 || (_this$getEntry = _this$getEntry.metadata) === null || _this$getEntry === void 0 ? void 0 : _this$getEntry.get('tags', (0, _immutable.List)())) || (0, _immutable.List)();
+      return tags.includes('ai-generated');
+    }
   }, {
     key: "isTemporary",
     get: function get() {

package/lib/common/records/Stimulus.js

@@ -13,7 +13,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _immutable = require("immutable");
 var _reduxRecord = _interopRequireDefault(require("./reduxRecord"));
 var _quizCommon = require("@instructure/quiz-common");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _instructureValidations = require("instructure-validations");
 var _quizInteractions = require("@instructure/quiz-interactions");
 function _callSuper(_this, derived, args) {

package/lib/common/reducers/sharingModal.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _immutable = require("immutable");
+var _quizCommon = require("@instructure/quiz-common");
+var changeLoading = function changeLoading(state, payload) {
+  return state.merge({
+    loading: payload.loading !== undefined ? payload.loading : state.loading
+  });
+};
+var _default = exports["default"] = function _default() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _immutable.fromJS)({});
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _quizCommon.CHANGE_MODAL_LOADING:
+      return changeLoading(state, action.payload);
+    default:
+      return state;
+  }
+};

package/lib/common/util/Fetcher.js

@@ -13,7 +13,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _humps = require("humps");
 var _queryString = _interopRequireDefault(require("query-string"));
 var _isomorphicFetch = _interopRequireDefault(require("isomorphic-fetch"));
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _jsonify = _interopRequireDefault(require("./jsonify"));
 var _httpHeaders = require("./httpHeaders");
 var _reduxStore = _interopRequireDefault(require("../../reduxStore"));

package/lib/common/util/TimerService.js

@@ -8,7 +8,7 @@ exports["default"] = exports.TimerService = exports.MAX_SETTIMEOUT_IN_MILLISECON
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _reduxStore = _interopRequireDefault(require("../../reduxStore"));
 var MAX_SETTIMEOUT_IN_MILLISECONDS = exports.MAX_SETTIMEOUT_IN_MILLISECONDS = 20 * 24 * 3600 * 1000; // ms of 20 days
 var TimerService = exports.TimerService = /*#__PURE__*/function () {

package/lib/common/util/formatTimespan.js

@@ -8,7 +8,7 @@ exports.displayDateAndTimeInTimezone = displayDateAndTimeInTimezone;
 exports.formatTime = formatTime;
 exports.formatTimeToFullNumeric = formatTimeToFullNumeric;
 exports.formatTimespan = void 0;
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _luxon = require("luxon");
 var minuteDuration = 60;
 var hourDuration = 3600;

package/lib/common/util/interactionTypeMetadata.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.interactionTypesNameDictionary = exports.interactionTypeMetadata = void 0;
 var _uiIcons = require("@instructure/ui-icons");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 // TODO: Add correct icon file imports when they are in inst icons
 // import { MultipleChoiceIcon } from '@instructure/ui-icons'
 // import { MultipleAnswerIcon } from '@instructure/ui-icons'

package/lib/common/util/interactionTypePropsHelper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propsForInteractionShow = exports.propsForInteractionEdit = void 0;
 var _quizRce = require("@instructure/quiz-rce");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _featureCheck = require("./featureCheck");
 var propsForInteractionEdit = exports.propsForInteractionEdit = function propsForInteractionEdit(props, additionalOptions) {
   var item = props.workingItem.toJS();

package/lib/common/util/maxContent.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
 var _default = exports["default"] = function _default(val, options) {
   var limit = options.limit || _quizCommon.BUILD_CHAR_LIMIT;

package/lib/common/util/useRemoteComponent.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRemoteComponent = useRemoteComponent;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
+// @ts-check
+
+/**
+ * Custom hook to load and render a remote component asynchronously.
+ *
+ * @param {() => Promise<{
+ *   render: (container: HTMLElement, props: unknown) => void,
+ *   unmount?: () => void
+ * }>} loadRemoteModule - A function that returns a promise resolving to the remote component module
+ * @param {unknown | undefined} props - Props to pass to the remote component when rendering
+ * @param {boolean} enabled - Whether the remote component should be loaded and rendered
+ *
+ * @returns {{
+ *   containerRef: React.MutableRefObject<HTMLDivElement | null>,
+ *   componentActivityState: 'idle' | 'pending' | 'success' | 'error',
+ *   componentError: Error | null,
+ *   unmount: () => void
+ * }} An object containing the container ref and unmount function
+ */
+function useRemoteComponent(loadRemoteModule, props) {
+  var enabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var mountCancelled = (0, _react.useRef)(false);
+  var _useState = (0, _react.useState)(/** @type {'idle' | 'pending' | 'success' | 'error'} */'idle'),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    componentActivityState = _useState2[0],
+    setComponentActivityState = _useState2[1];
+  var _useState3 = (0, _react.useState)(/** @type {Error | null} */null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    componentError = _useState4[0],
+    setComponentError = _useState4[1];
+
+  /**
+   * @type {React.MutableRefObject<{
+   *   render: (container: HTMLElement, props: unknown) => void,
+   *   unmount?: () => void
+   * } | null>}
+   */
+  var remoteModuleRef = (0, _react.useRef)(null);
+
+  /**
+   * @type {React.MutableRefObject<HTMLDivElement | null>}
+   */
+  var containerRef = (0, _react.useRef)(null);
+
+  // Note: This workflow can be converted to a TanStack Query hook in the future.
+  (0, _react.useEffect)(function () {
+    if (loadRemoteModule == null || !enabled || componentActivityState === 'error') {
+      return;
+    }
+    mountCancelled.current = false;
+    setComponentActivityState('idle');
+    function loadModule() {
+      return _loadModule.apply(this, arguments);
+    }
+    function _loadModule() {
+      _loadModule = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var module;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              if (!remoteModuleRef.current) {
+                _context.next = 4;
+                break;
+              }
+              setComponentActivityState('success');
+              return _context.abrupt("return", remoteModuleRef.current);
+            case 4:
+              setComponentActivityState('pending');
+              _context.next = 7;
+              return loadRemoteModule();
+            case 7:
+              module = _context.sent;
+              setComponentActivityState('success');
+              return _context.abrupt("return", module);
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](0);
+              setComponentActivityState('error');
+              setComponentError(new Error((0, _formatMessage["default"])('Failed to load remote module: {error}', {
+                error: _context.t0
+              })));
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 12]]);
+      }));
+      return _loadModule.apply(this, arguments);
+    }
+    loadModule().then(function (module) {
+      if (module) {
+        remoteModuleRef.current = module;
+      }
+      var container = containerRef.current;
+      if (container == null || module == null || mountCancelled.current) {
+        return;
+      }
+      module.render(container, props);
+    });
+    return function () {
+      mountCancelled.current = true;
+    };
+  }, [loadRemoteModule, props, enabled]);
+  var unmount = (0, _react.useCallback)(function () {
+    var _module$unmount;
+    if (mountCancelled.current || !containerRef.current) {
+      return;
+    }
+    var module = remoteModuleRef.current;
+    if (!module) {
+      return;
+    }
+    (_module$unmount = module.unmount) === null || _module$unmount === void 0 || _module$unmount.call(module);
+  }, []);
+  return {
+    containerRef: containerRef,
+    componentActivityState: componentActivityState,
+    componentError: componentError,
+    unmount: unmount
+  };
+}

package/lib/common/util/warningHelpers.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
 var _uiText = require("@instructure/ui-text");
 var _uiView = require("@instructure/ui-view");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
 var propsForVersioningWrapper = function propsForVersioningWrapper(copyDescription, immutableDescription, isImmutable, shouldClone, setShouldClone, switchOffEditing, isEditing) {
   var alertType = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 'warning';
   var defaultProps = {

package/lib/common/util/withDynamoPagination.js

@@ -8,12 +8,15 @@ exports["default"] = void 0;
 exports.withDynamoPagination = withDynamoPagination;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function _callSuper(_this, derived, args) {
   function isNativeReflectConstruct() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
@@ -28,7 +31,15 @@ function _callSuper(_this, derived, args) {
   derived = (0, _getPrototypeOf2["default"])(derived);
   return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
 }
+/**
+ * Returns a class that extends the Fetcher class to handle DynamoDB pagination.
+ *
+ * @param {Function} Fetcher - The Fetcher class to extend
+ * @param {Object.<string, any>} optionalParams - Optional query parameters to pass to the request
+ * @returns {Function} - A new class that extends Fetcher with pagination capabilities
+ */
 function withDynamoPagination(Fetcher) {
+  var optionalParams = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return /*#__PURE__*/function (_Fetcher) {
     function _class() {
       var _this2;
@@ -66,10 +77,10 @@ function withDynamoPagination(Fetcher) {
                 ancillary = [];
               case 3:
                 _context.next = 5;
-                return this.get(url, {
+                return this.get(url, _objectSpread({
                   lastEvaluatedHashKey: lastEvaluatedHashKey,
                   lastEvaluatedRangeKey: lastEvaluatedRangeKey
-                });
+                }, optionalParams));
               case 5:
                 response = _context.sent;
                 responses.push(response);

package/lib/configureStore.js

@@ -17,6 +17,7 @@ var _alertTimerMiddleware = _interopRequireDefault(require("./common/middleware/
 var _crossDomainMessagingMiddleware = _interopRequireDefault(require("./common/middleware/crossDomainMessagingMiddleware"));
 var _eventLoggerMiddleware = _interopRequireDefault(require("./common/middleware/eventLoggerMiddleware"));
 var _quizTimerWebSocketMiddleware = require("./common/middleware/quizTimerWebSocketMiddleware");
+var _sharedBanksMiddleware = require("./common/middleware/sharedBanksMiddleware");
 var _alerts = _interopRequireDefault(require("./common/reducers/alerts"));
 var _banks = _interopRequireDefault(require("./common/reducers/banks"));
 var _bankEntries = _interopRequireDefault(require("./common/reducers/bankEntries"));
@@ -54,6 +55,7 @@ var _qtiImports = _interopRequireDefault(require("./common/reducers/qtiImports")
 var _printing = _interopRequireDefault(require("./common/reducers/printing"));
 var _rce = _interopRequireDefault(require("./common/reducers/rce"));
 var _analyses = _interopRequireDefault(require("./common/reducers/analyses"));
+var _sharingModal = _interopRequireDefault(require("./common/reducers/sharingModal"));
 var _dragAndDrop = _interopRequireDefault(require("./common/reducers/dragAndDrop"));
 var _sharedBanks = _interopRequireDefault(require("./common/reducers/sharedBanks"));
 // middleware
@@ -85,7 +87,7 @@ function configureStore(_ref) {
   var getMiddleware = function getMiddleware(implementation, override) {
     return isTest && override ? override : implementation;
   };
-  var middlewares = [getMiddleware(_alertTimerMiddleware["default"], middlewareOverrides.alertTimerMiddleware), getMiddleware(_crossDomainMessagingMiddleware["default"], middlewareOverrides.crossDomainMessagingMiddleware), getMiddleware(_reduxMulti["default"], middlewareOverrides.multiMiddleware), getMiddleware((0, _eventLoggerMiddleware["default"])(), middlewareOverrides.kinesisMiddleware), getMiddleware(_reduxThunk["default"], middlewareOverrides.thunkMiddleware), getMiddleware((0, _quizTimerWebSocketMiddleware.createQuizTimerWebSocketMiddleware)(), middlewareOverrides.websocketMiddleware)];
+  var middlewares = [getMiddleware(_alertTimerMiddleware["default"], middlewareOverrides.alertTimerMiddleware), getMiddleware(_crossDomainMessagingMiddleware["default"], middlewareOverrides.crossDomainMessagingMiddleware), getMiddleware(_reduxMulti["default"], middlewareOverrides.multiMiddleware), getMiddleware((0, _eventLoggerMiddleware["default"])(), middlewareOverrides.kinesisMiddleware), getMiddleware(_reduxThunk["default"], middlewareOverrides.thunkMiddleware), getMiddleware((0, _quizTimerWebSocketMiddleware.createQuizTimerWebSocketMiddleware)(), middlewareOverrides.websocketMiddleware), getMiddleware((0, _sharedBanksMiddleware.createSharedBanksMiddleware)(), middlewareOverrides.sharedBanksMiddleware)];
   var devMiddleware = [getMiddleware(loggerMiddleware, middlewareOverrides.logger)];
   if (inDevelopment) {
     middlewares.push.apply(middlewares, devMiddleware);
@@ -106,6 +108,7 @@ function configureStore(_ref) {
     banks: _banks["default"],
     bankEntries: _bankEntries["default"],
     sharedBanks: _sharedBanks["default"],
+    sharingModal: _sharingModal["default"],
     calls: _calls["default"],
     config: _config["default"],
     editing: _editing["default"],