@instructure/quiz-core 22.14.1 → 22.15.1

package/lib/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -1,471 +1,709 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.UndecoratedQuizEntryEdit = exports.QuizEntryEditRaw = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-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"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _reactDnd = require("react-dnd");
-var _pick = _interopRequireDefault(require("lodash/pick"));
-var _first = _interopRequireDefault(require("lodash/first"));
-var _emotion = require("@instructure/emotion");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
-var _CustomPropTypes = _interopRequireDefault(require("../../../../../common/util/CustomPropTypes"));
-var _AddToBankModal = _interopRequireDefault(require("../../../../../banks/components/AddToBankModal"));
-var _DragAndDropZone = _interopRequireDefault(require("../../../../../common/components/shared/drag_and_drop/DragAndDropZone"));
-var _componentWithOutsideClickEmotion = _interopRequireDefault(require("../../../../../common/components/shared/functionality/componentWithOutsideClickEmotion"));
-var _clickHandlers = require("../../../../../common/util/clickHandlers");
-var _Header = _interopRequireDefault(require("./Header"));
-var _Footer = _interopRequireDefault(require("./Footer"));
-var _quizCommon = require("@instructure/quiz-common");
-var _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _QuizEntryEdit;
-/** @jsx jsx */
-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; }
-function _callSuper(_this, derived, args) {
-  function isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (e) {
-      return false;
+/** @jsx jsx */ function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-  }
-  derived = (0, _getPrototypeOf2["default"])(derived);
-  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+    return self;
 }
-var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
-  function QuizEntryEdit() {
-    var _this2;
-    (0, _classCallCheck2["default"])(this, QuizEntryEdit);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
     }
