@instructure/quiz-core 17.34.1-rc.0 → 17.34.1-rc.12

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

@@ -222,9 +222,10 @@ export var SharingModalPresenter = (_dec = themeable(theme, styles), _dec(_class
         });
         var removedNewEntity = newEntitiesIndex > -1;
         var newShares = removedNewEntity ? prevState.shares.delete(sharesIndex) : prevState.shares.setIn([sharesIndex, 'permission'], permission);
+        var newEntities = removedNewEntity ? prevState.newEntities.delete(newEntitiesIndex) : prevState.newEntities;
         return {
           shares: newShares,
-          newEntities: prevState.newEntities.delete(newEntitiesIndex),
+          newEntities: newEntities,
           entitiesWithChangedPermission: Object.assign({}, prevState.entitiesWithChangedPermission, _defineProperty({}, id, permission))
         };
       }, _this.updateEntitiesCount);

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

@@ -179,7 +179,7 @@ export var DeleteStimulusModal = (_dec = themeable(theme, styles), _dec(_class =
       return /*#__PURE__*/React.createElement(Button, {
         onClick: this.closeAction,
         margin: XSMALL_SIDE_MARGIN
-      }, t('Cancel'));
+      }, t('Keep Stimulus'));
     }
   }, {
     key: "doneButton",
@@ -194,7 +194,7 @@ export var DeleteStimulusModal = (_dec = themeable(theme, styles), _dec(_class =
         onClick: this.handleSubmit,
         margin: XSMALL_SIDE_MARGIN,
         "data-automation": "sdk-stimulus-doneButton"
-      }, t('Submit'));
+      }, t('Remove Stimulus'));
     }
   }, {
     key: "renderChooseWhich",

package/es/common/components/SDKApp/index.js

@@ -34,6 +34,7 @@ import theme from "./theme.js";
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
 import ConfirmationModal from "../ConfirmationModal/index.js";
 import setupFormatMessage from '@instructure/quiz-i18n/es/util/setupFormatMessage';
+import { RceConfigProvider } from "../../util/RceConfigProvider.js";
 
 var _ref = /*#__PURE__*/React.createElement(ConfirmationModal, null);
 
@@ -131,13 +132,13 @@ export var SDKApp = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
           context = this.context;
       return /*#__PURE__*/React.createElement(Provider, {
         store: store
-      }, /*#__PURE__*/React.createElement(ApplyLocale, {
+      }, /*#__PURE__*/React.createElement(RceConfigProvider, this.props.rceConfig, /*#__PURE__*/React.createElement(ApplyLocale, {
         locale: getLocale(props, context),
         timezone: props.timeZone
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.sdk,
         "data-automation": "sdk-app"
-      }, _ref, props.children)));
+      }, _ref, props.children))));
     }
   }]);
 
@@ -160,7 +161,7 @@ export var SDKApp = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cl
     contextType: PropTypes.string.isRequired,
     canvasUserId: PropTypes.string.isRequired,
     rcsHost: PropTypes.string.isRequired,
