react-survey-builder 1.0.40 → 1.0.42

package/lib/survey-elements/component-wrapper.js

@@ -1,1960 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _isomorphicFetch = _interopRequireDefault(require("isomorphic-fetch"));
-var _fileSaver = require("file-saver");
-var _react = _interopRequireDefault(require("react"));
-var _reactSelect = _interopRequireDefault(require("react-select"));
-var _reactSignatureCanvas = _interopRequireDefault(require("react-signature-canvas"));
-var _reactBootstrapRangeSlider = _interopRequireDefault(require("react-bootstrap-range-slider"));
-var _starRating = _interopRequireDefault(require("./star-rating"));
-var _componentHeader = _interopRequireDefault(require("./component-header"));
-var _componentLabel = _interopRequireDefault(require("./component-label"));
-var _myxss = _interopRequireDefault(require("./myxss"));
-var _fa = require("react-icons/fa");
-var _reactBootstrap = require("react-bootstrap");
-var _reactImask = require("react-imask");
-var _reactBootstrapTypeahead = require("react-bootstrap-typeahead");
-var _componentErrorMessage = _interopRequireDefault(require("./component-error-message"));
-var _excluded = ["onChange"],
-  _excluded2 = ["onChange", "formatMask"]; // eslint-disable-next-line max-classes-per-file
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 CustomPhoneInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
-  var onChange = _ref.onChange,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({}, otherProps, {
-    mask: '{+1} (#00) 000-0000',
-    lazy: false,
-    overwrite: true,
-    definitions: {
-      '#': /[1-9]/
-    },
-    unmask: true // true|false|'typed'
-    ,
-    inputRef: ref
-    // inputRef={inputRef}  // access to nested input
-    // DO NOT USE onChange TO HANDLE CHANGES!
-    // USE onAccept INSTEAD
-    ,
-    onAccept:
-    // depending on prop above first argument is
-    // `value` if `unmask=false`,
-    // `unmaskedValue` if `unmask=true`,
-    // `typedValue` if `unmask='typed'`
-    function onAccept(value, mask) {
-      onChange(value);
-    }
-  }));
-});
-var CustomDateInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
-  var onChange = _ref2.onChange,
-    _ref2$formatMask = _ref2.formatMask,
-    formatMask = _ref2$formatMask === void 0 ? 'MM/DD/YYYY' : _ref2$formatMask,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({}, otherProps, {
-    mask: Date,
-    lazy: false,
-    overwrite: true,
-    pattern: formatMask,
-    format: function format(date) {
-      var day = date.getDate();
-      var month = date.getMonth() + 1;
-      var year = date.getFullYear();
-      if (day < 10) day = "0" + day;
-      if (month < 10) month = "0" + month;
-      return [month, day, year].join('/');
-    },
-    autofix: true
-    // min={new Date(1900, 0, 1)}
-    // max={new Date()}
-    ,
-    blocks: {
-      DD: {
-        mask: IMask.MaskedRange,
-        from: 1,
-        to: 31,
-        maxLength: 2,
-        placeholderChar: 'D'
-      },
-      MM: {
-        mask: IMask.MaskedRange,
-        from: 1,
-        to: 12,
-        maxLength: 2,
-        placeholderChar: 'M'
-      },
-      YYYY: {
-        mask: IMask.MaskedRange,
-        from: 1900,
-        to: new Date().getFullYear() + 5,
-        placeholderChar: 'Y'
-      }
-    },
-    parse: function parse(str) {
-      var monthDayYear = str.split('/');
-      return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);
-    },
-    unmask: false // true|false|'typed'
-    ,
-    inputRef: ref
-    // inputRef={inputRef}  // access to nested input
-    // DO NOT USE onChange TO HANDLE CHANGES!
-    // USE onAccept INSTEAD
-    ,
-    onAccept:
-    // depending on prop above first argument is
-    // `value` if `unmask=false`,
-    // `unmaskedValue` if `unmask=true`,
-    // `typedValue` if `unmask='typed'`
-    function onAccept(value, mask) {
-      onChange(value);
-    }
-  }));
-});
-var SurveyElements = {};
-var Header = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Header, _React$Component);
-  var _super = _createSuper(Header);
-  function Header() {
-    (0, _classCallCheck2["default"])(this, Header);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(Header, [{
-    key: "render",
-    value: function render() {
-      // const headerClasses = `dynamic-input ${this.props.data.element}-input`;
-      var classNames = 'static';
-      if (this.props.data.bold) {
-        classNames += ' bold';
-      }
-      if (this.props.data.italic) {
-        classNames += ' italic';
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("h3", {
-        className: classNames,
-        dangerouslySetInnerHTML: {
-          __html: _myxss["default"].process(this.props.data.content)
-        }
-      }));
-    }
-  }]);
-  return Header;
-}(_react["default"].Component);
-var Paragraph = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(Paragraph, _React$Component2);
-  var _super2 = _createSuper(Paragraph);
-  function Paragraph() {
-    (0, _classCallCheck2["default"])(this, Paragraph);
-    return _super2.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(Paragraph, [{
-    key: "render",
-    value: function render() {
-      var classNames = 'static';
-      if (this.props.data.bold) {
-        classNames += ' bold';
-      }
-      if (this.props.data.italic) {
-        classNames += ' italic';
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("p", {
-        className: classNames,
-        dangerouslySetInnerHTML: {
-          __html: _myxss["default"].process(this.props.data.content)
-        }
-      }));
-    }
-  }]);
-  return Paragraph;
-}(_react["default"].Component);
-var Label = /*#__PURE__*/function (_React$Component3) {
-  (0, _inherits2["default"])(Label, _React$Component3);
-  var _super3 = _createSuper(Label);
-  function Label() {
-    (0, _classCallCheck2["default"])(this, Label);
-    return _super3.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(Label, [{
-    key: "render",
-    value: function render() {
-      var classNames = 'static';
-      if (this.props.data.bold) {
-        classNames += ' bold';
-      }
-      if (this.props.data.italic) {
-        classNames += ' italic';
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("label", {
-        className: "".concat(classNames, " form-label"),
-        dangerouslySetInnerHTML: {
-          __html: _myxss["default"].process(this.props.data.content)
-        }
-      }));
-    }
-  }]);
-  return Label;
-}(_react["default"].Component);
-var LineBreak = /*#__PURE__*/function (_React$Component4) {
-  (0, _inherits2["default"])(LineBreak, _React$Component4);
-  var _super4 = _createSuper(LineBreak);
-  function LineBreak() {
-    (0, _classCallCheck2["default"])(this, LineBreak);
-    return _super4.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(LineBreak, [{
-    key: "render",
-    value: function render() {
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("hr", null));
-    }
-  }]);
-  return LineBreak;
-}(_react["default"].Component);
-var TextInput = /*#__PURE__*/function (_React$Component5) {
-  (0, _inherits2["default"])(TextInput, _React$Component5);
-  var _super5 = _createSuper(TextInput);
-  function TextInput(props) {
-    var _ref3, _props$value;
-    var _this;
-    (0, _classCallCheck2["default"])(this, TextInput);
-    _this = _super5.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event) {
-      if (event.target.value) {
-        _this.setState({
-          value: event.target.value
-        });
-        if (_this.props.onChange) {
-          _this.props.onChange(event.target.value);
-        }
-      } else {
-        _this.setState({
-          value: null
-        });
-        if (_this.props.onChange) {
-          _this.props.onChange(null);
-        }
-      }
-    });
-    _this.inputField = /*#__PURE__*/_react["default"].createRef();
-    _this.state = {
-      value: (_ref3 = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : props.defaultValue) !== null && _ref3 !== void 0 ? _ref3 : null
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(TextInput, [{
-    key: "render",
-    value: function render() {
-      var _this$props$data$plac;
-      var props = {};
-      props.type = 'text';
-      props.name = this.props.data.fieldName;
-      props.placeholder = (_this$props$data$plac = this.props.data.placeholder) !== null && _this$props$data$plac !== void 0 ? _this$props$data$plac : _myxss["default"].process(this.props.data.label);
-      if (this.props.mutable) {
-        props.ref = this.inputField;
-        props.onChange = this.handleChange;
-        if (this.props.value) {
-          props.value = this.props.value;
-        } else {
-          props.defaultValue = this.props.defaultValue;
-        }
-      }
-      console.log(this.props);
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      var labelLocation = 'ABOVE';
-      if (this.props.data.labelLocation) {
-        labelLocation = this.props.data.labelLocation;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$value;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$value = this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : this.props.defaultValue)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return TextInput;
-}(_react["default"].Component);
-var EmailInput = /*#__PURE__*/function (_React$Component6) {
-  (0, _inherits2["default"])(EmailInput, _React$Component6);
-  var _super6 = _createSuper(EmailInput);
-  function EmailInput(props) {
-    var _this2;
-    (0, _classCallCheck2["default"])(this, EmailInput);
-    _this2 = _super6.call(this, props);
-    _this2.inputField = /*#__PURE__*/_react["default"].createRef();
-    return _this2;
-  }
-  (0, _createClass2["default"])(EmailInput, [{
-    key: "render",
-    value: function render() {
-      var _this$props$data$plac2,
-        _this3 = this;
-      var props = {};
-      props.type = 'text';
-      props.name = this.props.data.fieldName;
-      props.placeholder = (_this$props$data$plac2 = this.props.data.placeholder) !== null && _this$props$data$plac2 !== void 0 ? _this$props$data$plac2 : _myxss["default"].process(this.props.data.label);
-      if (this.props.mutable) {
-        props.defaultValue = this.props.defaultValue;
-        props.ref = this.inputField;
-      }
-      if (this.props.onChange) {
-        props.onChange = function (e) {
-          _this3.props.onChange(e.target.value);
-        };
-      }
-      if (this.props.value) {
-        props.value = this.props.value;
-      }
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      var labelLocation = 'ABOVE';
-      if (this.props.data.labelLocation) {
-        labelLocation = this.props.data.labelLocation;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$value2;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 ? _this$props$value2 : this.props.defaultValue)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return EmailInput;
-}(_react["default"].Component);
-var PhoneNumber = /*#__PURE__*/function (_React$Component7) {
-  (0, _inherits2["default"])(PhoneNumber, _React$Component7);
-  var _super7 = _createSuper(PhoneNumber);
-  function PhoneNumber(props) {
-    var _this4;
-    (0, _classCallCheck2["default"])(this, PhoneNumber);
-    _this4 = _super7.call(this, props);
-    _this4.inputField = /*#__PURE__*/_react["default"].createRef();
-    return _this4;
-  }
-  (0, _createClass2["default"])(PhoneNumber, [{
-    key: "render",
-    value: function render() {
-      var _this$props$data$plac3,
-        _this5 = this;
-      var props = {};
-      props.type = 'text';
-      props.name = this.props.data.fieldName;
-      props.placeholder = (_this$props$data$plac3 = this.props.data.placeholder) !== null && _this$props$data$plac3 !== void 0 ? _this$props$data$plac3 : _myxss["default"].process(this.props.data.label);
-      if (this.props.mutable) {
-        props.defaultValue = this.props.defaultValue;
-        props.ref = this.inputField;
-      }
-      if (this.props.onChange) {
-        props.onChange = function (e) {
-          _this5.props.onChange(e);
-        };
-      }
-      if (this.props.value) {
-        props.value = this.props.value;
-      }
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      props.autoComplete = "new-password";
-      var labelLocation = 'ABOVE';
-      if (this.props.data.labelLocation) {
-        labelLocation = this.props.data.labelLocation;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$value3;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$value3 = this.props.value) !== null && _this$props$value3 !== void 0 ? _this$props$value3 : this.props.defaultValue)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props, {
-        as: CustomPhoneInput
-      })), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props, {
-        as: CustomPhoneInput
-      }))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return PhoneNumber;
-}(_react["default"].Component);
-var DatePicker = /*#__PURE__*/function (_React$Component8) {
-  (0, _inherits2["default"])(DatePicker, _React$Component8);
-  var _super8 = _createSuper(DatePicker);
-  function DatePicker(props) {
-    var _this6;
-    (0, _classCallCheck2["default"])(this, DatePicker);
-    _this6 = _super8.call(this, props);
-    _this6.inputField = /*#__PURE__*/_react["default"].createRef();
-    return _this6;
-  }
-  (0, _createClass2["default"])(DatePicker, [{
-    key: "render",
-    value: function render() {
-      var _this$props$data$plac4,
-        _this7 = this;
-      var props = {};
-      props.type = 'text';
-      props.name = this.props.data.fieldName;
-      props.placeholder = (_this$props$data$plac4 = this.props.data.placeholder) !== null && _this$props$data$plac4 !== void 0 ? _this$props$data$plac4 : _myxss["default"].process(this.props.data.label);
-      if (this.props.mutable) {
-        props.defaultValue = this.props.defaultValue;
-        props.ref = this.inputField;
-      }
-      props.formatMask = this.props.data.formatMask || 'MM/DD/YYYY';
-      if (this.props.onChange) {
-        props.onChange = function (e) {
-          _this7.props.onChange(e);
-        };
-      }
-      if (this.props.value) {
-        props.value = this.props.value;
-      }
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      props.autoComplete = "new-password";
-      var labelLocation = 'ABOVE';
-      if (this.props.data.labelLocation) {
-        labelLocation = this.props.data.labelLocation;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$value4;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$value4 = this.props.value) !== null && _this$props$value4 !== void 0 ? _this$props$value4 : this.props.defaultValue)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props, {
-        as: CustomDateInput
-      })), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props, {
-        as: CustomDateInput
-      }))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return DatePicker;
-}(_react["default"].Component);
-var NumberInput = /*#__PURE__*/function (_React$Component9) {
-  (0, _inherits2["default"])(NumberInput, _React$Component9);
-  var _super9 = _createSuper(NumberInput);
-  function NumberInput(props) {
-    var _this8;
-    (0, _classCallCheck2["default"])(this, NumberInput);
-    _this8 = _super9.call(this, props);
-    _this8.inputField = /*#__PURE__*/_react["default"].createRef();
-    return _this8;
-  }
-  (0, _createClass2["default"])(NumberInput, [{
-    key: "render",
-    value: function render() {
-      var _this$props$data$plac5,
-        _this9 = this;
-      var props = {};
-      props.type = 'number';
-      props.name = this.props.data.fieldName;
-      props.placeholder = (_this$props$data$plac5 = this.props.data.placeholder) !== null && _this$props$data$plac5 !== void 0 ? _this$props$data$plac5 : _myxss["default"].process(this.props.data.label);
-      if (this.props.mutable) {
-        props.defaultValue = this.props.defaultValue;
-        props.ref = this.inputField;
-      }
-      if (this.props.onChange) {
-        props.onChange = function (e) {
-          _this9.props.onChange(e.target.value);
-        };
-      }
-      if (this.props.value) {
-        props.value = this.props.value;
-      }
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      props.min = this.props.data.minValue;
-      props.max = this.props.data.maxValue;
-      props.step = this.props.data.step;
-      var labelLocation = 'ABOVE';
-      if (this.props.data.labelLocation) {
-        labelLocation = this.props.data.labelLocation;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$value5;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$value5 = this.props.value) !== null && _this$props$value5 !== void 0 ? _this$props$value5 : this.props.defaultValue)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name
-      }, props))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return NumberInput;
-}(_react["default"].Component);
-var TextArea = /*#__PURE__*/function (_React$Component10) {
-  (0, _inherits2["default"])(TextArea, _React$Component10);
-  var _super10 = _createSuper(TextArea);
-  function TextArea(props) {
-    var _this10;
-    (0, _classCallCheck2["default"])(this, TextArea);
-    _this10 = _super10.call(this, props);
-    _this10.inputField = /*#__PURE__*/_react["default"].createRef();
-    return _this10;
-  }
-  (0, _createClass2["default"])(TextArea, [{
-    key: "render",
-    value: function render() {
-      var _this$props$data$plac6,
-        _this11 = this;
-      var props = {};
-      props.name = this.props.data.fieldName;
-      props.placeholder = (_this$props$data$plac6 = this.props.data.placeholder) !== null && _this$props$data$plac6 !== void 0 ? _this$props$data$plac6 : _myxss["default"].process(this.props.data.label);
-      if (this.props.mutable) {
-        props.defaultValue = this.props.defaultValue;
-        props.ref = this.inputField;
-      }
-      if (this.props.onChange) {
-        props.onChange = function (e) {
-          _this11.props.onChange(e.target.value);
-        };
-      }
-      if (this.props.value) {
-        props.value = this.props.value;
-      }
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      var labelLocation = 'ABOVE';
-      if (this.props.data.labelLocation) {
-        labelLocation = this.props.data.labelLocation;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$value6;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 ? _this$props$value6 : this.props.defaultValue)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        as: "textarea",
-        id: props.name
-      }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        as: "textarea",
-        id: props.name
-      }, props))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return TextArea;
-}(_react["default"].Component);
-var Dropdown = /*#__PURE__*/function (_React$Component11) {
-  (0, _inherits2["default"])(Dropdown, _React$Component11);
-  var _super11 = _createSuper(Dropdown);
-  function Dropdown(props) {
-    var _this12;
-    (0, _classCallCheck2["default"])(this, Dropdown);
-    _this12 = _super11.call(this, props);
-    _this12.inputField = /*#__PURE__*/_react["default"].createRef();
-    return _this12;
-  }
-  (0, _createClass2["default"])(Dropdown, [{
-    key: "render",
-    value: function render() {
-      var _this13 = this;
-      var props = {};
-      props.name = this.props.data.fieldName;
-      props.placeholder = this.props.data.placeholder || 'Select One';
-      if (this.props.mutable) {
-        props.defaultValue = this.props.defaultValue;
-        props.ref = this.inputField;
-      }
-      if (this.props.onChange) {
-        props.onChange = function (e) {
-          _this13.props.onChange(e.target.value);
-        };
-      }
-      if (this.props.value) {
-        props.value = this.props.value;
-      }
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      var labelLocation = 'ABOVE';
-      if (this.props.data.labelLocation) {
-        labelLocation = this.props.data.labelLocation;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$data$opti;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$data$opti = this.props.data.options.filter(function (selectedOption) {
-          var _this13$props$value;
-          return selectedOption.value === ((_this13$props$value = _this13.props.value) !== null && _this13$props$value !== void 0 ? _this13$props$value : _this13.props.defaultValue);
-        })) === null || _this$props$data$opti === void 0 ? void 0 : _this$props$data$opti.label)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, (0, _extends2["default"])({
-        id: props.name
-      }, props), props.placeholder ? /*#__PURE__*/_react["default"].createElement("option", {
-        value: ""
-      }, props.placeholder) : null, this.props.data.options.map(function (option) {
-        var thisKey = "preview_".concat(option.key);
-        return /*#__PURE__*/_react["default"].createElement("option", {
-          value: option.value,
-          key: thisKey
-        }, option.text);
-      })), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, (0, _extends2["default"])({
-        id: props.name
-      }, props), props.placeholder ? /*#__PURE__*/_react["default"].createElement("option", {
-        value: ""
-      }, props.placeholder) : null, this.props.data.options.map(function (option) {
-        var thisKey = "preview_".concat(option.key);
-        return /*#__PURE__*/_react["default"].createElement("option", {
-          value: option.value,
-          key: thisKey
-        }, option.text);
-      }))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return Dropdown;
-}(_react["default"].Component);
-var Signature = /*#__PURE__*/function (_React$Component12) {
-  (0, _inherits2["default"])(Signature, _React$Component12);
-  var _super12 = _createSuper(Signature);
-  function Signature(props) {
-    var _props$value2;
-    var _this14;
-    (0, _classCallCheck2["default"])(this, Signature);
-    _this14 = _super12.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this14), "clear", function () {
-      if (_this14.state.value) {
-        _this14.setState({
-          value: ''
-        });
-      } else if (_this14.canvas.current) {
-        _this14.canvas.current.clear();
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this14), "_getSignatureImg", function () {
-      var $canvas_sig = _this14.canvas.current;
-      if ($canvas_sig) {
-        var base64 = $canvas_sig.toDataURL().replace('data:image/png;base64,', '');
-        var isEmpty = $canvas_sig.isEmpty();
-        var $input_sig = _this14.inputField.current;
-        var name = _this14.props.data.fieldName;
-        if (isEmpty) {
-          $input_sig.value = '';
-          if (_this14.props.methods) {
-            _this14.props.methods.setValue(name, '');
-          }
-        } else {
-          $input_sig.value = base64;
-          if (_this14.props.methods) {
-            _this14.props.methods.setValue(name, base64);
-          }
-        }
-      }
-    });
-    _this14.state = {
-      value: (_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : props.defaultValue
-    };
-    _this14.inputField = /*#__PURE__*/_react["default"].createRef();
-    _this14.canvas = /*#__PURE__*/_react["default"].createRef();
-    return _this14;
-  }
-  (0, _createClass2["default"])(Signature, [{
-    key: "render",
-    value: function render() {
-      var _this15 = this;
-      var canClear = !!this.state.value;
-      var props = {};
-      props.type = 'hidden';
-      props.name = this.props.data.fieldName;
-      if (this.props.onChange) {
-        props.onChange = function (e) {
-          _this15.props.onChange(e.target.value);
-        };
-      }
-      if (this.props.value) {
-        props.value = this.props.value;
-      }
-      if (this.props.mutable) {
-        props.defaultValue = this.state.value;
-        props.ref = this.inputField;
-      }
-      var padProps = {};
-      // umd requires canvasProps={{ width: 400, height: 150 }}
-      if (this.props.mutable) {
-        padProps.defaultValue = this.state.value;
-        padProps.ref = this.canvas;
-        canClear = !this.props.readOnly;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      var sourceDataURL;
-      if (this.state.value && this.state.value.length > 0) {
-        sourceDataURL = "data:image/png;base64,".concat(this.state.value);
-      }
-      padProps.canvasProps = {};
-      if (this.props.print === true && !!sourceDataURL) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, {
-          src: sourceDataURL
-        }))));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.readOnly === true || !!sourceDataURL ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, {
-        src: sourceDataURL
-      }) : /*#__PURE__*/_react["default"].createElement("div", {
-        className: "m-signature-pad"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "m-signature-pad--body"
-      }, /*#__PURE__*/_react["default"].createElement(_reactSignatureCanvas["default"], (0, _extends2["default"])({}, padProps, {
-        onEnd: function onEnd(e) {
-          _this15._getSignatureImg();
-        }
-      }))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "m-signature-pad--footer clearfix"
-      }, canClear && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
-        variant: "default",
-        size: "sm",
-        className: "clear-signature float-end",
-        onClick: this.clear,
-        title: "Clear Signature"
-      }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " clear"))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      }), this.props.methods ? /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, this.props.methods.register(props.name), props)) : /*#__PURE__*/_react["default"].createElement("input", props)));
-    }
-  }]);
-  return Signature;
-}(_react["default"].Component);
-var Tags = /*#__PURE__*/function (_React$Component13) {
-  (0, _inherits2["default"])(Tags, _React$Component13);
-  var _super13 = _createSuper(Tags);
-  function Tags(props) {
-    var _this16;
-    (0, _classCallCheck2["default"])(this, Tags);
-    _this16 = _super13.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this16), "handleChange", function (selected) {
-      if (selected !== undefined && selected !== null && selected.length > 0) {
-        _this16.setState({
-          value: selected.map(function (i) {
-            return i.value;
-          })
-        });
-        if (_this16.props.onChange) {
-          _this16.props.onChange(selected.map(function (i) {
-            return i.value;
-          }));
-        }
-      } else {
-        _this16.setState({
-          value: []
-        });
-        if (_this16.props.onChange) {
-          _this16.props.onChange([]);
-        }
-      }
-    });
-    _this16.inputField = /*#__PURE__*/_react["default"].createRef();
-    if (props.value) {
-      _this16.state = {
-        value: props.value
-      };
-    } else {
-      _this16.state = {
-        value: props.defaultValue
-      };
-    }
-    return _this16;
-  }
-  (0, _createClass2["default"])(Tags, [{
-    key: "getDefaultValue",
-    value: function getDefaultValue(defaultValue, options) {
-      if (defaultValue) {
-        return options.filter(function (option) {
-          return defaultValue.indexOf(option.value) > -1;
-        });
-      }
-      return [];
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var options = this.props.data.options.map(function (option) {
-        return {
-          value: option.value,
-          label: option.text,
-          key: option.value
-        };
-      });
-      var props = {};
-      props.multiple = true;
-      props.name = this.props.data.fieldName;
-      props.onChange = this.handleChange;
-      props.placeholder = this.props.data.placeholder || 'Select...';
-      props.required = this.props.data.required;
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      props.options = options;
-      if (this.props.mutable) {
-        props.disabled = this.props.readOnly;
-        props.selected = this.getDefaultValue(this.state.value, options);
-        props.ref = this.inputField;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      var labelLocation = 'ABOVE';
-      if (this.props.data.labelLocation) {
-        labelLocation = this.props.data.labelLocation;
-      }
-      if (this.props.print === true) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, props.selected.map(function (selectedOption) {
-          return selectedOption.label;
-        }).join(', '))));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrapTypeahead.Typeahead, (0, _extends2["default"])({
-        labelKey: function labelKey(option) {
-          return option.label;
-        },
-        id: props.name
-      }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        name: props.name,
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrapTypeahead.Typeahead, (0, _extends2["default"])({
-        labelKey: function labelKey(option) {
-          return option.label;
-        },
-        id: props.name
-      }, props))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return Tags;
-}(_react["default"].Component);
-var Checkboxes = /*#__PURE__*/function (_React$Component14) {
-  (0, _inherits2["default"])(Checkboxes, _React$Component14);
-  var _super14 = _createSuper(Checkboxes);
-  function Checkboxes(props) {
-    var _this17;
-    (0, _classCallCheck2["default"])(this, Checkboxes);
-    _this17 = _super14.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this17), "onCheckboxChange", function (checkboxValue, event) {
-      if (_this17.props.onChange) {
-        if (event.target.checked) {
-          _this17.props.onChange(_this17.checkedValues.concat(checkboxValue));
-        } else {
-          _this17.props.onChange(_this17.checkedValues.filter(function (v) {
-            return v !== checkboxValue;
-          }));
-        }
-      }
-    });
-    _this17.options = {};
-    _this17.checkedValues = [];
-    return _this17;
-  }
-  (0, _createClass2["default"])(Checkboxes, [{
-    key: "render",
-    value: function render() {
-      var _this18 = this;
-      var self = this;
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.value) {
-        this.checkedValues = this.props.value;
-      }
-      if (this.props.print === true) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, this.props.data.options.filter(function (option) {
-          return _this18.checkedValues.includes(option.value);
-        }).map(function (option) {
-          return option.label;
-        }).join(', '))));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.data.options.map(function (option) {
-        var thisKey = "preview_".concat(option.key);
-        var props = {};
-        props.name = "option_".concat(option.key);
-        if (self.props.data.inline) {
-          props.inline = true;
-        }
-        props.value = option.value;
-        if (self.props.mutable) {
-          props.defaultChecked = self.props.defaultValue !== undefined && self.props.defaultValue.indexOf(option.key) > -1;
-        }
-        if (self.props.readOnly) {
-          props.disabled = 'disabled';
-        }
-        if (self.props.value) {
-          props.checked = _this18.props.value.indexOf(option.value) > -1;
-        }
-        return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, (0, _extends2["default"])({
-          label: option.text,
-          type: "checkbox",
-          key: thisKey,
-          id: "fid_".concat(thisKey),
-          ref: function ref(c) {
-            if (c && self.props.mutable) {
-              self.options["child_ref_".concat(option.key)] = c;
-            }
-          },
-          onChange: function onChange(e) {
-            self.onCheckboxChange(option.value, e);
-          }
-        }, props));
-      }), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return Checkboxes;
-}(_react["default"].Component);
-var Checkbox = /*#__PURE__*/function (_React$Component15) {
-  (0, _inherits2["default"])(Checkbox, _React$Component15);
-  var _super15 = _createSuper(Checkbox);
-  function Checkbox(props) {
-    var _this19;
-    (0, _classCallCheck2["default"])(this, Checkbox);
-    _this19 = _super15.call(this, props);
-    _this19.inputField = /*#__PURE__*/_react["default"].createRef();
-    return _this19;
-  }
-  (0, _createClass2["default"])(Checkbox, [{
-    key: "render",
-    value: function render() {
-      var _this20 = this;
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      var props = {};
-      // eslint-disable-next-line no-undef
-      props.name = this.props.data.fieldName;
-      props.type = 'checkbox';
-      props.defaultChecked = this.props.data.defaultChecked;
-      if (this.props.mutable) {
-        props.ref = this.inputField;
-      }
-      if (this.props.onChange) {
-        props.onChange = function (e) {
-          _this20.props.onChange(e.target.checked);
-        };
-      }
-      if (this.props.value) {
-        props.checked = this.props.value;
-      }
-      if (this.props.isInvalid) {
-        props.isInvalid = this.props.isInvalid;
-      }
-      if (this.props.onBlur) {
-        props.onBlur = this.props.onBlur;
-      }
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      if (this.props.data.inline) {
-        props.inline = true;
-      }
-      if (this.props.print === true) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, this.props.value === true ? 'Yes' : 'No')));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({
-        className: "form-label"
-      }, this.props)), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, (0, _extends2["default"])({
-        label: /*#__PURE__*/_react["default"].createElement("span", {
-          dangerouslySetInnerHTML: {
-            __html: this.props.data.boxLabel
-          }
-        }),
-        type: "checkbox",
-        id: this.props.data.fieldName
-      }, props)), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return Checkbox;
-}(_react["default"].Component);
-var RadioButtons = /*#__PURE__*/function (_React$Component16) {
-  (0, _inherits2["default"])(RadioButtons, _React$Component16);
-  var _super16 = _createSuper(RadioButtons);
-  function RadioButtons(props) {
-    var _this21;
-    (0, _classCallCheck2["default"])(this, RadioButtons);
-    _this21 = _super16.call(this, props);
-    _this21.options = {};
-    return _this21;
-  }
-  (0, _createClass2["default"])(RadioButtons, [{
-    key: "render",
-    value: function render() {
-      var _this22 = this;
-      var self = this;
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, this.props.data.options.filter(function (option) {
-          return _this22.props.value === option.value;
-        }).map(function (option) {
-          return option.label;
-        }).join(', '))));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.data.options.map(function (option) {
-        var thisKey = "preview_".concat(option.key);
-        var props = {};
-        props.name = self.props.data.fieldName;
-        props.value = option.value;
-        if (self.props.mutable) {
-          props.defaultChecked = self.props.defaultValue !== undefined && self.props.defaultValue.indexOf(option.value) > -1;
-        }
-        if (self.props.onChange) {
-          props.onChange = function (e) {
-            self.props.onChange(e.target.value);
-          };
-        }
-        if (self.props.value) {
-          props.checked = self.props.value === option.value;
-        }
-        if (self.props.readOnly) {
-          props.disabled = 'disabled';
-        }
-        if (self.props.data.inline) {
-          props.inline = true;
-        }
-        return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, (0, _extends2["default"])({
-          label: option.text,
-          type: "radio",
-          key: thisKey,
-          id: "fid_".concat(thisKey),
-          ref: function ref(c) {
-            if (c && self.props.mutable) {
-              self.options["child_ref_".concat(option.key)] = c;
-            }
-          }
-        }, props));
-      }), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return RadioButtons;
-}(_react["default"].Component);
-var Image = /*#__PURE__*/function (_React$Component17) {
-  (0, _inherits2["default"])(Image, _React$Component17);
-  var _super17 = _createSuper(Image);
-  function Image() {
-    (0, _classCallCheck2["default"])(this, Image);
-    return _super17.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(Image, [{
-    key: "render",
-    value: function render() {
-      var style = this.props.data.center ? {
-        textAlign: 'center'
-      } : null;
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread(_objectSpread({}, this.props.style), style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), this.props.data.src && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, {
-        src: this.props.data.src,
-        width: this.props.data.width,
-        height: this.props.data.height
-      }), !this.props.data.src && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "no-image"
-      }, "No Image"));
-    }
-  }]);
-  return Image;
-}(_react["default"].Component);
-var Rating = /*#__PURE__*/function (_React$Component18) {
-  (0, _inherits2["default"])(Rating, _React$Component18);
-  var _super18 = _createSuper(Rating);
-  function Rating(props) {
-    var _this23;
-    (0, _classCallCheck2["default"])(this, Rating);
-    _this23 = _super18.call(this, props);
-    _this23.inputField = /*#__PURE__*/_react["default"].createRef();
-    return _this23;
-  }
-  (0, _createClass2["default"])(Rating, [{
-    key: "render",
-    value: function render() {
-      var _this24 = this;
-      var props = {};
-      props.name = this.props.data.fieldName;
-      props.ratingAmount = 5;
-      if (this.props.mutable) {
-        props.rating = this.props.defaultValue !== undefined ? parseFloat(this.props.defaultValue, 10) : 0;
-        props.editing = true;
-        props.disabled = this.props.readOnly;
-        props.ref = this.inputField;
-      }
-      if (this.props.onChange) {
-        props.onRatingClick = function (e, _ref4) {
-          var rating = _ref4.rating;
-          _this24.props.onChange(rating);
-        };
-      }
-      if (this.props.value) {
-        props.rating = this.props.value;
-      }
-      if (this.props.readOnly) {
-        props.disabled = true;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$value7;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$value7 = this.props.value) !== null && _this$props$value7 !== void 0 ? _this$props$value7 : this.props.defaultValue)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(_starRating["default"], props), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return Rating;
-}(_react["default"].Component);
-var HyperLink = /*#__PURE__*/function (_React$Component19) {
-  (0, _inherits2["default"])(HyperLink, _React$Component19);
-  var _super19 = _createSuper(HyperLink);
-  function HyperLink() {
-    (0, _classCallCheck2["default"])(this, HyperLink);
-    return _super19.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(HyperLink, [{
-    key: "render",
-    value: function render() {
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, null, /*#__PURE__*/_react["default"].createElement("a", {
-        target: "_blank",
-        href: this.props.data.href,
-        dangerouslySetInnerHTML: {
-          __html: _myxss["default"].process(this.props.data.content)
-        }
-      }))));
-    }
-  }]);
-  return HyperLink;
-}(_react["default"].Component);
-var Download = /*#__PURE__*/function (_React$Component20) {
-  (0, _inherits2["default"])(Download, _React$Component20);
-  var _super20 = _createSuper(Download);
-  function Download() {
-    (0, _classCallCheck2["default"])(this, Download);
-    return _super20.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(Download, [{
-    key: "render",
-    value: function render() {
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement("a", {
-        href: "".concat(this.props.downloadPath, "?id=").concat(this.props.data.filePath)
-      }, this.props.data.content)));
-    }
-  }]);
-  return Download;
-}(_react["default"].Component);
-var Camera = /*#__PURE__*/function (_React$Component21) {
-  (0, _inherits2["default"])(Camera, _React$Component21);
-  var _super21 = _createSuper(Camera);
-  function Camera(props) {
-    var _this25;
-    (0, _classCallCheck2["default"])(this, Camera);
-    _this25 = _super21.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this25), "displayImage", function (e) {
-      var self = (0, _assertThisInitialized2["default"])(_this25);
-      var target = e.target;
-      if (target.files && target.files.length) {
-        self.setState({
-          img: target.files[0],
-          previewImg: URL.createObjectURL(target.files[0])
-        });
-        if (_this25.props.onChange) {
-          _this25.props.onChange(target.files[0]);
-        }
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this25), "clearImage", function (e) {
-      _this25.setState({
-        img: null,
-        previewImg: null
-      });
-      if (_this25.props.onChange) {
-        _this25.props.onChange(null);
-      }
-    });
-    _this25.state = {
-      img: null,
-      previewImg: null
-    };
-    return _this25;
-  }
-  (0, _createClass2["default"])(Camera, [{
-    key: "getImageSizeProps",
-    value: function getImageSizeProps(_ref5) {
-      var width = _ref5.width,
-        height = _ref5.height;
-      var imgProps = {
-        width: '100%'
-      };
-      if (width) {
-        imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;
-      }
-      if (height) {
-        imgProps.height = height;
-      }
-      return imgProps;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this26 = this;
-      var imageStyle = {
-        objectFit: 'scale-down',
-        objectPosition: this.props.data.center ? 'center' : 'left'
-      };
-      var baseClasses = 'SortableItem rfb-item';
-      var name = this.props.data.fieldName;
-      var fileInputStyle = this.state.img ? {
-        display: 'none'
-      } : null;
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      var sourceDataURL;
-      if (this.props.readOnly === true && this.props.defaultValue && this.props.defaultValue.length > 0) {
-        if (this.props.defaultValue.indexOf(name > -1)) {
-          sourceDataURL = this.props.defaultValue;
-        } else {
-          sourceDataURL = "data:image/png;base64,".concat(this.props.defaultValue);
-        }
-      }
-      if (this.props.value) {
-        sourceDataURL = this.props.value;
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.readOnly === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, (0, _extends2["default"])({
-        style: imageStyle,
-        src: sourceDataURL
-      }, this.getImageSizeProps(this.props.data)))) : /*#__PURE__*/_react["default"].createElement("div", {
-        className: "image-upload-container"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: fileInputStyle
-      }, /*#__PURE__*/_react["default"].createElement("input", {
-        name: name,
-        type: "file",
-        accept: "image/*",
-        capture: "camera",
-        className: "image-upload",
-        onChange: this.displayImage
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "image-upload-control"
-      }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
-        variant: "light"
-      }, /*#__PURE__*/_react["default"].createElement(_fa.FaCamera, null), " Upload Photo"), /*#__PURE__*/_react["default"].createElement("p", null, "Select an image from your computer or device."))), this.state.img && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, {
-        onLoad: function onLoad() {
-          return URL.revokeObjectURL(_this26.state.previewImg);
-        },
-        src: this.state.previewImg,
-        height: "100",
-        className: "image-upload-preview"
-      }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
-        variant: "default",
-        size: "sm",
-        className: "btn-image-clear",
-        onClick: this.clearImage
-      }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " Clear Photo"))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return Camera;
-}(_react["default"].Component);
-var FileUpload = /*#__PURE__*/function (_React$Component22) {
-  (0, _inherits2["default"])(FileUpload, _React$Component22);
-  var _super22 = _createSuper(FileUpload);
-  function FileUpload(props) {
-    var _this27;
-    (0, _classCallCheck2["default"])(this, FileUpload);
-    _this27 = _super22.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this27), "displayFileUpload", function (e) {
-      var self = (0, _assertThisInitialized2["default"])(_this27);
-      var target = e.target;
-      var file;
-      if (target.files && target.files.length > 0) {
-        file = target.files[0];
-        self.setState({
-          fileUpload: file
-        });
-        if (_this27.props.onChange) {
-          _this27.props.onChange(file);
-        }
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this27), "clearFileUpload", function () {
-      _this27.setState({
-        fileUpload: null
-      });
-      if (_this27.props.onChange) {
-        _this27.props.onChange(null);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this27), "saveFile", /*#__PURE__*/function () {
-      var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
-        var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              sourceUrl = _this27.props.defaultValue;
-              _context.next = 4;
-              return (0, _isomorphicFetch["default"])(sourceUrl, {
-                method: 'GET',
-                headers: {
-                  Accept: 'application/json',
-                  'Content-Type': 'application/json; charset=utf-8'
-                },
-                responseType: 'blob'
-              });
-            case 4:
-              response = _context.sent;
-              dispositionHeader = response.headers.get('Content-Disposition');
-              _context.next = 8;
-              return response.blob();
-            case 8:
-              resBlob = _context.sent;
-              // eslint-disable-next-line no-undef
-              blob = new Blob([resBlob], {
-                type: _this27.props.data.fileType || response.headers.get('Content-Type')
-              });
-              if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {
-                fileName = dispositionHeader.split(';filename=')[1];
-                (0, _fileSaver.saveAs)(blob, fileName);
-              } else {
-                _fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);
-                (0, _fileSaver.saveAs)(response.url, _fileName);
-              }
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref6.apply(this, arguments);
-      };
-    }());
-    _this27.state = {
-      fileUpload: null
-    };
-    return _this27;
-  }
-  (0, _createClass2["default"])(FileUpload, [{
-    key: "render",
-    value: function render() {
-      var baseClasses = 'SortableItem rfb-item';
-      var name = this.props.data.fieldName;
-      var fileInputStyle = this.state.fileUpload ? {
-        display: 'none'
-      } : null;
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.readOnly === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
-        variant: "default",
-        onClick: this.saveFile
-      }, /*#__PURE__*/_react["default"].createElement(_fa.FaDownload, null), " Download File")) : /*#__PURE__*/_react["default"].createElement("div", {
-        className: "image-upload-container"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: fileInputStyle
-      }, /*#__PURE__*/_react["default"].createElement("input", {
-        name: name,
-        type: "file",
-        accept: this.props.data.fileType || '*',
-        className: "image-upload",
-        onChange: this.displayFileUpload
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "image-upload-control"
-      }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
-        variant: "light"
-      }, /*#__PURE__*/_react["default"].createElement(_fa.FaFile, null), " Upload File"), /*#__PURE__*/_react["default"].createElement("p", null, "Select a file from your computer or device."))), this.state.fileUpload && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "file-upload-preview"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'inline-block',
-          marginRight: '5px'
-        }
-      }, "Name: ".concat(this.state.fileUpload.name)), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'inline-block',
-          marginLeft: '5px'
-        }
-      }, this.state.fileUpload.size.length > 6 ? "Size:  ".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), " mb") : "Size:  ".concat(Math.ceil(this.state.fileUpload.size / 1024), " kb"))), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
-        variant: "default",
-        size: "sm",
-        className: "btn-file-upload-clear",
-        onClick: this.clearFileUpload
-      }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " Clear File"))), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return FileUpload;
-}(_react["default"].Component);
-var Range = /*#__PURE__*/function (_React$Component23) {
-  (0, _inherits2["default"])(Range, _React$Component23);
-  var _super23 = _createSuper(Range);
-  function Range(props) {
-    var _this28;
-    (0, _classCallCheck2["default"])(this, Range);
-    _this28 = _super23.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this28), "changeValue", function (e) {
-      var target = e.target;
-      _this28.setState({
-        value: target.value
-      });
-      if (_this28.props.onChange) {
-        _this28.props.onChange(target.value);
-      }
-    });
-    _this28.inputField = /*#__PURE__*/_react["default"].createRef();
-    _this28.state = {
-      value: props.defaultValue !== undefined ? parseInt(props.defaultValue, 10) : parseInt(props.data.defaultValue, 10)
-    };
-    return _this28;
-  }
-  (0, _createClass2["default"])(Range, [{
-    key: "render",
-    value: function render() {
-      var props = {};
-      var name = this.props.data.fieldName;
-      props.type = 'range';
-      props.list = "tickmarks_".concat(name);
-      props.min = this.props.data.minValue;
-      props.max = this.props.data.maxValue;
-      props.step = this.props.data.step;
-      props.value = this.state.value;
-      props.onChange = this.changeValue;
-      if (this.props.mutable) {
-        props.ref = this.inputField;
-      }
-      if (this.props.value) {
-        props.value = this.props.value;
-      }
-      var datalist = [];
-      for (var i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {
-        datalist.push(i);
-      }
-      var oneBig = 100 / (datalist.length - 1);
-      var _datalist = datalist.map(function (d, idx) {
-        return /*#__PURE__*/_react["default"].createElement("option", {
-          key: "".concat(props.list, "_").concat(idx)
-        }, d);
-      });
-      var visible_marks = datalist.map(function (d, idx) {
-        var option_props = {};
-        var w = oneBig;
-        if (idx === 0 || idx === datalist.length - 1) {
-          w = oneBig / 2;
-        }
-        option_props.key = "".concat(props.list, "_label_").concat(idx);
-        option_props.style = {
-          width: "".concat(w, "%")
-        };
-        if (idx === datalist.length - 1) {
-          option_props.style = {
-            width: "".concat(w, "%"),
-            textAlign: 'right'
-          };
-        }
-        return /*#__PURE__*/_react["default"].createElement("label", option_props, d);
-      });
-      if (this.props.readOnly) {
-        props.disabled = 'disabled';
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      if (this.props.print === true) {
-        var _this$props$value8;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: _objectSpread({}, this.props.style),
-          className: baseClasses
-        }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-          className: "form-group mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          name: props.name,
-          htmlFor: props.name
-        })), /*#__PURE__*/_react["default"].createElement("div", null, (_this$props$value8 = this.props.value) !== null && _this$props$value8 !== void 0 ? _this$props$value8 : this.props.defaultValue)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "range"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "clearfix"
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "float-start"
-      }, this.props.data.minLabel), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "float-end"
-      }, this.props.data.maxLabel)), /*#__PURE__*/_react["default"].createElement(_reactBootstrapRangeSlider["default"], props)), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "visible_marks"
-      }, visible_marks), /*#__PURE__*/_react["default"].createElement("input", {
-        name: name,
-        value: this.state.value,
-        type: "hidden"
-      }), /*#__PURE__*/_react["default"].createElement("datalist", {
-        id: props.list
-      }, _datalist), this.props.data.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.data.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
-    }
-  }]);
-  return Range;
-}(_react["default"].Component);
-SurveyElements.Header = Header;
-SurveyElements.Paragraph = Paragraph;
-SurveyElements.Label = Label;
-SurveyElements.LineBreak = LineBreak;
-SurveyElements.TextInput = TextInput;
-SurveyElements.EmailInput = EmailInput;
-SurveyElements.PhoneNumber = PhoneNumber;
-SurveyElements.NumberInput = NumberInput;
-SurveyElements.TextArea = TextArea;
-SurveyElements.Dropdown = Dropdown;
-SurveyElements.Signature = Signature;
-SurveyElements.Checkboxes = Checkboxes;
-SurveyElements.Checkbox = Checkbox;
-SurveyElements.DatePicker = DatePicker;
-SurveyElements.RadioButtons = RadioButtons;
-SurveyElements.Image = Image;
-SurveyElements.Rating = Rating;
-SurveyElements.Tags = Tags;
-SurveyElements.HyperLink = HyperLink;
-SurveyElements.Download = Download;
-SurveyElements.Camera = Camera;
-SurveyElements.FileUpload = FileUpload;
-SurveyElements.Range = Range;
-var _default = exports["default"] = SurveyElements;