-    _this2 = _callSuper(this, QuizEntryEdit, [].concat(args));
-    (0, _defineProperty2["default"])(_this2, "state", {
-      canSubmit: true
-    });
-    (0, _defineProperty2["default"])(_this2, "onSubmit", function (e) {
-      var displayPosition = _this2.props.displayPosition;
-      e && e.preventDefault();
-      if (_this2.isValid() && _this2.state.canSubmit) {
-        _this2.successfulSubmit();
-      } else {
-        var msg = (0, _formatMessage["default"])('Item {displayPosition, number} cannot be saved due to invalid input data.', {
-          displayPosition: displayPosition
-        });
-        _this2.props.screenreaderNotification(msg);
-        _this2.props.showError(_this2.props.guid);
-        _this2.props.clearNextQuizEntry();
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "createOrUpdateItem", function () {
-      var workingEntry = _this2.props.workingEntry;
-      if (_this2.props.entry.isTemporary()) {
-        return _this2.props.createItem(workingEntry, _this2.props.quizId, 'quiz');
-      } else if (_this2.props.shouldClone) {
-        return _this2.props.createItem(workingEntry, _this2.props.quizId, 'quiz', workingEntry.id);
-      } else if (_this2.props.entry.hasModifications()) {
-        return _this2.props.updateItem(workingEntry, _this2.props.quizId, 'quiz');
-      }
-      return Promise.resolve(_this2.props.entry.toJS());
-    });
-    (0, _defineProperty2["default"])(_this2, "createNextQuizEntry", function () {
-      var _this2$props$nextQuiz = _this2.props.nextQuizEntry,
-        interactionTypeData = _this2$props$nextQuiz.interactionTypeData,
-        quizId = _this2$props$nextQuiz.quizId,
-        position = _this2$props$nextQuiz.position,
-        stimulusId = _this2$props$nextQuiz.stimulusId,
-        parentEntryId = _this2$props$nextQuiz.parentEntryId;
-      if (!interactionTypeData) {
-        _this2.props.createTempStimulus(quizId, position);
-      } else {
-        var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
-        var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-        _this2.props.createTempItem(quizId, position, {
-          id: interactionTypeData.id,
-          interactionData: defaultInteractionData,
-          itemBody: interactionTypeData.itemBody,
-          properties: interactionTypeData.defaultProperties,
-          scoringAlgorithm: interactionTypeData.scoringAlgorithmDefault,
-          scoringData: scoringData,
-          userResponseType: (0, _first["default"])(interactionTypeData.userResponseTypeOptions)
-        }, parentEntryId, stimulusId);
-      }
-      _this2.props.clearNextQuizEntry();
-    });
-    (0, _defineProperty2["default"])(_this2, "createOrUpdateQuizEntry", function (itemData) {
-      var _this2$props = _this2.props,
-        workingEntry = _this2$props.workingEntry,
-        workingQuizEntry = _this2$props.workingQuizEntry,
-        quizEntry = _this2$props.quizEntry,
-        shouldClone = _this2$props.shouldClone;
-      if (workingQuizEntry.isTemporary) {
-        return _this2.props.createQuizEntry(_this2.props.quizId, workingEntry.id === _quizCommon.TEMPORARY_ITEM_ID ? itemData.id : workingEntry.id, workingQuizEntry.entryType, workingQuizEntry.getProperties(), !_this2.props.addContentPopoverOpen);
-      } else if (shouldClone && (!quizEntry.isBankEntry || quizEntry.isArchivedBankEntry)) {
-        return _this2.props.cloneQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
-          entryId: itemData.id,
-          entryType: quizEntry.isArchivedBankEntry ? quizEntry.getEntry().entryType : quizEntry.entryType
-        }));
-      } else if (_this2.props.quizEntry.hasModifications()) {
-        // if a quiz entry is a bank entry, item.id is not bank entry id
-        // if a quiz entry is not a bank entry, item.id is entry id
-        var entryId = quizEntry.isBankEntry ? workingQuizEntry.entry.get('id') : itemData.id;
-        return _this2.props.updateQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
-          entryId: entryId
-        }));
-      }
-      return Promise.resolve(_this2.props.quizEntry);
-    });
-    (0, _defineProperty2["default"])(_this2, "handleApiErrors", /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(fetcherError) {
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!fetcherError.validationErrorsFromApi) {
-                _context.next = 4;
-                break;
-              }
-              _this2.props.handleValidationErrorsFromApi(fetcherError.validationErrorsFromApi);
-              _context.next = 5;
-              break;
-            case 4:
-              throw fetcherError;
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    (0, _defineProperty2["default"])(_this2, "successfulSubmit", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-      var itemData;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _this2.setState({
-              canSubmit: false
-            });
-            _context2.prev = 1;
-            _context2.next = 4;
-            return _this2.createOrUpdateItem();
-          case 4:
-            itemData = _context2.sent;
-            _context2.next = 7;
-            return _this2.createOrUpdateQuizEntry(itemData);
-          case 7:
-            _context2.next = 14;
-            break;
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](1);
-            _this2.setState({
-              canSubmit: true
-            });
-            _this2.handleApiErrors(_context2.t0);
-            // When reached, this is always a validation error
-            return _context2.abrupt("return", _quizCommon.API_INPUT_VALIDATION_ERROR);
-          case 14:
-            _this2.props.hideError(_this2.props.guid);
-            if (_this2.props.shouldClone) {
-              _this2.props.openRegradeModal();
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
             }
-            _this2.clearModifications();
-            if (_this2.props.nextQuizEntry) {
-              _this2.createNextQuizEntry();
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
             }
-            // Delay the switchOffEditing call to prevents the focus from incorrectly
-            // jumping back to the previous question during the transition between questions.
-            setTimeout(function () {
-              _this2.props.switchOffEditing();
-            });
-          case 19:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[1, 9]]);
-    })));
-    (0, _defineProperty2["default"])(_this2, "clearChanges", function () {
-      var fromCancel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      _this2.props.clearValidationErrorsFromApi(_quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS);
-      _this2.clearModifications();
-      if (_this2.props.quizEntry.isTemporary) {
-        _this2.props.clearTemporaryItem(_this2.props.quizId);
-        if (fromCancel) {
-          _this2.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
-            position: Math.ceil(_this2.props.quizEntry.position),
-            inStimulus: _this2.props.quizEntry.hasStimulus
-          });
-        }
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "handleAddToBankContinue", function () {
-      if (_this2.props.workingQuizEntry.isTemporary) {
-        _this2.setState({
-          canSubmit: false
+            _next(undefined);
         });
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "handleAddToBank", function (bankEntry) {
-      var workingQuizEntry = _this2.props.workingQuizEntry;
-      if (workingQuizEntry.isTemporary) {
-        _this2.props.createQuizEntry(_this2.props.quizId, bankEntry.id, 'BankEntry', workingQuizEntry.getProperties());
-        _this2.props.clearTemporaryItem(_this2.props.quizId);
-        _this2.clearModifications();
-        _this2.props.switchOffEditing();
-      } else if (_this2.props.shouldClone) {
-        _this2.props.cloneQuizEntry(_this2.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
-          entryId: bankEntry.id,
-          entryType: 'BankEntry'
-        }));
-      } else {
-        _this2.props.updateQuizEntry(_this2.props.quizId, workingQuizEntry.id, {
-          entryId: bankEntry.id,
-          entryType: 'BankEntry'
-        });
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "getEntryForBank", function () {
-      var _this2$props2 = _this2.props,
-        entry = _this2$props2.entry,
-        workingEntry = _this2$props2.workingEntry,
-        quizId = _this2$props2.quizId,
-        shouldClone = _this2$props2.shouldClone;
-      if (entry.isTemporary()) {
-        return _this2.props.createItem(workingEntry, quizId, _quizCommon.PARENT_TYPE_ADDING_TO_BANK);
-      } else if (entry.hasModifications()) {
-        if (shouldClone) {
-          return _this2.props.createItem(workingEntry, quizId);
-        } else {
-          return _this2.props.updateItem(workingEntry, quizId);
-        }
-      } else {
-        return Promise.resolve(entry);
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "connectDragSource", function (dragHandle) {
-      return _this2.props.connectDragSource(dragHandle);
-    });
-    (0, _defineProperty2["default"])(_this2, "clearModifications", function () {
-      _this2.props.clearModifications('items', _this2.props.entry.id);
-      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
-    });
-    (0, _defineProperty2["default"])(_this2, "shouldDisableSubmit", function () {
-      return Boolean(!_this2.state.canSubmit || _this2.props.haveValidationErrorsFromApi);
-    });
-    (0, _defineProperty2["default"])(_this2, "renderDraggable", function () {
-      var _this2$props3 = _this2.props,
-        connectDragPreview = _this2$props3.connectDragPreview,
-        draggingOver = _this2$props3.draggingOver,
-        draggingAboveHalf = _this2$props3.draggingAboveHalf;
-      var propsForDnDZone = {
-        draggingOver: draggingOver,
-        draggingAboveHalf: draggingAboveHalf
-      };
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_DragAndDropZone["default"], Object.assign({}, propsForDnDZone, {
-        location: "above"
-      })), connectDragPreview(_this2.renderForm()), (0, _emotion.jsx)(_DragAndDropZone["default"], Object.assign({}, propsForDnDZone, {
-        location: "below"
-      })));
-    });
-    return _this2;
-  }
-  (0, _inherits2["default"])(QuizEntryEdit, _Component);
-  return (0, _createClass2["default"])(QuizEntryEdit, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.onEditQuizEntryToggle(this.props.quizEntry.id);
+    };
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
     }