-    tokenFetchFn: PropTypes.func.isRequired
+    rcsJwtRefreshFn: PropTypes.func.isRequired
   }),
   timeZone: PropTypes.string,
   translations: PropTypes.objectOf(PropTypes.shape({

package/es/common/components/resources/quiz/AddContent/Button/index.js

@@ -15,14 +15,14 @@ import { Button } from '@instructure/ui-buttons';
 import { themeable } from '@instructure/ui-themeable';
 import t from '@instructure/quiz-i18n/es/format-message';
 var styles = {
-  componentId: 'bJIQd',
+  componentId: 'cIWJr',
   template: function template(theme) {
-    return "\n\n.bJIQd_ePYF{background-color:".concat(theme.newItemButtonBackgroundColor || 'inherit', ";border:none;border-radius:").concat(theme.newItemButtonBorderRadius || 'inherit', ";box-shadow:").concat(theme.newItemButtonBoxShadow || 'inherit', ";color:").concat(theme.newItemButtonColor || 'inherit', ";font-size:").concat(theme.newItemButtonFontSize || 'inherit', ";font-weight:").concat(theme.newItemButtonFontWeight || 'inherit', ";line-height:0;margin:").concat(theme.newItemButtonMargin || 'inherit', ";padding:").concat(theme.newItemButtonPadding || 'inherit', ";text-align:center;transform:rotate(0deg);transition:").concat(theme.newItemButtonTransition || 'inherit', ";z-index:").concat(theme.newItemButtonZIndex || 'inherit', "}\n\n[dir=ltr] .bJIQd_ePYF,[dir=rtl] .bJIQd_ePYF{text-align:center}\n\n.bJIQd_ePYF:focus{outline:").concat(theme.newItemButtonFocusOutline || 'inherit', "}\n\n.bJIQd_ePYF.bJIQd_cwUE{background-color:").concat(theme.newItemButtonEditingBackgroundColor || 'inherit', ";transform:rotate(45deg);transition:").concat(theme.newItemButtonTransition || 'inherit', "}\n\n.bJIQd_ekys{display:flex;justify-content:center;margin-top:-1.5rem;width:100%;z-index:").concat(theme.newItemButtonHolderZIndex || 'inherit', "}\n\n.bJIQd_egTu{display:flex;justify-content:center;width:100%;z-index:").concat(theme.attachQuestionButtonHolderZIndex || 'inherit', "}\n\n@media print{.bJIQd_egTu,.bJIQd_ekys{display:none}}");
+    return "\n\n.cIWJr_ePYF{background-color:".concat(theme.newItemButtonBackgroundColor || 'inherit', ";border:none;border-radius:").concat(theme.newItemButtonBorderRadius || 'inherit', ";box-shadow:").concat(theme.newItemButtonBoxShadow || 'inherit', ";color:").concat(theme.newItemButtonColor || 'inherit', ";font-size:").concat(theme.newItemButtonFontSize || 'inherit', ";font-weight:").concat(theme.newItemButtonFontWeight || 'inherit', ";line-height:0;margin:").concat(theme.newItemButtonMargin || 'inherit', ";padding:").concat(theme.newItemButtonPadding || 'inherit', ";text-align:center;transform:rotate(0deg);transition:").concat(theme.newItemButtonTransition || 'inherit', ";z-index:").concat(theme.newItemButtonZIndex || 'inherit', "}\n\n[dir=ltr] .cIWJr_ePYF,[dir=rtl] .cIWJr_ePYF{text-align:center}\n\n.cIWJr_ePYF:focus{outline:").concat(theme.newItemButtonFocusOutline || 'inherit', ";outline-offset:").concat(theme.newItemButtonFocusOutlineOffset || 'inherit', "}\n\n.cIWJr_ePYF.cIWJr_cwUE{background-color:").concat(theme.newItemButtonEditingBackgroundColor || 'inherit', ";transform:rotate(45deg);transition:").concat(theme.newItemButtonTransition || 'inherit', "}\n\n.cIWJr_ekys{display:flex;justify-content:center;margin-top:-1.5rem;width:100%;z-index:").concat(theme.newItemButtonHolderZIndex || 'inherit', "}\n\n.cIWJr_egTu{display:flex;justify-content:center;width:100%;z-index:").concat(theme.attachQuestionButtonHolderZIndex || 'inherit', "}\n\n@media print{.cIWJr_egTu,.cIWJr_ekys{display:none}}");
   },
-  'newItemButton': 'bJIQd_ePYF',
-  'newItemButtonEditing': 'bJIQd_cwUE',
-  'newItemButtonHolder': 'bJIQd_ekys',
-  'attachQuestionButtonHolder': 'bJIQd_egTu'
+  'newItemButton': 'cIWJr_ePYF',
+  'newItemButtonEditing': 'cIWJr_cwUE',
+  'newItemButtonHolder': 'cIWJr_ekys',
+  'attachQuestionButtonHolder': 'cIWJr_egTu'
 };
 import theme from "./theme.js";
 export var AddContentButton = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {

package/es/common/components/resources/quiz/AddContent/Button/theme.js

@@ -12,6 +12,7 @@ export default function generator(_ref) {
     newItemButtonBorderRadius: spacing.large,
     newItemButtonColor: colors.white,
     newItemButtonFocusOutline: "2px solid ".concat(colors.brand),
+    newItemButtonFocusOutlineOffset: spacing.xxxSmall,
     newItemButtonFontSize: typography.fontSizeMedium,
     newItemButtonFontWeight: typography.fontWeightBold,
     newItemButtonZIndex: '4444',

package/es/common/components/resources/stimulus/StimulusEdit/presenter.js

@@ -90,8 +90,8 @@ export var StimulusEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp
       }, {
         title: t('Confirm Stimulus Removal'),
         text: t('Are you sure you want to remove this stimulus?'),
-        continueText: t('Submit'),
-        cancelText: t('Cancel')
+        continueText: t('Remove Stimulus'),
+        cancelText: t('Keep Stimulus')
       });
     };
 
@@ -366,11 +366,6 @@ export var StimulusEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp
         this.createNextQuizEntry();
       }
     }
