@pie-element/explicit-constructed-response 7.7.2-next.36 → 7.7.2-next.72

package/module/configure.js

@@ -1,2363 +1 @@
-import {_dll_lodash, _dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_material_ui__icons, _dll_classnames, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.10.0/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.5.10/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.3.5/module/index.js";
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-var lib$1 = {};
-var interopRequireDefault = {
-  exports: {}
-};
-(function (module) {
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      "default": obj
-    };
-  }
-  (module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(interopRequireDefault);
-getDefaultExportFromCjs(interopRequireDefault.exports);
-var classCallCheck = {
-  exports: {}
-};
-(function (module) {
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-  (module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(classCallCheck);
-getDefaultExportFromCjs(classCallCheck.exports);
-var createClass = {
-  exports: {}
-};
-(function (module) {
-  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);
-    }
-  }
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
-    return Constructor;
-  }
-  (module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(createClass);
-getDefaultExportFromCjs(createClass.exports);
-var assertThisInitialized = {
-  exports: {}
-};
-(function (module) {
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-  }
-  (module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(assertThisInitialized);
-getDefaultExportFromCjs(assertThisInitialized.exports);
-var inherits = {
-  exports: {}
-};
-var setPrototypeOf = {
-  exports: {}
-};
-(function (module) {
-  function _setPrototypeOf(o, p) {
-    (module.exports = _setPrototypeOf = Object.setPrototypeOf || (function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    }), module.exports.__esModule = true, module.exports["default"] = module.exports);
-    return _setPrototypeOf(o, p);
-  }
-  (module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(setPrototypeOf);
-getDefaultExportFromCjs(setPrototypeOf.exports);
-(function (module) {
-  var setPrototypeOf$1 = setPrototypeOf.exports;
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    Object.defineProperty(subClass, "prototype", {
-      writable: false
-    });
-    if (superClass) setPrototypeOf$1(subClass, superClass);
-  }
-  (module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(inherits);
-getDefaultExportFromCjs(inherits.exports);
-var possibleConstructorReturn = {
-  exports: {}
-};
-var _typeof = {
-  exports: {}
-};
-(function (module) {
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-    return ((module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj));
-  }
-  (module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(_typeof);
-getDefaultExportFromCjs(_typeof.exports);
-(function (module) {
-  var _typeof$1 = _typeof.exports["default"];
-  var assertThisInitialized$1 = assertThisInitialized.exports;
-  function _possibleConstructorReturn(self, call) {
-    if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
-      return call;
-    } else if (call !== void 0) {
-      throw new TypeError("Derived constructors may only return object or undefined");
-    }
-    return assertThisInitialized$1(self);
-  }
-  (module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(possibleConstructorReturn);
-getDefaultExportFromCjs(possibleConstructorReturn.exports);
-var getPrototypeOf = {
-  exports: {}
-};
-(function (module) {
-  function _getPrototypeOf(o) {
-    (module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-      return o.__proto__ || Object.getPrototypeOf(o);
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports);
-    return _getPrototypeOf(o);
-  }
-  (module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(getPrototypeOf);
-getDefaultExportFromCjs(getPrototypeOf.exports);
-var wrapNativeSuper = {
-  exports: {}
-};
-var isNativeFunction = {
-  exports: {}
-};
-(function (module) {
-  function _isNativeFunction(fn) {
-    return Function.toString.call(fn).indexOf("[native code]") !== -1;
-  }
-  (module.exports = _isNativeFunction, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(isNativeFunction);
-getDefaultExportFromCjs(isNativeFunction.exports);
-var construct = {
-  exports: {}
-};
-var isNativeReflectConstruct = {
-  exports: {}
-};
-(function (module) {
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  (module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(isNativeReflectConstruct);
-getDefaultExportFromCjs(isNativeReflectConstruct.exports);
-(function (module) {
-  var setPrototypeOf$1 = setPrototypeOf.exports;
-  var isNativeReflectConstruct$1 = isNativeReflectConstruct.exports;
-  function _construct(Parent, args, Class) {
-    if (isNativeReflectConstruct$1()) {
-      (module.exports = _construct = Reflect.construct, module.exports.__esModule = true, module.exports["default"] = module.exports);
-    } else {
-      (module.exports = _construct = function _construct(Parent, args, Class) {
-        var a = [null];
-        a.push.apply(a, args);
-        var Constructor = Function.bind.apply(Parent, a);
-        var instance = new Constructor();
-        if (Class) setPrototypeOf$1(instance, Class.prototype);
-        return instance;
-      }, module.exports.__esModule = true, module.exports["default"] = module.exports);
-    }
-    return _construct.apply(null, arguments);
-  }
-  (module.exports = _construct, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(construct);
-getDefaultExportFromCjs(construct.exports);
-(function (module) {
-  var getPrototypeOf$1 = getPrototypeOf.exports;
-  var setPrototypeOf$1 = setPrototypeOf.exports;
-  var isNativeFunction$1 = isNativeFunction.exports;
-  var construct$1 = construct.exports;
-  function _wrapNativeSuper(Class) {
-    var _cache = typeof Map === "function" ? new Map() : undefined;
-    (module.exports = _wrapNativeSuper = function _wrapNativeSuper(Class) {
-      if (Class === null || !isNativeFunction$1(Class)) return Class;
-      if (typeof Class !== "function") {
-        throw new TypeError("Super expression must either be null or a function");
-      }
-      if (typeof _cache !== "undefined") {
-        if (_cache.has(Class)) return _cache.get(Class);
-        _cache.set(Class, Wrapper);
-      }
-      function Wrapper() {
-        return construct$1(Class, arguments, getPrototypeOf$1(this).constructor);
-      }
-      Wrapper.prototype = Object.create(Class.prototype, {
-        constructor: {
-          value: Wrapper,
-          enumerable: false,
-          writable: true,
-          configurable: true
-        }
-      });
-      return setPrototypeOf$1(Wrapper, Class);
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports);
-    return _wrapNativeSuper(Class);
-  }
-  (module.exports = _wrapNativeSuper, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(wrapNativeSuper);
-getDefaultExportFromCjs(wrapNativeSuper.exports);
-var defineProperty = {
-  exports: {}
-};
-(function (module) {
-  function _defineProperty(obj, key, value) {
-    if ((key in obj)) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-    return obj;
-  }
-  (module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(defineProperty);
-getDefaultExportFromCjs(defineProperty.exports);
-var lib = {};
-Object.defineProperty(lib, "__esModule", {
-  value: true
-});
-class ModelUpdatedEvent extends CustomEvent {
-  constructor(update, reset = false) {
-    super(ModelUpdatedEvent.TYPE, {
-      bubbles: true,
-      detail: {
-        update,
-        reset
-      }
-    });
-    this.update = update;
-    this.reset = reset;
-  }
-}
-ModelUpdatedEvent.TYPE = 'model.updated';
-lib.ModelUpdatedEvent = ModelUpdatedEvent;
-class DeleteImageEvent extends CustomEvent {
-  constructor(src, done) {
-    super(DeleteImageEvent.TYPE, {
-      bubbles: true,
-      detail: {
-        src,
-        done
-      }
-    });
-    this.src = src;
-    this.done = done;
-  }
-}
-DeleteImageEvent.TYPE = 'delete.image';
-lib.DeleteImageEvent = DeleteImageEvent;
-class InsertImageEvent extends CustomEvent {
-  constructor(handler) {
-    super(InsertImageEvent.TYPE, {
-      bubbles: true,
-      detail: handler
-    });
-    this.handler = handler;
-  }
-}
-InsertImageEvent.TYPE = 'insert.image';
-lib.InsertImageEvent = InsertImageEvent;
-class DeleteSoundEvent extends CustomEvent {
-  constructor(src, done) {
-    super(DeleteSoundEvent.TYPE, {
-      bubbles: true,
-      detail: {
-        src,
-        done
-      }
-    });
-    this.src = src;
-    this.done = done;
-  }
-}
-DeleteSoundEvent.TYPE = 'delete.sound';
-lib.DeleteSoundEvent = DeleteSoundEvent;
-class InsertSoundEvent extends CustomEvent {
-  constructor(handler) {
-    super(InsertSoundEvent.TYPE, {
-      bubbles: true,
-      detail: handler
-    });
-    this.handler = handler;
-  }
-}
-InsertSoundEvent.TYPE = 'insert.sound';
-lib.InsertSoundEvent = InsertSoundEvent;
-var main = {};
-var toConsumableArray = {
-  exports: {}
-};
-var arrayWithoutHoles = {
-  exports: {}
-};
-var arrayLikeToArray = {
-  exports: {}
-};
-(function (module) {
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
-    return arr2;
-  }
-  (module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(arrayLikeToArray);
-getDefaultExportFromCjs(arrayLikeToArray.exports);
-(function (module) {
-  var arrayLikeToArray$1 = arrayLikeToArray.exports;
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return arrayLikeToArray$1(arr);
-  }
-  (module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(arrayWithoutHoles);
-getDefaultExportFromCjs(arrayWithoutHoles.exports);
-var iterableToArray = {
-  exports: {}
-};
-(function (module) {
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-  (module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(iterableToArray);
-getDefaultExportFromCjs(iterableToArray.exports);
-var unsupportedIterableToArray = {
-  exports: {}
-};
-(function (module) {
-  var arrayLikeToArray$1 = arrayLikeToArray.exports;
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return arrayLikeToArray$1(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || (/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/).test(n)) return arrayLikeToArray$1(o, minLen);
-  }
-  (module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(unsupportedIterableToArray);
-getDefaultExportFromCjs(unsupportedIterableToArray.exports);
-var nonIterableSpread = {
-  exports: {}
-};
-(function (module) {
-  function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  (module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(nonIterableSpread);
-getDefaultExportFromCjs(nonIterableSpread.exports);
-(function (module) {
-  var arrayWithoutHoles$1 = arrayWithoutHoles.exports;
-  var iterableToArray$1 = iterableToArray.exports;
-  var unsupportedIterableToArray$1 = unsupportedIterableToArray.exports;
-  var nonIterableSpread$1 = nonIterableSpread.exports;
-  function _toConsumableArray(arr) {
-    return arrayWithoutHoles$1(arr) || iterableToArray$1(arr) || unsupportedIterableToArray$1(arr) || nonIterableSpread$1();
-  }
-  (module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(toConsumableArray);
-getDefaultExportFromCjs(toConsumableArray.exports);
-var ecrToolbar = {};
-var _extends = {
-  exports: {}
-};
-(function (module) {
-  function _extends() {
-    (module.exports = _extends = Object.assign || (function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    }), module.exports.__esModule = true, module.exports["default"] = module.exports);
-    return _extends.apply(this, arguments);
-  }
-  (module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(_extends);
-getDefaultExportFromCjs(_extends.exports);
-var markupUtils = {};
-const {escape: require$$1} = _dll_lodash;
-var _interopRequireDefault = interopRequireDefault.exports;
-Object.defineProperty(markupUtils, "__esModule", {
-  value: true
-});
-markupUtils.stripHtmlTags = markupUtils.removeUnwantedCharacters = markupUtils.processMarkup = markupUtils.getAdjustedLength = markupUtils.decodeHTML = markupUtils.createSlateMarkup = void 0;
-var _escape = _interopRequireDefault(require$$1);
-var tSymbols = 'imes|riangle|an|heta|herefore';
-var nSymbols = 'throot|parallel|cong|approx|eq|e|sim';
-var matchTabAndNewLine = new RegExp(("(\\t(?!").concat(tSymbols, "))|(\\n(?!").concat(nSymbols, "))|(\\\\t(?!").concat(tSymbols, "))|(\\\\n(?!").concat(nSymbols, "))"), 'g');
-var removeUnwantedCharacters = function removeUnwantedCharacters(markup) {
-  return markup.replace(matchTabAndNewLine, '').replace(/\\"/g, '"').replace(/\\\//g, '/');
-};
-markupUtils.removeUnwantedCharacters = removeUnwantedCharacters;
-var createElementFromHTML = function createElementFromHTML() {
-  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var div = document.createElement('div');
-  div.innerHTML = htmlString.trim();
-  return div;
-};
-var processMarkup = function processMarkup(markup) {
-  var newMarkup = removeUnwantedCharacters(markup || '');
-  var slateMarkup = createElementFromHTML(newMarkup || '');
-  var index = 0;
-  slateMarkup.querySelectorAll('[data-type="explicit_constructed_response"]').forEach(function (s) {
-    s.replaceWith(("{{").concat(index++, "}}"));
-  });
-  return slateMarkup.innerHTML;
-};
-markupUtils.processMarkup = processMarkup;
-var REGEX = /\{\{(\d+)\}\}/g;
-var createSlateMarkup = function createSlateMarkup(markup, choices) {
-  if (!markup) {
-    return '';
-  }
-  var newMarkup = removeUnwantedCharacters(markup);
-  return newMarkup.replace(REGEX, function (match, g) {
-    var label = choices[g][0].label || '';
-    return ("<span data-type=\"explicit_constructed_response\" data-index=\"").concat(g, "\" data-value=\"").concat((0, _escape["default"])(label), "\"></span>");
-  });
-};
-markupUtils.createSlateMarkup = createSlateMarkup;
-var getAdjustedLength = function getAdjustedLength(length) {
-  if (length <= 2) {
-    return length + 2;
-  }
-  if (length <= 4) {
-    return length + 3;
-  }
-  if (length <= 6) {
-    return length + 4;
-  }
-  return length + 5;
-};
-markupUtils.getAdjustedLength = getAdjustedLength;
-var stripHtmlTags = function stripHtmlTags(markup) {
-  if (typeof markup !== 'string') {
-    return '';
-  }
-  return markup.replace(/<\/?[^>]+(>|$)/g, "");
-};
-markupUtils.stripHtmlTags = stripHtmlTags;
-var decodeHTML = function decodeHTML(html) {
-  var doc = new DOMParser().parseFromString(html, 'text/html');
-  return doc.body.textContent || '';
-};
-markupUtils.decodeHTML = decodeHTML;
-const require$$9$2 = _dll_react;
-const require$$10$4 = _dll_prop_types;
-const require$$11$4 = _dll_material_ui__core_styles;
-const require$$12$4 = _dll_pie_lib__editable_html;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports["default"] = exports.ECRToolbar = void 0;
-  var _extends2 = _interopRequireDefault(_extends.exports);
-  var _classCallCheck2 = _interopRequireDefault(classCallCheck.exports);
-  var _createClass2 = _interopRequireDefault(createClass.exports);
-  var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
-  var _inherits2 = _interopRequireDefault(inherits.exports);
-  var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
-  var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
-  var _defineProperty2 = _interopRequireDefault(defineProperty.exports);
-  var _react = _interopRequireDefault(require$$9$2);
-  var _propTypes = _interopRequireDefault(require$$10$4);
-  var _styles = require$$11$4;
-  var _editableHtml = _interopRequireDefault(require$$12$4);
-  var _markupUtils = markupUtils;
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-      var Super = (0, _getPrototypeOf2["default"])(Derived), result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return (0, _possibleConstructorReturn2["default"])(this, result);
-    };
-  }
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  var findSlateNode = function findSlateNode(key) {
-    return window.document.querySelector('[data-key="' + key + '"]');
-  };
-  var ECRToolbar = (function (_React$Component) {
-    (0, _inherits2["default"])(ECRToolbar, _React$Component);
-    var _super = _createSuper(ECRToolbar);
-    function ECRToolbar() {
-      var _this;
-      (0, _classCallCheck2["default"])(this, ECRToolbar);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _super.call.apply(_super, [this].concat(args));
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-        markup: '',
-        toolbarStyle: {}
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDone", function (markup) {
-        var _this$props = _this.props, node = _this$props.node, value = _this$props.value, onToolbarDone = _this$props.onToolbarDone, onChangeResponse = _this$props.onChangeResponse;
-        var sanitizedMarkup = (0, _markupUtils.stripHtmlTags)(markup);
-        _this.setState({
-          markup: sanitizedMarkup
-        });
-        var updatedData = _objectSpread(_objectSpread({}, node.data.toJSON()), {}, {
-          value: sanitizedMarkup
-        });
-        var change = value.change().setNodeByKey(node.key, {
-          data: updatedData
-        });
-        var nextText = value.document.getNextText(node.key);
-        change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
-        onToolbarDone(change, true);
-        onChangeResponse(sanitizedMarkup);
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRespAreaChange", function (respAreaMarkup) {
-        _this.setState({
-          respAreaMarkup: respAreaMarkup
-        });
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onKeyDown", function (event) {
-        if (event.key === 'Enter') {
-          return false;
-        }
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
-        if (_this.clickedInside) {
-          _this.clickedInside = false;
-        }
-      });
-      return _this;
-    }
-    (0, _createClass2["default"])(ECRToolbar, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        var _this$props2 = this.props, correctChoice = _this$props2.correctChoice, node = _this$props2.node;
-        var choice = correctChoice || ({});
-        var domNode = findSlateNode(node.key);
-        if (domNode) {
-          var domNodeRect = domNode.getBoundingClientRect();
-          var editor = domNode.closest('[data-slate-editor]');
-          var editorRect = editor.getBoundingClientRect();
-          var top = domNodeRect.top - editorRect.top;
-          var left = domNodeRect.left - editorRect.left;
-          this.setState({
-            markup: choice.label,
-            toolbarStyle: {
-              position: 'absolute',
-              top: ("").concat(top + domNodeRect.height + 17, "px"),
-              left: ("").concat(left + 20, "px"),
-              width: ("").concat(domNodeRect.width - 4, "px")
-            }
-          });
-        }
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this2 = this, _pluginProps$characte;
-        var _this$props3 = this.props, classes = _this$props3.classes, maxLengthPerChoiceEnabled = _this$props3.maxLengthPerChoiceEnabled, pluginProps = _this$props3.pluginProps, spellCheck = _this$props3.spellCheck;
-        var _this$state = this.state, markup = _this$state.markup, toolbarStyle = _this$state.toolbarStyle;
-        var inputProps = maxLengthPerChoiceEnabled ? {} : {
-          maxLength: 25
-        };
-        return _react["default"].createElement("div", {
-          style: toolbarStyle
-        }, _react["default"].createElement(_editableHtml["default"], (0, _extends2["default"])({
-          autoFocus: true,
-          className: classes.markup,
-          disableUnderline: true,
-          onChange: function onChange(respAreaMarkup) {
-            if (_this2.preventDone) {
-              return;
-            }
-            _this2.onRespAreaChange(respAreaMarkup);
-          },
-          onDone: function onDone(val) {
-            if (_this2.preventDone) {
-              return;
-            }
-            _this2.onDone(val);
-          },
-          onBlur: function onBlur(e) {
-            _this2.preventDone = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');
-            _this2.onBlur(e);
-          },
-          onKeyDown: this.onKeyDown,
-          markup: markup || '',
-          activePlugins: ['languageCharacters'],
-          pluginProps: pluginProps,
-          languageCharactersProps: [{
-            language: 'spanish'
-          }],
-          minHeight: '15px',
-          maxHeight: '15px',
-          spellCheck: spellCheck,
-          autoWidthToolbar: true,
-          toolbarOpts: {
-            minWidth: 'auto',
-            isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
-          }
-        }, inputProps)));
-      }
-    }]);
-    return ECRToolbar;
-  })(_react["default"].Component);
-  exports.ECRToolbar = ECRToolbar;
-  (0, _defineProperty2["default"])(ECRToolbar, "propTypes", {
-    correctChoice: _propTypes["default"].object,
-    classes: _propTypes["default"].object,
-    node: _propTypes["default"].object,
-    onDone: _propTypes["default"].func,
-    onChangeResponse: _propTypes["default"].func.isRequired,
-    onToolbarDone: _propTypes["default"].func.isRequired,
-    value: _propTypes["default"].shape({
-      change: _propTypes["default"].func.isRequired,
-      document: _propTypes["default"].shape({
-        getNextText: _propTypes["default"].func.isRequired
-      })
-    }),
-    maxLengthPerChoiceEnabled: _propTypes["default"].bool,
-    pluginProps: _propTypes["default"].object,
-    spellCheck: _propTypes["default"].bool
-  });
-  var StyledECRToolbar = (0, _styles.withStyles)(function (theme) {
-    return {
-      markup: {
-        backgroundColor: theme.palette.common.white,
-        outline: 'none',
-        lineHeight: '15px'
-      }
-    };
-  })(ECRToolbar);
-  var _default = StyledECRToolbar;
-  exports["default"] = _default;
-})(ecrToolbar);
-getDefaultExportFromCjs(ecrToolbar);
-var alternateResponses = {};
-var alternateSection = {};
-const require$$10$3 = _dll_react;
-const require$$11$3 = _dll_prop_types;
-const {debounce: require$$12$3} = _dll_lodash;
-const {isEqual: require$$13$3} = _dll_lodash;
-const {max: require$$22} = _dll_lodash;
-const {OutlinedInput: require$$14$2} = _dll_material_ui__core;
-const {Button: require$$15$1} = _dll_material_ui__core;
-const {IconButton: require$$17$1} = _dll_material_ui__core;
-const {MenuItem: require$$18$1} = _dll_material_ui__core;
-const {Select: require$$19$1} = _dll_material_ui__core;
-const {TextField: require$$20$1} = _dll_material_ui__core;
-const {Delete: require$$16$1} = _dll_material_ui__icons;
-const require$$21$1 = _dll_material_ui__core_styles;
-const require$$23 = _dll_classnames;
-const require$$24 = _dll_pie_lib__editable_html;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports["default"] = exports.Choice = exports.AlternateSection = void 0;
-  var _toConsumableArray2 = _interopRequireDefault(toConsumableArray.exports);
-  var _extends2 = _interopRequireDefault(_extends.exports);
-  var _classCallCheck2 = _interopRequireDefault(classCallCheck.exports);
-  var _createClass2 = _interopRequireDefault(createClass.exports);
-  var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
-  var _inherits2 = _interopRequireDefault(inherits.exports);
-  var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
-  var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
-  var _defineProperty2 = _interopRequireDefault(defineProperty.exports);
-  var _react = _interopRequireDefault(require$$10$3);
-  var _propTypes = _interopRequireDefault(require$$11$3);
-  var _debounce = _interopRequireDefault(require$$12$3);
-  var _isEqual = _interopRequireDefault(require$$13$3);
-  _interopRequireDefault(require$$14$2);
-  var _Button = _interopRequireDefault(require$$15$1);
-  var _Delete = _interopRequireDefault(require$$16$1);
-  var _IconButton = _interopRequireDefault(require$$17$1);
-  var _MenuItem = _interopRequireDefault(require$$18$1);
-  var _Select = _interopRequireDefault(require$$19$1);
-  var _TextField = _interopRequireDefault(require$$20$1);
-  var _styles = require$$21$1;
-  var _max = _interopRequireDefault(require$$22);
-  var _classnames = _interopRequireDefault(require$$23);
-  var _editableHtml = _interopRequireDefault(require$$24);
-  var _markupUtils = markupUtils;
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-      var Super = (0, _getPrototypeOf2["default"])(Derived), result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return (0, _possibleConstructorReturn2["default"])(this, result);
-    };
-  }
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  var styles = function styles(theme) {
-    return {
-      design: {
-        marginBottom: theme.spacing.unit / 2
-      },
-      altChoices: {
-        alignItems: 'flex-start',
-        flexDirection: 'column',
-        display: 'flex',
-        paddingTop: theme.spacing.unit * 2.5,
-        '& > *': {
-          marginBottom: theme.spacing.unit * 2.5,
-          width: '100%'
-        }
-      },
-      choice: {
-        flex: '1',
-        marginRight: theme.spacing.unit * 2.5
-      },
-      deleteBtn: {
-        fill: theme.palette.grey[600]
-      },
-      selectContainer: {
-        alignItems: 'flex-end',
-        display: 'flex',
-        justifyContent: 'space-between',
-        width: '100%'
-      },
-      rightContainer: {
-        alignItems: 'center',
-        display: 'flex'
-      },
-      lengthField: {
-        width: '230px',
-        marginRight: theme.spacing.unit * 2.5
-      },
-      errorText: {
-        fontSize: theme.typography.fontSize - 2,
-        color: theme.palette.error.main,
-        paddingTop: theme.spacing.unit / 2
-      },
-      inputError: {
-        border: ("2px solid ").concat(theme.palette.error.main),
-        borderRadius: '6px'
-      }
-    };
-  };
-  var Choice = (function (_React$Component) {
-    (0, _inherits2["default"])(Choice, _React$Component);
-    var _super = _createSuper(Choice);
-    function Choice() {
-      var _this;
-      (0, _classCallCheck2["default"])(this, Choice);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _super.call.apply(_super, [this].concat(args));
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-        value: _this.props.markup
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateText", (0, _debounce["default"])(_this.props.onChange, 300));
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (e) {
-        var strippedValue = (0, _markupUtils.stripHtmlTags)(e);
-        _this.setState({
-          value: strippedValue
-        });
-        _this.updateText(strippedValue);
-      });
-      return _this;
-    }
-    (0, _createClass2["default"])(Choice, [{
-      key: "UNSAFE_componentWillReceiveProps",
-      value: function UNSAFE_componentWillReceiveProps(nextProps) {
-        if (nextProps.markup) {
-          this.setState({
-            value: nextProps.markup
-          });
-        }
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _pluginProps$characte;
-        var value = this.state.value;
-        var _this$props = this.props, classes = _this$props.classes, onDelete = _this$props.onDelete, spellCheck = _this$props.spellCheck, error = _this$props.error, showMaxLength = _this$props.showMaxLength, pluginProps = _this$props.pluginProps;
-        var inputProps = showMaxLength ? {} : {
-          maxLength: 25
-        };
-        return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("div", {
-          style: {
-            alignItems: 'center',
-            display: 'flex',
-            justifyContent: 'space-between'
-          }
-        }, _react["default"].createElement(_editableHtml["default"], (0, _extends2["default"])({
-          className: (0, _classnames["default"])(classes.choice, error && classes.inputError),
-          disableUnderline: true,
-          onChange: this.onChange,
-          markup: value || '',
-          activePlugins: ['languageCharacters'],
-          pluginProps: pluginProps,
-          languageCharactersProps: [{
-            language: 'spanish'
-          }],
-          spellCheck: spellCheck,
-          autoWidthToolbar: true,
-          toolbarOpts: {
-            minWidth: 'auto',
-            isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
-          }
-        }, inputProps)), _react["default"].createElement(_IconButton["default"], {
-          "aria-label": "delete",
-          className: classes.deleteBtn,
-          onClick: onDelete
-        }, _react["default"].createElement(_Delete["default"], null))), error && _react["default"].createElement("div", {
-          className: classes.errorText
-        }, error));
-      }
-    }]);
-    return Choice;
-  })(_react["default"].Component);
-  exports.Choice = Choice;
-  (0, _defineProperty2["default"])(Choice, "propTypes", {
-    classes: _propTypes["default"].object,
-    error: _propTypes["default"].string,
-    markup: _propTypes["default"].string,
-    onChange: _propTypes["default"].func.isRequired,
-    onDelete: _propTypes["default"].func.isRequired,
-    value: _propTypes["default"].string,
-    spellCheck: _propTypes["default"].bool,
-    showMaxLength: _propTypes["default"].bool,
-    pluginProps: _propTypes["default"].object
-  });
-  var AlternateSection = (function (_React$Component2) {
-    (0, _inherits2["default"])(AlternateSection, _React$Component2);
-    var _super2 = _createSuper(AlternateSection);
-    function AlternateSection() {
-      var _this2;
-      (0, _classCallCheck2["default"])(this, AlternateSection);
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      _this2 = _super2.call.apply(_super2, [this].concat(args));
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "state", {});
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "updateChoicesIfNeeded", function (props) {
-        if (!_this2.state.choices || !(0, _isEqual["default"])(props.choices, _this2.state.choices) || !(0, _isEqual["default"])(props.choices, _this2.props.choices)) {
-          _this2.setState({
-            choices: props.choices
-          });
-        }
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleSelect", function (e) {
-        var _this2$props = _this2.props, onSelect = _this2$props.onSelect, selectChoices = _this2$props.selectChoices;
-        var value = e.target.value;
-        onSelect(selectChoices.find(function (c) {
-          return c.value === value;
-        }));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onAddChoice", function () {
-        var choices = _this2.state.choices;
-        if (choices.length && choices[choices.length - 1].label !== '') {
-          var value = (0, _max["default"])(choices.map(function (c) {
-            return parseInt(c.value);
-          }).filter(function (id) {
-            return !isNaN(id);
-          })) || 0;
-          _this2.setState({
-            choices: [].concat((0, _toConsumableArray2["default"])(choices), [{
-              value: ("").concat(value + 1),
-              label: ''
-            }])
-          });
-        }
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onChoiceChanged", function (choice, value, index) {
-        var _this2$props2 = _this2.props, choiceChanged = _this2$props2.choiceChanged, lengthChanged = _this2$props2.lengthChanged, maxLength = _this2$props2.maxLength, choices = _this2$props2.choices;
-        var labelLengthsArr = choices.map(function (choice) {
-          return (0, _markupUtils.decodeHTML)(choice.label || '').length;
-        });
-        labelLengthsArr[index] = (0, _markupUtils.decodeHTML)(value).length;
-        var newLength = Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
-        choiceChanged(_objectSpread(_objectSpread({}, choice), {}, {
-          label: value
-        }));
-        if (newLength > maxLength || newLength + 10 <= maxLength) {
-          lengthChanged((0, _markupUtils.getAdjustedLength)(newLength));
-        }
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRemoveChoice", function (choice) {
-        var choiceRemoved = _this2.props.choiceRemoved;
-        choiceRemoved(choice.value);
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getChoicesMaxLength", function () {
-        var choices = _this2.state.choices;
-        if (!choices) {
-          return 1;
-        }
-        var labelLengthsArr = choices.map(function (choice) {
-          return (0, _markupUtils.decodeHTML)(choice.label || '').length;
-        });
-        return Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeLength", function (event) {
-        var lengthChanged = _this2.props.lengthChanged;
-        var numberValue = parseInt(event.target.value, 10);
-        var minLength = _this2.getChoicesMaxLength();
-        if (numberValue && numberValue >= minLength && numberValue <= minLength + 10) {
-          lengthChanged(numberValue);
-        }
-      });
-      return _this2;
-    }
-    (0, _createClass2["default"])(AlternateSection, [{
-      key: "UNSAFE_componentWillReceiveProps",
-      value: function UNSAFE_componentWillReceiveProps(nextProps) {
-        this.updateChoicesIfNeeded(nextProps);
-      }
-    }, {
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        this.updateChoicesIfNeeded(this.props);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this3 = this;
-        var _this$props2 = this.props, classes = _this$props2.classes, selectChoices = _this$props2.selectChoices, maxLength = _this$props2.maxLength, showMaxLength = _this$props2.showMaxLength, value = _this$props2.value, spellCheck = _this$props2.spellCheck, errors = _this$props2.errors, pluginProps = _this$props2.pluginProps;
-        var choices = this.state.choices;
-        var minLength = this.getChoicesMaxLength();
-        return _react["default"].createElement("div", {
-          className: classes.design
-        }, _react["default"].createElement("div", {
-          className: classes.selectContainer
-        }, _react["default"].createElement(_Select["default"], {
-          className: classes.select,
-          displayEmpty: true,
-          onChange: this.handleSelect,
-          value: value || '',
-          readOnly: showMaxLength
-        }, _react["default"].createElement(_MenuItem["default"], {
-          value: ""
-        }, _react["default"].createElement("em", null, value ? 'Remove selection' : 'Select a response')), selectChoices.map(function (c, index) {
-          return _react["default"].createElement(_MenuItem["default"], {
-            key: index,
-            value: c === null || c === void 0 ? void 0 : c.value
-          }, (0, _markupUtils.decodeHTML)(c === null || c === void 0 ? void 0 : c.label));
-        })), choices && choices.length > 0 && _react["default"].createElement("div", {
-          className: classes.rightContainer
-        }, maxLength && showMaxLength && _react["default"].createElement(_TextField["default"], {
-          className: classes.lengthField,
-          label: "Maximum length (characters)",
-          type: "number",
-          inputProps: {
-            min: minLength,
-            max: minLength + 10
-          },
-          value: maxLength,
-          onChange: this.changeLength
-        }), _react["default"].createElement(_Button["default"], {
-          className: classes.addButton,
-          variant: "contained",
-          color: "primary",
-          onClick: this.onAddChoice
-        }, "Add"))), errors && errors[0] && _react["default"].createElement("div", {
-          className: classes.errorText
-        }, errors[0]), _react["default"].createElement("div", {
-          className: classes.altChoices
-        }, choices && choices.map(function (c, index) {
-          return index > 0 && _react["default"].createElement(Choice, {
-            key: index,
-            classes: classes,
-            markup: c.label,
-            onChange: function onChange(val) {
-              return _this3.onChoiceChanged(c, val, index);
-            },
-            onDelete: function onDelete() {
-              return _this3.onRemoveChoice(c);
-            },
-            spellCheck: spellCheck,
-            error: errors && errors[index],
-            showMaxLength: showMaxLength,
-            pluginProps: pluginProps
-          });
-        })));
-      }
-    }]);
-    return AlternateSection;
-  })(_react["default"].Component);
-  exports.AlternateSection = AlternateSection;
-  (0, _defineProperty2["default"])(AlternateSection, "propTypes", {
-    choices: _propTypes["default"].array,
-    selectChoices: _propTypes["default"].array.isRequired,
-    classes: _propTypes["default"].object.isRequired,
-    errors: _propTypes["default"].object,
-    onSelect: _propTypes["default"].func.isRequired,
-    choiceChanged: _propTypes["default"].func.isRequired,
-    lengthChanged: _propTypes["default"].func,
-    choiceRemoved: _propTypes["default"].func.isRequired,
-    value: _propTypes["default"].string,
-    maxLength: _propTypes["default"].number,
-    showMaxLength: _propTypes["default"].bool,
-    spellCheck: _propTypes["default"].bool,
-    pluginProps: _propTypes["default"].object
-  });
-  var Styled = (0, _styles.withStyles)(styles)(AlternateSection);
-  var _default = Styled;
-  exports["default"] = _default;
-})(alternateSection);
-getDefaultExportFromCjs(alternateSection);
-const require$$9$1 = _dll_react;
-const require$$10$2 = _dll_prop_types;
-const {isEqual: require$$11$2} = _dll_lodash;
-const {map: require$$12$2} = _dll_lodash;
-const {reduce: require$$13$2} = _dll_lodash;
-const {cloneDeep: require$$14$1} = _dll_lodash;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports["default"] = exports.AlternateResponses = void 0;
-  var _toConsumableArray2 = _interopRequireDefault(toConsumableArray.exports);
-  var _classCallCheck2 = _interopRequireDefault(classCallCheck.exports);
-  var _createClass2 = _interopRequireDefault(createClass.exports);
-  var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
-  var _inherits2 = _interopRequireDefault(inherits.exports);
-  var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
-  var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
-  var _defineProperty2 = _interopRequireDefault(defineProperty.exports);
-  var _react = _interopRequireDefault(require$$9$1);
-  var _propTypes = _interopRequireDefault(require$$10$2);
-  var _isEqual = _interopRequireDefault(require$$11$2);
-  var _map = _interopRequireDefault(require$$12$2);
-  var _reduce = _interopRequireDefault(require$$13$2);
-  var _cloneDeep = _interopRequireDefault(require$$14$1);
-  var _alternateSection = _interopRequireDefault(alternateSection);
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-      var Super = (0, _getPrototypeOf2["default"])(Derived), result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return (0, _possibleConstructorReturn2["default"])(this, result);
-    };
-  }
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  var AlternateResponses = (function (_React$Component) {
-    (0, _inherits2["default"])(AlternateResponses, _React$Component);
-    var _super = _createSuper(AlternateResponses);
-    function AlternateResponses() {
-      var _this;
-      (0, _classCallCheck2["default"])(this, AlternateResponses);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _super.call.apply(_super, [this].concat(args));
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-        maxLengthPerChoice: (0, _cloneDeep["default"])(_this.props.model.maxLengthPerChoice)
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateChoicesIfNeeded", function (props) {
-        if (!_this.state.choices || !(0, _isEqual["default"])(_this.state.choices, props.model.choices) || !(0, _isEqual["default"])(props.model.choices, _this.props.model.choices) || _this.state.values && Object.keys(_this.state.values).length !== Object.keys(_this.props.model.choices).length || props.maxLengthPerChoiceEnabled !== _this.props.maxLengthPerChoiceEnabled) {
-          var _props$model = props.model, choices = _props$model.choices, maxLengthPerChoice = _props$model.maxLengthPerChoice;
-          var selectedValues = (0, _reduce["default"])(choices, function (obj, c, key) {
-            if (c && (props.maxLengthPerChoiceEnabled || c.length > 1)) {
-              obj[key] = c[0];
-            }
-            return obj;
-          }, {});
-          _this.setState({
-            choices: props.model.choices,
-            values: selectedValues,
-            maxLengthPerChoice: (0, _cloneDeep["default"])(maxLengthPerChoice)
-          });
-        }
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRemainingChoices", function (valueKey) {
-        var choices = _this.state.choices;
-        return (0, _reduce["default"])(choices, function (arr, c, key) {
-          if (c && c.length === 1 && !valueKey) {
-            arr.push({
-              label: c[0].label,
-              value: key
-            });
-          }
-          return arr;
-        }, []);
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceChanged", function (choice, key) {
-        var onChange = _this.props.onChange;
-        var choices = _this.state.choices;
-        var sectionChoices = choices[key] || [];
-        var isNew = !sectionChoices.find(function (c) {
-          return c.value === choice.value;
-        });
-        var newChoices = sectionChoices.reduce(function (arr, c) {
-          var newVal = c.value === choice.value ? choice : c;
-          arr.push(newVal);
-          return arr;
-        }, []);
-        if (isNew) {
-          newChoices.push(choice);
-        }
-        onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, newChoices)));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceRemoved", function (value, section) {
-        var onChange = _this.props.onChange;
-        var choices = _this.state.choices;
-        var sectionChoices = choices[section] || [];
-        var newChoices = sectionChoices.reduce(function (arr, c) {
-          if (c.value === value) {
-            return arr;
-          }
-          arr.push(c);
-          return arr;
-        }, []);
-        onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, section, newChoices)));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSectionSelect", function (choice, key) {
-        var onChange = _this.props.onChange;
-        var _this$state = _this.state, choices = _this$state.choices, values = _this$state.values;
-        if (choices[key] && choices[key].length > 1) {
-          if (!choice) {
-            onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, [choices[key][0]])));
-          }
-        } else {
-          _this.setState({
-            choices: _objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, [].concat((0, _toConsumableArray2["default"])(choices[key]), [{
-              label: '',
-              value: '1'
-            }]))),
-            values: _objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2["default"])({}, key, choices[key][0]))
-          });
-        }
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLengthChanged", function (value, key) {
-        var _this$props = _this.props, model = _this$props.model, onLengthChange = _this$props.onLengthChange;
-        var maxLengthPerChoice = model.maxLengthPerChoice;
-        maxLengthPerChoice[key] = value;
-        onLengthChange(maxLengthPerChoice);
-      });
-      return _this;
-    }
-    (0, _createClass2["default"])(AlternateResponses, [{
-      key: "UNSAFE_componentWillReceiveProps",
-      value: function UNSAFE_componentWillReceiveProps(nextProps) {
-        this.updateChoicesIfNeeded(nextProps);
-      }
-    }, {
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        this.updateChoicesIfNeeded(this.props);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this2 = this;
-        var choices = this.state.choices;
-        var _this$props2 = this.props, _this$props2$model = _this$props2.model, maxLengthPerChoice = _this$props2$model.maxLengthPerChoice, maxLengthPerChoiceEnabled = _this$props2$model.maxLengthPerChoiceEnabled, spellCheck = _this$props2.spellCheck, choicesErrors = _this$props2.choicesErrors, pluginProps = _this$props2.pluginProps;
-        return _react["default"].createElement("div", null, (0, _map["default"])(choices, function (c, key) {
-          if (c && (maxLengthPerChoiceEnabled || c.length > 1)) {
-            var selected = _this2.state.values[key];
-            return _react["default"].createElement(_alternateSection["default"], {
-              key: key,
-              value: selected && selected.value,
-              errors: choicesErrors && choicesErrors[key],
-              onSelect: function onSelect(choice) {
-                return _this2.onSectionSelect(choice, key);
-              },
-              choiceChanged: function choiceChanged(choice) {
-                return _this2.onChoiceChanged(choice, key);
-              },
-              choiceRemoved: function choiceRemoved(value) {
-                return _this2.onChoiceRemoved(value, key);
-              },
-              lengthChanged: function lengthChanged(value) {
-                return _this2.onLengthChanged(value, key);
-              },
-              selectChoices: [selected],
-              choices: c,
-              maxLength: maxLengthPerChoice[key],
-              showMaxLength: maxLengthPerChoiceEnabled,
-              spellCheck: spellCheck,
-              pluginProps: pluginProps
-            });
-          }
-        }), choices && Object.keys(this.state.values).length !== Object.keys(choices).length && _react["default"].createElement(_alternateSection["default"], {
-          value: "",
-          onSelect: function onSelect(choice) {
-            return _this2.onSectionSelect(choice, choice.value);
-          },
-          choiceChanged: function choiceChanged(choice) {
-            return _this2.onChoiceChanged(choice);
-          },
-          choiceRemoved: function choiceRemoved(value) {
-            return _this2.onChoiceRemoved(value);
-          },
-          selectChoices: this.getRemainingChoices(),
-          spellCheck: spellCheck,
-          pluginProps: pluginProps
-        }));
-      }
-    }]);
-    return AlternateResponses;
-  })(_react["default"].Component);
-  exports.AlternateResponses = AlternateResponses;
-  (0, _defineProperty2["default"])(AlternateResponses, "propTypes", {
-    choicesErrors: _propTypes["default"].object,
-    model: _propTypes["default"].object.isRequired,
-    onChange: _propTypes["default"].func.isRequired,
-    onLengthChange: _propTypes["default"].func.isRequired,
-    maxLengthPerChoiceEnabled: _propTypes["default"].bool.isRequired,
-    spellCheck: _propTypes["default"].bool,
-    pluginProps: _propTypes["default"].object
-  });
-  var _default = AlternateResponses;
-  exports["default"] = _default;
-})(alternateResponses);
-getDefaultExportFromCjs(alternateResponses);
-var utils = {};
-Object.defineProperty(utils, "__esModule", {
-  value: true
-});
-utils.generateValidationMessage = void 0;
-var generateValidationMessage = function generateValidationMessage(config) {
-  var maxResponseAreas = config.maxResponseAreas;
-  var responseAreasMessage = '\nCorrect answers should not be blank.' + '\nEach answer defined for a response area should be unique.' + '\nThere should be at least 1 ' + (maxResponseAreas ? ("and at most ").concat(maxResponseAreas, " ") : '') + 'response area' + (maxResponseAreas ? 's' : '') + ' defined.';
-  return 'Validation requirements:' + responseAreasMessage;
-};
-utils.generateValidationMessage = generateValidationMessage;
-const require$$10$1 = _dll_react;
-const require$$11$1 = _dll_prop_types;
-const {cloneDeep: require$$12$1} = _dll_lodash;
-const {isEmpty: require$$13$1} = _dll_lodash;
-const {pick: require$$14} = _dll_lodash;
-const {throttle: require$$15} = _dll_lodash;
-const require$$18 = _dll_material_ui__core_styles;
-const {Typography: require$$19} = _dll_material_ui__core;
-const {Tooltip: require$$21} = _dll_material_ui__core;
-const {Info: require$$20} = _dll_material_ui__icons;
-const require$$26 = _dll_classnames;
-const require$$16 = _dll_pie_lib__editable_html;
-const require$$17 = _dll_pie_lib__config_ui;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  var _typeof$1 = _typeof.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports["default"] = exports.Main = void 0;
-  var _toConsumableArray2 = _interopRequireDefault(toConsumableArray.exports);
-  var _classCallCheck2 = _interopRequireDefault(classCallCheck.exports);
-  var _createClass2 = _interopRequireDefault(createClass.exports);
-  var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
-  var _inherits2 = _interopRequireDefault(inherits.exports);
-  var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
-  var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
-  var _defineProperty2 = _interopRequireDefault(defineProperty.exports);
-  var _react = _interopRequireDefault(require$$10$1);
-  var _propTypes = _interopRequireDefault(require$$11$1);
-  var _cloneDeep = _interopRequireDefault(require$$12$1);
-  var _isEmpty = _interopRequireDefault(require$$13$1);
-  var _pick = _interopRequireDefault(require$$14);
-  var _throttle = _interopRequireDefault(require$$15);
-  var _editableHtml = _interopRequireWildcard(require$$16);
-  var _configUi = require$$17;
-  var _styles = require$$18;
-  var _Typography = _interopRequireDefault(require$$19);
-  var _Info = _interopRequireDefault(require$$20);
-  var _Tooltip = _interopRequireDefault(require$$21);
-  var _ecrToolbar = _interopRequireDefault(ecrToolbar);
-  var _alternateResponses = _interopRequireDefault(alternateResponses);
-  var _markupUtils = markupUtils;
-  var _utils = utils;
-  var _classnames = _interopRequireDefault(require$$26);
-  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$1(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 ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-      var Super = (0, _getPrototypeOf2["default"])(Derived), result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return (0, _possibleConstructorReturn2["default"])(this, result);
-    };
-  }
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  var toggle = _configUi.settings.toggle, Panel = _configUi.settings.Panel, dropdown = _configUi.settings.dropdown;
-  var styles = function styles(theme) {
-    return {
-      promptHolder: {
-        width: '100%',
-        paddingTop: theme.spacing.unit * 2,
-        marginBottom: theme.spacing.unit * 2
-      },
-      markup: {
-        minHeight: '100px',
-        paddingTop: theme.spacing.unit,
-        width: '100%',
-        '& [data-slate-editor="true"]': {
-          minHeight: '100px'
-        }
-      },
-      choiceConfiguration: {
-        paddingTop: theme.spacing.unit * 2,
-        paddingBottom: theme.spacing.unit * 2
-      },
-      switchElement: {
-        justifyContent: 'space-between',
-        margin: 0
-      },
-      addButton: {
-        "float": 'right'
-      },
-      text: {
-        fontSize: theme.typography.fontSize + 2
-      },
-      tooltip: {
-        fontSize: theme.typography.fontSize - 2,
-        whiteSpace: 'pre',
-        maxWidth: '500px'
-      },
-      errorText: {
-        fontSize: theme.typography.fontSize - 2,
-        color: theme.palette.error.main,
-        paddingTop: theme.spacing.unit
-      },
-      flexContainer: {
-        display: 'flex',
-        alignItems: 'center'
-      },
-      responseHeader: {
-        marginTop: theme.spacing.unit * 3,
-        marginBottom: theme.spacing.unit
-      }
-    };
-  };
-  var createElementFromHTML = function createElementFromHTML(htmlString) {
-    var div = document.createElement('div');
-    div.innerHTML = htmlString.trim();
-    return div;
-  };
-  var Main = (function (_React$Component) {
-    (0, _inherits2["default"])(Main, _React$Component);
-    var _super = _createSuper(Main);
-    function Main() {
-      var _this;
-      (0, _classCallCheck2["default"])(this, Main);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _super.call.apply(_super, [this].concat(args));
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChange", function (newVal) {
-        _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), newVal));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
-        _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
-          prompt: prompt
-        }));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChanged", function (rationale) {
-        _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
-          rationale: rationale
-        }));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
-        var _this$props = _this.props, model = _this$props.model, onModelChanged = _this$props.onModelChanged;
-        onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
-          teacherInstructions: teacherInstructions
-        }));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMarkupChanged", function (slateMarkup) {
-        _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
-          slateMarkup: slateMarkup
-        }));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResponsesChanged", function (choices) {
-        _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
-          choices: choices
-        }));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLengthChanged", function (maxLengthPerChoice) {
-        var _this$props2 = _this.props, model = _this$props2.model, onModelChanged = _this$props2.onModelChanged;
-        onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
-          maxLengthPerChoice: maxLengthPerChoice
-        }));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeResponse", function (index, newVal) {
-        var _this$props3 = _this.props, model = _this$props3.model, onModelChanged = _this$props3.onModelChanged;
-        var choices = model.choices;
-        var maxLengthPerChoice = model.maxLengthPerChoice;
-        var newValLength = (0, _markupUtils.decodeHTML)(newVal || '').length;
-        if (!choices[index]) {
-          choices[index] = [{
-            label: newVal || '',
-            value: '0'
-          }];
-          var nbOfMissingChoices = index > maxLengthPerChoice.length ? index - maxLengthPerChoice.length : 0;
-          maxLengthPerChoice = [].concat((0, _toConsumableArray2["default"])(maxLengthPerChoice), (0, _toConsumableArray2["default"])(Array(nbOfMissingChoices).fill(1)));
-          maxLengthPerChoice.splice(index, 0, (0, _markupUtils.getAdjustedLength)(newValLength));
-        } else {
-          choices[index][0].label = newVal || '';
-          if (maxLengthPerChoice && (maxLengthPerChoice[index] < newValLength || maxLengthPerChoice[index] > newValLength + 10)) {
-            maxLengthPerChoice[index] = (0, _markupUtils.getAdjustedLength)(newValLength);
-          }
-        }
-        onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
-          choices: choices,
-          maxLengthPerChoice: maxLengthPerChoice
-        }));
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (markup) {
-        var _this$props4 = _this.props, _this$props4$model = _this$props4.model, choices = _this$props4$model.choices, maxLengthPerChoice = _this$props4$model.maxLengthPerChoice, onModelChanged = _this$props4.onModelChanged;
-        var domMarkup = createElementFromHTML(markup);
-        var allRespAreas = domMarkup.querySelectorAll('[data-type="explicit_constructed_response"]');
-        var allChoices = {};
-        var updatedMaxLengthPerChoice = [];
-        allRespAreas.forEach(function (el, index) {
-          var newChoices = (0, _cloneDeep["default"])(choices[el.dataset.index]);
-          if (newChoices) {
-            newChoices[0] = {
-              label: el.dataset.value || '',
-              value: '0'
-            };
-            updatedMaxLengthPerChoice[index] = maxLengthPerChoice[el.dataset.index];
-          }
-          allChoices[index] = newChoices;
-          el.dataset.index = index;
-        });
-        var callback = function callback() {
-          return onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
-            choices: allChoices,
-            slateMarkup: domMarkup.innerHTML,
-            maxLengthPerChoice: updatedMaxLengthPerChoice
-          }));
-        };
-        _this.setState({
-          cachedChoices: undefined
-        }, callback);
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onHandleAreaChange", (0, _throttle["default"])(function (nodes) {
-        var _this$props5 = _this.props, choices = _this$props5.model.choices, onModelChanged = _this$props5.onModelChanged;
-        var cachedChoices = _this.state.cachedChoices;
-        if (!nodes) {
-          return;
-        }
-        var newChoices = choices ? (0, _cloneDeep["default"])(choices) : {};
-        var newCachedChoices = cachedChoices ? (0, _cloneDeep["default"])(cachedChoices) : {};
-        nodes.forEach(function (node) {
-          var keyForNode = node.data.get('index');
-          if (!newChoices[keyForNode] && newCachedChoices[keyForNode]) {
-            Object.assign(newChoices, (0, _pick["default"])(newCachedChoices, keyForNode));
-            if (newCachedChoices.hasOwnProperty(keyForNode)) {
-              delete newCachedChoices[keyForNode];
-            }
-          } else {
-            Object.assign(newCachedChoices, (0, _pick["default"])(newChoices, keyForNode));
-            if (newChoices.hasOwnProperty(keyForNode)) {
-              delete newChoices[keyForNode];
-            }
-          }
-        });
-        var callback = function callback() {
-          return onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
-            choices: newChoices
-          }));
-        };
-        _this.setState({
-          cachedChoices: newCachedChoices
-        }, callback);
-      }, 500, {
-        trailing: false,
-        leading: true
-      }));
-      return _this;
-    }
-    (0, _createClass2["default"])(Main, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        var _this$props6 = this.props, _this$props6$model = _this$props6.model, slateMarkup = _this$props6$model.slateMarkup, choices = _this$props6$model.choices, _this$props6$model$ma = _this$props6$model.maxLengthPerChoice, maxLengthPerChoice = _this$props6$model$ma === void 0 ? [] : _this$props6$model$ma, onModelChanged = _this$props6.onModelChanged;
-        var undefinedLengths = !maxLengthPerChoice.length;
-        this.setState({
-          markup: slateMarkup
-        });
-        Object.values(choices).forEach(function (choice, index) {
-          var labelLengthsArr = choice.map(function (choice) {
-            return (0, _markupUtils.decodeHTML)(choice.label || '').length;
-          });
-          var length = Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
-          if (undefinedLengths || !maxLengthPerChoice[index] || maxLengthPerChoice[index] < length || maxLengthPerChoice[index] > length + 10) {
-            maxLengthPerChoice[index] = (0, _markupUtils.getAdjustedLength)(length);
-          }
-        });
-        onModelChanged(_objectSpread(_objectSpread({}, this.props.model), {}, {
-          maxLengthPerChoice: maxLengthPerChoice
-        }));
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this2 = this;
-        var _this$props7 = this.props, classes = _this$props7.classes, model = _this$props7.model, configuration = _this$props7.configuration, onConfigurationChanged = _this$props7.onConfigurationChanged, imageSupport = _this$props7.imageSupport, uploadSoundSupport = _this$props7.uploadSoundSupport;
-        var _ref = configuration || ({}), _ref$baseInputConfigu = _ref.baseInputConfiguration, baseInputConfiguration = _ref$baseInputConfigu === void 0 ? {} : _ref$baseInputConfigu, _ref$contentDimension = _ref.contentDimensions, contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension, _ref$maxImageWidth = _ref.maxImageWidth, maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth, _ref$maxImageHeight = _ref.maxImageHeight, maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight, _ref$maxLengthPerChoi = _ref.maxLengthPerChoice, maxLengthPerChoice = _ref$maxLengthPerChoi === void 0 ? {} : _ref$maxLengthPerChoi, maxResponseAreas = _ref.maxResponseAreas, _ref$partialScoring = _ref.partialScoring, partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring, _ref$playerSpellCheck = _ref.playerSpellCheck, playerSpellCheck = _ref$playerSpellCheck === void 0 ? {} : _ref$playerSpellCheck, _ref$prompt = _ref.prompt, prompt = _ref$prompt === void 0 ? {} : _ref$prompt, _ref$rationale = _ref.rationale, rationale = _ref$rationale === void 0 ? {} : _ref$rationale, _ref$template = _ref.template, template = _ref$template === void 0 ? {} : _ref$template, settingsPanelDisabled = _ref.settingsPanelDisabled, _ref$spellCheck = _ref.spellCheck, spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck, _ref$editSource = _ref.editSource, editSource = _ref$editSource === void 0 ? {} : _ref$editSource, _ref$teacherInstructi = _ref.teacherInstructions, teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi, _ref$withRubric = _ref.withRubric, withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric, _ref$mathMlOptions = _ref.mathMlOptions, mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions, _ref$language = _ref.language, language = _ref$language === void 0 ? {} : _ref$language, _ref$languageChoices = _ref.languageChoices, languageChoices = _ref$languageChoices === void 0 ? {} : _ref$languageChoices, _ref$spanishButton = _ref.spanishButton, spanishButton = _ref$spanishButton === void 0 ? {} : _ref$spanishButton, _ref$responseAreaInpu = _ref.responseAreaInputConfiguration, responseAreaInputConfiguration = _ref$responseAreaInpu === void 0 ? {} : _ref$responseAreaInpu;
-        var _ref2 = model || ({}), errors = _ref2.errors, extraCSSRules = _ref2.extraCSSRules, maxLengthPerChoiceEnabled = _ref2.maxLengthPerChoiceEnabled, promptEnabled = _ref2.promptEnabled, rationaleEnabled = _ref2.rationaleEnabled, spellCheckEnabled = _ref2.spellCheckEnabled, teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled, toolbarEditorPosition = _ref2.toolbarEditorPosition;
-        var _ref3 = errors || ({}), _ref3$choices = _ref3.choices, choicesErrors = _ref3$choices === void 0 ? {} : _ref3$choices, promptError = _ref3.prompt, rationaleError = _ref3.rationale, responseAreasError = _ref3.responseAreas, teacherInstructionsError = _ref3.teacherInstructions;
-        var validationMessage = (0, _utils.generateValidationMessage)(configuration);
-        var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
-        var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
-        var toolbarOpts = {
-          position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
-        };
-        var panelSettings = {
-          partialScoring: partialScoring.settings && toggle(partialScoring.label),
-          maxLengthPerChoiceEnabled: maxLengthPerChoice.settings && toggle(maxLengthPerChoice.label),
-          'language.enabled': language.settings && toggle(language.label, true),
-          language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),
-          'responseAreaInputConfiguration.inputConfiguration.characters.disabled': spanishButton.settings && toggle(spanishButton.label, true)
-        };
-        var panelProperties = {
-          teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-          rationaleEnabled: rationale.settings && toggle(rationale.label),
-          promptEnabled: prompt.settings && toggle(prompt.label),
-          spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
-          playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),
-          rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label),
-          'editSource.enabled': (editSource === null || editSource === void 0 ? void 0 : editSource.settings) && toggle(editSource.label, true)
-        };
-        var getPluginProps = function getPluginProps() {
-          var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-          return _objectSpread(_objectSpread({}, baseInputConfiguration), props);
-        };
-        return _react["default"].createElement(_configUi.layout.ConfigLayout, {
-          extraCSSRules: extraCSSRules,
-          dimensions: contentDimensions,
-          hideSettings: settingsPanelDisabled,
-          settings: _react["default"].createElement(Panel, {
-            model: model,
-            configuration: configuration,
-            onChangeModel: function onChangeModel(model) {
-              return _this2.onModelChange(model);
-            },
-            onChangeConfiguration: function onChangeConfiguration(configuration) {
-              return onConfigurationChanged(configuration, true);
-            },
-            groups: {
-              Settings: panelSettings,
-              Properties: panelProperties
-            }
-          })
-        }, teacherInstructionsEnabled && _react["default"].createElement(_configUi.InputContainer, {
-          label: teacherInstructions.label,
-          className: classes.promptHolder
-        }, _react["default"].createElement(_editableHtml["default"], {
-          className: classes.prompt,
-          markup: model.teacherInstructions || '',
-          onChange: this.onTeacherInstructionsChanged,
-          imageSupport: imageSupport,
-          nonEmpty: false,
-          error: teacherInstructionsError,
-          toolbarOpts: toolbarOpts,
-          pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration),
-          spellCheck: spellCheckEnabled,
-          maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
-          maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
-          uploadSoundSupport: uploadSoundSupport,
-          languageCharactersProps: [{
-            language: 'spanish'
-          }, {
-            language: 'special'
-          }],
-          mathMlOptions: mathMlOptions,
-          autoWidthToolbar: true
-        }), teacherInstructionsError && _react["default"].createElement("div", {
-          className: classes.errorText
-        }, teacherInstructionsError)), promptEnabled && _react["default"].createElement(_configUi.InputContainer, {
-          label: prompt.label,
-          className: classes.promptHolder
-        }, _react["default"].createElement(_editableHtml["default"], {
-          className: classes.prompt,
-          markup: model.prompt,
-          onChange: this.onPromptChanged,
-          imageSupport: imageSupport,
-          nonEmpty: false,
-          disableUnderline: true,
-          error: promptError,
-          toolbarOpts: toolbarOpts,
-          pluginProps: getPluginProps(prompt === null || prompt === void 0 ? void 0 : prompt.inputConfiguration),
-          spellCheck: spellCheckEnabled,
-          maxImageWidth: defaultImageMaxWidth,
-          maxImageHeight: defaultImageMaxHeight,
-          uploadSoundSupport: uploadSoundSupport,
-          languageCharactersProps: [{
-            language: 'spanish'
-          }, {
-            language: 'special'
-          }],
-          mathMlOptions: mathMlOptions,
-          autoWidthToolbar: true
-        }), promptError && _react["default"].createElement("div", {
-          className: classes.errorText
-        }, promptError)), _react["default"].createElement("div", {
-          className: classes.flexContainer
-        }, _react["default"].createElement(_Typography["default"], {
-          className: classes.text,
-          component: "div"
-        }, "Define Template, Choices, and Correct Responses"), _react["default"].createElement(_Tooltip["default"], {
-          classes: {
-            tooltip: classes.tooltip
-          },
-          disableFocusListener: true,
-          disableTouchListener: true,
-          placement: 'right',
-          title: validationMessage
-        }, _react["default"].createElement(_Info["default"], {
-          fontSize: 'small',
-          color: 'primary',
-          style: {
-            marginLeft: '8px'
-          }
-        }))), _react["default"].createElement(_editableHtml["default"], {
-          activePlugins: _editableHtml.ALL_PLUGINS,
-          toolbarOpts: {
-            position: 'top'
-          },
-          spellCheck: spellCheckEnabled,
-          pluginProps: getPluginProps(template === null || template === void 0 ? void 0 : template.inputConfiguration),
-          responseAreaProps: {
-            type: 'explicit-constructed-response',
-            options: {
-              duplicates: true
-            },
-            maxResponseAreas: maxResponseAreas,
-            respAreaToolbar: function respAreaToolbar(node, value, onToolbarDone) {
-              var model = _this2.props.model;
-              var correctChoice = (model.choices[node.data.get('index')] || [])[0];
-              return function () {
-                return _react["default"].createElement(_ecrToolbar["default"], {
-                  onChangeResponse: function onChangeResponse(newVal) {
-                    return _this2.onChangeResponse(node.data.get('index'), newVal);
-                  },
-                  node: node,
-                  value: value,
-                  onToolbarDone: onToolbarDone,
-                  correctChoice: correctChoice,
-                  maxLengthPerChoiceEnabled: maxLengthPerChoiceEnabled,
-                  pluginProps: getPluginProps(responseAreaInputConfiguration === null || responseAreaInputConfiguration === void 0 ? void 0 : responseAreaInputConfiguration.inputConfiguration)
-                });
-              };
-            },
-            error: function error() {
-              return choicesErrors;
-            },
-            onHandleAreaChange: this.onHandleAreaChange
-          },
-          className: classes.markup,
-          markup: model.slateMarkup,
-          onChange: this.onChange,
-          imageSupport: imageSupport,
-          disableImageAlignmentButtons: true,
-          onBlur: this.onBlur,
-          disabled: false,
-          highlightShape: false,
-          error: responseAreasError,
-          uploadSoundSupport: uploadSoundSupport,
-          languageCharactersProps: [{
-            language: 'spanish'
-          }, {
-            language: 'special'
-          }],
-          mathMlOptions: mathMlOptions,
-          autoWidthToolbar: true
-        }), responseAreasError && _react["default"].createElement("div", {
-          className: classes.errorText
-        }, responseAreasError), !(0, _isEmpty["default"])(model.choices) && _react["default"].createElement(_Typography["default"], {
-          className: (0, _classnames["default"])(classes.text, classes.responseHeader)
-        }, ("Define Alternates ").concat(maxLengthPerChoiceEnabled ? 'and Character Limits' : '')), _react["default"].createElement(_alternateResponses["default"], {
-          model: model,
-          onChange: this.onResponsesChanged,
-          onLengthChange: this.onLengthChanged,
-          maxLengthPerChoiceEnabled: maxLengthPerChoiceEnabled,
-          spellCheck: spellCheckEnabled,
-          choicesErrors: choicesErrors,
-          pluginProps: getPluginProps(responseAreaInputConfiguration === null || responseAreaInputConfiguration === void 0 ? void 0 : responseAreaInputConfiguration.inputConfiguration)
-        }), rationaleEnabled && _react["default"].createElement(_configUi.InputContainer, {
-          label: rationale.label,
-          className: classes.promptHolder
-        }, _react["default"].createElement(_editableHtml["default"], {
-          className: classes.prompt,
-          markup: model.rationale || '',
-          onChange: this.onRationaleChanged,
-          imageSupport: imageSupport,
-          error: rationaleError,
-          toolbarOpts: toolbarOpts,
-          pluginProps: getPluginProps(rationale === null || rationale === void 0 ? void 0 : rationale.inputConfiguration),
-          spellCheck: spellCheckEnabled,
-          maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
-          maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
-          uploadSoundSupport: uploadSoundSupport,
-          languageCharactersProps: [{
-            language: 'spanish'
-          }, {
-            language: 'special'
-          }],
-          mathMlOptions: mathMlOptions,
-          autoWidthToolbar: true
-        }), rationaleError && _react["default"].createElement("div", {
-          className: classes.errorText
-        }, rationaleError)));
-      }
-    }]);
-    return Main;
-  })(_react["default"].Component);
-  exports.Main = Main;
-  (0, _defineProperty2["default"])(Main, "propTypes", {
-    configuration: _propTypes["default"].object.isRequired,
-    model: _propTypes["default"].object.isRequired,
-    disableSidePanel: _propTypes["default"].bool,
-    onModelChanged: _propTypes["default"].func.isRequired,
-    onConfigurationChanged: _propTypes["default"].func.isRequired,
-    classes: _propTypes["default"].object.isRequired,
-    imageSupport: _propTypes["default"].shape({
-      add: _propTypes["default"].func.isRequired,
-      "delete": _propTypes["default"].func.isRequired
-    }),
-    uploadSoundSupport: _propTypes["default"].object
-  });
-  var Styled = (0, _styles.withStyles)(styles)(Main);
-  var _default = Styled;
-  exports["default"] = _default;
-})(main);
-getDefaultExportFromCjs(main);
-var defaults = {};
-(function (exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports["default"] = void 0;
-  var _default = {
-    model: {
-      choices: {},
-      displayType: 'block',
-      markup: '',
-      maxLengthPerChoiceEnabled: true,
-      playerSpellCheckEnabled: true,
-      prompt: '',
-      promptEnabled: true,
-      rationale: '',
-      rationaleEnabled: true,
-      spellCheckEnabled: true,
-      studentInstructionsEnabled: true,
-      teacherInstructions: '',
-      teacherInstructionsEnabled: true,
-      toolbarEditorPosition: 'bottom',
-      responseAreaInputConfiguration: {}
-    },
-    configuration: {
-      baseInputConfiguration: {
-        html: {
-          disabled: true
-        },
-        audio: {
-          disabled: false
-        },
-        video: {
-          disabled: false
-        },
-        image: {
-          disabled: false
-        },
-        textAlign: {
-          disabled: true
-        },
-        showParagraphs: {
-          disabled: false
-        },
-        separateParagraphs: {
-          disabled: true
-        }
-      },
-      prompt: {
-        settings: true,
-        label: 'Prompt',
-        inputConfiguration: {
-          audio: {
-            disabled: false
-          },
-          video: {
-            disabled: false
-          },
-          image: {
-            disabled: false
-          }
-        },
-        required: false
-      },
-      partialScoring: {
-        settings: false,
-        label: 'Allow Partial Scoring'
-      },
-      rationale: {
-        settings: true,
-        label: 'Rationale',
-        inputConfiguration: {
-          audio: {
-            disabled: false
-          },
-          video: {
-            disabled: false
-          },
-          image: {
-            disabled: false
-          }
-        },
-        required: false
-      },
-      settingsPanelDisabled: false,
-      spellCheck: {
-        label: 'Spellcheck',
-        settings: false,
-        enabled: true
-      },
-      editSource: {
-        label: 'Edit Source',
-        settings: false,
-        enabled: false
-      },
-      playerSpellCheck: {
-        label: 'Student Spellcheck',
-        settings: true,
-        enabled: true
-      },
-      teacherInstructions: {
-        settings: true,
-        label: 'Teacher Instructions',
-        inputConfiguration: {
-          audio: {
-            disabled: false
-          },
-          video: {
-            disabled: false
-          },
-          image: {
-            disabled: false
-          }
-        },
-        required: false
-      },
-      template: {
-        inputConfiguration: {
-          audio: {
-            disabled: false
-          },
-          video: {
-            disabled: false
-          },
-          image: {
-            disabled: false
-          },
-          h3: {
-            disabled: true
-          },
-          blockquote: {
-            disabled: true
-          }
-        }
-      },
-      maxLengthPerChoice: {
-        settings: true,
-        label: 'Maximum Length Per Choice'
-      },
-      maxResponseAreas: 10,
-      maxImageWidth: {
-        teacherInstructions: 300,
-        prompt: 300,
-        rationale: 300
-      },
-      maxImageHeight: {
-        teacherInstructions: 300,
-        prompt: 300,
-        rationale: 300
-      },
-      withRubric: {
-        settings: false,
-        label: 'Add Rubric'
-      },
-      mathMlOptions: {
-        mmlOutput: false,
-        mmlEditing: false
-      },
-      language: {
-        settings: false,
-        label: 'Specify Language',
-        enabled: false
-      },
-      languageChoices: {
-        label: 'Language Choices',
-        options: []
-      },
-      responseAreaInputConfiguration: {
-        inputConfiguration: {
-          characters: {
-            disabled: true
-          }
-        }
-      },
-      spanishButton: {
-        settings: true,
-        label: 'Disable Spanish Characters'
-      }
-    }
-  };
-  exports["default"] = _default;
-})(defaults);
-getDefaultExportFromCjs(defaults);
-const require$$9 = _dll_react;
-const require$$10 = _dll_react_dom;
-const require$$11 = _dll_debug;
-const {defaults: require$$12} = _dll_lodash;
-const {isArray: require$$13} = _dll_lodash;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports["default"] = void 0;
-  var _classCallCheck2 = _interopRequireDefault(classCallCheck.exports);
-  var _createClass2 = _interopRequireDefault(createClass.exports);
-  var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
-  var _inherits2 = _interopRequireDefault(inherits.exports);
-  var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
-  var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
-  var _wrapNativeSuper2 = _interopRequireDefault(wrapNativeSuper.exports);
-  var _defineProperty2 = _interopRequireDefault(defineProperty.exports);
-  var _react = _interopRequireDefault(require$$9);
-  var _reactDom = _interopRequireDefault(require$$10);
-  var _debug = _interopRequireDefault(require$$11);
-  var _defaults = _interopRequireDefault(require$$12);
-  var _isArray = _interopRequireDefault(require$$13);
-  var _pieConfigureEvents = lib;
-  var _main = _interopRequireDefault(main);
-  var _defaults2 = _interopRequireDefault(defaults);
-  var _markupUtils = markupUtils;
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-      var Super = (0, _getPrototypeOf2["default"])(Derived), result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return (0, _possibleConstructorReturn2["default"])(this, result);
-    };
-  }
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  var log = (0, _debug["default"])('explicit-constructed-response:configure');
-  var ExplicitConstructedResponse = (function (_HTMLElement) {
-    (0, _inherits2["default"])(ExplicitConstructedResponse, _HTMLElement);
-    var _super = _createSuper(ExplicitConstructedResponse);
-    function ExplicitConstructedResponse() {
-      var _this;
-      (0, _classCallCheck2["default"])(this, ExplicitConstructedResponse);
-      _this = _super.call(this);
-      _this._model = ExplicitConstructedResponse.prepareModel();
-      _this._configuration = _defaults2["default"].configuration;
-      _this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
-      _this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
-      return _this;
-    }
-    (0, _createClass2["default"])(ExplicitConstructedResponse, [{
-      key: "model",
-      set: function set(s) {
-        this._model = ExplicitConstructedResponse.prepareModel(s);
-        if (this._model.responseAreaInputConfiguration) {
-          var _this$_configuration$;
-          this._model.responseAreaInputConfiguration = (_this$_configuration$ = this._configuration.responseAreaInputConfiguration) === null || _this$_configuration$ === void 0 ? void 0 : _this$_configuration$.inputConfiguration;
-        }
-        this._render();
-      }
-    }, {
-      key: "configuration",
-      set: function set(c) {
-        var _c$language, _this2 = this;
-        this._configuration = (0, _defaults["default"])(c, _defaults2["default"].configuration);
-        if ((_c$language = c.language) !== null && _c$language !== void 0 && _c$language.enabled) {
-          var _c$languageChoices, _c$languageChoices$op;
-          if ((_c$languageChoices = c.languageChoices) !== null && _c$languageChoices !== void 0 && (_c$languageChoices$op = _c$languageChoices.options) !== null && _c$languageChoices$op !== void 0 && _c$languageChoices$op.length) {
-            this._model.language = c.languageChoices.options[0].value;
-          }
-        } else if (c.language.settings && this._model.language) {
-          this._configuration.language.enabled = true;
-          if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
-            this._configuration.languageChoices.options = [];
-          }
-          if (!this._configuration.languageChoices.options.find(function (option) {
-            return option.value === _this2._model.language;
-          })) {
-            this._configuration.languageChoices.options.push({
-              value: this._model.language,
-              label: this._model.language
-            });
-          }
-        } else {
-          delete this._model.language;
-        }
-        this._render();
-      }
-    }, {
-      key: "disableSidePanel",
-      set: function set(s) {
-        this._disableSidePanel = s;
-        this._render();
-      }
-    }, {
-      key: "dispatchModelUpdated",
-      value: function dispatchModelUpdated(reset) {
-        var resetValue = !!reset;
-        this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
-      }
-    }, {
-      key: "onModelChanged",
-      value: function onModelChanged(m, reset) {
-        this._model = ExplicitConstructedResponse.prepareModel(m);
-        this._render();
-        this.dispatchModelUpdated(reset);
-      }
-    }, {
-      key: "onConfigurationChanged",
-      value: function onConfigurationChanged(c) {
-        var _this$_configuration, _this$_configuration$2;
-        this._configuration = c;
-        var newInputConfig = (_this$_configuration = this._configuration) === null || _this$_configuration === void 0 ? void 0 : (_this$_configuration$2 = _this$_configuration.responseAreaInputConfiguration) === null || _this$_configuration$2 === void 0 ? void 0 : _this$_configuration$2.inputConfiguration;
-        this._model = _objectSpread(_objectSpread({}, this._model), {}, {
-          responseAreaInputConfiguration: newInputConfig
-        });
-        this.onModelChanged(this._model);
-      }
-    }, {
-      key: "insertImage",
-      value: function insertImage(handler) {
-        this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
-      }
-    }, {
-      key: "onDeleteImage",
-      value: function onDeleteImage(src, done) {
-        this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
-      }
-    }, {
-      key: "insertSound",
-      value: function insertSound(handler) {
-        this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
-      }
-    }, {
-      key: "onDeleteSound",
-      value: function onDeleteSound(src, done) {
-        this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
-      }
-    }, {
-      key: "_render",
-      value: function _render() {
-        log('_render');
-        var element = _react["default"].createElement(_main["default"], {
-          model: this._model,
-          configuration: this._configuration,
-          onModelChanged: this.onModelChanged,
-          onConfigurationChanged: this.onConfigurationChanged,
-          disableSidePanel: this._disableSidePanel,
-          imageSupport: {
-            add: this.insertImage.bind(this),
-            "delete": this.onDeleteImage.bind(this)
-          },
-          uploadSoundSupport: {
-            add: this.insertSound.bind(this),
-            "delete": this.onDeleteSound.bind(this)
-          }
-        });
-        _reactDom["default"].render(element, this);
-      }
-    }]);
-    return ExplicitConstructedResponse;
-  })((0, _wrapNativeSuper2["default"])(HTMLElement));
-  exports["default"] = ExplicitConstructedResponse;
-  (0, _defineProperty2["default"])(ExplicitConstructedResponse, "prepareModel", function () {
-    var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var joinedObj = _objectSpread(_objectSpread({}, _defaults2["default"].model), model);
-    var slateMarkup = joinedObj.slateMarkup || (0, _markupUtils.createSlateMarkup)(joinedObj.markup, joinedObj.choices);
-    var processedMarkup = (0, _markupUtils.processMarkup)(slateMarkup);
-    if (joinedObj.choices) {
-      Object.keys(joinedObj.choices).forEach(function (key) {
-        if ((0, _isArray["default"])(joinedObj.choices[key])) {
-          joinedObj.choices[key] = (joinedObj.choices[key] || []).map(function (item, index) {
-            if (!item.value) {
-              log('Choice does not contain "value" property, which is required.', item);
-              return _objectSpread({
-                value: ("").concat(index)
-              }, item);
-            }
-            return item;
-          });
-        }
-      });
-    }
-    return _objectSpread(_objectSpread({}, joinedObj), {}, {
-      slateMarkup: slateMarkup,
-      markup: processedMarkup
-    });
-  });
-})(lib$1);
-var index = getDefaultExportFromCjs(lib$1);
-export {index as default};
+import{_dll_lodash as e,_dll_react as t,_dll_prop_types as n,_dll_material_ui__core_styles as o,_dll_material_ui__core as r,_dll_material_ui__icons as a,_dll_classnames as l,_dll_react_dom as i,_dll_debug as s}from"../../../@pie-lib/shared-module@^1.10.0/module/index.js";import{_dll_pie_lib__editable_html as u}from"../../../@pie-lib/editable-html-module@^1.5.10/module/index.js";import{_dll_pie_lib__config_ui as c}from"../../../@pie-lib/config-module@^1.3.5/module/index.js";function d(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var p,f={},h={exports:{}};(p=h).exports=function(e){return e&&e.__esModule?e:{default:e}},p.exports.__esModule=!0,p.exports.default=p.exports,d(h.exports);var g={exports:{}};!function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports}(g),d(g.exports);var m={exports:{}};!function(e){function t(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(m),d(m.exports);var v={exports:{}};!function(e){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.__esModule=!0,e.exports.default=e.exports}(v),d(v.exports);var b={exports:{}},x={exports:{}};!function(e){function t(n,o){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n,o)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(x),d(x.exports),function(e){var t=x.exports;e.exports=function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&t(e,n)},e.exports.__esModule=!0,e.exports.default=e.exports}(b),d(b.exports);var y={exports:{}},C={exports:{}};!function(e){function t(n){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(C),d(C.exports),function(e){var t=C.exports.default,n=v.exports;e.exports=function(e,o){if(o&&("object"===t(o)||"function"==typeof o))return o;if(void 0!==o)throw new TypeError("Derived constructors may only return object or undefined");return n(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(y),d(y.exports);var _={exports:{}};!function(e){function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},e.exports.__esModule=!0,e.exports.default=e.exports,t(n)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(_),d(_.exports);var P={exports:{}},O={exports:{}};!function(e){e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")},e.exports.__esModule=!0,e.exports.default=e.exports}(O),d(O.exports);var E={exports:{}},S={exports:{}};!function(e){e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}},e.exports.__esModule=!0,e.exports.default=e.exports}(S),d(S.exports),function(e){var t=x.exports,n=S.exports;function o(r,a,l){return n()?(e.exports=o=Reflect.construct,e.exports.__esModule=!0,e.exports.default=e.exports):(e.exports=o=function(e,n,o){var r=[null];r.push.apply(r,n);var a=new(Function.bind.apply(e,r));return o&&t(a,o.prototype),a},e.exports.__esModule=!0,e.exports.default=e.exports),o.apply(null,arguments)}e.exports=o,e.exports.__esModule=!0,e.exports.default=e.exports}(E),d(E.exports),function(e){var t=_.exports,n=x.exports,o=O.exports,r=E.exports;function a(l){var i="function"==typeof Map?new Map:void 0;return e.exports=a=function(e){if(null===e||!o(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==i){if(i.has(e))return i.get(e);i.set(e,a)}function a(){return r(e,arguments,t(this).constructor)}return a.prototype=Object.create(e.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),n(a,e)},e.exports.__esModule=!0,e.exports.default=e.exports,a(l)}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(P),d(P.exports);var M={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports}(M),d(M.exports);var j={};Object.defineProperty(j,"__esModule",{value:!0});class k extends CustomEvent{constructor(e,t=!1){super(k.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}k.TYPE="model.updated",j.ModelUpdatedEvent=k;class w extends CustomEvent{constructor(e,t){super(w.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}w.TYPE="delete.image",j.DeleteImageEvent=w;class R extends CustomEvent{constructor(e){super(R.TYPE,{bubbles:!0,detail:e}),this.handler=e}}R.TYPE="insert.image",j.InsertImageEvent=R;class T extends CustomEvent{constructor(e,t){super(T.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}T.TYPE="delete.sound",j.DeleteSoundEvent=T;class L extends CustomEvent{constructor(e){super(L.TYPE,{bubbles:!0,detail:e}),this.handler=e}}L.TYPE="insert.sound",j.InsertSoundEvent=L;var I={},D={exports:{}},A={exports:{}},N={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o},e.exports.__esModule=!0,e.exports.default=e.exports}(N),d(N.exports),function(e){var t=N.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(A),d(A.exports);var H={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(H),d(H.exports);var q={exports:{}};!function(e){var t=N.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(q),d(q.exports);var B={exports:{}};!function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports}(B),d(B.exports),function(e){var t=A.exports,n=H.exports,o=q.exports,r=B.exports;e.exports=function(e){return t(e)||n(e)||o(e)||r()},e.exports.__esModule=!0,e.exports.default=e.exports}(D),d(D.exports);var W={},U={exports:{}};!function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(this,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(U),d(U.exports);var F={};const{escape:Y}=e;var z=h.exports;Object.defineProperty(F,"__esModule",{value:!0}),F.stripHtmlTags=F.removeUnwantedCharacters=F.processMarkup=F.getAdjustedLength=F.decodeHTML=F.createSlateMarkup=void 0;var K=z(Y),V="imes|riangle|an|heta|herefore",$="throot|parallel|cong|approx|eq|e|sim",G=new RegExp("(\\t(?!".concat(V,"))|(\\n(?!").concat($,"))|(\\\\t(?!").concat(V,"))|(\\\\n(?!").concat($,"))"),"g"),J=function(e){return e.replace(G,"").replace(/\\"/g,'"').replace(/\\\//g,"/")};F.removeUnwantedCharacters=J,F.processMarkup=function(e){var t=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=document.createElement("div");return t.innerHTML=e.trim(),t}(J(e||"")||""),n=0;return t.querySelectorAll('[data-type="explicit_constructed_response"]').forEach((function(e){e.replaceWith("{{".concat(n++,"}}"))})),t.innerHTML};var Q=/\{\{(\d+)\}\}/g;F.createSlateMarkup=function(e,t){return e?J(e).replace(Q,(function(e,n){var o=t[n][0].label||"";return'<span data-type="explicit_constructed_response" data-index="'.concat(n,'" data-value="').concat((0,K.default)(o),'"></span>')})):""},F.getAdjustedLength=function(e){return e<=2?e+2:e<=4?e+3:e<=6?e+4:e+5},F.stripHtmlTags=function(e){return"string"!=typeof e?"":e.replace(/<\/?[^>]+(>|$)/g,"")},F.decodeHTML=function(e){return(new DOMParser).parseFromString(e,"text/html").body.textContent||""};const X=t,Z=n,ee=o,te=u;!function(e){var t=h.exports;Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.ECRToolbar=void 0;var n=t(U.exports),o=t(g.exports),r=t(m.exports),a=t(v.exports),l=t(b.exports),i=t(y.exports),s=t(_.exports),u=t(M.exports),c=t(X),d=t(Z),p=ee,f=t(te),x=F;function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){(0,u.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,s.default)(e);if(t){var r=(0,s.default)(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return(0,i.default)(this,n)}}var E=function(e){(0,l.default)(i,e);var t=O(i);function i(){var e;(0,o.default)(this,i);for(var n=arguments.length,r=new Array(n),l=0;l<n;l++)r[l]=arguments[l];return e=t.call.apply(t,[this].concat(r)),(0,u.default)((0,a.default)(e),"state",{markup:"",toolbarStyle:{}}),(0,u.default)((0,a.default)(e),"onDone",(function(t){var n=e.props,o=n.node,r=n.value,a=n.onToolbarDone,l=n.onChangeResponse,i=(0,x.stripHtmlTags)(t);e.setState({markup:i});var s=P(P({},o.data.toJSON()),{},{value:i}),u=r.change().setNodeByKey(o.key,{data:s}),c=r.document.getNextText(o.key);u.moveFocusTo(c.key,0).moveAnchorTo(c.key,0),a(u,!0),l(i)})),(0,u.default)((0,a.default)(e),"onRespAreaChange",(function(t){e.setState({respAreaMarkup:t})})),(0,u.default)((0,a.default)(e),"onKeyDown",(function(e){if("Enter"===e.key)return!1})),(0,u.default)((0,a.default)(e),"onBlur",(function(){e.clickedInside&&(e.clickedInside=!1)})),e}return(0,r.default)(i,[{key:"componentDidMount",value:function(){var e,t=this.props,n=t.correctChoice||{},o=(e=t.node.key,window.document.querySelector('[data-key="'+e+'"]'));if(o){var r=o.getBoundingClientRect(),a=o.closest("[data-slate-editor]").getBoundingClientRect(),l=r.top-a.top,i=r.left-a.left;this.setState({markup:n.label,toolbarStyle:{position:"absolute",top:"".concat(l+r.height+17,"px"),left:"".concat(i+20,"px"),width:"".concat(r.width-4,"px")}})}}},{key:"render",value:function(){var e,t=this,o=this.props,r=o.classes,a=o.maxLengthPerChoiceEnabled,l=o.pluginProps,i=o.spellCheck,s=this.state,u=s.markup,d=s.toolbarStyle,p=a?{}:{maxLength:25};return c.default.createElement("div",{style:d},c.default.createElement(f.default,(0,n.default)({autoFocus:!0,className:r.markup,disableUnderline:!0,onChange:function(e){t.preventDone||t.onRespAreaChange(e)},onDone:function(e){t.preventDone||t.onDone(e)},onBlur:function(e){t.preventDone=e.relatedTarget&&e.relatedTarget.closest(".insert-character-dialog"),t.onBlur(e)},onKeyDown:this.onKeyDown,markup:u||"",activePlugins:["languageCharacters"],pluginProps:l,languageCharactersProps:[{language:"spanish"}],minHeight:"15px",maxHeight:"15px",spellCheck:i,autoWidthToolbar:!0,toolbarOpts:{minWidth:"auto",isHidden:!(null==l||null===(e=l.characters)||void 0===e||!e.disabled)}},p)))}}]),i}(c.default.Component);e.ECRToolbar=E,(0,u.default)(E,"propTypes",{correctChoice:d.default.object,classes:d.default.object,node:d.default.object,onDone:d.default.func,onChangeResponse:d.default.func.isRequired,onToolbarDone:d.default.func.isRequired,value:d.default.shape({change:d.default.func.isRequired,document:d.default.shape({getNextText:d.default.func.isRequired})}),maxLengthPerChoiceEnabled:d.default.bool,pluginProps:d.default.object,spellCheck:d.default.bool});var S=(0,p.withStyles)((function(e){return{markup:{backgroundColor:e.palette.common.white,outline:"none",lineHeight:"15px"}}}))(E);e.default=S}(W),d(W);var ne={},oe={};const re=t,ae=n,{debounce:le}=e,{isEqual:ie}=e,{max:se}=e,{OutlinedInput:ue}=r,{Button:ce}=r,{IconButton:de}=r,{MenuItem:pe}=r,{Select:fe}=r,{TextField:he}=r,{Delete:ge}=a,me=o,ve=l,be=u;!function(e){var t=h.exports;Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.Choice=e.AlternateSection=void 0;var n=t(D.exports),o=t(U.exports),r=t(g.exports),a=t(m.exports),l=t(v.exports),i=t(b.exports),s=t(y.exports),u=t(_.exports),c=t(M.exports),d=t(re),p=t(ae),f=t(le),x=t(ie);t(ue);var C=t(ce),P=t(ge),O=t(de),E=t(pe),S=t(fe),j=t(he),k=me,w=t(se),R=t(ve),T=t(be),L=F;function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){(0,c.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function N(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,u.default)(e);if(t){var r=(0,u.default)(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return(0,s.default)(this,n)}}var H=function(e){(0,i.default)(n,e);var t=N(n);function n(){var e;(0,r.default)(this,n);for(var o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return e=t.call.apply(t,[this].concat(a)),(0,c.default)((0,l.default)(e),"state",{value:e.props.markup}),(0,c.default)((0,l.default)(e),"updateText",(0,f.default)(e.props.onChange,300)),(0,c.default)((0,l.default)(e),"onChange",(function(t){var n=(0,L.stripHtmlTags)(t);e.setState({value:n}),e.updateText(n)})),e}return(0,a.default)(n,[{key:"UNSAFE_componentWillReceiveProps",value:function(e){e.markup&&this.setState({value:e.markup})}},{key:"render",value:function(){var e,t=this.state.value,n=this.props,r=n.classes,a=n.onDelete,l=n.spellCheck,i=n.error,s=n.showMaxLength,u=n.pluginProps,c=s?{}:{maxLength:25};return d.default.createElement(d.default.Fragment,null,d.default.createElement("div",{style:{alignItems:"center",display:"flex",justifyContent:"space-between"}},d.default.createElement(T.default,(0,o.default)({className:(0,R.default)(r.choice,i&&r.inputError),disableUnderline:!0,onChange:this.onChange,markup:t||"",activePlugins:["languageCharacters"],pluginProps:u,languageCharactersProps:[{language:"spanish"}],spellCheck:l,autoWidthToolbar:!0,toolbarOpts:{minWidth:"auto",isHidden:!(null==u||null===(e=u.characters)||void 0===e||!e.disabled)}},c)),d.default.createElement(O.default,{"aria-label":"delete",className:r.deleteBtn,onClick:a},d.default.createElement(P.default,null))),i&&d.default.createElement("div",{className:r.errorText},i))}}]),n}(d.default.Component);e.Choice=H,(0,c.default)(H,"propTypes",{classes:p.default.object,error:p.default.string,markup:p.default.string,onChange:p.default.func.isRequired,onDelete:p.default.func.isRequired,value:p.default.string,spellCheck:p.default.bool,showMaxLength:p.default.bool,pluginProps:p.default.object});var q=function(e){(0,i.default)(o,e);var t=N(o);function o(){var e;(0,r.default)(this,o);for(var a=arguments.length,i=new Array(a),s=0;s<a;s++)i[s]=arguments[s];return e=t.call.apply(t,[this].concat(i)),(0,c.default)((0,l.default)(e),"state",{}),(0,c.default)((0,l.default)(e),"updateChoicesIfNeeded",(function(t){e.state.choices&&(0,x.default)(t.choices,e.state.choices)&&(0,x.default)(t.choices,e.props.choices)||e.setState({choices:t.choices})})),(0,c.default)((0,l.default)(e),"handleSelect",(function(t){var n=e.props,o=n.onSelect,r=n.selectChoices,a=t.target.value;o(r.find((function(e){return e.value===a})))})),(0,c.default)((0,l.default)(e),"onAddChoice",(function(){var t=e.state.choices;if(t.length&&""!==t[t.length-1].label){var o=(0,w.default)(t.map((function(e){return parseInt(e.value)})).filter((function(e){return!isNaN(e)})))||0;e.setState({choices:[].concat((0,n.default)(t),[{value:"".concat(o+1),label:""}])})}})),(0,c.default)((0,l.default)(e),"onChoiceChanged",(function(t,o,r){var a=e.props,l=a.choiceChanged,i=a.lengthChanged,s=a.maxLength,u=a.choices.map((function(e){return(0,L.decodeHTML)(e.label||"").length}));u[r]=(0,L.decodeHTML)(o).length;var c=Math.max.apply(Math,(0,n.default)(u));l(A(A({},t),{},{label:o})),(c>s||c+10<=s)&&i((0,L.getAdjustedLength)(c))})),(0,c.default)((0,l.default)(e),"onRemoveChoice",(function(t){(0,e.props.choiceRemoved)(t.value)})),(0,c.default)((0,l.default)(e),"getChoicesMaxLength",(function(){var t=e.state.choices;if(!t)return 1;var o=t.map((function(e){return(0,L.decodeHTML)(e.label||"").length}));return Math.max.apply(Math,(0,n.default)(o))})),(0,c.default)((0,l.default)(e),"changeLength",(function(t){var n=e.props.lengthChanged,o=parseInt(t.target.value,10),r=e.getChoicesMaxLength();o&&o>=r&&o<=r+10&&n(o)})),e}return(0,a.default)(o,[{key:"UNSAFE_componentWillReceiveProps",value:function(e){this.updateChoicesIfNeeded(e)}},{key:"componentDidMount",value:function(){this.updateChoicesIfNeeded(this.props)}},{key:"render",value:function(){var e=this,t=this.props,n=t.classes,o=t.selectChoices,r=t.maxLength,a=t.showMaxLength,l=t.value,i=t.spellCheck,s=t.errors,u=t.pluginProps,c=this.state.choices,p=this.getChoicesMaxLength();return d.default.createElement("div",{className:n.design},d.default.createElement("div",{className:n.selectContainer},d.default.createElement(S.default,{className:n.select,displayEmpty:!0,onChange:this.handleSelect,value:l||"",readOnly:a},d.default.createElement(E.default,{value:""},d.default.createElement("em",null,l?"Remove selection":"Select a response")),o.map((function(e,t){return d.default.createElement(E.default,{key:t,value:null==e?void 0:e.value},(0,L.decodeHTML)(null==e?void 0:e.label))}))),c&&c.length>0&&d.default.createElement("div",{className:n.rightContainer},r&&a&&d.default.createElement(j.default,{className:n.lengthField,label:"Maximum length (characters)",type:"number",inputProps:{min:p,max:p+10},value:r,onChange:this.changeLength}),d.default.createElement(C.default,{className:n.addButton,variant:"contained",color:"primary",onClick:this.onAddChoice},"Add"))),s&&s[0]&&d.default.createElement("div",{className:n.errorText},s[0]),d.default.createElement("div",{className:n.altChoices},c&&c.map((function(t,o){return o>0&&d.default.createElement(H,{key:o,classes:n,markup:t.label,onChange:function(n){return e.onChoiceChanged(t,n,o)},onDelete:function(){return e.onRemoveChoice(t)},spellCheck:i,error:s&&s[o],showMaxLength:a,pluginProps:u})}))))}}]),o}(d.default.Component);e.AlternateSection=q,(0,c.default)(q,"propTypes",{choices:p.default.array,selectChoices:p.default.array.isRequired,classes:p.default.object.isRequired,errors:p.default.object,onSelect:p.default.func.isRequired,choiceChanged:p.default.func.isRequired,lengthChanged:p.default.func,choiceRemoved:p.default.func.isRequired,value:p.default.string,maxLength:p.default.number,showMaxLength:p.default.bool,spellCheck:p.default.bool,pluginProps:p.default.object});var B=(0,k.withStyles)((function(e){return{design:{marginBottom:e.spacing.unit/2},altChoices:{alignItems:"flex-start",flexDirection:"column",display:"flex",paddingTop:2.5*e.spacing.unit,"& > *":{marginBottom:2.5*e.spacing.unit,width:"100%"}},choice:{flex:"1",marginRight:2.5*e.spacing.unit},deleteBtn:{fill:e.palette.grey[600]},selectContainer:{alignItems:"flex-end",display:"flex",justifyContent:"space-between",width:"100%"},rightContainer:{alignItems:"center",display:"flex"},lengthField:{width:"230px",marginRight:2.5*e.spacing.unit},errorText:{fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing.unit/2},inputError:{border:"2px solid ".concat(e.palette.error.main),borderRadius:"6px"}}}))(q);e.default=B}(oe),d(oe);const xe=t,ye=n,{isEqual:Ce}=e,{map:_e}=e,{reduce:Pe}=e,{cloneDeep:Oe}=e;!function(e){var t=h.exports;Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.AlternateResponses=void 0;var n=t(D.exports),o=t(g.exports),r=t(m.exports),a=t(v.exports),l=t(b.exports),i=t(y.exports),s=t(_.exports),u=t(M.exports),c=t(xe),d=t(ye),p=t(Ce),f=t(_e),x=t(Pe),C=t(Oe),P=t(oe);function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){(0,u.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,s.default)(e);if(t){var r=(0,s.default)(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return(0,i.default)(this,n)}}var j=function(e){(0,l.default)(i,e);var t=S(i);function i(){var e;(0,o.default)(this,i);for(var r=arguments.length,l=new Array(r),s=0;s<r;s++)l[s]=arguments[s];return e=t.call.apply(t,[this].concat(l)),(0,u.default)((0,a.default)(e),"state",{maxLengthPerChoice:(0,C.default)(e.props.model.maxLengthPerChoice)}),(0,u.default)((0,a.default)(e),"updateChoicesIfNeeded",(function(t){if(!e.state.choices||!(0,p.default)(e.state.choices,t.model.choices)||!(0,p.default)(t.model.choices,e.props.model.choices)||e.state.values&&Object.keys(e.state.values).length!==Object.keys(e.props.model.choices).length||t.maxLengthPerChoiceEnabled!==e.props.maxLengthPerChoiceEnabled){var n=t.model,o=n.choices,r=n.maxLengthPerChoice,a=(0,x.default)(o,(function(e,n,o){return n&&(t.maxLengthPerChoiceEnabled||n.length>1)&&(e[o]=n[0]),e}),{});e.setState({choices:t.model.choices,values:a,maxLengthPerChoice:(0,C.default)(r)})}})),(0,u.default)((0,a.default)(e),"getRemainingChoices",(function(t){var n=e.state.choices;return(0,x.default)(n,(function(e,n,o){return n&&1===n.length&&!t&&e.push({label:n[0].label,value:o}),e}),[])})),(0,u.default)((0,a.default)(e),"onChoiceChanged",(function(t,n){var o=e.props.onChange,r=e.state.choices,a=r[n]||[],l=!a.find((function(e){return e.value===t.value})),i=a.reduce((function(e,n){var o=n.value===t.value?t:n;return e.push(o),e}),[]);l&&i.push(t),o(E(E({},r),{},(0,u.default)({},n,i)))})),(0,u.default)((0,a.default)(e),"onChoiceRemoved",(function(t,n){var o=e.props.onChange,r=e.state.choices,a=(r[n]||[]).reduce((function(e,n){return n.value===t||e.push(n),e}),[]);o(E(E({},r),{},(0,u.default)({},n,a)))})),(0,u.default)((0,a.default)(e),"onSectionSelect",(function(t,o){var r=e.props.onChange,a=e.state,l=a.choices,i=a.values;l[o]&&l[o].length>1?t||r(E(E({},l),{},(0,u.default)({},o,[l[o][0]]))):e.setState({choices:E(E({},l),{},(0,u.default)({},o,[].concat((0,n.default)(l[o]),[{label:"",value:"1"}]))),values:E(E({},i),{},(0,u.default)({},o,l[o][0]))})})),(0,u.default)((0,a.default)(e),"onLengthChanged",(function(t,n){var o=e.props,r=o.model,a=o.onLengthChange,l=r.maxLengthPerChoice;l[n]=t,a(l)})),e}return(0,r.default)(i,[{key:"UNSAFE_componentWillReceiveProps",value:function(e){this.updateChoicesIfNeeded(e)}},{key:"componentDidMount",value:function(){this.updateChoicesIfNeeded(this.props)}},{key:"render",value:function(){var e=this,t=this.state.choices,n=this.props,o=n.model,r=o.maxLengthPerChoice,a=o.maxLengthPerChoiceEnabled,l=n.spellCheck,i=n.choicesErrors,s=n.pluginProps;return c.default.createElement("div",null,(0,f.default)(t,(function(t,n){if(t&&(a||t.length>1)){var o=e.state.values[n];return c.default.createElement(P.default,{key:n,value:o&&o.value,errors:i&&i[n],onSelect:function(t){return e.onSectionSelect(t,n)},choiceChanged:function(t){return e.onChoiceChanged(t,n)},choiceRemoved:function(t){return e.onChoiceRemoved(t,n)},lengthChanged:function(t){return e.onLengthChanged(t,n)},selectChoices:[o],choices:t,maxLength:r[n],showMaxLength:a,spellCheck:l,pluginProps:s})}})),t&&Object.keys(this.state.values).length!==Object.keys(t).length&&c.default.createElement(P.default,{value:"",onSelect:function(t){return e.onSectionSelect(t,t.value)},choiceChanged:function(t){return e.onChoiceChanged(t)},choiceRemoved:function(t){return e.onChoiceRemoved(t)},selectChoices:this.getRemainingChoices(),spellCheck:l,pluginProps:s}))}}]),i}(c.default.Component);e.AlternateResponses=j,(0,u.default)(j,"propTypes",{choicesErrors:d.default.object,model:d.default.object.isRequired,onChange:d.default.func.isRequired,onLengthChange:d.default.func.isRequired,maxLengthPerChoiceEnabled:d.default.bool.isRequired,spellCheck:d.default.bool,pluginProps:d.default.object});var k=j;e.default=k}(ne),d(ne);var Ee={};Object.defineProperty(Ee,"__esModule",{value:!0}),Ee.generateValidationMessage=void 0,Ee.generateValidationMessage=function(e){var t=e.maxResponseAreas;return"Validation requirements:\nCorrect answers should not be blank.\nEach answer defined for a response area should be unique.\nThere should be at least 1 "+(t?"and at most ".concat(t," "):"")+"response area"+(t?"s":"")+" defined."};const Se=t,Me=n,{cloneDeep:je}=e,{isEmpty:ke}=e,{pick:we}=e,{throttle:Re}=e,Te=o,{Typography:Le}=r,{Tooltip:Ie}=r,{Info:De}=a,Ae=l,Ne=u,He=c;!function(e){var t=h.exports,n=C.exports;Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.Main=void 0;var o=t(D.exports),r=t(g.exports),a=t(m.exports),l=t(v.exports),i=t(b.exports),s=t(y.exports),u=t(_.exports),c=t(M.exports),d=t(Se),p=t(Me),f=t(je),x=t(ke),P=t(we),O=t(Re),E=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var o=H(t);if(o&&o.has(e))return o.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=a?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,o&&o.set(e,r),r}(Ne),S=He,j=Te,k=t(Le),w=t(De),R=t(Ie),T=t(W),L=t(ne),I=F,A=Ee,N=t(Ae);function H(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(H=function(e){return e?n:t})(e)}function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){(0,c.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=S.settings.toggle,Y=S.settings.Panel,z=S.settings.dropdown,K=function(e){var t=document.createElement("div");return t.innerHTML=e.trim(),t},V=function(e){(0,i.default)(n,e);var t=function(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,u.default)(e);if(t){var r=(0,u.default)(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return(0,s.default)(this,n)}}(n);function n(){var e;(0,r.default)(this,n);for(var a=arguments.length,i=new Array(a),s=0;s<a;s++)i[s]=arguments[s];return e=t.call.apply(t,[this].concat(i)),(0,c.default)((0,l.default)(e),"state",{}),(0,c.default)((0,l.default)(e),"onModelChange",(function(t){e.props.onModelChanged(B(B({},e.props.model),t))})),(0,c.default)((0,l.default)(e),"onPromptChanged",(function(t){e.props.onModelChanged(B(B({},e.props.model),{},{prompt:t}))})),(0,c.default)((0,l.default)(e),"onRationaleChanged",(function(t){e.props.onModelChanged(B(B({},e.props.model),{},{rationale:t}))})),(0,c.default)((0,l.default)(e),"onTeacherInstructionsChanged",(function(t){var n=e.props,o=n.model;(0,n.onModelChanged)(B(B({},o),{},{teacherInstructions:t}))})),(0,c.default)((0,l.default)(e),"onMarkupChanged",(function(t){e.props.onModelChanged(B(B({},e.props.model),{},{slateMarkup:t}))})),(0,c.default)((0,l.default)(e),"onResponsesChanged",(function(t){e.props.onModelChanged(B(B({},e.props.model),{},{choices:t}))})),(0,c.default)((0,l.default)(e),"onLengthChanged",(function(t){var n=e.props,o=n.model;(0,n.onModelChanged)(B(B({},o),{},{maxLengthPerChoice:t}))})),(0,c.default)((0,l.default)(e),"onChangeResponse",(function(t,n){var r=e.props,a=r.model,l=r.onModelChanged,i=a.choices,s=a.maxLengthPerChoice,u=(0,I.decodeHTML)(n||"").length;if(i[t])i[t][0].label=n||"",s&&(s[t]<u||s[t]>u+10)&&(s[t]=(0,I.getAdjustedLength)(u));else{i[t]=[{label:n||"",value:"0"}];var c=t>s.length?t-s.length:0;(s=[].concat((0,o.default)(s),(0,o.default)(Array(c).fill(1)))).splice(t,0,(0,I.getAdjustedLength)(u))}l(B(B({},a),{},{choices:i,maxLengthPerChoice:s}))})),(0,c.default)((0,l.default)(e),"onChange",(function(t){var n=e.props,o=n.model,r=o.choices,a=o.maxLengthPerChoice,l=n.onModelChanged,i=K(t),s=i.querySelectorAll('[data-type="explicit_constructed_response"]'),u={},c=[];s.forEach((function(e,t){var n=(0,f.default)(r[e.dataset.index]);n&&(n[0]={label:e.dataset.value||"",value:"0"},c[t]=a[e.dataset.index]),u[t]=n,e.dataset.index=t})),e.setState({cachedChoices:void 0},(function(){return l(B(B({},e.props.model),{},{choices:u,slateMarkup:i.innerHTML,maxLengthPerChoice:c}))}))})),(0,c.default)((0,l.default)(e),"onHandleAreaChange",(0,O.default)((function(t){var n=e.props,o=n.model.choices,r=n.onModelChanged,a=e.state.cachedChoices;if(t){var l=o?(0,f.default)(o):{},i=a?(0,f.default)(a):{};t.forEach((function(e){var t=e.data.get("index");!l[t]&&i[t]?(Object.assign(l,(0,P.default)(i,t)),i.hasOwnProperty(t)&&delete i[t]):(Object.assign(i,(0,P.default)(l,t)),l.hasOwnProperty(t)&&delete l[t])})),e.setState({cachedChoices:i},(function(){return r(B(B({},e.props.model),{},{choices:l}))}))}}),500,{trailing:!1,leading:!0})),e}return(0,a.default)(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.model,n=t.slateMarkup,r=t.choices,a=t.maxLengthPerChoice,l=void 0===a?[]:a,i=e.onModelChanged,s=!l.length;this.setState({markup:n}),Object.values(r).forEach((function(e,t){var n=e.map((function(e){return(0,I.decodeHTML)(e.label||"").length})),r=Math.max.apply(Math,(0,o.default)(n));(s||!l[t]||l[t]<r||l[t]>r+10)&&(l[t]=(0,I.getAdjustedLength)(r))})),i(B(B({},this.props.model),{},{maxLengthPerChoice:l}))}},{key:"render",value:function(){var e=this,t=this.props,n=t.classes,o=t.model,r=t.configuration,a=t.onConfigurationChanged,l=t.imageSupport,i=t.uploadSoundSupport,s=r||{},u=s.baseInputConfiguration,c=void 0===u?{}:u,p=s.contentDimensions,f=void 0===p?{}:p,h=s.maxImageWidth,g=void 0===h?{}:h,m=s.maxImageHeight,v=void 0===m?{}:m,b=s.maxLengthPerChoice,y=void 0===b?{}:b,C=s.maxResponseAreas,_=s.partialScoring,P=void 0===_?{}:_,O=s.playerSpellCheck,M=void 0===O?{}:O,j=s.prompt,I=void 0===j?{}:j,D=s.rationale,H=void 0===D?{}:D,q=s.template,W=void 0===q?{}:q,F=s.settingsPanelDisabled,K=s.spellCheck,V=void 0===K?{}:K,$=s.editSource,G=void 0===$?{}:$,J=s.teacherInstructions,Q=void 0===J?{}:J,X=s.withRubric,Z=void 0===X?{}:X,ee=s.mathMlOptions,te=void 0===ee?{}:ee,ne=s.language,oe=void 0===ne?{}:ne,re=s.languageChoices,ae=void 0===re?{}:re,le=s.spanishButton,ie=void 0===le?{}:le,se=s.responseAreaInputConfiguration,ue=void 0===se?{}:se,ce=o||{},de=ce.errors,pe=ce.extraCSSRules,fe=ce.maxLengthPerChoiceEnabled,he=ce.promptEnabled,ge=ce.rationaleEnabled,me=ce.spellCheckEnabled,ve=ce.teacherInstructionsEnabled,be=ce.toolbarEditorPosition,xe=de||{},ye=xe.choices,Ce=void 0===ye?{}:ye,_e=xe.prompt,Pe=xe.rationale,Oe=xe.responseAreas,Ee=xe.teacherInstructions,Se=(0,A.generateValidationMessage)(r),Me=g&&g.prompt,je=v&&v.prompt,ke={position:"top"===be?"top":"bottom"},we={partialScoring:P.settings&&U(P.label),maxLengthPerChoiceEnabled:y.settings&&U(y.label),"language.enabled":oe.settings&&U(oe.label,!0),language:oe.settings&&oe.enabled&&z(ae.label,ae.options),"responseAreaInputConfiguration.inputConfiguration.characters.disabled":ie.settings&&U(ie.label,!0)},Re={teacherInstructionsEnabled:Q.settings&&U(Q.label),rationaleEnabled:H.settings&&U(H.label),promptEnabled:I.settings&&U(I.label),spellCheckEnabled:V.settings&&U(V.label),playerSpellCheckEnabled:M.settings&&U(M.label),rubricEnabled:(null==Z?void 0:Z.settings)&&U(null==Z?void 0:Z.label),"editSource.enabled":(null==G?void 0:G.settings)&&U(G.label,!0)},Te=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return B(B({},c),e)};return d.default.createElement(S.layout.ConfigLayout,{extraCSSRules:pe,dimensions:f,hideSettings:F,settings:d.default.createElement(Y,{model:o,configuration:r,onChangeModel:function(t){return e.onModelChange(t)},onChangeConfiguration:function(e){return a(e,!0)},groups:{Settings:we,Properties:Re}})},ve&&d.default.createElement(S.InputContainer,{label:Q.label,className:n.promptHolder},d.default.createElement(E.default,{className:n.prompt,markup:o.teacherInstructions||"",onChange:this.onTeacherInstructionsChanged,imageSupport:l,nonEmpty:!1,error:Ee,toolbarOpts:ke,pluginProps:Te(null==Q?void 0:Q.inputConfiguration),spellCheck:me,maxImageWidth:g&&g.teacherInstructions||Me,maxImageHeight:v&&v.teacherInstructions||je,uploadSoundSupport:i,languageCharactersProps:[{language:"spanish"},{language:"special"}],mathMlOptions:te,autoWidthToolbar:!0}),Ee&&d.default.createElement("div",{className:n.errorText},Ee)),he&&d.default.createElement(S.InputContainer,{label:I.label,className:n.promptHolder},d.default.createElement(E.default,{className:n.prompt,markup:o.prompt,onChange:this.onPromptChanged,imageSupport:l,nonEmpty:!1,disableUnderline:!0,error:_e,toolbarOpts:ke,pluginProps:Te(null==I?void 0:I.inputConfiguration),spellCheck:me,maxImageWidth:Me,maxImageHeight:je,uploadSoundSupport:i,languageCharactersProps:[{language:"spanish"},{language:"special"}],mathMlOptions:te,autoWidthToolbar:!0}),_e&&d.default.createElement("div",{className:n.errorText},_e)),d.default.createElement("div",{className:n.flexContainer},d.default.createElement(k.default,{className:n.text,component:"div"},"Define Template, Choices, and Correct Responses"),d.default.createElement(R.default,{classes:{tooltip:n.tooltip},disableFocusListener:!0,disableTouchListener:!0,placement:"right",title:Se},d.default.createElement(w.default,{fontSize:"small",color:"primary",style:{marginLeft:"8px"}}))),d.default.createElement(E.default,{activePlugins:E.ALL_PLUGINS,toolbarOpts:{position:"top"},spellCheck:me,pluginProps:Te(null==W?void 0:W.inputConfiguration),responseAreaProps:{type:"explicit-constructed-response",options:{duplicates:!0},maxResponseAreas:C,respAreaToolbar:function(t,n,o){var r=(e.props.model.choices[t.data.get("index")]||[])[0];return function(){return d.default.createElement(T.default,{onChangeResponse:function(n){return e.onChangeResponse(t.data.get("index"),n)},node:t,value:n,onToolbarDone:o,correctChoice:r,maxLengthPerChoiceEnabled:fe,pluginProps:Te(null==ue?void 0:ue.inputConfiguration)})}},error:function(){return Ce},onHandleAreaChange:this.onHandleAreaChange},className:n.markup,markup:o.slateMarkup,onChange:this.onChange,imageSupport:l,disableImageAlignmentButtons:!0,onBlur:this.onBlur,disabled:!1,highlightShape:!1,error:Oe,uploadSoundSupport:i,languageCharactersProps:[{language:"spanish"},{language:"special"}],mathMlOptions:te,autoWidthToolbar:!0}),Oe&&d.default.createElement("div",{className:n.errorText},Oe),!(0,x.default)(o.choices)&&d.default.createElement(k.default,{className:(0,N.default)(n.text,n.responseHeader)},"Define Alternates ".concat(fe?"and Character Limits":"")),d.default.createElement(L.default,{model:o,onChange:this.onResponsesChanged,onLengthChange:this.onLengthChanged,maxLengthPerChoiceEnabled:fe,spellCheck:me,choicesErrors:Ce,pluginProps:Te(null==ue?void 0:ue.inputConfiguration)}),ge&&d.default.createElement(S.InputContainer,{label:H.label,className:n.promptHolder},d.default.createElement(E.default,{className:n.prompt,markup:o.rationale||"",onChange:this.onRationaleChanged,imageSupport:l,error:Pe,toolbarOpts:ke,pluginProps:Te(null==H?void 0:H.inputConfiguration),spellCheck:me,maxImageWidth:g&&g.rationale||Me,maxImageHeight:v&&v.rationale||je,uploadSoundSupport:i,languageCharactersProps:[{language:"spanish"},{language:"special"}],mathMlOptions:te,autoWidthToolbar:!0}),Pe&&d.default.createElement("div",{className:n.errorText},Pe)))}}]),n}(d.default.Component);e.Main=V,(0,c.default)(V,"propTypes",{configuration:p.default.object.isRequired,model:p.default.object.isRequired,disableSidePanel:p.default.bool,onModelChanged:p.default.func.isRequired,onConfigurationChanged:p.default.func.isRequired,classes:p.default.object.isRequired,imageSupport:p.default.shape({add:p.default.func.isRequired,delete:p.default.func.isRequired}),uploadSoundSupport:p.default.object});var $=(0,j.withStyles)((function(e){return{promptHolder:{width:"100%",paddingTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit},markup:{minHeight:"100px",paddingTop:e.spacing.unit,width:"100%",'& [data-slate-editor="true"]':{minHeight:"100px"}},choiceConfiguration:{paddingTop:2*e.spacing.unit,paddingBottom:2*e.spacing.unit},switchElement:{justifyContent:"space-between",margin:0},addButton:{float:"right"},text:{fontSize:e.typography.fontSize+2},tooltip:{fontSize:e.typography.fontSize-2,whiteSpace:"pre",maxWidth:"500px"},errorText:{fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing.unit},flexContainer:{display:"flex",alignItems:"center"},responseHeader:{marginTop:3*e.spacing.unit,marginBottom:e.spacing.unit}}}))(V);e.default=$}(I),d(I);var qe={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,e.default={model:{choices:{},displayType:"block",markup:"",maxLengthPerChoiceEnabled:!0,playerSpellCheckEnabled:!0,prompt:"",promptEnabled:!0,rationale:"",rationaleEnabled:!0,spellCheckEnabled:!0,studentInstructionsEnabled:!0,teacherInstructions:"",teacherInstructionsEnabled:!0,toolbarEditorPosition:"bottom",responseAreaInputConfiguration:{}},configuration:{baseInputConfiguration:{html:{disabled:!0},audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},prompt:{settings:!0,label:"Prompt",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},partialScoring:{settings:!1,label:"Allow Partial Scoring"},rationale:{settings:!0,label:"Rationale",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},settingsPanelDisabled:!1,spellCheck:{label:"Spellcheck",settings:!1,enabled:!0},editSource:{label:"Edit Source",settings:!1,enabled:!1},playerSpellCheck:{label:"Student Spellcheck",settings:!0,enabled:!0},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},template:{inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!0},blockquote:{disabled:!0}}},maxLengthPerChoice:{settings:!0,label:"Maximum Length Per Choice"},maxResponseAreas:10,maxImageWidth:{teacherInstructions:300,prompt:300,rationale:300},maxImageHeight:{teacherInstructions:300,prompt:300,rationale:300},withRubric:{settings:!1,label:"Add Rubric"},mathMlOptions:{mmlOutput:!1,mmlEditing:!1},language:{settings:!1,label:"Specify Language",enabled:!1},languageChoices:{label:"Language Choices",options:[]},responseAreaInputConfiguration:{inputConfiguration:{characters:{disabled:!0}}},spanishButton:{settings:!0,label:"Disable Spanish Characters"}}}}(qe),d(qe);const Be=t,We=i,Ue=s,{defaults:Fe}=e,{isArray:Ye}=e;!function(e){var t=h.exports;Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=t(g.exports),o=t(m.exports),r=t(v.exports),a=t(b.exports),l=t(y.exports),i=t(_.exports),s=t(P.exports),u=t(M.exports),c=t(Be),d=t(We),p=t(Ue),f=t(Fe),x=t(Ye),C=j,O=t(I),E=t(qe),S=F;function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){(0,u.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,i.default)(e);if(t){var r=(0,i.default)(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return(0,l.default)(this,n)}}var T=(0,p.default)("explicit-constructed-response:configure"),L=function(e){(0,a.default)(l,e);var t=R(l);function l(){var e;return(0,n.default)(this,l),(e=t.call(this))._model=l.prepareModel(),e._configuration=E.default.configuration,e.onModelChanged=e.onModelChanged.bind((0,r.default)(e)),e.onConfigurationChanged=e.onConfigurationChanged.bind((0,r.default)(e)),e}return(0,o.default)(l,[{key:"model",set:function(e){var t;this._model=l.prepareModel(e),this._model.responseAreaInputConfiguration&&(this._model.responseAreaInputConfiguration=null===(t=this._configuration.responseAreaInputConfiguration)||void 0===t?void 0:t.inputConfiguration),this._render()}},{key:"configuration",set:function(e){var t,n,o,r=this;this._configuration=(0,f.default)(e,E.default.configuration),null!==(t=e.language)&&void 0!==t&&t.enabled?null!==(n=e.languageChoices)&&void 0!==n&&null!==(o=n.options)&&void 0!==o&&o.length&&(this._model.language=e.languageChoices.options[0].value):e.language.settings&&this._model.language?(this._configuration.language.enabled=!0,this._configuration.languageChoices.options&&this._configuration.languageChoices.options.length||(this._configuration.languageChoices.options=[]),this._configuration.languageChoices.options.find((function(e){return e.value===r._model.language}))||this._configuration.languageChoices.options.push({value:this._model.language,label:this._model.language})):delete this._model.language,this._render()}},{key:"disableSidePanel",set:function(e){this._disableSidePanel=e,this._render()}},{key:"dispatchModelUpdated",value:function(e){var t=!!e;this.dispatchEvent(new C.ModelUpdatedEvent(this._model,t))}},{key:"onModelChanged",value:function(e,t){this._model=l.prepareModel(e),this._render(),this.dispatchModelUpdated(t)}},{key:"onConfigurationChanged",value:function(e){var t,n;this._configuration=e;var o=null===(t=this._configuration)||void 0===t||null===(n=t.responseAreaInputConfiguration)||void 0===n?void 0:n.inputConfiguration;this._model=w(w({},this._model),{},{responseAreaInputConfiguration:o}),this.onModelChanged(this._model)}},{key:"insertImage",value:function(e){this.dispatchEvent(new C.InsertImageEvent(e))}},{key:"onDeleteImage",value:function(e,t){this.dispatchEvent(new C.DeleteImageEvent(e,t))}},{key:"insertSound",value:function(e){this.dispatchEvent(new C.InsertSoundEvent(e))}},{key:"onDeleteSound",value:function(e,t){this.dispatchEvent(new C.DeleteSoundEvent(e,t))}},{key:"_render",value:function(){T("_render");var e=c.default.createElement(O.default,{model:this._model,configuration:this._configuration,onModelChanged:this.onModelChanged,onConfigurationChanged:this.onConfigurationChanged,disableSidePanel:this._disableSidePanel,imageSupport:{add:this.insertImage.bind(this),delete:this.onDeleteImage.bind(this)},uploadSoundSupport:{add:this.insertSound.bind(this),delete:this.onDeleteSound.bind(this)}});d.default.render(e,this)}}]),l}((0,s.default)(HTMLElement));e.default=L,(0,u.default)(L,"prepareModel",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=w(w({},E.default.model),e),n=t.slateMarkup||(0,S.createSlateMarkup)(t.markup,t.choices),o=(0,S.processMarkup)(n);return t.choices&&Object.keys(t.choices).forEach((function(e){(0,x.default)(t.choices[e])&&(t.choices[e]=(t.choices[e]||[]).map((function(e,t){return e.value?e:(T('Choice does not contain "value" property, which is required.',e),w({value:"".concat(t)},e))})))})),w(w({},t),{},{slateMarkup:n,markup:o})}))}(f);var ze=d(f);export{ze as default};