-  }, {
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  }, {
-    key: "clickedOutside",
-    value: function clickedOutside() {
-      this.onSubmit();
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
     }
-  }, {
-    key: "ignoreClickOutsideIf",
-    value: function ignoreClickOutsideIf(e) {
-      var _checkClickedNode = (0, _clickHandlers.checkClickedNode)(e, this.props.appContainer),
-        isEndEditingTrigger = _checkClickedNode.isEndEditingTrigger,
-        outsideApp = _checkClickedNode.outsideApp;
-      return this.props.isOccluded || outsideApp || !isEndEditingTrigger;
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
     }
-  }, {
-    key: "isValid",
-    value: function isValid() {
-      return this.props.workingEntry.isValid() && this.props.workingQuizEntry.isValid();
+    return target;
+}
+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);
     }
-  }, {
-    key: "renderFooter",
-    value: function renderFooter() {
-      var isItemOrBankEntry = this.props.quizEntry.isItem || this.props.quizEntry.isBankEntry;
-      if (!(isItemOrBankEntry || this.props.disabledForRegrade)) return;
-      var footerProps = (0, _pick["default"])(this.props, ['alternativeRightFooter', 'changeQuizEntryPoints', 'clearTemporaryItem', 'displayPosition', 'entry', 'guid', 'initialFocusId', 'itemEditArea', 'openModal', 'quizEntry', 'setUi', 'shouldClone', 'workingQuizEntry']);
-      return (0, _emotion.jsx)(_Footer["default"], Object.assign({
-        clearChanges: this.clearChanges,
-        isValid: this.isValid(),
-        successfulSubmit: this.successfulSubmit,
-        disableSubmit: this.shouldDisableSubmit()
-      }, footerProps));
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
     }
-  }, {
-    key: "renderAddToBankModal",
-    value: function renderAddToBankModal() {
-      if (!this.props.quizEntry.isItem) return;
-      return (0, _emotion.jsx)(_AddToBankModal["default"], {
-        label: (0, _formatMessage["default"])('Add to an Item Bank'),
-        onContinue: this.handleAddToBankContinue,
-        onAdd: this.handleAddToBank,
-        getEntry: this.getEntryForBank,
-        entryId: this.props.guid,
-        entryType: this.props.quizEntry.entryType,
-        quizId: this.props.quizId,
-        handleValidationErrorsFromApi: this.props.handleValidationErrorsFromApi
-      });
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
     }
-  }, {
-    key: "renderHeader",
-    value: function renderHeader() {
-      var headerProps = (0, _pick["default"])(this.props, ['changeItemTitle', 'clearModifications', 'clearTemporaryItem', 'connectDragSource', 'createTempItem', 'disabledForRegrade', 'displayPosition', 'entry', 'guid', 'hideError', 'initialFocusId', 'name', 'newActiveBank', 'quizEntries', 'quizEntry', 'quizId', 'removeQuizEntry', 'richFITBEnabled', 'richFITBInteractionID', 'screenreaderNotification', 'setUi', 'shouldClone', 'showError', 'withConfirm', 'workingEntry', 'workingQuizEntry']);
-      return (0, _emotion.jsx)(_Header["default"], Object.assign({
-        isValid: this.isValid(),
-        successfulSubmit: this.successfulSubmit,
-        disableSubmit: this.shouldDisableSubmit()
-      }, headerProps));
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _ts_decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
     }
-  }, {
-    key: "renderForm",
-    value: function renderForm() {
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
-        css: this.props.styles.quizEntryEdit,
-        "data-automation": "sdk-quiz-entry-edit-div"
-      }, (0, _emotion.jsx)("div", {
-        role: "form"
-      }, this.renderHeader(), this.props.children, this.renderFooter()), this.renderAddToBankModal()));
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
     }