-  }, {
-    key: "saveText",
-    value: function saveText() {
-      return this.props.stimulus.isTemporary() ? t('Add Stimulus') : t('Save Stimulus');
-    }
   }, {
     key: "renderAddToBankModal",
     value: function renderAddToBankModal() {
@@ -438,14 +433,14 @@ export var StimulusEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp
         type: "button",
         onClick: this.onCancel,
         "data-automation": "sdk-stimulus-discardButton"
-      }, t('Discard'))), /*#__PURE__*/React.createElement("div", {
+      }, t('Cancel'))), /*#__PURE__*/React.createElement("div", {
         className: styles.buttonWrapper
       }, /*#__PURE__*/React.createElement(Button, {
         type: "button",
         variant: "primary",
         disabled: !this.state.canSubmit,
         onClick: this.onSubmit
-      }, this.saveText()))));
+      }, t('Done')))));
     }
   }, {
     key: "render",
@@ -511,7 +506,7 @@ export var StimulusEdit = (_dec = themeable(theme, styles), _dec(_class = (_temp
   shouldFocusOnMount: PropTypes.bool.isRequired
 }, _class2.defaultProps = {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
-  errorsShowing: true,
+  errorsShowing: false,
   isBankedContent: false,
   nextQuizEntry: null
 }, _temp)) || _class);

package/es/common/util/RceConfigProvider.js

@@ -0,0 +1,87 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from "../../common/react-redux.js";
+import isNewRCEEnabled from "./rceChecker.js";
+import { RceConfigContext, RceConfigKeys, TokenFetchStatus } from '@instructure/quiz-common';
+
+var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      jwt = _useState2[0],
+      setJwt = _useState2[1];
+
+  var _useState3 = useState(TokenFetchStatus.initial),
+      _useState4 = _slicedToArray(_useState3, 2),
+      status = _useState4[0],
+      setStatus = _useState4[1];
+
+  var hasAllPropsForNewRce = function hasAllPropsForNewRce() {
+    return props.useNewRce && !!(props.contextId && props.contextType && props.canvasUserId && props.rcsHost && props.rcsJwtRefreshFn);
+  };
+
+  var getToken = function getToken() {
+    if (!hasAllPropsForNewRce()) return;
+    setStatus(TokenFetchStatus.pending);
+    return new Promise(function (resolve, reject) {
+      props.rcsJwtRefreshFn().then(function (response) {
+        var token = response.token;
+        setStatus(TokenFetchStatus.success);
+        setJwt(token);
+        resolve(response);
+      }, function () {
+        setStatus(TokenFetchStatus.failed);
+        reject();
+      });
+    });
+  };
+
+  var refreshToken = function refreshToken(setTokenFn) {
+    return getToken().then(function (response) {
+      var token = response.token;
+      setTokenFn(token);
+    });
+  };
+
+  var getConfig = function getConfig() {
+    var _config;
+
+    var config = (_config = {}, _defineProperty(_config, RceConfigKeys.useNewRce, props.useNewRce), _defineProperty(_config, RceConfigKeys.canvasUserId, props.canvasUserId), _defineProperty(_config, RceConfigKeys.contextId, props.contextId), _defineProperty(_config, RceConfigKeys.contextType, props.contextType), _defineProperty(_config, RceConfigKeys.rcsHost, props.rcsHost), _defineProperty(_config, RceConfigKeys.rcsJwt, jwt), _defineProperty(_config, RceConfigKeys.rcsJwtRefreshFn, refreshToken), _defineProperty(_config, RceConfigKeys.rcsJwtFetchStatus, status), _config);
+    return config;
+  };
+
+  useEffect(function () {
+    getToken();
+  }, [props.useNewRce]);
+  if (!hasAllPropsForNewRce()) return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  return /*#__PURE__*/React.createElement(RceConfigContext.Provider, {
+    value: getConfig()
+  }, props.children);
+};
+
+RceConfigProviderComponent.propTypes = {
+  children: PropTypes.node.isRequired,
+  useNewRce: PropTypes.bool.isRequired,
+  contextId: PropTypes.string,
+  contextType: PropTypes.string,
+  canvasUserId: PropTypes.string,
+  rcsHost: PropTypes.string,
+  rcsJwtRefreshFn: PropTypes.func
+};
+RceConfigProviderComponent.defaultProps = {
+  contextId: null,
+  contextType: null,
+  canvasUserId: null,
+  rcsHost: null,
+  rcsJwtRefreshFn: null
+};
+
+var mapStateToProps = function mapStateToProps() {
+  return {
+    useNewRce: isNewRCEEnabled()
+  };
+};
+
+var RceConfigProvider = connect(mapStateToProps)(RceConfigProviderComponent);
+export { RceConfigProvider };

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

