@instructure/quiz-core 17.48.1-rc.2 → 17.48.1-rc.4

package/lib/common/components/RceConfigProvider/RceConfigProvider.js

@@ -1,290 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RceConfigProvider = exports.RceConfigProviderComponent = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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 = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactRedux = require("../../react-redux.js");
-
-var _reduxStore = _interopRequireDefault(require("../../../reduxStore.js"));
-
-var _rce = require("../../actions/rce.js");
-
-var _rceChecker = require("../../util/rceChecker.js");
-
-var _Spinner = require("../shared/spinner/Spinner.js");
-
-var _index = require("../shared/Card/index.js");
-
-var _quizCommon = require("@instructure/quiz-common");
-
-var _alerts = require("../../actions/alerts.js");
-
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _quizInteractions = require("@instructure/quiz-interactions");
-
-var _windowChecks = require("../../util/windowChecks.js");
-
-var _ref4 = /*#__PURE__*/_react.default.createElement(_index.Card, {
-  wrapped: true
-}, /*#__PURE__*/_react.default.createElement(_Spinner.QuizzesSpinner, null));
-
-var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
-  var _useState = (0, _react.useState)(props.rcsJwt),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      jwt = _useState2[0],
-      setJwt = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      canvasConfig = _useState4[0],
-      setCanvasConfig = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(true),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      canvasConfigLoading = _useState6[0],
-      setCanvasConfigLoading = _useState6[1];
-
-  var hasAllPropsForRcs = function hasAllPropsForRcs() {
-    return !!(props.contextId && props.contextType && props.canvasUserId && props.rcsHost && props.rcsJwtRefreshFn && props.rcsJwt);
-  };
-
-  var isRce5Disabled = function isRce5Disabled() {
-    return !props.isNewRCEEnabled && !props.isNewRCERendererEnabled;
-  };
-
-  var refreshToken = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(setTokenFn, questionStem) {
-      var _response$json;
-
-      var response, refreshedToken, normalizedStem, extractedText;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (hasAllPropsForRcs()) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              _context.next = 4;
-              return props.rcsJwtRefreshFn(jwt);
-
-            case 4:
-              response = _context.sent;
-              refreshedToken = response === null || response === void 0 ? void 0 : (_response$json = response.json) === null || _response$json === void 0 ? void 0 : _response$json.token; // inst-redux-service-middleware response structure
-
-              if (refreshedToken) {
-                _context.next = 11;
-                break;
-              }
-
-              normalizedStem = questionStem !== null && questionStem !== void 0 ? questionStem : 'Unknown stem';
-              extractedText = (0, _quizInteractions.extractTextFromHtml)(normalizedStem);
-              handleError((0, _formatMessage.default)('Error while answering "{stem}": Full functionality of the Rich Content Editor may not have been available to the user.', {
-                stem: extractedText
-              }));
-              return _context.abrupt("return");
-
-            case 11:
-              setJwt(refreshedToken);
-              setTokenFn(refreshedToken);
-
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function refreshToken(_x, _x2) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var handleError = function handleError(quizLogMessage) {
-    if (shouldAlertUser()) {
-      alertTheUser(alertMessage());
-    }
-
-    if (shouldsetEventToQuizLog()) {
-      setEventToQuizLog(quizLogMessage);
-    }
-  };
-
-  var alertTheUser = function alertTheUser(message) {
-    _reduxStore.default.dispatch((0, _alerts.addError)(message));
-  };
-
-  var setEventToQuizLog = function setEventToQuizLog(message) {
-    props.setEventToQuizLog(message);
-  };
-
-  var alertMessage = function alertMessage() {
-    return (0, _windowChecks.isQuizTaking)() ? (0, _formatMessage.default)('The Rich Content Editor has encountered an issue. ' + 'It has been logged for your instructor to review. Please refresh and try again.') : (0, _formatMessage.default)('The Rich Content Editor has encountered an issue. Please refresh and try again.');
-  };
-
-  var shouldAlertUser = function shouldAlertUser() {
-    return (0, _windowChecks.isQuizTaking)() || (0, _windowChecks.isQuizBuilding)();
-  };
-
-  var shouldsetEventToQuizLog = function shouldsetEventToQuizLog() {
-    return (0, _windowChecks.isQuizTaking)();
-  };
-
-  var getConfig = function getConfig() {
-    var _featureFlags, _ref2;
-
-    return {
-      featureFlags: (_featureFlags = {}, (0, _defineProperty2.default)(_featureFlags, _quizCommon.RceConfigKeys.isNewRCEEnabled, props.isNewRCEEnabled), (0, _defineProperty2.default)(_featureFlags, _quizCommon.RceConfigKeys.isNewRCERendererEnabled, props.isNewRCERendererEnabled), (0, _defineProperty2.default)(_featureFlags, _quizCommon.RceConfigKeys.isNewRCEAppsEnabled, props.isNewRCEAppsEnabled), _featureFlags),
-      rcs: hasAllPropsForRcs() && canvasConfig ? (_ref2 = {}, (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.canvasUserId, props.canvasUserId), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.contextId, props.contextId), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.contextType, props.contextType), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.rcsHost, props.rcsHost), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.rcsJwt, jwt), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.rcsJwtRefreshFn, refreshToken), (0, _defineProperty2.default)(_ref2, _quizCommon.RceConfigKeys.canvasConfig, canvasConfig), _ref2) : null,
-      rendererEnhancement: (0, _defineProperty2.default)({}, _quizCommon.RceConfigKeys.canvasOrigin, props.canvasOrigin)
-    };
-  };
-
-  (0, _react.useEffect)(function () {
-    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var host, base, url, response, json;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!isRce5Disabled()) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              _context2.prev = 2;
-
-              if (hasAllPropsForRcs()) {
-                _context2.next = 6;
-                break;
-              }
-
-              handleError((0, _formatMessage.default)('Error: Full functionality of the Rich Content Editor may not have been available to the user.'));
-              return _context2.abrupt("return");
-
-            case 6:
-              host = props.rcsHost;
-              base = host.match(/^https?:\/\//) ? host : "".concat(window.location.protocol, "//").concat(host);
-              url = new URL('/api/rceConfig', base);
-              url.searchParams.append('contextType', props.contextType);
-              url.searchParams.append('contextId', props.contextId);
-              _context2.next = 13;
-              return fetch(url.href, {
-                headers: {
-                  'Authorization': "Bearer ".concat(props.rcsJwt)
-                }
-              });
-
-            case 13:
-              response = _context2.sent;
-              _context2.next = 16;
-              return response.json();
-
-            case 16:
-              json = _context2.sent;
-              setCanvasConfig(json);
-              setEventToQuizLog(null);
-              _context2.next = 25;
-              break;
-
-            case 21:
-              _context2.prev = 21;
-              _context2.t0 = _context2["catch"](2);
-              setCanvasConfig(null);
-              handleError((0, _formatMessage.default)('Error: Full functionality of the Rich Content Editor including accessibility features may not have been available to the user.'));
-
-            case 25:
-              _context2.prev = 25;
-              setCanvasConfigLoading(false);
-              return _context2.finish(25);
-
-            case 28:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[2, 21, 25, 28]]);
-    }))();
-  }, [props.isNewRCEEnabled, props.isNewRCERendererEnabled]);
-
-  if (isRce5Disabled()) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children);
-  }
-
-  if (!canvasConfigLoading) {
-    return /*#__PURE__*/_react.default.createElement(_quizCommon.RceConfigContext.Provider, {
-      value: getConfig()
-    }, props.children);
-  } else {
-    return _ref4;
-  }
-};
-
-exports.RceConfigProviderComponent = RceConfigProviderComponent;
-RceConfigProviderComponent.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  isNewRCEEnabled: _propTypes.default.bool.isRequired,
-  isNewRCERendererEnabled: _propTypes.default.bool.isRequired,
-  isNewRCEAppsEnabled: _propTypes.default.bool,
-  setEventToQuizLog: _propTypes.default.func.isRequired,
-  contextId: _propTypes.default.string,
-  contextType: _propTypes.default.string,
-  canvasUserId: _propTypes.default.string,
-  rcsHost: _propTypes.default.string,
-  rcsJwt: _propTypes.default.string,
-  rcsJwtRefreshFn: _propTypes.default.func,
-  canvasOrigin: _propTypes.default.string
-};
-RceConfigProviderComponent.defaultProps = {
-  contextId: null,
-  contextType: null,
-  canvasUserId: null,
-  rcsHost: null,
-  rcsJwt: null,
-  rcsJwtRefreshFn: null,
-  canvasOrigin: null,
-  isNewRCEEnabled: false,
-  isNewRCERendererEnabled: false,
-  isNewRCEAppsEnabled: false
-};
-
-var mapStateToProps = function mapStateToProps() {
-  return {
-    isNewRCEEnabled: (0, _rceChecker.isNewRCEEnabled)(),
-    isNewRCERendererEnabled: (0, _rceChecker.isNewRCERendererEnabled)(),
-    isNewRCEAppsEnabled: (0, _rceChecker.isNewRCEAppsEnabled)()
-  };
-};
-
-var mapDispatchToProps = {
-  setEventToQuizLog: _rce.setRCEError
-};
-var RceConfigProvider = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(RceConfigProviderComponent);
-exports.RceConfigProvider = RceConfigProvider;