-  }, {
-    key: "render",
-    value: function render() {
-      return (0, _emotion.jsx)(_react["default"].Fragment, null, (0, _emotion.jsx)(_emotion.Global, {
-        styles: this.props.styles.globalStyles
-      }), this.props.disabledForRegrade ? this.renderForm() : this.renderDraggable());
+}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { DragSource } from 'react-dnd';
+import pick from 'lodash/pick';
+import first from 'lodash/first';
+import { jsx, Global } from '@instructure/emotion';
+import t from '@instructure/quiz-i18n/format-message';
+import CustomPropTypes from '../../../../../common/util/CustomPropTypes';
+import AddToBankModal from '../../../../../banks/components/AddToBankModal';
+import DragAndDropZone from '../../../../../common/components/shared/drag_and_drop/DragAndDropZone';
+import wrapWithOutsideClickEmotion from '../../../../../common/components/shared/functionality/componentWithOutsideClickEmotion';
+import { checkClickedNode } from '../../../../../common/util/clickHandlers';
+import QuizEntryEditHeader from './Header';
+import QuizEntryEditFooter from './Footer';
+import { SHOULD_CLONE_ITEM, TEMPORARY_ITEM_ID, DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, PARENT_TYPE_ADDING_TO_BANK, withStyleOverrides } from '@instructure/quiz-common';
+import { ItemTypes, dragSource, collectDrag } from '../../../../../common/components/shared/drag_and_drop/dragAndDropUtils';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+var QuizEntryEdit = /*#__PURE__*/ function(Component) {
+    "use strict";
+    _inherits(QuizEntryEdit, Component);
+    function QuizEntryEdit() {
+        _class_call_check(this, QuizEntryEdit);
+        var _this;
+        var _this1;
+        _this = _call_super(this, QuizEntryEdit, arguments), _this1 = _this, _define_property(_this1, "state", {
+            canSubmit: true
+        }), _define_property(_this1, "onSubmit", function(e) {
+            var displayPosition = _this1.props.displayPosition;
+            e && e.preventDefault();
+            if (_this1.isValid() && _this1.state.canSubmit) {
+                _this1.successfulSubmit();
+            } else {
+                var msg = t('Item {displayPosition, number} cannot be saved due to invalid input data.', {
+                    displayPosition: displayPosition
+                });
+                _this1.props.screenreaderNotification(msg);
+                _this1.props.showError(_this1.props.guid);
+                _this1.props.clearNextQuizEntry();
+            }
+        }), _define_property(_this1, "createOrUpdateItem", function() {
+            var workingEntry = _this1.props.workingEntry;
+            if (_this1.props.entry.isTemporary()) {
+                return _this1.props.createItem(workingEntry, _this1.props.quizId, 'quiz');
+            } else if (_this1.props.shouldClone) {
+                return _this1.props.createItem(workingEntry, _this1.props.quizId, 'quiz', workingEntry.id);
+            } else if (_this1.props.entry.hasModifications()) {
+                return _this1.props.updateItem(workingEntry, _this1.props.quizId, 'quiz');
+            }
+            return Promise.resolve(_this1.props.entry.toJS());
+        }), _define_property(_this1, "createNextQuizEntry", function() {
+            var _this_props_nextQuizEntry = _this1.props.nextQuizEntry, interactionTypeData = _this_props_nextQuizEntry.interactionTypeData, quizId = _this_props_nextQuizEntry.quizId, position = _this_props_nextQuizEntry.position, stimulusId = _this_props_nextQuizEntry.stimulusId, parentEntryId = _this_props_nextQuizEntry.parentEntryId;
+            if (!interactionTypeData) {
+                _this1.props.createTempStimulus(quizId, position);
+            } else {
+                var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
+                var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
+                _this1.props.createTempItem(quizId, position, {
+                    id: interactionTypeData.id,
+                    interactionData: defaultInteractionData,
+                    itemBody: interactionTypeData.itemBody,
+                    properties: interactionTypeData.defaultProperties,
+                    scoringAlgorithm: interactionTypeData.scoringAlgorithmDefault,
+                    scoringData: scoringData,
+                    userResponseType: first(interactionTypeData.userResponseTypeOptions)
+                }, parentEntryId, stimulusId);
+            }
+            _this1.props.clearNextQuizEntry();
+        }), _define_property(_this1, "createOrUpdateQuizEntry", function(itemData) {
+            var _this_props = _this1.props, workingEntry = _this_props.workingEntry, workingQuizEntry = _this_props.workingQuizEntry, quizEntry = _this_props.quizEntry, shouldClone = _this_props.shouldClone;
+            if (workingQuizEntry.isTemporary) {
+                return _this1.props.createQuizEntry(_this1.props.quizId, workingEntry.id === TEMPORARY_ITEM_ID ? itemData.id : workingEntry.id, workingQuizEntry.entryType, workingQuizEntry.getProperties(), !_this1.props.addContentPopoverOpen);
+            } else if (shouldClone && (!quizEntry.isBankEntry || quizEntry.isArchivedBankEntry)) {
+                return _this1.props.cloneQuizEntry(_this1.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+                    entryId: itemData.id,
+                    entryType: quizEntry.isArchivedBankEntry ? quizEntry.getEntry().entryType : quizEntry.entryType
+                }));
+            } else if (_this1.props.quizEntry.hasModifications()) {
+                // if a quiz entry is a bank entry, item.id is not bank entry id
+                // if a quiz entry is not a bank entry, item.id is entry id
+                var entryId = quizEntry.isBankEntry ? workingQuizEntry.entry.get('id') : itemData.id;
+                return _this1.props.updateQuizEntry(_this1.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+                    entryId: entryId
+                }));
+            }
+            return Promise.resolve(_this1.props.quizEntry);
+        }), _define_property(_this1, "handleApiErrors", function(fetcherError) {
+            return _async_to_generator(function() {
+                return _ts_generator(this, function(_state) {
+                    if (fetcherError.validationErrorsFromApi) {
+                        _this1.props.handleValidationErrorsFromApi(fetcherError.validationErrorsFromApi);
+                    } else {
+                        throw fetcherError;
+                    }
+                    return [
+                        2
+                    ];
+                });
+            })();
+        }), _define_property(_this1, "successfulSubmit", function() {
+            return _async_to_generator(function() {
+                var itemData, fetcherError;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _this1.setState({
+                                canSubmit: false
+                            });
+                            _state.label = 1;
+                        case 1:
+                            _state.trys.push([
+                                1,
+                                4,
+                                ,
+                                5
+                            ]);
+                            return [
+                                4,
+                                _this1.createOrUpdateItem()
+                            ];
+                        case 2:
+                            itemData = _state.sent();
+                            return [
+                                4,
+                                _this1.createOrUpdateQuizEntry(itemData)
+                            ];
+                        case 3:
+                            _state.sent();
+                            return [
+                                3,
+                                5
+                            ];
+                        case 4:
+                            fetcherError = _state.sent();
+                            _this1.setState({
+                                canSubmit: true
+                            });
+                            _this1.handleApiErrors(fetcherError);
+                            // When reached, this is always a validation error
+                            return [
+                                2,
+                                API_INPUT_VALIDATION_ERROR
+                            ];
+                        case 5:
+                            _this1.props.hideError(_this1.props.guid);
+                            if (_this1.props.shouldClone) {
+                                _this1.props.openRegradeModal();
+                            }
+                            _this1.clearModifications();
+                            if (_this1.props.nextQuizEntry) {
+                                _this1.createNextQuizEntry();
+                            }
+                            // Delay the switchOffEditing call to prevents the focus from incorrectly
+                            // jumping back to the previous question during the transition between questions.
+                            setTimeout(function() {
+                                _this1.props.switchOffEditing();
+                            });
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        }), _define_property(_this1, "clearChanges", function() {
+            var fromCancel = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+            _this1.props.clearValidationErrorsFromApi(CLEAR_ALL_INPUT_VALIDATION_ERRORS);
+            _this1.clearModifications();
+            if (_this1.props.quizEntry.isTemporary) {
+                _this1.props.clearTemporaryItem(_this1.props.quizId);
+                if (fromCancel) {
+                    _this1.props.setUi(DELETED_QUIZ_ENTRY, {
+                        position: Math.ceil(_this1.props.quizEntry.position),
+                        inStimulus: _this1.props.quizEntry.hasStimulus
+                    });
+                }
+            }
+        }), _define_property(_this1, "handleAddToBankContinue", function() {
+            if (_this1.props.workingQuizEntry.isTemporary) {
+                _this1.setState({
+                    canSubmit: false
+                });
+            }
+        }), _define_property(_this1, "handleAddToBank", function(bankEntry) {
+            var workingQuizEntry = _this1.props.workingQuizEntry;
+            if (workingQuizEntry.isTemporary) {
+                _this1.props.createQuizEntry(_this1.props.quizId, bankEntry.id, 'BankEntry', workingQuizEntry.getProperties());
+                _this1.props.clearTemporaryItem(_this1.props.quizId);
+                _this1.clearModifications();
+                _this1.props.switchOffEditing();
+            } else if (_this1.props.shouldClone) {
+                _this1.props.cloneQuizEntry(_this1.props.quizId, workingQuizEntry.id, Object.assign({}, workingQuizEntry.toJS(), {
+                    entryId: bankEntry.id,
+                    entryType: 'BankEntry'
+                }));
+            } else {
+                _this1.props.updateQuizEntry(_this1.props.quizId, workingQuizEntry.id, {
+                    entryId: bankEntry.id,
+                    entryType: 'BankEntry'
+                });
+            }
+        }), _define_property(_this1, "getEntryForBank", function() {
+            var _this_props = _this1.props, entry = _this_props.entry, workingEntry = _this_props.workingEntry, quizId = _this_props.quizId, shouldClone = _this_props.shouldClone;
+            if (entry.isTemporary()) {
+                return _this1.props.createItem(workingEntry, quizId, PARENT_TYPE_ADDING_TO_BANK);
+            } else if (entry.hasModifications()) {
+                if (shouldClone) {
+                    return _this1.props.createItem(workingEntry, quizId);
+                } else {
+                    return _this1.props.updateItem(workingEntry, quizId);
+                }
+            } else {
+                return Promise.resolve(entry);
+            }
+        }), _define_property(_this1, "connectDragSource", function(dragHandle) {
+            return _this1.props.connectDragSource(dragHandle);
+        }), _define_property(_this1, "clearModifications", function() {
+            _this1.props.clearModifications('items', _this1.props.entry.id);
+            _this1.props.clearModifications('quizEntries', _this1.props.quizEntry.id);
+        }), _define_property(_this1, "shouldDisableSubmit", function() {
+            return Boolean(!_this1.state.canSubmit || _this1.props.haveValidationErrorsFromApi);
+        }), _define_property(_this1, "renderDraggable", function() {
+            var _this_props = _this1.props, connectDragPreview = _this_props.connectDragPreview, draggingOver = _this_props.draggingOver, draggingAboveHalf = _this_props.draggingAboveHalf;
+            var propsForDnDZone = {
+                draggingOver: draggingOver,
+                draggingAboveHalf: draggingAboveHalf
+            };
+            return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(DragAndDropZone, _object_spread_props(_object_spread({}, propsForDnDZone), {
+                location: "above"
+            })), connectDragPreview(_this1.renderForm()), /*#__PURE__*/ jsx(DragAndDropZone, _object_spread_props(_object_spread({}, propsForDnDZone), {
+                location: "below"
+            })));
+        });
+        return _this;
     }