@@ -260,9 +260,10 @@ var SharingModalPresenter = (_dec = (0, _uiThemeable.themeable)(_theme.default,
         });
         var removedNewEntity = newEntitiesIndex > -1;
         var newShares = removedNewEntity ? prevState.shares.delete(sharesIndex) : prevState.shares.setIn([sharesIndex, 'permission'], permission);
+        var newEntities = removedNewEntity ? prevState.newEntities.delete(newEntitiesIndex) : prevState.newEntities;
         return {
           shares: newShares,
-          newEntities: prevState.newEntities.delete(newEntitiesIndex),
+          newEntities: newEntities,
           entitiesWithChangedPermission: Object.assign({}, prevState.entitiesWithChangedPermission, (0, _defineProperty2.default)({}, id, permission))
         };
       }, _this.updateEntitiesCount);

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

@@ -208,7 +208,7 @@ var DeleteStimulusModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
       return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         onClick: this.closeAction,
         margin: _quizCommon.XSMALL_SIDE_MARGIN
-      }, (0, _formatMessage.default)('Cancel'));
+      }, (0, _formatMessage.default)('Keep Stimulus'));
     }
   }, {
     key: "doneButton",
@@ -223,7 +223,7 @@ var DeleteStimulusModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, st
         onClick: this.handleSubmit,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
         "data-automation": "sdk-stimulus-doneButton"
-      }, (0, _formatMessage.default)('Submit'));
+      }, (0, _formatMessage.default)('Remove Stimulus'));
     }
   }, {
     key: "renderChooseWhich",

package/lib/common/components/SDKApp/index.js

@@ -55,6 +55,8 @@ var _index = _interopRequireDefault(require("../ConfirmationModal/index.js"));
 
 var _setupFormatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/util/setupFormatMessage"));
 
+var _RceConfigProvider = require("../../util/RceConfigProvider.js");
+
 var _dec, _class, _class2, _temp;
 
 var styles = {
@@ -160,13 +162,13 @@ var SDKApp = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_
           context = this.context;
       return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
         store: store
-      }, /*#__PURE__*/_react.default.createElement(_uiI18n.ApplyLocale, {
+      }, /*#__PURE__*/_react.default.createElement(_RceConfigProvider.RceConfigProvider, this.props.rceConfig, /*#__PURE__*/_react.default.createElement(_uiI18n.ApplyLocale, {
         locale: (0, _quizCommon.getLocale)(props, context),
         timezone: props.timeZone
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: styles.sdk,
         "data-automation": "sdk-app"
-      }, _ref, props.children)));
+      }, _ref, props.children))));
     }
   }]);
   SDKApp.displayName = "SDKApp";
@@ -188,7 +190,7 @@ var SDKApp = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_
     contextType: _propTypes.default.string.isRequired,
     canvasUserId: _propTypes.default.string.isRequired,
     rcsHost: _propTypes.default.string.isRequired,
-    tokenFetchFn: _propTypes.default.func.isRequired
+    rcsJwtRefreshFn: _propTypes.default.func.isRequired
   }),
   timeZone: _propTypes.default.string,
   translations: _propTypes.default.objectOf(_propTypes.default.shape({

package/lib/common/components/resources/quiz/AddContent/Button/index.js

@@ -40,14 +40,14 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _class2, _temp;
 
 var styles = {
-  componentId: 'bJIQd',
+  componentId: 'cIWJr',
   template: function template(theme) {
-    return "\n\n.bJIQd_ePYF{background-color:".concat(theme.newItemButtonBackgroundColor || 'inherit', ";border:none;border-radius:").concat(theme.newItemButtonBorderRadius || 'inherit', ";box-shadow:").concat(theme.newItemButtonBoxShadow || 'inherit', ";color:").concat(theme.newItemButtonColor || 'inherit', ";font-size:").concat(theme.newItemButtonFontSize || 'inherit', ";font-weight:").concat(theme.newItemButtonFontWeight || 'inherit', ";line-height:0;margin:").concat(theme.newItemButtonMargin || 'inherit', ";padding:").concat(theme.newItemButtonPadding || 'inherit', ";text-align:center;transform:rotate(0deg);transition:").concat(theme.newItemButtonTransition || 'inherit', ";z-index:").concat(theme.newItemButtonZIndex || 'inherit', "}\n\n[dir=ltr] .bJIQd_ePYF,[dir=rtl] .bJIQd_ePYF{text-align:center}\n\n.bJIQd_ePYF:focus{outline:").concat(theme.newItemButtonFocusOutline || 'inherit', "}\n\n.bJIQd_ePYF.bJIQd_cwUE{background-color:").concat(theme.newItemButtonEditingBackgroundColor || 'inherit', ";transform:rotate(45deg);transition:").concat(theme.newItemButtonTransition || 'inherit', "}\n\n.bJIQd_ekys{display:flex;justify-content:center;margin-top:-1.5rem;width:100%;z-index:").concat(theme.newItemButtonHolderZIndex || 'inherit', "}\n\n.bJIQd_egTu{display:flex;justify-content:center;width:100%;z-index:").concat(theme.attachQuestionButtonHolderZIndex || 'inherit', "}\n\n@media print{.bJIQd_egTu,.bJIQd_ekys{display:none}}");
+    return "\n\n.cIWJr_ePYF{background-color:".concat(theme.newItemButtonBackgroundColor || 'inherit', ";border:none;border-radius:").concat(theme.newItemButtonBorderRadius || 'inherit', ";box-shadow:").concat(theme.newItemButtonBoxShadow || 'inherit', ";color:").concat(theme.newItemButtonColor || 'inherit', ";font-size:").concat(theme.newItemButtonFontSize || 'inherit', ";font-weight:").concat(theme.newItemButtonFontWeight || 'inherit', ";line-height:0;margin:").concat(theme.newItemButtonMargin || 'inherit', ";padding:").concat(theme.newItemButtonPadding || 'inherit', ";text-align:center;transform:rotate(0deg);transition:").concat(theme.newItemButtonTransition || 'inherit', ";z-index:").concat(theme.newItemButtonZIndex || 'inherit', "}\n\n[dir=ltr] .cIWJr_ePYF,[dir=rtl] .cIWJr_ePYF{text-align:center}\n\n.cIWJr_ePYF:focus{outline:").concat(theme.newItemButtonFocusOutline || 'inherit', ";outline-offset:").concat(theme.newItemButtonFocusOutlineOffset || 'inherit', "}\n\n.cIWJr_ePYF.cIWJr_cwUE{background-color:").concat(theme.newItemButtonEditingBackgroundColor || 'inherit', ";transform:rotate(45deg);transition:").concat(theme.newItemButtonTransition || 'inherit', "}\n\n.cIWJr_ekys{display:flex;justify-content:center;margin-top:-1.5rem;width:100%;z-index:").concat(theme.newItemButtonHolderZIndex || 'inherit', "}\n\n.cIWJr_egTu{display:flex;justify-content:center;width:100%;z-index:").concat(theme.attachQuestionButtonHolderZIndex || 'inherit', "}\n\n@media print{.cIWJr_egTu,.cIWJr_ekys{display:none}}");
   },
-  'newItemButton': 'bJIQd_ePYF',
-  'newItemButtonEditing': 'bJIQd_cwUE',
-  'newItemButtonHolder': 'bJIQd_ekys',
-  'attachQuestionButtonHolder': 'bJIQd_egTu'
+  'newItemButton': 'cIWJr_ePYF',
+  'newItemButtonEditing': 'cIWJr_cwUE',
+  'newItemButtonHolder': 'cIWJr_ekys',
+  'attachQuestionButtonHolder': 'cIWJr_egTu'
 };
 var AddContentButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AddContentButton, _Component);

package/lib/common/components/resources/quiz/AddContent/Button/theme.js

@@ -19,6 +19,7 @@ function generator(_ref) {
     newItemButtonBorderRadius: spacing.large,
     newItemButtonColor: colors.white,
     newItemButtonFocusOutline: "2px solid ".concat(colors.brand),
+    newItemButtonFocusOutlineOffset: spacing.xxxSmall,
     newItemButtonFontSize: typography.fontSizeMedium,
     newItemButtonFontWeight: typography.fontWeightBold,
     newItemButtonZIndex: '4444',

package/lib/common/components/resources/stimulus/StimulusEdit/presenter.js

@@ -127,8 +127,8 @@ var StimulusEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
       }, {
         title: (0, _formatMessage.default)('Confirm Stimulus Removal'),
         text: (0, _formatMessage.default)('Are you sure you want to remove this stimulus?'),
-        continueText: (0, _formatMessage.default)('Submit'),
-        cancelText: (0, _formatMessage.default)('Cancel')
+        continueText: (0, _formatMessage.default)('Remove Stimulus'),
+        cancelText: (0, _formatMessage.default)('Keep Stimulus')
       });
     };
 