-  }]);
-}(_react.Component), (0, _defineProperty2["default"])(_QuizEntryEdit, "displayName", 'QuizEntryEdit'), (0, _defineProperty2["default"])(_QuizEntryEdit, "componentId", "Quizzes".concat(_QuizEntryEdit.displayName)), (0, _defineProperty2["default"])(_QuizEntryEdit, "propTypes", {
-  addContentPopoverOpen: _propTypes["default"].bool.isRequired,
-  alternativeRightFooter: _propTypes["default"].func,
-  appContainer: _CustomPropTypes["default"].selectors.isRequired,
-  changeItemTitle: _propTypes["default"].func.isRequired,
-  // from connected component
-  changeQuizEntryPoints: _propTypes["default"].func.isRequired,
-  // from connected component
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
-  clearModifications: _propTypes["default"].func.isRequired,
-  // from connected component
-  clearNextQuizEntry: _propTypes["default"].func.isRequired,
-  // from connected component
-  clearTemporaryItem: _propTypes["default"].func.isRequired,
-  // from connected component
-  cloneQuizEntry: _propTypes["default"].func.isRequired,
-  // from connected component
-  clearValidationErrorsFromApi: _propTypes["default"].func.isRequired,
-  connectDragPreview: _propTypes["default"].func.isRequired,
-  // inserted from React DnD
-  connectDragSource: _propTypes["default"].func.isRequired,
-  // inserted from React DnD
-  createItem: _propTypes["default"].func.isRequired,
-  // from connected component
-  createTempItem: _propTypes["default"].func.isRequired,
-  // from connected component
-  createTempStimulus: _propTypes["default"].func.isRequired,
-  // from connected component
-  createQuizEntry: _propTypes["default"].func.isRequired,
-  // from connected component
-  disabledForRegrade: _propTypes["default"].bool,
-  displayPosition: _propTypes["default"].number.isRequired,
-  draggingAboveHalf: _propTypes["default"].bool.isRequired,
-  draggingOver: _propTypes["default"].bool.isRequired,
-  entry: _reactImmutableProptypes["default"].record.isRequired,
-  guid: _propTypes["default"].string.isRequired,
-  handleValidationErrorsFromApi: _propTypes["default"].func.isRequired,
-  haveValidationErrorsFromApi: _propTypes["default"].bool,
-  hideError: _propTypes["default"].func.isRequired,
-  // from connected component
-  initialFocusId: _propTypes["default"].string,
-  isOccluded: _propTypes["default"].bool,
-  itemEditArea: _propTypes["default"].object,
-  name: _propTypes["default"].string,
-  newActiveBank: _propTypes["default"].func,
-  nextQuizEntry: _reactImmutableProptypes["default"].map,
-  openRegradeModal: _propTypes["default"].func.isRequired,
-  quizEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
-  onEditQuizEntryToggle: _propTypes["default"].func,
-  openModal: _propTypes["default"].func.isRequired,
-  quizEntry: _reactImmutableProptypes["default"].record.isRequired,
-  quizId: _propTypes["default"].string.isRequired,
-  removeQuizEntry: _propTypes["default"].func.isRequired,
-  // from connected component
-  richFITBEnabled: _propTypes["default"].bool,
-  richFITBInteractionID: _propTypes["default"].string,
-  screenreaderNotification: _propTypes["default"].func.isRequired,
-  // from connected component
-  setUi: _propTypes["default"].func.isRequired,
-  shouldClone: _propTypes["default"].bool,
-  showError: _propTypes["default"].func.isRequired,
-  // from connected component
-  switchOffEditing: _propTypes["default"].func.isRequired,
-  updateQuizEntry: _propTypes["default"].func.isRequired,
-  // from connected component
-  updateItem: _propTypes["default"].func.isRequired,
-  // from connected component
-  withConfirm: _propTypes["default"].func.isRequired,
-  workingEntry: _reactImmutableProptypes["default"].record.isRequired,
-  workingQuizEntry: _reactImmutableProptypes["default"].record.isRequired,
-  styles: _propTypes["default"].object
-}), (0, _defineProperty2["default"])(_QuizEntryEdit, "defaultProps", {
-  alternativeRightFooter: null,
-  children: null,
-  disabledForRegrade: false,
-  haveValidationErrorsFromApi: false,
-  initialFocusId: null,
-  isOccluded: false,
-  itemEditArea: null,
-  name: null,
-  nextQuizEntry: null,
-  newActiveBank: null,
-  onEditQuizEntryToggle: Function.prototype,
-  richFITBEnabled: false,
-  richFITBInteractionID: '',
-  shouldClone: false
-}), _QuizEntryEdit)) || _class);
-var UndecoratedQuizEntryEdit = exports.UndecoratedQuizEntryEdit = QuizEntryEdit;
-var QuizEntryEditRaw = exports.QuizEntryEditRaw = (0, _componentWithOutsideClickEmotion["default"])(QuizEntryEdit);
-var _default = exports["default"] = (0, _reactDnd.DragSource)(_dragAndDropUtils.ItemTypes.QUIZ_ENTRY, _dragAndDropUtils.dragSource, _dragAndDropUtils.collectDrag)(QuizEntryEditRaw);
+    _create_class(QuizEntryEdit, [
+        {
+            key: "componentDidMount",
+            value: function componentDidMount() {
+                this.props.onEditQuizEntryToggle(this.props.quizEntry.id);
+            }
+        },
+        {
+            key: "UNSAFE_componentWillMount",
+            value: function UNSAFE_componentWillMount() {
+                this.props.setUi(SHOULD_CLONE_ITEM, false);
+            }
+        },
+        {
+            key: "componentWillUnmount",
+            value: function componentWillUnmount() {
+                this.props.setUi(SHOULD_CLONE_ITEM, false);
+            }
+        },
+        {
+            key: "clickedOutside",
+            value: function clickedOutside() {
+                this.onSubmit();
+            }
+        },
+        {
+            key: "ignoreClickOutsideIf",
+            value: function ignoreClickOutsideIf(e) {
+                var _checkClickedNode = checkClickedNode(e, this.props.appContainer), isEndEditingTrigger = _checkClickedNode.isEndEditingTrigger, outsideApp = _checkClickedNode.outsideApp;
+                return this.props.isOccluded || outsideApp || !isEndEditingTrigger;
+            }
+        },
+        {
+            key: "isValid",
+            value: function isValid() {
+                return this.props.workingEntry.isValid() && this.props.workingQuizEntry.isValid();
+            }
+        },
+        {
+            key: "renderFooter",
+            value: function renderFooter() {
+                var isItemOrBankEntry = this.props.quizEntry.isItem || this.props.quizEntry.isBankEntry;
+                if (!(isItemOrBankEntry || this.props.disabledForRegrade)) return;
+                var footerProps = pick(this.props, [
+                    'alternativeRightFooter',
+                    'changeQuizEntryPoints',
+                    'clearTemporaryItem',
+                    'displayPosition',
+                    'entry',
+                    'guid',
+                    'initialFocusId',
+                    'itemEditArea',
+                    'openModal',
+                    'quizEntry',
+                    'setUi',
+                    'shouldClone',
+                    'workingQuizEntry'
+                ]);
+                return /*#__PURE__*/ jsx(QuizEntryEditFooter, _object_spread({
+                    clearChanges: this.clearChanges,
+                    isValid: this.isValid(),
+                    successfulSubmit: this.successfulSubmit,
+                    disableSubmit: this.shouldDisableSubmit()
+                }, footerProps));
+            }
+        },
+        {
+            key: "renderAddToBankModal",
+            value: function renderAddToBankModal() {
+                if (!this.props.quizEntry.isItem) return;
+                return /*#__PURE__*/ jsx(AddToBankModal, {
+                    label: t('Add to an Item Bank'),
+                    onContinue: this.handleAddToBankContinue,
+                    onAdd: this.handleAddToBank,
+                    getEntry: this.getEntryForBank,
+                    entryId: this.props.guid,
+                    entryType: this.props.quizEntry.entryType,
+                    quizId: this.props.quizId,
+                    handleValidationErrorsFromApi: this.props.handleValidationErrorsFromApi
+                });
+            }
+        },
+        {
+            key: "renderHeader",
+            value: function renderHeader() {
+                var headerProps = pick(this.props, [
+                    'changeItemTitle',
+                    'clearModifications',
+                    'clearTemporaryItem',
+                    'connectDragSource',
+                    'createTempItem',
+                    'disabledForRegrade',
+                    'displayPosition',
+                    'entry',
+                    'guid',
+                    'hideError',
+                    'initialFocusId',
+                    'name',
+                    'newActiveBank',
+                    'quizEntries',
+                    'quizEntry',
+                    'quizId',
+                    'removeQuizEntry',
+                    'richFITBEnabled',
+                    'richFITBInteractionID',
+                    'screenreaderNotification',
+                    'setUi',
+                    'shouldClone',
+                    'showError',
+                    'withConfirm',
+                    'workingEntry',
+                    'workingQuizEntry'
+                ]);
+                return /*#__PURE__*/ jsx(QuizEntryEditHeader, _object_spread({
+                    isValid: this.isValid(),
+                    successfulSubmit: this.successfulSubmit,
+                    disableSubmit: this.shouldDisableSubmit()
+                }, headerProps));
+            }
+        },
+        {
+            key: "renderForm",
+            value: function renderForm() {
+                return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.quizEntryEdit,
+                    "data-automation": "sdk-quiz-entry-edit-div"
+                }, /*#__PURE__*/ jsx("div", {
+                    role: "form"
+                }, this.renderHeader(), this.props.children, this.renderFooter()), this.renderAddToBankModal()));
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                return /*#__PURE__*/ jsx(React.Fragment, null, /*#__PURE__*/ jsx(Global, {
+                    styles: this.props.styles.globalStyles
+                }), this.props.disabledForRegrade ? this.renderForm() : this.renderDraggable());
+            }
+        }
+    ]);
+    return QuizEntryEdit;
+}(Component);
+_define_property(QuizEntryEdit, "displayName", 'QuizEntryEdit');
+_define_property(QuizEntryEdit, "componentId", "Quizzes".concat(QuizEntryEdit.displayName));
+_define_property(QuizEntryEdit, "propTypes", {
+    addContentPopoverOpen: PropTypes.bool.isRequired,
+    alternativeRightFooter: PropTypes.func,
+    appContainer: CustomPropTypes.selectors.isRequired,
+    changeItemTitle: PropTypes.func.isRequired,
+    changeQuizEntryPoints: PropTypes.func.isRequired,
+    children: PropTypes.oneOfType([
+        PropTypes.arrayOf(PropTypes.node),
+        PropTypes.node
+    ]),
+    clearModifications: PropTypes.func.isRequired,
+    clearNextQuizEntry: PropTypes.func.isRequired,
+    clearTemporaryItem: PropTypes.func.isRequired,
+    cloneQuizEntry: PropTypes.func.isRequired,
+    clearValidationErrorsFromApi: PropTypes.func.isRequired,
+    connectDragPreview: PropTypes.func.isRequired,
+    connectDragSource: PropTypes.func.isRequired,
+    createItem: PropTypes.func.isRequired,
+    createTempItem: PropTypes.func.isRequired,
+    createTempStimulus: PropTypes.func.isRequired,
+    createQuizEntry: PropTypes.func.isRequired,
+    disabledForRegrade: PropTypes.bool,
+    displayPosition: PropTypes.number.isRequired,
+    draggingAboveHalf: PropTypes.bool.isRequired,
+    draggingOver: PropTypes.bool.isRequired,
+    entry: ImmutablePropTypes.record.isRequired,
+    guid: PropTypes.string.isRequired,
+    handleValidationErrorsFromApi: PropTypes.func.isRequired,
+    haveValidationErrorsFromApi: PropTypes.bool,
+    hideError: PropTypes.func.isRequired,
+    initialFocusId: PropTypes.string,
+    isOccluded: PropTypes.bool,
+    itemEditArea: PropTypes.object,
+    name: PropTypes.string,
+    newActiveBank: PropTypes.func,
+    nextQuizEntry: ImmutablePropTypes.map,
+    openRegradeModal: PropTypes.func.isRequired,
+    quizEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
+    onEditQuizEntryToggle: PropTypes.func,
+    openModal: PropTypes.func.isRequired,
+    quizEntry: ImmutablePropTypes.record.isRequired,
+    quizId: PropTypes.string.isRequired,
+    removeQuizEntry: PropTypes.func.isRequired,
+    richFITBEnabled: PropTypes.bool,
+    richFITBInteractionID: PropTypes.string,
+    screenreaderNotification: PropTypes.func.isRequired,
+    setUi: PropTypes.func.isRequired,
+    shouldClone: PropTypes.bool,
+    showError: PropTypes.func.isRequired,
+    switchOffEditing: PropTypes.func.isRequired,
+    updateQuizEntry: PropTypes.func.isRequired,
+    updateItem: PropTypes.func.isRequired,
+    withConfirm: PropTypes.func.isRequired,
+    workingEntry: ImmutablePropTypes.record.isRequired,
+    workingQuizEntry: ImmutablePropTypes.record.isRequired,
+    styles: PropTypes.object
+});
+_define_property(QuizEntryEdit, "defaultProps", {
+    alternativeRightFooter: null,
+    children: null,
+    disabledForRegrade: false,
+    haveValidationErrorsFromApi: false,
+    initialFocusId: null,
+    isOccluded: false,
+    itemEditArea: null,
+    name: null,
+    nextQuizEntry: null,
+    newActiveBank: null,
+    onEditQuizEntryToggle: Function.prototype,
+    richFITBEnabled: false,
+    richFITBInteractionID: '',
+    shouldClone: false
+});
+QuizEntryEdit = _ts_decorate([
+    withStyleOverrides(generateStyle, generateComponentTheme)
+], QuizEntryEdit);
+export var UndecoratedQuizEntryEdit = QuizEntryEdit;
+export var QuizEntryEditRaw = wrapWithOutsideClickEmotion(QuizEntryEdit);
+export default DragSource(ItemTypes.QUIZ_ENTRY, dragSource, collectDrag)(QuizEntryEditRaw);