@@ -403,11 +403,6 @@ var StimulusEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
         this.createNextQuizEntry();
       }
     }
-  }, {
-    key: "saveText",
-    value: function saveText() {
-      return this.props.stimulus.isTemporary() ? (0, _formatMessage.default)('Add Stimulus') : (0, _formatMessage.default)('Save Stimulus');
-    }
   }, {
     key: "renderAddToBankModal",
     value: function renderAddToBankModal() {
@@ -475,14 +470,14 @@ var StimulusEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
         type: "button",
         onClick: this.onCancel,
         "data-automation": "sdk-stimulus-discardButton"
-      }, (0, _formatMessage.default)('Discard'))), /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _formatMessage.default)('Cancel'))), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.buttonWrapper
       }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         type: "button",
         variant: "primary",
         disabled: !this.state.canSubmit,
         onClick: this.onSubmit
-      }, this.saveText()))));
+      }, (0, _formatMessage.default)('Done')))));
     }
   }, {
     key: "render",
@@ -547,7 +542,7 @@ var StimulusEdit = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
   shouldFocusOnMount: _propTypes.default.bool.isRequired
 }, _class2.defaultProps = {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
-  errorsShowing: true,
+  errorsShowing: false,
   isBankedContent: false,
   nextQuizEntry: null
 }, _temp)) || _class);

package/lib/common/util/RceConfigProvider.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RceConfigProvider = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactRedux = require("../../common/react-redux.js");
+
+var _rceChecker = _interopRequireDefault(require("./rceChecker.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var RceConfigProviderComponent = function RceConfigProviderComponent(props) {
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      jwt = _useState2[0],
+      setJwt = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(_quizCommon.TokenFetchStatus.initial),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      status = _useState4[0],
+      setStatus = _useState4[1];
+
+  var hasAllPropsForNewRce = function hasAllPropsForNewRce() {
+    return props.useNewRce && !!(props.contextId && props.contextType && props.canvasUserId && props.rcsHost && props.rcsJwtRefreshFn);
+  };
+
+  var getToken = function getToken() {
+    if (!hasAllPropsForNewRce()) return;
+    setStatus(_quizCommon.TokenFetchStatus.pending);
+    return new Promise(function (resolve, reject) {
+      props.rcsJwtRefreshFn().then(function (response) {
+        var token = response.token;
+        setStatus(_quizCommon.TokenFetchStatus.success);
+        setJwt(token);
+        resolve(response);
+      }, function () {
+        setStatus(_quizCommon.TokenFetchStatus.failed);
+        reject();
+      });
+    });
+  };
+
+  var refreshToken = function refreshToken(setTokenFn) {
+    return getToken().then(function (response) {
+      var token = response.token;
+      setTokenFn(token);
+    });
+  };
+
+  var getConfig = function getConfig() {
+    var _config;
+
+    var config = (_config = {}, (0, _defineProperty2.default)(_config, _quizCommon.RceConfigKeys.useNewRce, props.useNewRce), (0, _defineProperty2.default)(_config, _quizCommon.RceConfigKeys.canvasUserId, props.canvasUserId), (0, _defineProperty2.default)(_config, _quizCommon.RceConfigKeys.contextId, props.contextId), (0, _defineProperty2.default)(_config, _quizCommon.RceConfigKeys.contextType, props.contextType), (0, _defineProperty2.default)(_config, _quizCommon.RceConfigKeys.rcsHost, props.rcsHost), (0, _defineProperty2.default)(_config, _quizCommon.RceConfigKeys.rcsJwt, jwt), (0, _defineProperty2.default)(_config, _quizCommon.RceConfigKeys.rcsJwtRefreshFn, refreshToken), (0, _defineProperty2.default)(_config, _quizCommon.RceConfigKeys.rcsJwtFetchStatus, status), _config);
+    return config;
+  };
+
+  (0, _react.useEffect)(function () {
+    getToken();
+  }, [props.useNewRce]);
+  if (!hasAllPropsForNewRce()) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children);
+  return /*#__PURE__*/_react.default.createElement(_quizCommon.RceConfigContext.Provider, {
+    value: getConfig()
+  }, props.children);
+};
+
+RceConfigProviderComponent.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  useNewRce: _propTypes.default.bool.isRequired,
+  contextId: _propTypes.default.string,
+  contextType: _propTypes.default.string,
+  canvasUserId: _propTypes.default.string,
+  rcsHost: _propTypes.default.string,
+  rcsJwtRefreshFn: _propTypes.default.func
+};
+RceConfigProviderComponent.defaultProps = {
+  contextId: null,
+  contextType: null,
+  canvasUserId: null,
+  rcsHost: null,
+  rcsJwtRefreshFn: null
+};
+
+var mapStateToProps = function mapStateToProps() {
+  return {
+    useNewRce: (0, _rceChecker.default)()
+  };
+};
+
+var RceConfigProvider = (0, _reactRedux.connect)(mapStateToProps)(RceConfigProviderComponent);
+exports.RceConfigProvider = RceConfigProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.34.1-rc.0+58fac0c00",
+  "version": "17.34.1-rc.12+f7cdc81b4",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,11 +41,11 @@
   ],
   "dependencies": {
     "@instructure/outcomes-ui": "^2.1.2",
-    "@instructure/quiz-common": "17.34.1-rc.0+58fac0c00",
-    "@instructure/quiz-i18n": "17.34.1-rc.0+58fac0c00",
-    "@instructure/quiz-interactions": "17.34.1-rc.0+58fac0c00",
-    "@instructure/quiz-number-input": "17.34.1-rc.0+58fac0c00",
-    "@instructure/quiz-rce": "17.34.1-rc.0+58fac0c00",
+    "@instructure/quiz-common": "17.34.1-rc.12+f7cdc81b4",
+    "@instructure/quiz-i18n": "17.34.1-rc.12+f7cdc81b4",
+    "@instructure/quiz-interactions": "17.34.1-rc.12+f7cdc81b4",
+    "@instructure/quiz-number-input": "17.34.1-rc.12+f7cdc81b4",
+    "@instructure/quiz-rce": "17.34.1-rc.12+f7cdc81b4",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,7 +106,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.34.1-rc.0+58fac0c00",
+    "instructure-validations": "17.34.1-rc.12+f7cdc81b4",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -137,7 +137,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "17.34.1-rc.0+58fac0c00",
+    "@instructure/quiz-scripts": "17.34.1-rc.12+f7cdc81b4",
     "@instructure/ui-axe-check": "^7.20.0",
     "@instructure/ui-babel-preset": "^7.20.0",
     "@instructure/ui-karma-config": "^7.20.0",
@@ -156,7 +156,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.34.1-rc.0+58fac0c00",
+    "quiz-presets": "17.34.1-rc.12+f7cdc81b4",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +172,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "58fac0c00a5335c08537f02778c0b9dcd4b20265"
+  "gitHead": "f7cdc81b4af49f4ed24aa765aaaba4ec51fc9abf"
 }