npm - react-survey-builder - Versions diffs - 1.0.100 → 1.0.102 - Mend

react-survey-builder 1.0.100 → 1.0.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/bundle.js +2 -2
package/lib/form-steps.js +1 -6
package/lib/survey-elements/index.js +2 -6
package/package.json +1 -1

package/dist/bundle.js CHANGED Viewed

@@ -928,7 +928,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }\nfunction 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; }\nfunction _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) { _defineProperty(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; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _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.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(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(o, minLen); }\nfunction _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; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {\n  var _ref$validateForCorre = _ref.validateForCorrectness,\n    validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,\n    _ref$displayShort = _ref.displayShort,\n    displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,\n    _ref$readOnly = _ref.readOnly,\n    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n    downloadPath = _ref.downloadPath,\n    answers = _ref.answers,\n    onSubmit = _ref.onSubmit,\n    onChange = _ref.onChange,\n    onSelect = _ref.onSelect,\n    items = _ref.items,\n    activeStep = _ref.activeStep,\n    _ref$submitButton = _ref.submitButton,\n    submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,\n    _ref$backButton = _ref.backButton,\n    backButton = _ref$backButton === void 0 ? false : _ref$backButton,\n    _ref$backAction = _ref.backAction,\n    backAction = _ref$backAction === void 0 ? null : _ref$backAction,\n    _ref$hideActions = _ref.hideActions,\n    hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,\n    _ref$hideLabels = _ref.hideLabels,\n    hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,\n    variables = _ref.variables,\n    staticVariables = _ref.staticVariables,\n    buttonClassName = _ref.buttonClassName,\n    checkboxButtonClassName = _ref.checkboxButtonClassName,\n    headerClassName = _ref.headerClassName,\n    labelClassName = _ref.labelClassName,\n    paragraphClassName = _ref.paragraphClassName,\n    helpClassName = _ref.helpClassName,\n    formId = _ref.formId,\n    methods = _ref.methods,\n    _ref$print = _ref.print,\n    print = _ref$print === void 0 ? false : _ref$print;\n  //#region helper functions\n\n  var _convert = function _convert($dataAnswers) {\n    if (Array.isArray($dataAnswers)) {\n      var result = {};\n      $dataAnswers.forEach(function (answer) {\n        result[answer.name] = answer.value;\n      });\n      return result;\n    }\n    return $dataAnswers || {};\n  };\n  var form = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n  var inputs = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});\n  var answerData = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(_convert(answers));\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    formAnswers = _React$useState2[0],\n    setFormAnswers = _React$useState2[1];\n  var _getDefaultValue = function _getDefaultValue($dataItem) {\n    // console.log(\"_getDefaultValue\", $dataItem);\n    var defaultValue = answerData.current[$dataItem.fieldName];\n    if ($dataItem.element === 'DatePicker') {\n      var _$dataItem$defaultTod;\n      var defaultToday = (_$dataItem$defaultTod = $dataItem.defaultToday) !== null && _$dataItem$defaultTod !== void 0 ? _$dataItem$defaultTod : false;\n      if (defaultToday && (defaultValue === '' || defaultValue === undefined)) {\n        var today = new Date();\n        var dd = today.getDate();\n        var mm = today.getMonth() + 1;\n        var yyyy = today.getFullYear();\n        if (dd < 10) {\n          dd = '0' + dd;\n        }\n        if (mm < 10) {\n          mm = '0' + mm;\n        }\n        today = mm + '/' + dd + '/' + yyyy;\n        defaultValue = today;\n      }\n    }\n    if ($dataItem.element === 'Checkbox') {\n      var _$dataItem$defaultChe;\n      var defaultChecked = (_$dataItem$defaultChe = $dataItem.defaultChecked) !== null && _$dataItem$defaultChe !== void 0 ? _$dataItem$defaultChe : false;\n      if (defaultChecked === true) {\n        defaultValue = true;\n      }\n    }\n    if (defaultValue === undefined) {\n      if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {\n        defaultValue = [];\n      } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {\n        var _$dataItem$minValue;\n        defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;\n      } else {\n        defaultValue = '';\n      }\n    }\n    return defaultValue;\n  };\n  var _optionsDefaultValue = function _optionsDefaultValue($dataItem) {\n    var defaultValue = _getDefaultValue($dataItem);\n    if (defaultValue) {\n      return defaultValue;\n    }\n    var defaultChecked = [];\n    $dataItem.options.forEach(function (option) {\n      if (answerData.current[\"option_\".concat(option.key)]) {\n        defaultChecked.push(option.key);\n      }\n    });\n    return defaultChecked;\n  };\n  var _getItemValue = function _getItemValue($dataItem, ref) {\n    var _ref$inputField;\n    var $item = {\n      element: $dataItem.element,\n      value: ''\n    };\n    var $formData = methods === null || methods === void 0 ? void 0 : methods.getValues();\n    if ($dataItem.element === 'Rating') {\n      $item.value = ref.inputField.current.state.rating;\n    } else if ($dataItem.element === 'Tags') {\n      $item.value = $formData[$dataItem.fieldName];\n      // } else if (item.element === 'DatePicker') {\n      // \t$item.value = ref.state.value;\n    } else if ($dataItem.element === 'Camera') {\n      $item.value = ref.state.img;\n    } else if ($dataItem.element === 'FileUpload') {\n      $item.value = ref.state.fileUpload;\n    } else if ($dataItem.element === 'Signature') {\n      $item.value = ref.state.value;\n    } else if (ref && ref !== null && ref !== void 0 && ref.inputField && ref !== null && ref !== void 0 && (_ref$inputField = ref.inputField) !== null && _ref$inputField !== void 0 && _ref$inputField.current) {\n      $item = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.inputField.current);\n      if ($item && typeof $item.value === 'string') {\n        $item.value = $item.value.trim();\n      }\n    } else {\n      $item.value = $formData[$dataItem.fieldName];\n    }\n    return $item;\n  };\n  var _isIncorrect = function _isIncorrect($dataItem) {\n    var incorrect = false;\n    var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;\n    if (canHaveAnswer) {\n      var ref = inputs.current[$dataItem.fieldName];\n      if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {\n        $dataItem.options.forEach(function (option) {\n          var $option = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.options[\"child_ref_\".concat(option.key)]);\n          if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {\n            incorrect = true;\n          }\n        });\n      } else {\n        var $item = _getItemValue($dataItem, ref);\n        if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {\n          // number to string\n          if ($item.value.toString() !== $dataItem.correct) {\n            incorrect = true;\n          }\n        } else if ($dataItem.element === 'Checkbox') {\n          // boolean to string\n          if ($item.value.toString() !== $dataItem.correct) {\n            incorrect = true;\n          }\n        } else if ($item.value.toLowerCase() !== $dataItem.correct.trim().toLowerCase()) {\n          incorrect = true;\n        }\n      }\n    }\n    return incorrect;\n  };\n  var _collectFormData = function _collectFormData($dataItems, $formData) {\n    var formData = [];\n    $dataItems.filter(function (i) {\n      return i[\"static\"] !== true;\n    }).forEach(function (item) {\n      var itemData = {\n        id: item.id,\n        name: item.fieldName,\n        customName: item.customName || item.fieldName,\n        label: item.label !== null && item.label !== undefined && item.label !== '' ? item.label.trim() : '',\n        value: $formData[item.fieldName],\n        required: item.required || false\n      };\n      if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item === null || item === void 0 ? void 0 : item.options)) {\n        itemData.options = item === null || item === void 0 ? void 0 : item.options.map(function (i) {\n          return i.value;\n        });\n      }\n      if (itemData) {\n        formData.push(itemData);\n      }\n    });\n    return formData;\n  };\n\n  //#endregion\n  //#region form methods\n\n  var handleSubmit = function handleSubmit($formData, event) {\n    event.preventDefault();\n    var hasErrors = false;\n    if (validateForCorrectness) {\n      hasErrors = validateForm();\n    }\n\n    // Only submit if there are no errors.\n    if (hasErrors === false) {\n      if (onSubmit) {\n        var $data = _collectFormData(items, $formData);\n        onSubmit({\n          formData: $formData,\n          answers: $data\n        });\n        setFormAnswers($data);\n      } else {\n        var $form = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(form.current);\n        $form.submit();\n      }\n    }\n  };\n  var handleChange = function handleChange(event) {\n    // Call submit function on change\n    var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n    // console.log('handleChange', $data);\n\n    if (onChange) {\n      onChange($data);\n    }\n    setFormAnswers($data);\n  };\n  var handleSelect = function handleSelect(event) {\n    // Call submit function on select\n    var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n    // console.log('handleSelect', $data);\n\n    if (onSelect) {\n      onSelect($data);\n    }\n    setFormAnswers($data);\n  };\n  var validateForm = function validateForm() {\n    var hasErrors = false;\n    var $dataItems = _toConsumableArray(items);\n    if (displayShort) {\n      $dataItems = $dataItems.filter(function (i) {\n        return i.alternateForm === true;\n      });\n    }\n    $dataItems.forEach(function (item) {\n      if (_isIncorrect(item)) {\n        if (methods) {\n          methods.setError(item.fieldName, {\n            type: 'incorrect',\n            message: \"\".concat(item.label, \" was answered incorrectly\")\n          });\n        }\n        hasErrors = true;\n      }\n    });\n    return hasErrors;\n  };\n  var getDataItemById = function getDataItemById(id) {\n    var $dataItem = items.find(function (x) {\n      return x.id === id;\n    });\n    if ($dataItem !== undefined) {\n      var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n      return _objectSpread(_objectSpread({}, $dataItem), {}, {\n        fieldRules: getFieldRules($dataItem),\n        print: print !== null && print !== void 0 ? print : false,\n        readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n        hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n        disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n        mutable: true,\n        name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n        key: \"form_\".concat($dataItem.id),\n        item: $dataItem,\n        defaultValue: _getDefaultValue($dataItem),\n        staticVariables: staticVariables,\n        labelClassName: labelClassName,\n        helpClassName: helpClassName\n      });\n    }\n    return null;\n  };\n  var getStandardElement = function getStandardElement(item) {\n    if (!item) return null;\n    if (item.custom) {\n      return getCustomElement(item);\n    }\n    var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n      name: item.fieldName,\n      key: \"form_\".concat(item.id),\n      item: item,\n      defaultValue: _getDefaultValue(item),\n      onChange: handleChange,\n      labelClassName: labelClassName,\n      helpClassName: helpClassName\n    });\n  };\n  var getInputElement = function getInputElement(item) {\n    if (!item) return null;\n    if (item.custom) {\n      return getCustomElement(item);\n    }\n    var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n      key: \"form_\".concat(item.id),\n      control: methods.control,\n      name: item.fieldName,\n      rules: item.fieldRules,\n      defaultValue: _getDefaultValue(item),\n      disabled: item.disabled,\n      required: item.required,\n      render: function render(_ref5) {\n        var _ref5$field = _ref5.field,\n          _onChange = _ref5$field.onChange,\n          onBlur = _ref5$field.onBlur,\n          value = _ref5$field.value,\n          name = _ref5$field.name,\n          ref = _ref5$field.ref,\n          _ref5$fieldState = _ref5.fieldState,\n          invalid = _ref5$fieldState.invalid,\n          isTouched = _ref5$fieldState.isTouched,\n          isDirty = _ref5$fieldState.isDirty,\n          error = _ref5$fieldState.error,\n          formState = _ref5.formState;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n          onBlur: onBlur,\n          onChange: function onChange(e) {\n            _onChange(e);\n            if (item.element !== 'ButtonList') {\n              handleChange(e);\n            }\n          },\n          value: value,\n          name: name,\n          ref: function ref(c) {\n            return inputs.current[item.fieldName] = c;\n          },\n          isInvalid: invalid,\n          item: item,\n          className: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n          checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n          labelClassName: labelClassName,\n          helpClassName: helpClassName,\n          onSelect: item.element === 'ButtonList' ? function (e) {\n            if (item.element === 'ButtonList') {\n              _onChange(e);\n              handleSelect(e);\n            }\n          } : undefined\n        });\n      }\n    });\n  };\n  var getContainerElement = function getContainerElement(item, Element) {\n    var _item$childItems;\n    var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n      return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n    }) : [];\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n      mutable: true,\n      key: \"form_\".concat(item.id),\n      item: item,\n      controls: controls,\n      items: items,\n      answers: formAnswers\n    });\n  };\n  var getSimpleElement = function getSimpleElement(item) {\n    var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n      mutable: true,\n      key: \"form_\".concat(item.id),\n      item: item,\n      headerClassName: headerClassName,\n      paragraphClassName: paragraphClassName,\n      labelClassName: labelClassName,\n      helpClassName: helpClassName\n    });\n  };\n  var getCustomElement = function getCustomElement(item) {\n    if (!item.component || typeof item.component !== 'function') {\n      item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n      if (!item.component) {\n        console.error(\"\".concat(item.element, \" was not registered\"));\n      }\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n      key: \"form_\".concat(item.id),\n      control: methods.control,\n      name: item.fieldName,\n      rules: item.fieldRules,\n      defaultValue: _getDefaultValue(item),\n      disabled: item.disabled,\n      required: item.required,\n      render: function render(_ref6) {\n        var _ref6$field = _ref6.field,\n          _onChange2 = _ref6$field.onChange,\n          onBlur = _ref6$field.onBlur,\n          value = _ref6$field.value,\n          name = _ref6$field.name,\n          ref = _ref6$field.ref,\n          _ref6$fieldState = _ref6.fieldState,\n          invalid = _ref6$fieldState.invalid,\n          isTouched = _ref6$fieldState.isTouched,\n          isDirty = _ref6$fieldState.isDirty,\n          error = _ref6$fieldState.error,\n          formState = _ref6.formState;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n          onBlur: onBlur,\n          onChange: function onChange(e) {\n            _onChange2(e);\n            handleChange(e);\n          },\n          value: value,\n          name: name,\n          ref: function ref(c) {\n            return inputs.current[item.fieldName] = c;\n          },\n          isInvalid: invalid,\n          item: item\n        });\n      }\n    });\n  };\n  var getFieldRules = function getFieldRules(item) {\n    var fieldRules = {};\n    if (item.fieldRules !== undefined && item.fieldRules !== null) {\n      fieldRules = _objectSpread({}, item.fieldRules);\n    }\n    if (item.required) {\n      fieldRules.required = \"Required Field\";\n    }\n    return fieldRules;\n  };\n  var handleRenderSubmit = function handleRenderSubmit() {\n    var actionName = actionName || 'Submit';\n    var buttonProps = {};\n    if (formId) {\n      buttonProps.form = formId;\n    }\n    return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      variant: \"primary\",\n      type: \"submit\"\n    }, actionName);\n  };\n  var handleRenderBack = function handleRenderBack() {\n    var backName = backName || 'Cancel';\n    return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      variant: \"secondary\",\n      onClick: backAction,\n      className: \"btn-cancel\"\n    }, backName);\n  };\n  var getFieldElement = function getFieldElement(item) {\n    var _ref7, _ref8, _ref9;\n    if (!item) return null;\n    item.fieldRules = getFieldRules(item);\n    item.print = print !== null && print !== void 0 ? print : false;\n    item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n    item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n    item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n    item.mutable = true;\n    item.staticVariables = staticVariables;\n    item.labelClassName = labelClassName;\n    item.helpClassName = helpClassName;\n    switch (item.element) {\n      case 'RadioButtons':\n      case 'ButtonList':\n      case 'Range':\n      case 'Checkbox':\n        return getInputElement(item);\n      case 'Rating':\n      case 'Tags':\n      case 'Dropdown':\n      case 'TextInput':\n      case 'EmailInput':\n      case 'NumberInput':\n      case 'TextArea':\n      case 'PhoneNumber':\n      case 'DatePicker':\n        return getStandardElement(item);\n      case 'CustomElement':\n        return getCustomElement(item);\n      case 'MultiColumnRow':\n        return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n      case 'ThreeColumnRow':\n        return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n      case 'TwoColumnRow':\n        return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n      case 'Step':\n        return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n      case 'Fieldset':\n        return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.Fieldset);\n      case 'Signature':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n          key: \"form_\".concat(item.id),\n          control: methods.control,\n          name: item.fieldName,\n          rules: item.fieldRules,\n          defaultValue: _getDefaultValue(item),\n          disabled: item.disabled,\n          required: item.required,\n          render: function render(_ref10) {\n            var _ref10$field = _ref10.field,\n              _onChange3 = _ref10$field.onChange,\n              onBlur = _ref10$field.onBlur,\n              value = _ref10$field.value,\n              name = _ref10$field.name,\n              ref = _ref10$field.ref,\n              _ref10$fieldState = _ref10.fieldState,\n              invalid = _ref10$fieldState.invalid,\n              isTouched = _ref10$fieldState.isTouched,\n              isDirty = _ref10$fieldState.isDirty,\n              error = _ref10$fieldState.error,\n              formState = _ref10.formState;\n            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n              methods: methods,\n              onBlur: onBlur,\n              onChange: function onChange(e) {\n                _onChange3(e);\n                handleChange(e);\n              },\n              value: value,\n              name: name,\n              ref: function ref(c) {\n                return inputs.current[item.fieldName] = c;\n              },\n              item: item,\n              labelClassName: labelClassName,\n              helpClassName: helpClassName\n            });\n          }\n        });\n      case 'Checkboxes':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n          key: \"form_\".concat(item.id),\n          control: methods.control,\n          name: item.fieldName,\n          rules: item.fieldRules,\n          defaultValue: _optionsDefaultValue(item),\n          disabled: item.disabled,\n          required: item.required,\n          render: function render(_ref11) {\n            var _ref11$field = _ref11.field,\n              _onChange4 = _ref11$field.onChange,\n              onBlur = _ref11$field.onBlur,\n              value = _ref11$field.value,\n              name = _ref11$field.name,\n              ref = _ref11$field.ref,\n              _ref11$fieldState = _ref11.fieldState,\n              invalid = _ref11$fieldState.invalid,\n              isTouched = _ref11$fieldState.isTouched,\n              isDirty = _ref11$fieldState.isDirty,\n              error = _ref11$fieldState.error,\n              formState = _ref11.formState;\n            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n              onBlur: onBlur,\n              onChange: function onChange(e) {\n                _onChange4(e);\n                handleChange(e);\n              },\n              value: value,\n              name: name,\n              ref: function ref(c) {\n                return inputs.current[item.fieldName] = c;\n              },\n              isInvalid: invalid,\n              item: item,\n              className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n              checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n              labelClassName: labelClassName,\n              helpClassName: helpClassName\n            });\n          }\n        });\n      case 'Image':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n          ref: function ref(c) {\n            return inputs.current[item.fieldName] = c;\n          },\n          key: \"form_\".concat(item.id),\n          item: item\n        });\n      case 'Download':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n          downloadPath: downloadPath,\n          key: \"form_\".concat(item.id),\n          item: item\n        });\n      case 'Camera':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n          key: \"form_\".concat(item.id),\n          control: methods.control,\n          name: item.fieldName,\n          rules: item.fieldRules,\n          defaultValue: _getDefaultValue(item),\n          disabled: item.disabled,\n          required: item.required,\n          render: function render(_ref12) {\n            var _ref12$field = _ref12.field,\n              _onChange5 = _ref12$field.onChange,\n              onBlur = _ref12$field.onBlur,\n              value = _ref12$field.value,\n              name = _ref12$field.name,\n              ref = _ref12$field.ref,\n              _ref12$fieldState = _ref12.fieldState,\n              invalid = _ref12$fieldState.invalid,\n              isTouched = _ref12$fieldState.isTouched,\n              isDirty = _ref12$fieldState.isDirty,\n              error = _ref12$fieldState.error,\n              formState = _ref12.formState;\n            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n              onBlur: onBlur,\n              onChange: function onChange(e) {\n                _onChange5(e);\n                handleChange(e);\n              },\n              value: value,\n              name: name,\n              ref: function ref(c) {\n                return inputs.current[item.fieldName] = c;\n              },\n              isInvalid: invalid,\n              item: item,\n              labelClassName: labelClassName,\n              helpClassName: helpClassName\n            });\n          }\n        });\n      case 'FileUpload':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n          key: \"form_\".concat(item.id),\n          control: methods.control,\n          name: item.fieldName,\n          rules: item.fieldRules,\n          defaultValue: _getDefaultValue(item),\n          disabled: item.disabled,\n          required: item.required,\n          render: function render(_ref13) {\n            var _ref13$field = _ref13.field,\n              _onChange6 = _ref13$field.onChange,\n              onBlur = _ref13$field.onBlur,\n              value = _ref13$field.value,\n              name = _ref13$field.name,\n              ref = _ref13$field.ref,\n              _ref13$fieldState = _ref13.fieldState,\n              invalid = _ref13$fieldState.invalid,\n              isTouched = _ref13$fieldState.isTouched,\n              isDirty = _ref13$fieldState.isDirty,\n              error = _ref13$fieldState.error,\n              formState = _ref13.formState;\n            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n              onBlur: onBlur,\n              onChange: function onChange(e) {\n                _onChange6(e);\n                handleChange(e);\n              },\n              value: value,\n              name: name,\n              ref: function ref(c) {\n                return inputs.current[item.fieldName] = c;\n              },\n              isInvalid: invalid,\n              item: item,\n              labelClassName: labelClassName,\n              helpClassName: helpClassName\n            });\n          }\n        });\n      default:\n        return getSimpleElement(item);\n    }\n  };\n\n  //#endregion\n\n  var dataItems = activeStep ? [activeStep] : [];\n  if (displayShort) {\n    dataItems = activeStep ? [activeStep].filter(function (i) {\n      return i.alternateForm === true;\n    }) : [];\n  }\n  dataItems.forEach(function (item) {\n    if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n      answerData.current[item.fieldName] = variables[item.variableKey];\n    }\n  });\n  var stepItems = dataItems.filter(function (x) {\n    return !x.parentId && x.element === 'Step';\n  }).map(function (item) {\n    return getFieldElement(item);\n  });\n  var formProps = {};\n  if (formId) {\n    formProps.id = formId;\n  }\n\n  // React.useEffect(() => {\n  // \tanswerData.current = _convert(answers);\n  // }, [answers]);\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"react-survey-builder-form\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n    onSubmit: methods.handleSubmit(handleSubmit)\n  }, formProps), stepItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: buttonClassName ? buttonClassName : 'btn-toolbar'\n  }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurveyFormSteps);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-steps.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }\nfunction 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; }\nfunction _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) { _defineProperty(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; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _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.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(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(o, minLen); }\nfunction _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; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {\n  var _ref$validateForCorre = _ref.validateForCorrectness,\n    validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,\n    _ref$displayShort = _ref.displayShort,\n    displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,\n    _ref$readOnly = _ref.readOnly,\n    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n    downloadPath = _ref.downloadPath,\n    answers = _ref.answers,\n    onSubmit = _ref.onSubmit,\n    onChange = _ref.onChange,\n    onSelect = _ref.onSelect,\n    items = _ref.items,\n    activeStep = _ref.activeStep,\n    _ref$submitButton = _ref.submitButton,\n    submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,\n    _ref$backButton = _ref.backButton,\n    backButton = _ref$backButton === void 0 ? false : _ref$backButton,\n    _ref$backAction = _ref.backAction,\n    backAction = _ref$backAction === void 0 ? null : _ref$backAction,\n    _ref$hideActions = _ref.hideActions,\n    hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,\n    _ref$hideLabels = _ref.hideLabels,\n    hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,\n    variables = _ref.variables,\n    staticVariables = _ref.staticVariables,\n    buttonClassName = _ref.buttonClassName,\n    checkboxButtonClassName = _ref.checkboxButtonClassName,\n    headerClassName = _ref.headerClassName,\n    labelClassName = _ref.labelClassName,\n    paragraphClassName = _ref.paragraphClassName,\n    helpClassName = _ref.helpClassName,\n    formId = _ref.formId,\n    methods = _ref.methods,\n    _ref$print = _ref.print,\n    print = _ref$print === void 0 ? false : _ref$print;\n  //#region helper functions\n\n  var _convert = function _convert($dataAnswers) {\n    if (Array.isArray($dataAnswers)) {\n      var result = {};\n      $dataAnswers.forEach(function (answer) {\n        result[answer.name] = answer.value;\n      });\n      return result;\n    }\n    return $dataAnswers || {};\n  };\n  var form = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n  var inputs = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});\n  var answerData = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(_convert(answers));\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    formAnswers = _React$useState2[0],\n    setFormAnswers = _React$useState2[1];\n  var _getDefaultValue = function _getDefaultValue($dataItem) {\n    // console.log(\"_getDefaultValue\", $dataItem);\n    var defaultValue = answerData.current[$dataItem.fieldName];\n    if ($dataItem.element === 'DatePicker') {\n      var _$dataItem$defaultTod;\n      var defaultToday = (_$dataItem$defaultTod = $dataItem.defaultToday) !== null && _$dataItem$defaultTod !== void 0 ? _$dataItem$defaultTod : false;\n      if (defaultToday && (defaultValue === '' || defaultValue === undefined)) {\n        var today = new Date();\n        var dd = today.getDate();\n        var mm = today.getMonth() + 1;\n        var yyyy = today.getFullYear();\n        if (dd < 10) {\n          dd = '0' + dd;\n        }\n        if (mm < 10) {\n          mm = '0' + mm;\n        }\n        today = mm + '/' + dd + '/' + yyyy;\n        defaultValue = today;\n      }\n    }\n    if ($dataItem.element === 'Checkbox') {\n      var _$dataItem$defaultChe;\n      var defaultChecked = (_$dataItem$defaultChe = $dataItem.defaultChecked) !== null && _$dataItem$defaultChe !== void 0 ? _$dataItem$defaultChe : false;\n      if (defaultChecked === true) {\n        defaultValue = true;\n      }\n    }\n    if (defaultValue === undefined) {\n      if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {\n        defaultValue = [];\n      } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {\n        var _$dataItem$minValue;\n        defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;\n      } else {\n        defaultValue = '';\n      }\n    }\n    return defaultValue;\n  };\n  var _optionsDefaultValue = function _optionsDefaultValue($dataItem) {\n    var defaultValue = _getDefaultValue($dataItem);\n    if (defaultValue) {\n      return defaultValue;\n    }\n    var defaultChecked = [];\n    $dataItem.options.forEach(function (option) {\n      if (answerData.current[\"option_\".concat(option.key)]) {\n        defaultChecked.push(option.key);\n      }\n    });\n    return defaultChecked;\n  };\n  var _getItemValue = function _getItemValue($dataItem, ref) {\n    var _ref$inputField;\n    var $item = {\n      element: $dataItem.element,\n      value: ''\n    };\n    var $formData = methods === null || methods === void 0 ? void 0 : methods.getValues();\n    if ($dataItem.element === 'Rating') {\n      $item.value = ref.inputField.current.state.rating;\n    } else if ($dataItem.element === 'Tags') {\n      $item.value = $formData[$dataItem.fieldName];\n      // } else if (item.element === 'DatePicker') {\n      // \t$item.value = ref.state.value;\n    } else if ($dataItem.element === 'Camera') {\n      $item.value = ref.state.img;\n    } else if ($dataItem.element === 'FileUpload') {\n      $item.value = ref.state.fileUpload;\n    } else if ($dataItem.element === 'Signature') {\n      $item.value = ref.state.value;\n    } else if (ref && ref !== null && ref !== void 0 && ref.inputField && ref !== null && ref !== void 0 && (_ref$inputField = ref.inputField) !== null && _ref$inputField !== void 0 && _ref$inputField.current) {\n      $item = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.inputField.current);\n      if ($item && typeof $item.value === 'string') {\n        $item.value = $item.value.trim();\n      }\n    } else {\n      $item.value = $formData[$dataItem.fieldName];\n    }\n    return $item;\n  };\n  var _isIncorrect = function _isIncorrect($dataItem) {\n    var incorrect = false;\n    var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;\n    if (canHaveAnswer) {\n      var ref = inputs.current[$dataItem.fieldName];\n      if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {\n        $dataItem.options.forEach(function (option) {\n          var $option = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.options[\"child_ref_\".concat(option.key)]);\n          if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {\n            incorrect = true;\n          }\n        });\n      } else {\n        var $item = _getItemValue($dataItem, ref);\n        if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {\n          // number to string\n          if ($item.value.toString() !== $dataItem.correct) {\n            incorrect = true;\n          }\n        } else if ($dataItem.element === 'Checkbox') {\n          // boolean to string\n          if ($item.value.toString() !== $dataItem.correct) {\n            incorrect = true;\n          }\n        } else if ($item.value.toLowerCase() !== $dataItem.correct.trim().toLowerCase()) {\n          incorrect = true;\n        }\n      }\n    }\n    return incorrect;\n  };\n  var _collectFormData = function _collectFormData($dataItems, $formData) {\n    var formData = [];\n    $dataItems.filter(function (i) {\n      return i[\"static\"] !== true;\n    }).forEach(function (item) {\n      var itemData = {\n        id: item.id,\n        name: item.fieldName,\n        customName: item.customName || item.fieldName,\n        label: item.label !== null && item.label !== undefined && item.label !== '' ? item.label.trim() : '',\n        value: $formData[item.fieldName],\n        required: item.required || false\n      };\n      if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item === null || item === void 0 ? void 0 : item.options)) {\n        itemData.options = item === null || item === void 0 ? void 0 : item.options.map(function (i) {\n          return i.value;\n        });\n      }\n      if (itemData) {\n        formData.push(itemData);\n      }\n    });\n    return formData;\n  };\n\n  //#endregion\n  //#region form methods\n\n  var handleSubmit = function handleSubmit($formData, event) {\n    event.preventDefault();\n    var hasErrors = false;\n    if (validateForCorrectness) {\n      hasErrors = validateForm();\n    }\n\n    // Only submit if there are no errors.\n    if (hasErrors === false) {\n      if (onSubmit) {\n        var $data = _collectFormData(items, $formData);\n        onSubmit({\n          formData: $formData,\n          answers: $data\n        });\n        setFormAnswers($data);\n      } else {\n        var $form = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(form.current);\n        $form.submit();\n      }\n    }\n  };\n  var handleChange = function handleChange(event) {\n    // Call submit function on change\n    var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n    // console.log('handleChange', $data);\n\n    if (onChange) {\n      onChange($data);\n    }\n    setFormAnswers($data);\n  };\n  var handleSelect = function handleSelect(event) {\n    // Call submit function on select\n    var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n    // console.log('handleSelect', $data);\n\n    if (onSelect) {\n      onSelect($data);\n    }\n    setFormAnswers($data);\n  };\n  var validateForm = function validateForm() {\n    var hasErrors = false;\n    var $dataItems = _toConsumableArray(items);\n    if (displayShort) {\n      $dataItems = $dataItems.filter(function (i) {\n        return i.alternateForm === true;\n      });\n    }\n    $dataItems.forEach(function (item) {\n      if (_isIncorrect(item)) {\n        if (methods) {\n          methods.setError(item.fieldName, {\n            type: 'incorrect',\n            message: \"\".concat(item.label, \" was answered incorrectly\")\n          });\n        }\n        hasErrors = true;\n      }\n    });\n    return hasErrors;\n  };\n  var getDataItemById = function getDataItemById(id) {\n    var $dataItem = items.find(function (x) {\n      return x.id === id;\n    });\n    if ($dataItem !== undefined) {\n      var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n      return _objectSpread(_objectSpread({}, $dataItem), {}, {\n        fieldRules: getFieldRules($dataItem),\n        print: print !== null && print !== void 0 ? print : false,\n        readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n        hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n        disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n        mutable: true,\n        name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n        key: \"form_\".concat($dataItem.id),\n        item: $dataItem,\n        defaultValue: _getDefaultValue($dataItem),\n        staticVariables: staticVariables,\n        labelClassName: labelClassName,\n        helpClassName: helpClassName\n      });\n    }\n    return null;\n  };\n  var getStandardElement = function getStandardElement(item) {\n    if (!item) return null;\n    if (item.custom) {\n      return getCustomElement(item);\n    }\n    var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n      name: item.fieldName,\n      key: \"form_\".concat(item.id),\n      item: item,\n      defaultValue: _getDefaultValue(item),\n      onChange: handleChange,\n      labelClassName: labelClassName,\n      helpClassName: helpClassName\n    });\n  };\n  var getInputElement = function getInputElement(item) {\n    if (!item) return null;\n    if (item.custom) {\n      return getCustomElement(item);\n    }\n    var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n      key: \"form_\".concat(item.id),\n      control: methods.control,\n      name: item.fieldName,\n      rules: item.fieldRules,\n      defaultValue: _getDefaultValue(item),\n      disabled: item.disabled,\n      required: item.required,\n      render: function render(_ref5) {\n        var _ref5$field = _ref5.field,\n          _onChange = _ref5$field.onChange,\n          onBlur = _ref5$field.onBlur,\n          value = _ref5$field.value,\n          name = _ref5$field.name,\n          ref = _ref5$field.ref,\n          _ref5$fieldState = _ref5.fieldState,\n          invalid = _ref5$fieldState.invalid,\n          isTouched = _ref5$fieldState.isTouched,\n          isDirty = _ref5$fieldState.isDirty,\n          error = _ref5$fieldState.error,\n          formState = _ref5.formState;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n          onBlur: onBlur,\n          onChange: function onChange(e) {\n            _onChange(e);\n            if (item.element !== 'ButtonList') {\n              handleChange(e);\n            }\n          },\n          value: value,\n          name: name,\n          ref: function ref(c) {\n            return inputs.current[item.fieldName] = c;\n          },\n          isInvalid: invalid,\n          item: item,\n          className: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n          checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n          labelClassName: labelClassName,\n          helpClassName: helpClassName,\n          onSelect: item.element === 'ButtonList' ? handleSelect : undefined\n        });\n      }\n    });\n  };\n  var getContainerElement = function getContainerElement(item, Element) {\n    var _item$childItems;\n    var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n      return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n    }) : [];\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n      mutable: true,\n      key: \"form_\".concat(item.id),\n      item: item,\n      controls: controls,\n      items: items,\n      answers: formAnswers\n    });\n  };\n  var getSimpleElement = function getSimpleElement(item) {\n    var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n      mutable: true,\n      key: \"form_\".concat(item.id),\n      item: item,\n      headerClassName: headerClassName,\n      paragraphClassName: paragraphClassName,\n      labelClassName: labelClassName,\n      helpClassName: helpClassName\n    });\n  };\n  var getCustomElement = function getCustomElement(item) {\n    if (!item.component || typeof item.component !== 'function') {\n      item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n      if (!item.component) {\n        console.error(\"\".concat(item.element, \" was not registered\"));\n      }\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n      key: \"form_\".concat(item.id),\n      control: methods.control,\n      name: item.fieldName,\n      rules: item.fieldRules,\n      defaultValue: _getDefaultValue(item),\n      disabled: item.disabled,\n      required: item.required,\n      render: function render(_ref6) {\n        var _ref6$field = _ref6.field,\n          _onChange2 = _ref6$field.onChange,\n          onBlur = _ref6$field.onBlur,\n          value = _ref6$field.value,\n          name = _ref6$field.name,\n          ref = _ref6$field.ref,\n          _ref6$fieldState = _ref6.fieldState,\n          invalid = _ref6$fieldState.invalid,\n          isTouched = _ref6$fieldState.isTouched,\n          isDirty = _ref6$fieldState.isDirty,\n          error = _ref6$fieldState.error,\n          formState = _ref6.formState;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n          onBlur: onBlur,\n          onChange: function onChange(e) {\n            _onChange2(e);\n            handleChange(e);\n          },\n          value: value,\n          name: name,\n          ref: function ref(c) {\n            return inputs.current[item.fieldName] = c;\n          },\n          isInvalid: invalid,\n          item: item\n        });\n      }\n    });\n  };\n  var getFieldRules = function getFieldRules(item) {\n    var fieldRules = {};\n    if (item.fieldRules !== undefined && item.fieldRules !== null) {\n      fieldRules = _objectSpread({}, item.fieldRules);\n    }\n    if (item.required) {\n      fieldRules.required = \"Required Field\";\n    }\n    return fieldRules;\n  };\n  var handleRenderSubmit = function handleRenderSubmit() {\n    var actionName = actionName || 'Submit';\n    var buttonProps = {};\n    if (formId) {\n      buttonProps.form = formId;\n    }\n    return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      variant: \"primary\",\n      type: \"submit\"\n    }, actionName);\n  };\n  var handleRenderBack = function handleRenderBack() {\n    var backName = backName || 'Cancel';\n    return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      variant: \"secondary\",\n      onClick: backAction,\n      className: \"btn-cancel\"\n    }, backName);\n  };\n  var getFieldElement = function getFieldElement(item) {\n    var _ref7, _ref8, _ref9;\n    if (!item) return null;\n    item.fieldRules = getFieldRules(item);\n    item.print = print !== null && print !== void 0 ? print : false;\n    item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n    item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n    item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n    item.mutable = true;\n    item.staticVariables = staticVariables;\n    item.labelClassName = labelClassName;\n    item.helpClassName = helpClassName;\n    switch (item.element) {\n      case 'RadioButtons':\n      case 'ButtonList':\n      case 'Range':\n      case 'Checkbox':\n        return getInputElement(item);\n      case 'Rating':\n      case 'Tags':\n      case 'Dropdown':\n      case 'TextInput':\n      case 'EmailInput':\n      case 'NumberInput':\n      case 'TextArea':\n      case 'PhoneNumber':\n      case 'DatePicker':\n        return getStandardElement(item);\n      case 'CustomElement':\n        return getCustomElement(item);\n      case 'MultiColumnRow':\n        return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n      case 'ThreeColumnRow':\n        return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n      case 'TwoColumnRow':\n        return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n      case 'Step':\n        return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n      case 'Fieldset':\n        return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.Fieldset);\n      case 'Signature':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n          key: \"form_\".concat(item.id),\n          control: methods.control,\n          name: item.fieldName,\n          rules: item.fieldRules,\n          defaultValue: _getDefaultValue(item),\n          disabled: item.disabled,\n          required: item.required,\n          render: function render(_ref10) {\n            var _ref10$field = _ref10.field,\n              _onChange3 = _ref10$field.onChange,\n              onBlur = _ref10$field.onBlur,\n              value = _ref10$field.value,\n              name = _ref10$field.name,\n              ref = _ref10$field.ref,\n              _ref10$fieldState = _ref10.fieldState,\n              invalid = _ref10$fieldState.invalid,\n              isTouched = _ref10$fieldState.isTouched,\n              isDirty = _ref10$fieldState.isDirty,\n              error = _ref10$fieldState.error,\n              formState = _ref10.formState;\n            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n              methods: methods,\n              onBlur: onBlur,\n              onChange: function onChange(e) {\n                _onChange3(e);\n                handleChange(e);\n              },\n              value: value,\n              name: name,\n              ref: function ref(c) {\n                return inputs.current[item.fieldName] = c;\n              },\n              item: item,\n              labelClassName: labelClassName,\n              helpClassName: helpClassName\n            });\n          }\n        });\n      case 'Checkboxes':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n          key: \"form_\".concat(item.id),\n          control: methods.control,\n          name: item.fieldName,\n          rules: item.fieldRules,\n          defaultValue: _optionsDefaultValue(item),\n          disabled: item.disabled,\n          required: item.required,\n          render: function render(_ref11) {\n            var _ref11$field = _ref11.field,\n              _onChange4 = _ref11$field.onChange,\n              onBlur = _ref11$field.onBlur,\n              value = _ref11$field.value,\n              name = _ref11$field.name,\n              ref = _ref11$field.ref,\n              _ref11$fieldState = _ref11.fieldState,\n              invalid = _ref11$fieldState.invalid,\n              isTouched = _ref11$fieldState.isTouched,\n              isDirty = _ref11$fieldState.isDirty,\n              error = _ref11$fieldState.error,\n              formState = _ref11.formState;\n            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n              onBlur: onBlur,\n              onChange: function onChange(e) {\n                _onChange4(e);\n                handleChange(e);\n              },\n              value: value,\n              name: name,\n              ref: function ref(c) {\n                return inputs.current[item.fieldName] = c;\n              },\n              isInvalid: invalid,\n              item: item,\n              className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n              checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n              labelClassName: labelClassName,\n              helpClassName: helpClassName\n            });\n          }\n        });\n      case 'Image':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n          ref: function ref(c) {\n            return inputs.current[item.fieldName] = c;\n          },\n          key: \"form_\".concat(item.id),\n          item: item\n        });\n      case 'Download':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n          downloadPath: downloadPath,\n          key: \"form_\".concat(item.id),\n          item: item\n        });\n      case 'Camera':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n          key: \"form_\".concat(item.id),\n          control: methods.control,\n          name: item.fieldName,\n          rules: item.fieldRules,\n          defaultValue: _getDefaultValue(item),\n          disabled: item.disabled,\n          required: item.required,\n          render: function render(_ref12) {\n            var _ref12$field = _ref12.field,\n              _onChange5 = _ref12$field.onChange,\n              onBlur = _ref12$field.onBlur,\n              value = _ref12$field.value,\n              name = _ref12$field.name,\n              ref = _ref12$field.ref,\n              _ref12$fieldState = _ref12.fieldState,\n              invalid = _ref12$fieldState.invalid,\n              isTouched = _ref12$fieldState.isTouched,\n              isDirty = _ref12$fieldState.isDirty,\n              error = _ref12$fieldState.error,\n              formState = _ref12.formState;\n            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n              onBlur: onBlur,\n              onChange: function onChange(e) {\n                _onChange5(e);\n                handleChange(e);\n              },\n              value: value,\n              name: name,\n              ref: function ref(c) {\n                return inputs.current[item.fieldName] = c;\n              },\n              isInvalid: invalid,\n              item: item,\n              labelClassName: labelClassName,\n              helpClassName: helpClassName\n            });\n          }\n        });\n      case 'FileUpload':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n          key: \"form_\".concat(item.id),\n          control: methods.control,\n          name: item.fieldName,\n          rules: item.fieldRules,\n          defaultValue: _getDefaultValue(item),\n          disabled: item.disabled,\n          required: item.required,\n          render: function render(_ref13) {\n            var _ref13$field = _ref13.field,\n              _onChange6 = _ref13$field.onChange,\n              onBlur = _ref13$field.onBlur,\n              value = _ref13$field.value,\n              name = _ref13$field.name,\n              ref = _ref13$field.ref,\n              _ref13$fieldState = _ref13.fieldState,\n              invalid = _ref13$fieldState.invalid,\n              isTouched = _ref13$fieldState.isTouched,\n              isDirty = _ref13$fieldState.isDirty,\n              error = _ref13$fieldState.error,\n              formState = _ref13.formState;\n            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n              onBlur: onBlur,\n              onChange: function onChange(e) {\n                _onChange6(e);\n                handleChange(e);\n              },\n              value: value,\n              name: name,\n              ref: function ref(c) {\n                return inputs.current[item.fieldName] = c;\n              },\n              isInvalid: invalid,\n              item: item,\n              labelClassName: labelClassName,\n              helpClassName: helpClassName\n            });\n          }\n        });\n      default:\n        return getSimpleElement(item);\n    }\n  };\n\n  //#endregion\n\n  var dataItems = activeStep ? [activeStep] : [];\n  if (displayShort) {\n    dataItems = activeStep ? [activeStep].filter(function (i) {\n      return i.alternateForm === true;\n    }) : [];\n  }\n  dataItems.forEach(function (item) {\n    if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n      answerData.current[item.fieldName] = variables[item.variableKey];\n    }\n  });\n  var stepItems = dataItems.filter(function (x) {\n    return !x.parentId && x.element === 'Step';\n  }).map(function (item) {\n    return getFieldElement(item);\n  });\n  var formProps = {};\n  if (formId) {\n    formProps.id = formId;\n  }\n\n  // React.useEffect(() => {\n  // \tanswerData.current = _convert(answers);\n  // }, [answers]);\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"react-survey-builder-form\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n    onSubmit: methods.handleSubmit(handleSubmit)\n  }, formProps), stepItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: buttonClassName ? buttonClassName : 'btn-toolbar'\n  }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurveyFormSteps);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-steps.jsx?");
 /***/ }),
@@ -1180,7 +1180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ButtonList: () => (/* binding */ ButtonList),\n/* harmony export */   Camera: () => (/* binding */ Camera),\n/* harmony export */   Checkbox: () => (/* binding */ Checkbox),\n/* harmony export */   Checkboxes: () => (/* binding */ Checkboxes),\n/* harmony export */   ContentBody: () => (/* binding */ ContentBody),\n/* harmony export */   DatePicker: () => (/* binding */ DatePicker),\n/* harmony export */   Download: () => (/* binding */ Download),\n/* harmony export */   Dropdown: () => (/* binding */ Dropdown),\n/* harmony export */   EmailInput: () => (/* binding */ EmailInput),\n/* harmony export */   FileUpload: () => (/* binding */ FileUpload),\n/* harmony export */   Header: () => (/* binding */ Header),\n/* harmony export */   HyperLink: () => (/* binding */ HyperLink),\n/* harmony export */   Image: () => (/* binding */ Image),\n/* harmony export */   Label: () => (/* binding */ Label),\n/* harmony export */   LineBreak: () => (/* binding */ LineBreak),\n/* harmony export */   NumberInput: () => (/* binding */ NumberInput),\n/* harmony export */   Paragraph: () => (/* binding */ Paragraph),\n/* harmony export */   PhoneNumber: () => (/* binding */ PhoneNumber),\n/* harmony export */   RadioButtons: () => (/* binding */ RadioButtons),\n/* harmony export */   Range: () => (/* binding */ Range),\n/* harmony export */   Rating: () => (/* binding */ Rating),\n/* harmony export */   Signature: () => (/* binding */ Signature),\n/* harmony export */   Tags: () => (/* binding */ Tags),\n/* harmony export */   TextArea: () => (/* binding */ TextArea),\n/* harmony export */   TextInput: () => (/* binding */ TextInput),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! isomorphic-fetch */ \"./node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-signature-canvas */ \"./node_modules/react-signature-canvas/build/index.js\");\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-bootstrap-range-slider */ \"./node_modules/react-bootstrap-range-slider/dist/index.js\");\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _star_rating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./star-rating */ \"./src/survey-elements/star-rating.jsx\");\n/* harmony import */ var _component_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _component_label__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./component-label */ \"./src/survey-elements/component-label.jsx\");\n/* harmony import */ var _myxss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap-typeahead */ \"./node_modules/react-bootstrap-typeahead/es/index.js\");\n/* harmony import */ var _component_error_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-error-message */ \"./src/survey-elements/component-error-message.jsx\");\n/* harmony import */ var _utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/ipUtils */ \"./src/utils/ipUtils.jsx\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var react_icons_ri__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-icons/ri */ \"./node_modules/react-icons/ri/index.mjs\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Image.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Container.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/ToggleButton.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-imask */ \"./node_modules/react-imask/esm/index.js\");\n/* harmony import */ var libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! libphonenumber-js */ \"./node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../utils/objectUtils */ \"./src/utils/objectUtils.js\");\nvar _excluded = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded2 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded3 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded4 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded5 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded6 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded7 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded8 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded9 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"];\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _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, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(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(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nfunction _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(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\nfunction 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; }\nfunction _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) { _defineProperty(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; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n// eslint-disable-next-line max-classes-per-file\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SurveyElements = {};\nvar Header = function Header(props) {\n  var _props$item;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.headerClassName) {\n    classNames += \" \".concat(props.headerClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"h3\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.staticVariables))\n    }\n  }));\n};\nvar ContentBody = function ContentBody(props) {\n  var _props$item2;\n  var classNames = 'static';\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__.myContentXSS.process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.staticVariables))\n    }\n  }));\n};\nvar Paragraph = function Paragraph(props) {\n  var _props$item3;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.paragraphClassName) {\n    classNames += \" \".concat(props.paragraphClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"p\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item3 = props.item) === null || _props$item3 === void 0 ? void 0 : _props$item3.staticVariables))\n    }\n  }));\n};\nvar Label = function Label(props) {\n  var _props$item4;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.labelClassName) {\n    classNames += \" \".concat(props.labelClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", {\n    className: \"form-label \".concat(classNames),\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item4 = props.item) === null || _props$item4 === void 0 ? void 0 : _props$item4.staticVariables))\n    }\n  }));\n};\nvar LineBreak = function LineBreak(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null));\n};\nvar TextInput = function TextInput(_ref) {\n  var _item$required, _item$disabled, _item$required2, _item$helpClassName2;\n  var name = _ref.name,\n    onChange = _ref.onChange,\n    defaultValue = _ref.defaultValue,\n    style = _ref.style,\n    item = _ref.item,\n    props = _objectWithoutProperties(_ref, _excluded);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required !== void 0 ? _item$required : false,\n    disabled: (_item$disabled = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled !== void 0 ? _item$disabled : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required2 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required2 !== void 0 ? _item$required2 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref2) {\n    var _ref2$field = _ref2.field,\n      _onChange = _ref2$field.onChange,\n      onBlur = _ref2$field.onBlur,\n      value = _ref2$field.value,\n      name = _ref2$field.name,\n      ref = _ref2$field.ref,\n      _ref2$fieldState = _ref2.fieldState,\n      invalid = _ref2$fieldState.invalid,\n      isTouched = _ref2$fieldState.isTouched,\n      isDirty = _ref2$fieldState.isDirty,\n      error = _ref2$fieldState.error,\n      formState = _ref2.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled2;\n    controllerProps.disabled = (_item$disabled2 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled2 !== void 0 ? _item$disabled2 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required3;\n    controllerProps.required = (_item$required3 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required3 !== void 0 ? _item$required3 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName !== void 0 ? _item$helpClassName : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName2 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName2 !== void 0 ? _item$helpClassName2 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar EmailInput = function EmailInput(_ref3) {\n  var _item$required4, _item$disabled3, _item$required5, _item$helpClassName4;\n  var name = _ref3.name,\n    onChange = _ref3.onChange,\n    defaultValue = _ref3.defaultValue,\n    style = _ref3.style,\n    item = _ref3.item,\n    props = _objectWithoutProperties(_ref3, _excluded2);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var validateEmail = function validateEmail(email) {\n    return email.match(\n    // eslint-disable-next-line no-useless-escape\n    /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required4 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required4 !== void 0 ? _item$required4 : false,\n    disabled: (_item$disabled3 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled3 !== void 0 ? _item$disabled3 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    minLength: {\n      value: 4,\n      message: \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" must be at least 4 characters long\")\n    },\n    validate: function validate(value) {\n      return validateEmail(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires valid email address\");\n    }\n  };\n  if ((_item$required5 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required5 !== void 0 ? _item$required5 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref4) {\n    var _ref4$field = _ref4.field,\n      _onChange2 = _ref4$field.onChange,\n      onBlur = _ref4$field.onBlur,\n      value = _ref4$field.value,\n      name = _ref4$field.name,\n      ref = _ref4$field.ref,\n      _ref4$fieldState = _ref4.fieldState,\n      invalid = _ref4$fieldState.invalid,\n      isTouched = _ref4$fieldState.isTouched,\n      isDirty = _ref4$fieldState.isDirty,\n      error = _ref4$fieldState.error,\n      formState = _ref4.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange2(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled4;\n    controllerProps.disabled = (_item$disabled4 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled4 !== void 0 ? _item$disabled4 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required6;\n    controllerProps.required = (_item$required6 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required6 !== void 0 ? _item$required6 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName3;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName3 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName3 !== void 0 ? _item$helpClassName3 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName4 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName4 !== void 0 ? _item$helpClassName4 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar PhoneNumber = function PhoneNumber(_ref5) {\n  var _item$required7, _item$disabled5, _item$required8, _item$helpClassName6;\n  var name = _ref5.name,\n    onChange = _ref5.onChange,\n    _ref5$defaultValue = _ref5.defaultValue,\n    defaultValue = _ref5$defaultValue === void 0 ? '' : _ref5$defaultValue,\n    style = _ref5.style,\n    item = _ref5.item,\n    props = _objectWithoutProperties(_ref5, _excluded3);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var toE164PhoneNumber = function toE164PhoneNumber(phoneNumberValue) {\n    if (phoneNumberValue !== undefined && phoneNumberValue !== null) {\n      //Filter only numbers from the input\n      var cleaned = ('' + phoneNumberValue).replace(/\\D/g, '');\n\n      //Check if the input is of correct\n      var match = cleaned.match(/^(1|)?(\\d{3})(\\d{3})(\\d{4})$/);\n      if (match) {\n        //Remove the matched extension code\n        //Change this to format for any country code.\n        var intlCode = match[1] ? '+1' : '+1';\n        return [intlCode, match[2], match[3], match[4]].join('');\n      }\n      return '';\n    } else {\n      return '';\n    }\n  };\n  var validatePhoneNumber = function validatePhoneNumber(value) {\n    if (value !== undefined && value !== null && value !== '') {\n      return (0,libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__.isValidPhoneNumber)(toE164PhoneNumber(value), 'US');\n    }\n    return true;\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required7 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required7 !== void 0 ? _item$required7 : false,\n    disabled: (_item$disabled5 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled5 !== void 0 ? _item$disabled5 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    validate: function validate(value) {\n      return validatePhoneNumber(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires a valid phone number\");\n    }\n  };\n  if ((_item$required8 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required8 !== void 0 ? _item$required8 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined) {\n    controllerProps.render = function (_ref6) {\n      var _ref6$field = _ref6.field,\n        onChange = _ref6$field.onChange,\n        onBlur = _ref6$field.onBlur,\n        value = _ref6$field.value,\n        name = _ref6$field.name,\n        ref = _ref6$field.ref,\n        _ref6$fieldState = _ref6.fieldState,\n        invalid = _ref6$fieldState.invalid,\n        isTouched = _ref6$fieldState.isTouched,\n        isDirty = _ref6$fieldState.isDirty,\n        error = _ref6$fieldState.error,\n        formState = _ref6.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n        className: \"form-control\",\n        onBlur: onBlur,\n        value: value,\n        name: name,\n        mask: '{+1} (#00) 000-0000',\n        lazy: false,\n        overwrite: true,\n        definitions: {\n          '#': /[1-9]/\n        },\n        unmask: true // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref7) {\n      var _ref7$field = _ref7.field,\n        _onChange3 = _ref7$field.onChange,\n        onBlur = _ref7$field.onBlur,\n        value = _ref7$field.value,\n        name = _ref7$field.name,\n        ref = _ref7$field.ref,\n        _ref7$fieldState = _ref7.fieldState,\n        invalid = _ref7$fieldState.invalid,\n        isTouched = _ref7$fieldState.isTouched,\n        isDirty = _ref7$fieldState.isDirty,\n        error = _ref7$fieldState.error,\n        formState = _ref7.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange3(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled6;\n    controllerProps.disabled = (_item$disabled6 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled6 !== void 0 ? _item$disabled6 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required9;\n    controllerProps.required = (_item$required9 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required9 !== void 0 ? _item$required9 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName5;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName5 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName5 !== void 0 ? _item$helpClassName5 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName6 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName6 !== void 0 ? _item$helpClassName6 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar DatePicker = function DatePicker(_ref8) {\n  var _item$required10, _item$disabled7, _item$required11, _item$helpClassName8;\n  var name = _ref8.name,\n    onChange = _ref8.onChange,\n    defaultValue = _ref8.defaultValue,\n    style = _ref8.style,\n    item = _ref8.item,\n    props = _objectWithoutProperties(_ref8, _excluded4);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var validateDate = function validateDate(dateString) {\n    if (dateString !== undefined && dateString !== null && dateString !== \"\") {\n      var dateformat = /^(0?[1-9]|1[0-2])[\\/](0?[1-9]|[1-2][0-9]|3[01])[\\/]\\d{4}$/;\n\n      // Matching the date through regular expression      \n      if (dateString.match(dateformat)) {\n        var operator = dateString.split('/');\n\n        // Extract the string into month, date and year      \n        var datepart = [];\n        if (operator.length > 1) {\n          datepart = dateString.split('/');\n        }\n        var month = parseInt(datepart[0]);\n        var day = parseInt(datepart[1]);\n        var year = parseInt(datepart[2]);\n        if (day > 31 || day < 1) {\n          return false;\n        }\n        var currentYear = new Date().getFullYear();\n        if (year < 1900 || year > currentYear + 5) {\n          return false;\n        }\n\n        // Create a list of days of a month      \n        var ListofDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n        if (month === 1 || month > 2) {\n          if (day > ListofDays[month - 1]) {\n            // to check if the date is out of range     \n            return false;\n          }\n        } else if (month === 2) {\n          var leapYear = false;\n          if (!(year % 4) && year % 100 || !(year % 400)) leapYear = true;\n          if (leapYear === false && day >= 29) return false;else if (leapYear === true && day > 29) {\n            // console.log('Invalid date format!');\n            return false;\n          }\n        } else if (month > 12 || month < 1) {\n          return false;\n        }\n      } else {\n        // console.log(\"Invalid date format!\");\n        return false;\n      }\n    }\n    return true;\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required10 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required10 !== void 0 ? _item$required10 : false,\n    disabled: (_item$disabled7 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled7 !== void 0 ? _item$disabled7 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    validate: function validate(value) {\n      return validateDate(value) || 'Please enter a valid Date in the format MM/DD/YYYY';\n    }\n  };\n  if ((_item$required11 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required11 !== void 0 ? _item$required11 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined && react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask !== undefined) {\n    controllerProps.render = function (_ref9) {\n      var _ref9$field = _ref9.field,\n        onChange = _ref9$field.onChange,\n        onBlur = _ref9$field.onBlur,\n        value = _ref9$field.value,\n        name = _ref9$field.name,\n        ref = _ref9$field.ref,\n        _ref9$fieldState = _ref9.fieldState,\n        invalid = _ref9$fieldState.invalid,\n        isTouched = _ref9$fieldState.isTouched,\n        isDirty = _ref9$fieldState.isDirty,\n        error = _ref9$fieldState.error,\n        formState = _ref9.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n        className: \"form-control\",\n        onBlur: onBlur,\n        value: value,\n        name: name,\n        mask: Date,\n        lazy: false,\n        overwrite: true,\n        pattern: 'MM/DD/YYYY',\n        format: function format(date) {\n          var day = date.getDate();\n          var month = date.getMonth() + 1;\n          var year = date.getFullYear();\n          if (day < 10) day = \"0\" + day;\n          if (month < 10) month = \"0\" + month;\n          return [month, day, year].join('/');\n        },\n        autofix: true\n        // min={new Date(1900, 0, 1)}\n        // max={new Date()}\n        ,\n        blocks: {\n          DD: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1,\n            to: 31,\n            maxLength: 2,\n            placeholderChar: 'D'\n          },\n          MM: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1,\n            to: 12,\n            maxLength: 2,\n            placeholderChar: 'M'\n          },\n          YYYY: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1900,\n            to: new Date().getFullYear() + 5,\n            placeholderChar: 'Y'\n          }\n        },\n        parse: function parse(str) {\n          var monthDayYear = str.split('/');\n          return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);\n        },\n        unmask: false // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref10) {\n      var _ref10$field = _ref10.field,\n        _onChange4 = _ref10$field.onChange,\n        onBlur = _ref10$field.onBlur,\n        value = _ref10$field.value,\n        name = _ref10$field.name,\n        ref = _ref10$field.ref,\n        _ref10$fieldState = _ref10.fieldState,\n        invalid = _ref10$fieldState.invalid,\n        isTouched = _ref10$fieldState.isTouched,\n        isDirty = _ref10$fieldState.isDirty,\n        error = _ref10$fieldState.error,\n        formState = _ref10.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange4(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled8;\n    controllerProps.disabled = (_item$disabled8 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled8 !== void 0 ? _item$disabled8 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required12;\n    controllerProps.required = (_item$required12 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required12 !== void 0 ? _item$required12 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n\n  // console.log('controllerProps', controllerProps);\n\n  if (!methods) {\n    var _item$helpClassName7;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName7 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName7 !== void 0 ? _item$helpClassName7 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName8 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName8 !== void 0 ? _item$helpClassName8 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar NumberInput = function NumberInput(_ref11) {\n  var _item$required13, _item$disabled9, _item$required14, _item$helpClassName10;\n  var name = _ref11.name,\n    onChange = _ref11.onChange,\n    defaultValue = _ref11.defaultValue,\n    style = _ref11.style,\n    item = _ref11.item,\n    props = _objectWithoutProperties(_ref11, _excluded5);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'number',\n    required: (_item$required13 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required13 !== void 0 ? _item$required13 : false,\n    disabled: (_item$disabled9 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled9 !== void 0 ? _item$disabled9 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required14 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required14 !== void 0 ? _item$required14 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref12) {\n    var _ref12$field = _ref12.field,\n      _onChange5 = _ref12$field.onChange,\n      onBlur = _ref12$field.onBlur,\n      value = _ref12$field.value,\n      name = _ref12$field.name,\n      ref = _ref12$field.ref,\n      _ref12$fieldState = _ref12.fieldState,\n      invalid = _ref12$fieldState.invalid,\n      isTouched = _ref12$fieldState.isTouched,\n      isDirty = _ref12$fieldState.isDirty,\n      error = _ref12$fieldState.error,\n      formState = _ref12.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange5(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled10;\n    controllerProps.disabled = (_item$disabled10 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled10 !== void 0 ? _item$disabled10 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required15;\n    controllerProps.required = (_item$required15 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required15 !== void 0 ? _item$required15 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName9;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName9 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName9 !== void 0 ? _item$helpClassName9 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName10 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName10 !== void 0 ? _item$helpClassName10 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar TextArea = function TextArea(_ref13) {\n  var _item$rows, _item$required16, _item$disabled11, _item$required17, _item$helpClassName12;\n  var name = _ref13.name,\n    onChange = _ref13.onChange,\n    defaultValue = _ref13.defaultValue,\n    style = _ref13.style,\n    item = _ref13.item,\n    props = _objectWithoutProperties(_ref13, _excluded6);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    rows: (_item$rows = item === null || item === void 0 ? void 0 : item.rows) !== null && _item$rows !== void 0 ? _item$rows : 5,\n    required: (_item$required16 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required16 !== void 0 ? _item$required16 : false,\n    disabled: (_item$disabled11 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled11 !== void 0 ? _item$disabled11 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required17 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required17 !== void 0 ? _item$required17 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref14) {\n    var _ref14$field = _ref14.field,\n      _onChange6 = _ref14$field.onChange,\n      onBlur = _ref14$field.onBlur,\n      value = _ref14$field.value,\n      name = _ref14$field.name,\n      ref = _ref14$field.ref,\n      _ref14$fieldState = _ref14.fieldState,\n      invalid = _ref14$fieldState.invalid,\n      isTouched = _ref14$fieldState.isTouched,\n      isDirty = _ref14$fieldState.isDirty,\n      error = _ref14$fieldState.error,\n      formState = _ref14.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange6(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled12;\n    controllerProps.disabled = (_item$disabled12 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled12 !== void 0 ? _item$disabled12 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required18;\n    controllerProps.required = (_item$required18 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required18 !== void 0 ? _item$required18 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName11;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName11 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName11 !== void 0 ? _item$helpClassName11 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName12 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName12 !== void 0 ? _item$helpClassName12 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Dropdown = function Dropdown(_ref15) {\n  var _item$required19, _item$disabled13, _item$required20, _item$helpClassName14;\n  var name = _ref15.name,\n    onChange = _ref15.onChange,\n    defaultValue = _ref15.defaultValue,\n    style = _ref15.style,\n    item = _ref15.item,\n    props = _objectWithoutProperties(_ref15, _excluded7);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required19 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required19 !== void 0 ? _item$required19 : false,\n    disabled: (_item$disabled13 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled13 !== void 0 ? _item$disabled13 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required20 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required20 !== void 0 ? _item$required20 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref16) {\n    var _ref16$field = _ref16.field,\n      _onChange7 = _ref16$field.onChange,\n      onBlur = _ref16$field.onBlur,\n      value = _ref16$field.value,\n      name = _ref16$field.name,\n      ref = _ref16$field.ref,\n      _ref16$fieldState = _ref16.fieldState,\n      invalid = _ref16$fieldState.invalid,\n      isTouched = _ref16$fieldState.isTouched,\n      isDirty = _ref16$fieldState.isDirty,\n      error = _ref16$fieldState.error,\n      formState = _ref16.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange7(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    }));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled14;\n    controllerProps.disabled = (_item$disabled14 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled14 !== void 0 ? _item$disabled14 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required21;\n    controllerProps.required = (_item$required21 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required21 !== void 0 ? _item$required21 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName13;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: defaultValue,\n      name: name\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: defaultValue,\n      name: name\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    }))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName13 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName13 !== void 0 ? _item$helpClassName13 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    var _item$options$find;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 || (_item$options$find = item.options.find(function (option) {\n      return option.value === defaultValue;\n    })) === null || _item$options$find === void 0 ? void 0 : _item$options$find.text)));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName14 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName14 !== void 0 ? _item$helpClassName14 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Signature = /*#__PURE__*/function (_React$Component) {\n  function Signature(props) {\n    var _this;\n    _classCallCheck(this, Signature);\n    _this = _callSuper(this, Signature, [props]);\n    _defineProperty(_this, \"clear\", function () {\n      var $canvas_sig = _this.canvas.current;\n      if (_this.props.value) {\n        var $input_sig = _this.inputField.current;\n        var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n          signature: ''\n        });\n        $input_sig.value = signature;\n        if (_this.props.methods) {\n          _this.props.methods.setValue(_this.props.name, signature);\n        }\n        _this.setState({\n          value: signature\n        });\n      } else if ($canvas_sig) {\n        $canvas_sig.clear();\n      }\n    });\n    _defineProperty(_this, \"_getSignatureImg\", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n      var $canvas_sig, base64, isEmpty, $input_sig, value, ipAddress, date, signature;\n      return _regeneratorRuntime().wrap(function _callee$(_context) {\n        while (1) switch (_context.prev = _context.next) {\n          case 0:\n            $canvas_sig = _this.canvas.current;\n            if (!$canvas_sig) {\n              _context.next = 14;\n              break;\n            }\n            base64 = $canvas_sig.getTrimmedCanvas().toDataURL(\"image/png\");\n            isEmpty = $canvas_sig.isEmpty();\n            $input_sig = _this.inputField.current;\n            value = isEmpty ? '' : base64;\n            _context.next = 8;\n            return (0,_utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__.getIPAddress)();\n          case 8:\n            ipAddress = _context.sent;\n            date = new Date().toISOString();\n            signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n              signature: value,\n              ipAddress: ipAddress,\n              date: date\n            });\n            $input_sig.value = signature;\n            if (_this.props.methods) {\n              _this.props.methods.setValue(_this.props.name, signature);\n            }\n            _this.setState({\n              value: signature\n            });\n          case 14:\n          case \"end\":\n            return _context.stop();\n        }\n      }, _callee);\n    })));\n    _defineProperty(_this, \"onChangeName\", function (event) {\n      var $input_sig = _this.inputField.current;\n      var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n        name: event.target.value\n      });\n      $input_sig.value = signature;\n      if (_this.props.methods) {\n        _this.props.methods.setValue(_this.props.name, signature);\n      }\n      _this.setState({\n        value: signature\n      });\n    });\n    _this.state = {\n      value: props.value\n    };\n    _this.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this.canvas = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this;\n  }\n  _inherits(Signature, _React$Component);\n  return _createClass(Signature, [{\n    key: \"render\",\n    value: function render() {\n      var _this$state$value,\n        _this$state$value2,\n        _this$props$value6,\n        _this$props$value7,\n        _this$props$value8,\n        _this$props$value9,\n        _this2 = this,\n        _this$props$value$nam,\n        _this$props$value10,\n        _this$props$item$help,\n        _this$props$item;\n      var canClear = !!this.state.value;\n      var props = {};\n      props.name = this.props.name;\n      // props.onChange = (event) => { console.log('onChangeSignature', event.target.value); this.props.onChange(event.target.value); };\n      props.value = this.props.value;\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var padProps = {};\n      // umd requires canvasProps={{ width: 400, height: 150 }}\n      if (this.props.item.mutable) {\n        var _this$props$value;\n        padProps.defaultValue = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.signature;\n        padProps.ref = this.canvas;\n        canClear = !this.props.item.readOnly;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if ((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.signature && ((_this$state$value2 = this.state.value) === null || _this$state$value2 === void 0 ? void 0 : _this$state$value2.signature.length) > 0) {\n        var _this$state$value3;\n        sourceDataURL = (_this$state$value3 = this.state.value) === null || _this$state$value3 === void 0 ? void 0 : _this$state$value3.signature;\n      }\n      padProps.canvasProps = {};\n      if (this.props.item.print === true && !!sourceDataURL) {\n        var _this$props$value2, _this$props$value3, _this$props$value4, _this$props$value5;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n          src: sourceDataURL\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n          style: {\n            borderStyle: 'dashed'\n          }\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 && _this$props$value2.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value3 = this.props.value) === null || _this$props$value3 === void 0 ? void 0 : _this$props$value3.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.name, \" via IP Address \", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null))));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: this.props.name\n      })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        src: sourceDataURL\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n        style: {\n          borderStyle: 'dashed'\n        }\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 && _this$props$value6.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value7 = this.props.value) === null || _this$props$value7 === void 0 ? void 0 : _this$props$value7.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.name, \" via IP Address \", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null)) : null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--body\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default()), _extends({}, padProps, {\n        onEnd: function onEnd(e) {\n          _this2._getSignatureImg();\n        }\n      }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--footer clearfix\"\n      }, canClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"clear-signature float-end\",\n        onClick: this.clear,\n        title: \"Clear Signature\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" clear\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, \"Please print your full legal name and today's date.\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n        sm: 6\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, {\n        value: (_this$props$value$nam = (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',\n        type: \"text\",\n        required: true,\n        placeholder: \"Full Legal Name\",\n        onChange: this.onChangeName\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n        sm: 6\n      }, \"Today's Date: \", moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help = (_this$props$item = this.props.item) === null || _this$props$item === void 0 ? void 0 : _this$props$item.helpClassName) !== null && _this$props$item$help !== void 0 ? _this$props$item$help : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      }), this.props.methods ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, this.props.methods.register(this.props.name), props, {\n        type: \"hidden\"\n      })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, props, {\n        type: \"hidden\"\n      }))));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Tags = function Tags(_ref18) {\n  var _item$required22, _item$disabled15, _item$required23, _item$helpClassName16;\n  var name = _ref18.name,\n    onChange = _ref18.onChange,\n    defaultValue = _ref18.defaultValue,\n    style = _ref18.style,\n    item = _ref18.item,\n    props = _objectWithoutProperties(_ref18, _excluded8);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var getDefaultValue = function getDefaultValue(val, options) {\n    if (val) {\n      return options.filter(function (option) {\n        return val.indexOf(option.value) > -1;\n      });\n    }\n    return [];\n  };\n  var options = item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n    return {\n      value: option.value,\n      label: option.text,\n      key: option.value\n    };\n  });\n  var inputProps = {\n    multiple: true,\n    required: (_item$required22 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required22 !== void 0 ? _item$required22 : false,\n    disabled: (_item$disabled15 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled15 !== void 0 ? _item$disabled15 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  } else {\n    inputProps.placeholder = 'Select...';\n  }\n  var fieldRules = {};\n  if ((_item$required23 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required23 !== void 0 ? _item$required23 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref19) {\n    var _ref19$field = _ref19.field,\n      _onChange8 = _ref19$field.onChange,\n      onBlur = _ref19$field.onBlur,\n      value = _ref19$field.value,\n      name = _ref19$field.name,\n      ref = _ref19$field.ref,\n      _ref19$fieldState = _ref19.fieldState,\n      invalid = _ref19$fieldState.invalid,\n      isTouched = _ref19$fieldState.isTouched,\n      isDirty = _ref19$fieldState.isDirty,\n      error = _ref19$fieldState.error,\n      formState = _ref19.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      onBlur: onBlur,\n      onChange: function onChange(selected) {\n        // console.log(selected);\n        if (selected.length >= 1) {\n          //console.log(selected[0]);\n          _onChange8(selected.map(function (i) {\n            return i.value;\n          }));\n          onChangeHandler(selected.map(function (i) {\n            return i.value;\n          }));\n        } else if (selected.length === 0) {\n          _onChange8([]);\n          onChangeHandler([]);\n        }\n      },\n      options: options,\n      selected: getDefaultValue(value, options),\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled16;\n    controllerProps.disabled = (_item$disabled16 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled16 !== void 0 ? _item$disabled16 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required24;\n    controllerProps.required = (_item$required24 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required24 !== void 0 ? _item$required24 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName15;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      options: options,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      options: options,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName15 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName15 !== void 0 ? _item$helpClassName15 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 ? void 0 : item.options.filter(function (option) {\n      return defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.includes(option.value);\n    }).map(function (option) {\n      return option.text;\n    }).join(', '))));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName16 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName16 !== void 0 ? _item$helpClassName16 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Checkboxes = /*#__PURE__*/function (_React$Component2) {\n  function Checkboxes(props) {\n    var _this3;\n    _classCallCheck(this, Checkboxes);\n    _this3 = _callSuper(this, Checkboxes, [props]);\n    _defineProperty(_this3, \"onCheckboxChange\", function (checkboxValue, event) {\n      var checkedValues = _this3.props.value;\n      if (_this3.props.onChange) {\n        if (event.target.checked) {\n          _this3.props.onChange(checkedValues.concat(checkboxValue));\n        } else {\n          _this3.props.onChange(checkedValues.filter(function (v) {\n            return v !== checkboxValue;\n          }));\n        }\n      }\n    });\n    _this3.options = {};\n    return _this3;\n  }\n  _inherits(Checkboxes, _React$Component2);\n  return _createClass(Checkboxes, [{\n    key: \"render\",\n    value: function render() {\n      var _ref20,\n        _self$props$name,\n        _self$props,\n        _self$props2,\n        _self$props3,\n        _this4 = this,\n        _this$props$item$help2,\n        _this$props$item2;\n      var self = this;\n      var name = (_ref20 = (_self$props$name = self === null || self === void 0 || (_self$props = self.props) === null || _self$props === void 0 ? void 0 : _self$props.name) !== null && _self$props$name !== void 0 ? _self$props$name : self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 || (_self$props2 = _self$props2.item) === null || _self$props2 === void 0 ? void 0 : _self$props2.customName) !== null && _ref20 !== void 0 ? _ref20 : self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 || (_self$props3 = _self$props3.item) === null || _self$props3 === void 0 ? void 0 : _self$props3.fieldName;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this4.props.value.includes(option.value);\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: name\n      })), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help2 = (_this$props$item2 = this.props.item) === null || _this$props$item2 === void 0 ? void 0 : _this$props$item2.helpClassName) !== null && _this$props$item$help2 !== void 0 ? _this$props$item$help2 : 'text-muted'\n      }, this.props.item.help)) : null, this.props.item.options.map(function (option) {\n        var _this4$props$checkbox;\n        var props = {};\n        props.name = \"option_\".concat(option.key);\n        props.value = option.value;\n        props.checked = self.props.value ? self.props.value.indexOf(option.value) > -1 : false;\n        //props.inline = self.props.item.inline ?? false;\n        if (self.props.item.disabled) {\n          props.disabled = 'disabled';\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n          type: \"checkbox\",\n          variant: (_this4$props$checkbox = _this4.props.checkboxButtonClassName) !== null && _this4$props$checkbox !== void 0 ? _this4$props$checkbox : \"outline-light\",\n          className: \"btn-survey-builder-checkbox w-100\",\n          key: \"preview_\".concat(option.key),\n          id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          onChange: function onChange(e) {\n            self.onCheckboxChange(option.value, e);\n          }\n        }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, option.text)));\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkbox = /*#__PURE__*/function (_React$Component3) {\n  function Checkbox(props) {\n    var _this5;\n    _classCallCheck(this, Checkbox);\n    _this5 = _callSuper(this, Checkbox, [props]);\n    _this5.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this5;\n  }\n  _inherits(Checkbox, _React$Component3);\n  return _createClass(Checkbox, [{\n    key: \"render\",\n    value: function render() {\n      var _ref21,\n        _this$props$name,\n        _this$props,\n        _this$props2,\n        _this$props3,\n        _this6 = this,\n        _this$props$checkboxB,\n        _this$props$item$help3,\n        _this$props$item3;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var props = {};\n      // eslint-disable-next-line no-undef\n      props.name = (_ref21 = (_this$props$name = this === null || this === void 0 || (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.name) !== null && _this$props$name !== void 0 ? _this$props$name : this === null || this === void 0 || (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.item) === null || _this$props2 === void 0 ? void 0 : _this$props2.customName) !== null && _ref21 !== void 0 ? _ref21 : this === null || this === void 0 || (_this$props3 = this.props) === null || _this$props3 === void 0 || (_this$props3 = _this$props3.item) === null || _this$props3 === void 0 ? void 0 : _this$props3.fieldName;\n      props.onChange = function (event) {\n        if (_this6.props.onChange) {\n          _this6.props.onChange(event.target.checked);\n        }\n      };\n      //props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      props.autoComplete = \"new-password\";\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.inputRef = this.inputField;\n      }\n      props.checked = this.props.value;\n      //props.inline = this.props.item.inline ?? false;\n\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: this.props.item.boxLabel\n          }\n        }), \": \", this.props.value === true ? 'Yes' : 'No')));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({\n        className: \"form-label\"\n      }, this.props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n        type: \"checkbox\",\n        variant: (_this$props$checkboxB = this.props.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : \"outline-light\",\n        className: \"btn-survey-builder-checkbox w-100\",\n        value: props.name,\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n      }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"text-start\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        dangerouslySetInnerHTML: {\n          __html: this.props.item.boxLabel\n        }\n      })))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help3 = (_this$props$item3 = this.props.item) === null || _this$props$item3 === void 0 ? void 0 : _this$props$item3.helpClassName) !== null && _this$props$item$help3 !== void 0 ? _this$props$item$help3 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar RadioButtons = /*#__PURE__*/function (_React$Component4) {\n  function RadioButtons(props) {\n    var _this7;\n    _classCallCheck(this, RadioButtons);\n    _this7 = _callSuper(this, RadioButtons, [props]);\n    _this7.options = {};\n    return _this7;\n  }\n  _inherits(RadioButtons, _React$Component4);\n  return _createClass(RadioButtons, [{\n    key: \"render\",\n    value: function render() {\n      var _ref22,\n        _self$props$name2,\n        _self$props4,\n        _self$props5,\n        _self$props6,\n        _this8 = this,\n        _self$props$item$help,\n        _self$props$item;\n      var self = this;\n      var name = (_ref22 = (_self$props$name2 = self === null || self === void 0 || (_self$props4 = self.props) === null || _self$props4 === void 0 ? void 0 : _self$props4.name) !== null && _self$props$name2 !== void 0 ? _self$props$name2 : self === null || self === void 0 || (_self$props5 = self.props) === null || _self$props5 === void 0 || (_self$props5 = _self$props5.item) === null || _self$props5 === void 0 ? void 0 : _self$props5.customName) !== null && _ref22 !== void 0 ? _ref22 : self === null || self === void 0 || (_self$props6 = self.props) === null || _self$props6 === void 0 || (_self$props6 = _self$props6.item) === null || _self$props6 === void 0 ? void 0 : _self$props6.fieldName;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this8.props.value === option.value;\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      // console.log('self.props', self.props);\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, self.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_self$props$item$help = (_self$props$item = self.props.item) === null || _self$props$item === void 0 ? void 0 : _self$props$item.helpClassName) !== null && _self$props$item$help !== void 0 ? _self$props$item$help : 'text-muted'\n      }, self.props.item.help)) : null, self.props.item.options.map(function (option) {\n        var _self$props$checkboxB, _self$props7, _self$props8, _self$props10, _self$props11;\n        // console.log('option', option);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : \"outline-light\",\n          className: \"btn-survey-builder-checkbox w-100\",\n          key: \"preview_\".concat(option.key),\n          id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          disabled: self === null || self === void 0 || (_self$props7 = self.props) === null || _self$props7 === void 0 || (_self$props7 = _self$props7.item) === null || _self$props7 === void 0 ? void 0 : _self$props7.disabled,\n          name: name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props8 = self.props) === null || _self$props8 === void 0 ? void 0 : _self$props8.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props9;\n            if ((self === null || self === void 0 || (_self$props9 = self.props) === null || _self$props9 === void 0 ? void 0 : _self$props9.onChange) !== undefined) {\n              console.log(e.target.value);\n              self.props.onChange(e.target.value);\n            }\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, (self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 ? void 0 : _self$props10.value) !== option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), (self === null || self === void 0 || (_self$props11 = self.props) === null || _self$props11 === void 0 ? void 0 : _self$props11.value) === option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: option.text\n          }\n        }))));\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar ButtonList = /*#__PURE__*/function (_React$Component5) {\n  function ButtonList(props) {\n    var _this9;\n    _classCallCheck(this, ButtonList);\n    _this9 = _callSuper(this, ButtonList, [props]);\n    _this9.options = {};\n    return _this9;\n  }\n  _inherits(ButtonList, _React$Component5);\n  return _createClass(ButtonList, [{\n    key: \"render\",\n    value: function render() {\n      var _ref23,\n        _self$props$name3,\n        _self$props12,\n        _self$props13,\n        _self$props14,\n        _this10 = this,\n        _self$props$item$help2,\n        _self$props$item2;\n      var self = this;\n      var name = (_ref23 = (_self$props$name3 = self === null || self === void 0 || (_self$props12 = self.props) === null || _self$props12 === void 0 ? void 0 : _self$props12.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : self === null || self === void 0 || (_self$props13 = self.props) === null || _self$props13 === void 0 || (_self$props13 = _self$props13.item) === null || _self$props13 === void 0 ? void 0 : _self$props13.customName) !== null && _ref23 !== void 0 ? _ref23 : self === null || self === void 0 || (_self$props14 = self.props) === null || _self$props14 === void 0 || (_self$props14 = _self$props14.item) === null || _self$props14 === void 0 ? void 0 : _self$props14.fieldName;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this10.props.value === option.value;\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      // console.log('self.props', self.props);\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, self.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_self$props$item$help2 = (_self$props$item2 = self.props.item) === null || _self$props$item2 === void 0 ? void 0 : _self$props$item2.helpClassName) !== null && _self$props$item$help2 !== void 0 ? _self$props$item$help2 : 'text-muted'\n      }, self.props.item.help)) : null, self.props.item.options.map(function (option) {\n        var _self$props$checkboxB2, _self$props15, _self$props16;\n        // console.log('option', option);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_self$props$checkboxB2 = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB2 !== void 0 ? _self$props$checkboxB2 : \"outline-light\",\n          className: \"btn-survey-builder-checkbox w-100\",\n          key: \"preview_\".concat(option.key),\n          id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          disabled: self === null || self === void 0 || (_self$props15 = self.props) === null || _self$props15 === void 0 || (_self$props15 = _self$props15.item) === null || _self$props15 === void 0 ? void 0 : _self$props15.disabled,\n          name: name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props16 = self.props) === null || _self$props16 === void 0 ? void 0 : _self$props16.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props17;\n            if ((self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 ? void 0 : _self$props17.onChange) !== undefined) {\n              // console.log(e.target.value); \n              self.props.onChange(e.target.value);\n            }\n          },\n          onClick: function onClick(e) {\n            var _self$props18;\n            if ((self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.onSelect) !== undefined) {\n              // console.log(e.target.value); \n              self.props.onSelect(e.target.value);\n            }\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: option.text\n          }\n        }))));\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = function Image(props) {\n  var style = props.item.center ? {\n    textAlign: 'center'\n  } : null;\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread(_objectSpread({}, props.style), style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n    src: props.item.src,\n    width: props.item.width,\n    height: props.item.height\n  }), !props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: \"no-image\"\n  }, \"No Image\"));\n};\nvar Rating = function Rating(_ref24) {\n  var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;\n  var name = _ref24.name,\n    onChange = _ref24.onChange,\n    value = _ref24.value,\n    style = _ref24.style,\n    item = _ref24.item,\n    props = _objectWithoutProperties(_ref24, _excluded9);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    required: (_item$required25 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required25 !== void 0 ? _item$required25 : false,\n    disabled: (_item$disabled17 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled17 !== void 0 ? _item$disabled17 : false\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required26 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required26 !== void 0 ? _item$required26 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref25) {\n    var _ref25$field = _ref25.field,\n      onChange = _ref25$field.onChange,\n      onBlur = _ref25$field.onBlur,\n      value = _ref25$field.value,\n      name = _ref25$field.name,\n      ref = _ref25$field.ref,\n      _ref25$fieldState = _ref25.fieldState,\n      invalid = _ref25$fieldState.invalid,\n      isTouched = _ref25$fieldState.isTouched,\n      isDirty = _ref25$fieldState.isDirty,\n      error = _ref25$fieldState.error,\n      formState = _ref25.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n      onBlur: onBlur,\n      onRatingClick: function onRatingClick(event, _ref26) {\n        var rating = _ref26.rating;\n        onChange(rating);\n        onChangeHandler(rating);\n      },\n      rating: !isNaN(value) ? parseFloat(value, 10) : 0,\n      name: name,\n      editing: item.mutable\n      // ref={ref}\n      ,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = !isNaN(value) ? parseFloat(value, 10) : 0;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled18;\n    controllerProps.disabled = (_item$disabled18 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled18 !== void 0 ? _item$disabled18 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required27;\n    controllerProps.required = (_item$required27 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required27 !== void 0 ? _item$required27 : false;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName17;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n      onRatingClick: function onRatingClick(event, _ref27) {\n        var rating = _ref27.rating;\n        onChange(rating);\n        onChangeHandler(rating);\n      },\n      rating: !isNaN(value) ? Number(value) : 0,\n      name: name,\n      editing: false,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName17 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName17 !== void 0 ? _item$helpClassName17 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName18 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName18 !== void 0 ? _item$helpClassName18 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar HyperLink = function HyperLink(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n    target: \"_blank\",\n    href: props.item.href,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(props.item.content)\n    }\n  }))));\n};\nvar Download = function Download(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n    href: \"\".concat(props.downloadPath, \"?id=\").concat(props.item.filePath)\n  }, props.item.content)));\n};\nvar Camera = /*#__PURE__*/function (_React$Component6) {\n  function Camera(props) {\n    var _this11;\n    _classCallCheck(this, Camera);\n    _this11 = _callSuper(this, Camera, [props]);\n    _defineProperty(_this11, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this11.setState({\n          img: event.target.files[0]\n        });\n        if (_this11.props.onChange) {\n          _this11.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this11, \"clearImage\", function () {\n      _this11.setState({\n        img: null\n      });\n      if (_this11.props.onChange) {\n        _this11.props.onChange(null);\n      }\n    });\n    _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this11.state = {\n      img: props.value\n    };\n    return _this11;\n  }\n  _inherits(Camera, _React$Component6);\n  return _createClass(Camera, [{\n    key: \"getImageSizeProps\",\n    value: function getImageSizeProps(_ref28) {\n      var width = _ref28.width,\n        height = _ref28.height;\n      var imgProps = {\n        width: '100%'\n      };\n      if (width) {\n        imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n      }\n      if (height) {\n        imgProps.height = height;\n      }\n      return imgProps;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this$props$checkboxB2, _this$props4, _this$props$item$help4, _this$props$item4;\n      var imageStyle = {\n        objectFit: 'scale-down',\n        objectPosition: this.props.item.center ? 'center' : 'left'\n      };\n      var fileInputStyle = this.state.img ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n        console.log(this.props.value);\n        if (this.props.value.indexOf(this.props.name > -1)) {\n          sourceDataURL = this.props.value;\n        } else {\n          sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n        }\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], _extends({\n        style: imageStyle,\n        src: sourceDataURL\n      }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: \"image/*\",\n        capture: \"camera\",\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control d-grid gap-2 w-100\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: (_this$props$checkboxB2 = (_this$props4 = this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.checkboxButtonClassName) !== null && _this$props$checkboxB2 !== void 0 ? _this$props$checkboxB2 : \"outline-dark\",\n        className: \"d-flex align-items-center justify-content-between fw-bold\",\n        size: \"lg\"\n      }, \"Take Photo \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaCamera, null)))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n      // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n      , {\n        src: URL.createObjectURL(this.props.value),\n        height: \"100\",\n        className: \"image-upload-preview\"\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        onClick: this.clearImage\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help4 = (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName) !== null && _this$props$item$help4 !== void 0 ? _this$props$item$help4 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component7) {\n  function FileUpload(props) {\n    var _this12;\n    _classCallCheck(this, FileUpload);\n    _this12 = _callSuper(this, FileUpload, [props]);\n    _defineProperty(_this12, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this12.setState({\n          fileUpload: event.target.files[0]\n        });\n        if (_this12.props.onChange) {\n          _this12.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this12, \"clearFileUpload\", function () {\n      _this12.setState({\n        fileUpload: null\n      });\n      if (_this12.props.onChange) {\n        _this12.props.onChange(null);\n      }\n    });\n    _defineProperty(_this12, \"saveFile\", /*#__PURE__*/function () {\n      var _ref29 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {\n        var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              e.preventDefault();\n              sourceUrl = _this12.props.value;\n              _context2.next = 4;\n              return isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default()(sourceUrl, {\n                method: 'GET',\n                headers: {\n                  Accept: 'application/json',\n                  'Content-Type': 'application/json; charset=utf-8'\n                },\n                responseType: 'blob'\n              });\n            case 4:\n              response = _context2.sent;\n              dispositionHeader = response.headers.get('Content-Disposition');\n              _context2.next = 8;\n              return response.blob();\n            case 8:\n              resBlob = _context2.sent;\n              // eslint-disable-next-line no-undef\n              blob = new Blob([resBlob], {\n                type: _this12.props.item.fileType || response.headers.get('Content-Type')\n              });\n              if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {\n                fileName = dispositionHeader.split(';filename=')[1];\n                (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(blob, fileName);\n              } else {\n                _fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);\n                (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(response.url, _fileName);\n              }\n            case 11:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2);\n      }));\n      return function (_x) {\n        return _ref29.apply(this, arguments);\n      };\n    }());\n    _this12.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this12.state = {\n      fileUpload: props.value\n    };\n    return _this12;\n  }\n  _inherits(FileUpload, _React$Component7);\n  return _createClass(FileUpload, [{\n    key: \"render\",\n    value: function render() {\n      var _this$props$item$help5, _this$props$item5;\n      var fileInputStyle = this.state.fileUpload ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        onClick: this.saveFile\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: this.props.item.fileType || '*',\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"light\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"file-upload-preview\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginRight: '5px'\n        }\n      }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginLeft: '5px'\n        }\n      }, 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__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"btn-file-upload-clear\",\n        onClick: this.clearFileUpload\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help5 = (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName) !== null && _this$props$item$help5 !== void 0 ? _this$props$item$help5 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component8) {\n  function Range(props) {\n    var _this13;\n    _classCallCheck(this, Range);\n    _this13 = _callSuper(this, Range, [props]);\n    _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this13;\n  }\n  _inherits(Range, _React$Component8);\n  return _createClass(Range, [{\n    key: \"render\",\n    value: function render() {\n      var _this14 = this,\n        _this$props$item$help6,\n        _this$props$item6;\n      var props = {};\n      var name = this.props.name;\n      props.name = this.props.name;\n      props.value = this.props.value;\n      props.onChange = function (event) {\n        _this14.props.onChange(event.target.value);\n      };\n      if (this.props.item.disabled) {\n        props.disabled = true;\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      } else {\n        if (props.value === undefined) {\n          props.value = this.props.item.defaultValue;\n        }\n      }\n      props.type = 'range';\n      props.list = \"tickmarks_\".concat(name);\n      props.min = this.props.item.minValue;\n      props.max = this.props.item.maxValue;\n      props.step = this.props.item.step;\n      var datalist = [];\n      for (var i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {\n        datalist.push(i);\n      }\n      var oneBig = 100 / (datalist.length - 1);\n      var _datalist = datalist.map(function (d, idx) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n          key: \"\".concat(props.list, \"_\").concat(idx)\n        }, d);\n      });\n      var visibleMarks = datalist.map(function (d, idx) {\n        var optionProps = {};\n        var w = oneBig;\n        if (idx === 0 || idx === datalist.length - 1) {\n          w = oneBig / 2;\n        }\n        optionProps.key = \"\".concat(props.list, \"_label_\").concat(idx);\n        optionProps.style = {\n          width: \"\".concat(w, \"%\")\n        };\n        if (idx === datalist.length - 1) {\n          optionProps.style = {\n            width: \"\".concat(w, \"%\"),\n            textAlign: 'right'\n          };\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", optionProps, d);\n      });\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: name\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"range\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-start\"\n      }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-end\"\n      }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"visible_marks\"\n      }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n        id: props.list\n      }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help6 = (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName) !== null && _this$props$item$help6 !== void 0 ? _this$props$item$help6 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.ButtonList = ButtonList;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ButtonList: () => (/* binding */ ButtonList),\n/* harmony export */   Camera: () => (/* binding */ Camera),\n/* harmony export */   Checkbox: () => (/* binding */ Checkbox),\n/* harmony export */   Checkboxes: () => (/* binding */ Checkboxes),\n/* harmony export */   ContentBody: () => (/* binding */ ContentBody),\n/* harmony export */   DatePicker: () => (/* binding */ DatePicker),\n/* harmony export */   Download: () => (/* binding */ Download),\n/* harmony export */   Dropdown: () => (/* binding */ Dropdown),\n/* harmony export */   EmailInput: () => (/* binding */ EmailInput),\n/* harmony export */   FileUpload: () => (/* binding */ FileUpload),\n/* harmony export */   Header: () => (/* binding */ Header),\n/* harmony export */   HyperLink: () => (/* binding */ HyperLink),\n/* harmony export */   Image: () => (/* binding */ Image),\n/* harmony export */   Label: () => (/* binding */ Label),\n/* harmony export */   LineBreak: () => (/* binding */ LineBreak),\n/* harmony export */   NumberInput: () => (/* binding */ NumberInput),\n/* harmony export */   Paragraph: () => (/* binding */ Paragraph),\n/* harmony export */   PhoneNumber: () => (/* binding */ PhoneNumber),\n/* harmony export */   RadioButtons: () => (/* binding */ RadioButtons),\n/* harmony export */   Range: () => (/* binding */ Range),\n/* harmony export */   Rating: () => (/* binding */ Rating),\n/* harmony export */   Signature: () => (/* binding */ Signature),\n/* harmony export */   Tags: () => (/* binding */ Tags),\n/* harmony export */   TextArea: () => (/* binding */ TextArea),\n/* harmony export */   TextInput: () => (/* binding */ TextInput),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! isomorphic-fetch */ \"./node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-signature-canvas */ \"./node_modules/react-signature-canvas/build/index.js\");\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-bootstrap-range-slider */ \"./node_modules/react-bootstrap-range-slider/dist/index.js\");\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _star_rating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./star-rating */ \"./src/survey-elements/star-rating.jsx\");\n/* harmony import */ var _component_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _component_label__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./component-label */ \"./src/survey-elements/component-label.jsx\");\n/* harmony import */ var _myxss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap-typeahead */ \"./node_modules/react-bootstrap-typeahead/es/index.js\");\n/* harmony import */ var _component_error_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-error-message */ \"./src/survey-elements/component-error-message.jsx\");\n/* harmony import */ var _utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/ipUtils */ \"./src/utils/ipUtils.jsx\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var react_icons_ri__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-icons/ri */ \"./node_modules/react-icons/ri/index.mjs\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Image.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Container.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/ToggleButton.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-imask */ \"./node_modules/react-imask/esm/index.js\");\n/* harmony import */ var libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! libphonenumber-js */ \"./node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../utils/objectUtils */ \"./src/utils/objectUtils.js\");\nvar _excluded = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded2 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded3 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded4 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded5 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded6 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded7 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded8 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded9 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"];\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _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, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(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(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nfunction _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(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\nfunction 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; }\nfunction _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) { _defineProperty(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; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n// eslint-disable-next-line max-classes-per-file\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SurveyElements = {};\nvar Header = function Header(props) {\n  var _props$item;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.headerClassName) {\n    classNames += \" \".concat(props.headerClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"h3\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.staticVariables))\n    }\n  }));\n};\nvar ContentBody = function ContentBody(props) {\n  var _props$item2;\n  var classNames = 'static';\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__.myContentXSS.process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.staticVariables))\n    }\n  }));\n};\nvar Paragraph = function Paragraph(props) {\n  var _props$item3;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.paragraphClassName) {\n    classNames += \" \".concat(props.paragraphClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"p\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item3 = props.item) === null || _props$item3 === void 0 ? void 0 : _props$item3.staticVariables))\n    }\n  }));\n};\nvar Label = function Label(props) {\n  var _props$item4;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.labelClassName) {\n    classNames += \" \".concat(props.labelClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", {\n    className: \"form-label \".concat(classNames),\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item4 = props.item) === null || _props$item4 === void 0 ? void 0 : _props$item4.staticVariables))\n    }\n  }));\n};\nvar LineBreak = function LineBreak(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null));\n};\nvar TextInput = function TextInput(_ref) {\n  var _item$required, _item$disabled, _item$required2, _item$helpClassName2;\n  var name = _ref.name,\n    onChange = _ref.onChange,\n    defaultValue = _ref.defaultValue,\n    style = _ref.style,\n    item = _ref.item,\n    props = _objectWithoutProperties(_ref, _excluded);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required !== void 0 ? _item$required : false,\n    disabled: (_item$disabled = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled !== void 0 ? _item$disabled : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required2 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required2 !== void 0 ? _item$required2 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref2) {\n    var _ref2$field = _ref2.field,\n      _onChange = _ref2$field.onChange,\n      onBlur = _ref2$field.onBlur,\n      value = _ref2$field.value,\n      name = _ref2$field.name,\n      ref = _ref2$field.ref,\n      _ref2$fieldState = _ref2.fieldState,\n      invalid = _ref2$fieldState.invalid,\n      isTouched = _ref2$fieldState.isTouched,\n      isDirty = _ref2$fieldState.isDirty,\n      error = _ref2$fieldState.error,\n      formState = _ref2.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled2;\n    controllerProps.disabled = (_item$disabled2 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled2 !== void 0 ? _item$disabled2 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required3;\n    controllerProps.required = (_item$required3 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required3 !== void 0 ? _item$required3 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName !== void 0 ? _item$helpClassName : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName2 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName2 !== void 0 ? _item$helpClassName2 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar EmailInput = function EmailInput(_ref3) {\n  var _item$required4, _item$disabled3, _item$required5, _item$helpClassName4;\n  var name = _ref3.name,\n    onChange = _ref3.onChange,\n    defaultValue = _ref3.defaultValue,\n    style = _ref3.style,\n    item = _ref3.item,\n    props = _objectWithoutProperties(_ref3, _excluded2);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var validateEmail = function validateEmail(email) {\n    return email.match(\n    // eslint-disable-next-line no-useless-escape\n    /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required4 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required4 !== void 0 ? _item$required4 : false,\n    disabled: (_item$disabled3 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled3 !== void 0 ? _item$disabled3 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    minLength: {\n      value: 4,\n      message: \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" must be at least 4 characters long\")\n    },\n    validate: function validate(value) {\n      return validateEmail(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires valid email address\");\n    }\n  };\n  if ((_item$required5 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required5 !== void 0 ? _item$required5 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref4) {\n    var _ref4$field = _ref4.field,\n      _onChange2 = _ref4$field.onChange,\n      onBlur = _ref4$field.onBlur,\n      value = _ref4$field.value,\n      name = _ref4$field.name,\n      ref = _ref4$field.ref,\n      _ref4$fieldState = _ref4.fieldState,\n      invalid = _ref4$fieldState.invalid,\n      isTouched = _ref4$fieldState.isTouched,\n      isDirty = _ref4$fieldState.isDirty,\n      error = _ref4$fieldState.error,\n      formState = _ref4.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange2(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled4;\n    controllerProps.disabled = (_item$disabled4 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled4 !== void 0 ? _item$disabled4 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required6;\n    controllerProps.required = (_item$required6 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required6 !== void 0 ? _item$required6 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName3;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName3 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName3 !== void 0 ? _item$helpClassName3 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName4 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName4 !== void 0 ? _item$helpClassName4 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar PhoneNumber = function PhoneNumber(_ref5) {\n  var _item$required7, _item$disabled5, _item$required8, _item$helpClassName6;\n  var name = _ref5.name,\n    onChange = _ref5.onChange,\n    _ref5$defaultValue = _ref5.defaultValue,\n    defaultValue = _ref5$defaultValue === void 0 ? '' : _ref5$defaultValue,\n    style = _ref5.style,\n    item = _ref5.item,\n    props = _objectWithoutProperties(_ref5, _excluded3);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var toE164PhoneNumber = function toE164PhoneNumber(phoneNumberValue) {\n    if (phoneNumberValue !== undefined && phoneNumberValue !== null) {\n      //Filter only numbers from the input\n      var cleaned = ('' + phoneNumberValue).replace(/\\D/g, '');\n\n      //Check if the input is of correct\n      var match = cleaned.match(/^(1|)?(\\d{3})(\\d{3})(\\d{4})$/);\n      if (match) {\n        //Remove the matched extension code\n        //Change this to format for any country code.\n        var intlCode = match[1] ? '+1' : '+1';\n        return [intlCode, match[2], match[3], match[4]].join('');\n      }\n      return '';\n    } else {\n      return '';\n    }\n  };\n  var validatePhoneNumber = function validatePhoneNumber(value) {\n    if (value !== undefined && value !== null && value !== '') {\n      return (0,libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__.isValidPhoneNumber)(toE164PhoneNumber(value), 'US');\n    }\n    return true;\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required7 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required7 !== void 0 ? _item$required7 : false,\n    disabled: (_item$disabled5 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled5 !== void 0 ? _item$disabled5 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    validate: function validate(value) {\n      return validatePhoneNumber(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires a valid phone number\");\n    }\n  };\n  if ((_item$required8 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required8 !== void 0 ? _item$required8 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined) {\n    controllerProps.render = function (_ref6) {\n      var _ref6$field = _ref6.field,\n        onChange = _ref6$field.onChange,\n        onBlur = _ref6$field.onBlur,\n        value = _ref6$field.value,\n        name = _ref6$field.name,\n        ref = _ref6$field.ref,\n        _ref6$fieldState = _ref6.fieldState,\n        invalid = _ref6$fieldState.invalid,\n        isTouched = _ref6$fieldState.isTouched,\n        isDirty = _ref6$fieldState.isDirty,\n        error = _ref6$fieldState.error,\n        formState = _ref6.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n        className: \"form-control\",\n        onBlur: onBlur,\n        value: value,\n        name: name,\n        mask: '{+1} (#00) 000-0000',\n        lazy: false,\n        overwrite: true,\n        definitions: {\n          '#': /[1-9]/\n        },\n        unmask: true // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref7) {\n      var _ref7$field = _ref7.field,\n        _onChange3 = _ref7$field.onChange,\n        onBlur = _ref7$field.onBlur,\n        value = _ref7$field.value,\n        name = _ref7$field.name,\n        ref = _ref7$field.ref,\n        _ref7$fieldState = _ref7.fieldState,\n        invalid = _ref7$fieldState.invalid,\n        isTouched = _ref7$fieldState.isTouched,\n        isDirty = _ref7$fieldState.isDirty,\n        error = _ref7$fieldState.error,\n        formState = _ref7.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange3(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled6;\n    controllerProps.disabled = (_item$disabled6 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled6 !== void 0 ? _item$disabled6 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required9;\n    controllerProps.required = (_item$required9 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required9 !== void 0 ? _item$required9 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName5;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName5 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName5 !== void 0 ? _item$helpClassName5 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName6 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName6 !== void 0 ? _item$helpClassName6 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar DatePicker = function DatePicker(_ref8) {\n  var _item$required10, _item$disabled7, _item$required11, _item$helpClassName8;\n  var name = _ref8.name,\n    onChange = _ref8.onChange,\n    defaultValue = _ref8.defaultValue,\n    style = _ref8.style,\n    item = _ref8.item,\n    props = _objectWithoutProperties(_ref8, _excluded4);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var validateDate = function validateDate(dateString) {\n    if (dateString !== undefined && dateString !== null && dateString !== \"\") {\n      var dateformat = /^(0?[1-9]|1[0-2])[\\/](0?[1-9]|[1-2][0-9]|3[01])[\\/]\\d{4}$/;\n\n      // Matching the date through regular expression      \n      if (dateString.match(dateformat)) {\n        var operator = dateString.split('/');\n\n        // Extract the string into month, date and year      \n        var datepart = [];\n        if (operator.length > 1) {\n          datepart = dateString.split('/');\n        }\n        var month = parseInt(datepart[0]);\n        var day = parseInt(datepart[1]);\n        var year = parseInt(datepart[2]);\n        if (day > 31 || day < 1) {\n          return false;\n        }\n        var currentYear = new Date().getFullYear();\n        if (year < 1900 || year > currentYear + 5) {\n          return false;\n        }\n\n        // Create a list of days of a month      \n        var ListofDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n        if (month === 1 || month > 2) {\n          if (day > ListofDays[month - 1]) {\n            // to check if the date is out of range     \n            return false;\n          }\n        } else if (month === 2) {\n          var leapYear = false;\n          if (!(year % 4) && year % 100 || !(year % 400)) leapYear = true;\n          if (leapYear === false && day >= 29) return false;else if (leapYear === true && day > 29) {\n            // console.log('Invalid date format!');\n            return false;\n          }\n        } else if (month > 12 || month < 1) {\n          return false;\n        }\n      } else {\n        // console.log(\"Invalid date format!\");\n        return false;\n      }\n    }\n    return true;\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required10 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required10 !== void 0 ? _item$required10 : false,\n    disabled: (_item$disabled7 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled7 !== void 0 ? _item$disabled7 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    validate: function validate(value) {\n      return validateDate(value) || 'Please enter a valid Date in the format MM/DD/YYYY';\n    }\n  };\n  if ((_item$required11 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required11 !== void 0 ? _item$required11 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined && react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask !== undefined) {\n    controllerProps.render = function (_ref9) {\n      var _ref9$field = _ref9.field,\n        onChange = _ref9$field.onChange,\n        onBlur = _ref9$field.onBlur,\n        value = _ref9$field.value,\n        name = _ref9$field.name,\n        ref = _ref9$field.ref,\n        _ref9$fieldState = _ref9.fieldState,\n        invalid = _ref9$fieldState.invalid,\n        isTouched = _ref9$fieldState.isTouched,\n        isDirty = _ref9$fieldState.isDirty,\n        error = _ref9$fieldState.error,\n        formState = _ref9.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n        className: \"form-control\",\n        onBlur: onBlur,\n        value: value,\n        name: name,\n        mask: Date,\n        lazy: false,\n        overwrite: true,\n        pattern: 'MM/DD/YYYY',\n        format: function format(date) {\n          var day = date.getDate();\n          var month = date.getMonth() + 1;\n          var year = date.getFullYear();\n          if (day < 10) day = \"0\" + day;\n          if (month < 10) month = \"0\" + month;\n          return [month, day, year].join('/');\n        },\n        autofix: true\n        // min={new Date(1900, 0, 1)}\n        // max={new Date()}\n        ,\n        blocks: {\n          DD: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1,\n            to: 31,\n            maxLength: 2,\n            placeholderChar: 'D'\n          },\n          MM: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1,\n            to: 12,\n            maxLength: 2,\n            placeholderChar: 'M'\n          },\n          YYYY: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1900,\n            to: new Date().getFullYear() + 5,\n            placeholderChar: 'Y'\n          }\n        },\n        parse: function parse(str) {\n          var monthDayYear = str.split('/');\n          return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);\n        },\n        unmask: false // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref10) {\n      var _ref10$field = _ref10.field,\n        _onChange4 = _ref10$field.onChange,\n        onBlur = _ref10$field.onBlur,\n        value = _ref10$field.value,\n        name = _ref10$field.name,\n        ref = _ref10$field.ref,\n        _ref10$fieldState = _ref10.fieldState,\n        invalid = _ref10$fieldState.invalid,\n        isTouched = _ref10$fieldState.isTouched,\n        isDirty = _ref10$fieldState.isDirty,\n        error = _ref10$fieldState.error,\n        formState = _ref10.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange4(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled8;\n    controllerProps.disabled = (_item$disabled8 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled8 !== void 0 ? _item$disabled8 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required12;\n    controllerProps.required = (_item$required12 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required12 !== void 0 ? _item$required12 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n\n  // console.log('controllerProps', controllerProps);\n\n  if (!methods) {\n    var _item$helpClassName7;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName7 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName7 !== void 0 ? _item$helpClassName7 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName8 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName8 !== void 0 ? _item$helpClassName8 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar NumberInput = function NumberInput(_ref11) {\n  var _item$required13, _item$disabled9, _item$required14, _item$helpClassName10;\n  var name = _ref11.name,\n    onChange = _ref11.onChange,\n    defaultValue = _ref11.defaultValue,\n    style = _ref11.style,\n    item = _ref11.item,\n    props = _objectWithoutProperties(_ref11, _excluded5);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'number',\n    required: (_item$required13 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required13 !== void 0 ? _item$required13 : false,\n    disabled: (_item$disabled9 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled9 !== void 0 ? _item$disabled9 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required14 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required14 !== void 0 ? _item$required14 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref12) {\n    var _ref12$field = _ref12.field,\n      _onChange5 = _ref12$field.onChange,\n      onBlur = _ref12$field.onBlur,\n      value = _ref12$field.value,\n      name = _ref12$field.name,\n      ref = _ref12$field.ref,\n      _ref12$fieldState = _ref12.fieldState,\n      invalid = _ref12$fieldState.invalid,\n      isTouched = _ref12$fieldState.isTouched,\n      isDirty = _ref12$fieldState.isDirty,\n      error = _ref12$fieldState.error,\n      formState = _ref12.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange5(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled10;\n    controllerProps.disabled = (_item$disabled10 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled10 !== void 0 ? _item$disabled10 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required15;\n    controllerProps.required = (_item$required15 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required15 !== void 0 ? _item$required15 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName9;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName9 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName9 !== void 0 ? _item$helpClassName9 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName10 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName10 !== void 0 ? _item$helpClassName10 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar TextArea = function TextArea(_ref13) {\n  var _item$rows, _item$required16, _item$disabled11, _item$required17, _item$helpClassName12;\n  var name = _ref13.name,\n    onChange = _ref13.onChange,\n    defaultValue = _ref13.defaultValue,\n    style = _ref13.style,\n    item = _ref13.item,\n    props = _objectWithoutProperties(_ref13, _excluded6);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    rows: (_item$rows = item === null || item === void 0 ? void 0 : item.rows) !== null && _item$rows !== void 0 ? _item$rows : 5,\n    required: (_item$required16 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required16 !== void 0 ? _item$required16 : false,\n    disabled: (_item$disabled11 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled11 !== void 0 ? _item$disabled11 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required17 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required17 !== void 0 ? _item$required17 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref14) {\n    var _ref14$field = _ref14.field,\n      _onChange6 = _ref14$field.onChange,\n      onBlur = _ref14$field.onBlur,\n      value = _ref14$field.value,\n      name = _ref14$field.name,\n      ref = _ref14$field.ref,\n      _ref14$fieldState = _ref14.fieldState,\n      invalid = _ref14$fieldState.invalid,\n      isTouched = _ref14$fieldState.isTouched,\n      isDirty = _ref14$fieldState.isDirty,\n      error = _ref14$fieldState.error,\n      formState = _ref14.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange6(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled12;\n    controllerProps.disabled = (_item$disabled12 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled12 !== void 0 ? _item$disabled12 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required18;\n    controllerProps.required = (_item$required18 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required18 !== void 0 ? _item$required18 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName11;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName11 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName11 !== void 0 ? _item$helpClassName11 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName12 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName12 !== void 0 ? _item$helpClassName12 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Dropdown = function Dropdown(_ref15) {\n  var _item$required19, _item$disabled13, _item$required20, _item$helpClassName14;\n  var name = _ref15.name,\n    onChange = _ref15.onChange,\n    defaultValue = _ref15.defaultValue,\n    style = _ref15.style,\n    item = _ref15.item,\n    props = _objectWithoutProperties(_ref15, _excluded7);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required19 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required19 !== void 0 ? _item$required19 : false,\n    disabled: (_item$disabled13 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled13 !== void 0 ? _item$disabled13 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required20 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required20 !== void 0 ? _item$required20 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref16) {\n    var _ref16$field = _ref16.field,\n      _onChange7 = _ref16$field.onChange,\n      onBlur = _ref16$field.onBlur,\n      value = _ref16$field.value,\n      name = _ref16$field.name,\n      ref = _ref16$field.ref,\n      _ref16$fieldState = _ref16.fieldState,\n      invalid = _ref16$fieldState.invalid,\n      isTouched = _ref16$fieldState.isTouched,\n      isDirty = _ref16$fieldState.isDirty,\n      error = _ref16$fieldState.error,\n      formState = _ref16.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange7(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    }));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled14;\n    controllerProps.disabled = (_item$disabled14 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled14 !== void 0 ? _item$disabled14 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required21;\n    controllerProps.required = (_item$required21 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required21 !== void 0 ? _item$required21 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName13;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: defaultValue,\n      name: name\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: defaultValue,\n      name: name\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    }))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName13 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName13 !== void 0 ? _item$helpClassName13 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    var _item$options$find;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 || (_item$options$find = item.options.find(function (option) {\n      return option.value === defaultValue;\n    })) === null || _item$options$find === void 0 ? void 0 : _item$options$find.text)));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName14 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName14 !== void 0 ? _item$helpClassName14 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Signature = /*#__PURE__*/function (_React$Component) {\n  function Signature(props) {\n    var _this;\n    _classCallCheck(this, Signature);\n    _this = _callSuper(this, Signature, [props]);\n    _defineProperty(_this, \"clear\", function () {\n      var $canvas_sig = _this.canvas.current;\n      if (_this.props.value) {\n        var $input_sig = _this.inputField.current;\n        var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n          signature: ''\n        });\n        $input_sig.value = signature;\n        if (_this.props.methods) {\n          _this.props.methods.setValue(_this.props.name, signature);\n        }\n        _this.setState({\n          value: signature\n        });\n      } else if ($canvas_sig) {\n        $canvas_sig.clear();\n      }\n    });\n    _defineProperty(_this, \"_getSignatureImg\", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n      var $canvas_sig, base64, isEmpty, $input_sig, value, ipAddress, date, signature;\n      return _regeneratorRuntime().wrap(function _callee$(_context) {\n        while (1) switch (_context.prev = _context.next) {\n          case 0:\n            $canvas_sig = _this.canvas.current;\n            if (!$canvas_sig) {\n              _context.next = 14;\n              break;\n            }\n            base64 = $canvas_sig.getTrimmedCanvas().toDataURL(\"image/png\");\n            isEmpty = $canvas_sig.isEmpty();\n            $input_sig = _this.inputField.current;\n            value = isEmpty ? '' : base64;\n            _context.next = 8;\n            return (0,_utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__.getIPAddress)();\n          case 8:\n            ipAddress = _context.sent;\n            date = new Date().toISOString();\n            signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n              signature: value,\n              ipAddress: ipAddress,\n              date: date\n            });\n            $input_sig.value = signature;\n            if (_this.props.methods) {\n              _this.props.methods.setValue(_this.props.name, signature);\n            }\n            _this.setState({\n              value: signature\n            });\n          case 14:\n          case \"end\":\n            return _context.stop();\n        }\n      }, _callee);\n    })));\n    _defineProperty(_this, \"onChangeName\", function (event) {\n      var $input_sig = _this.inputField.current;\n      var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n        name: event.target.value\n      });\n      $input_sig.value = signature;\n      if (_this.props.methods) {\n        _this.props.methods.setValue(_this.props.name, signature);\n      }\n      _this.setState({\n        value: signature\n      });\n    });\n    _this.state = {\n      value: props.value\n    };\n    _this.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this.canvas = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this;\n  }\n  _inherits(Signature, _React$Component);\n  return _createClass(Signature, [{\n    key: \"render\",\n    value: function render() {\n      var _this$state$value,\n        _this$state$value2,\n        _this$props$value6,\n        _this$props$value7,\n        _this$props$value8,\n        _this$props$value9,\n        _this2 = this,\n        _this$props$value$nam,\n        _this$props$value10,\n        _this$props$item$help,\n        _this$props$item;\n      var canClear = !!this.state.value;\n      var props = {};\n      props.name = this.props.name;\n      // props.onChange = (event) => { console.log('onChangeSignature', event.target.value); this.props.onChange(event.target.value); };\n      props.value = this.props.value;\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var padProps = {};\n      // umd requires canvasProps={{ width: 400, height: 150 }}\n      if (this.props.item.mutable) {\n        var _this$props$value;\n        padProps.defaultValue = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.signature;\n        padProps.ref = this.canvas;\n        canClear = !this.props.item.readOnly;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if ((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.signature && ((_this$state$value2 = this.state.value) === null || _this$state$value2 === void 0 ? void 0 : _this$state$value2.signature.length) > 0) {\n        var _this$state$value3;\n        sourceDataURL = (_this$state$value3 = this.state.value) === null || _this$state$value3 === void 0 ? void 0 : _this$state$value3.signature;\n      }\n      padProps.canvasProps = {};\n      if (this.props.item.print === true && !!sourceDataURL) {\n        var _this$props$value2, _this$props$value3, _this$props$value4, _this$props$value5;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n          src: sourceDataURL\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n          style: {\n            borderStyle: 'dashed'\n          }\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 && _this$props$value2.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value3 = this.props.value) === null || _this$props$value3 === void 0 ? void 0 : _this$props$value3.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.name, \" via IP Address \", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null))));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: this.props.name\n      })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        src: sourceDataURL\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n        style: {\n          borderStyle: 'dashed'\n        }\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 && _this$props$value6.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value7 = this.props.value) === null || _this$props$value7 === void 0 ? void 0 : _this$props$value7.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.name, \" via IP Address \", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null)) : null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--body\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default()), _extends({}, padProps, {\n        onEnd: function onEnd(e) {\n          _this2._getSignatureImg();\n        }\n      }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--footer clearfix\"\n      }, canClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"clear-signature float-end\",\n        onClick: this.clear,\n        title: \"Clear Signature\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" clear\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, \"Please print your full legal name and today's date.\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n        sm: 6\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, {\n        value: (_this$props$value$nam = (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',\n        type: \"text\",\n        required: true,\n        placeholder: \"Full Legal Name\",\n        onChange: this.onChangeName\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n        sm: 6\n      }, \"Today's Date: \", moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help = (_this$props$item = this.props.item) === null || _this$props$item === void 0 ? void 0 : _this$props$item.helpClassName) !== null && _this$props$item$help !== void 0 ? _this$props$item$help : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      }), this.props.methods ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, this.props.methods.register(this.props.name), props, {\n        type: \"hidden\"\n      })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, props, {\n        type: \"hidden\"\n      }))));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Tags = function Tags(_ref18) {\n  var _item$required22, _item$disabled15, _item$required23, _item$helpClassName16;\n  var name = _ref18.name,\n    onChange = _ref18.onChange,\n    defaultValue = _ref18.defaultValue,\n    style = _ref18.style,\n    item = _ref18.item,\n    props = _objectWithoutProperties(_ref18, _excluded8);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var getDefaultValue = function getDefaultValue(val, options) {\n    if (val) {\n      return options.filter(function (option) {\n        return val.indexOf(option.value) > -1;\n      });\n    }\n    return [];\n  };\n  var options = item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n    return {\n      value: option.value,\n      label: option.text,\n      key: option.value\n    };\n  });\n  var inputProps = {\n    multiple: true,\n    required: (_item$required22 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required22 !== void 0 ? _item$required22 : false,\n    disabled: (_item$disabled15 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled15 !== void 0 ? _item$disabled15 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  } else {\n    inputProps.placeholder = 'Select...';\n  }\n  var fieldRules = {};\n  if ((_item$required23 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required23 !== void 0 ? _item$required23 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref19) {\n    var _ref19$field = _ref19.field,\n      _onChange8 = _ref19$field.onChange,\n      onBlur = _ref19$field.onBlur,\n      value = _ref19$field.value,\n      name = _ref19$field.name,\n      ref = _ref19$field.ref,\n      _ref19$fieldState = _ref19.fieldState,\n      invalid = _ref19$fieldState.invalid,\n      isTouched = _ref19$fieldState.isTouched,\n      isDirty = _ref19$fieldState.isDirty,\n      error = _ref19$fieldState.error,\n      formState = _ref19.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      onBlur: onBlur,\n      onChange: function onChange(selected) {\n        // console.log(selected);\n        if (selected.length >= 1) {\n          //console.log(selected[0]);\n          _onChange8(selected.map(function (i) {\n            return i.value;\n          }));\n          onChangeHandler(selected.map(function (i) {\n            return i.value;\n          }));\n        } else if (selected.length === 0) {\n          _onChange8([]);\n          onChangeHandler([]);\n        }\n      },\n      options: options,\n      selected: getDefaultValue(value, options),\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled16;\n    controllerProps.disabled = (_item$disabled16 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled16 !== void 0 ? _item$disabled16 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required24;\n    controllerProps.required = (_item$required24 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required24 !== void 0 ? _item$required24 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName15;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      options: options,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      options: options,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName15 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName15 !== void 0 ? _item$helpClassName15 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 ? void 0 : item.options.filter(function (option) {\n      return defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.includes(option.value);\n    }).map(function (option) {\n      return option.text;\n    }).join(', '))));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName16 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName16 !== void 0 ? _item$helpClassName16 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Checkboxes = /*#__PURE__*/function (_React$Component2) {\n  function Checkboxes(props) {\n    var _this3;\n    _classCallCheck(this, Checkboxes);\n    _this3 = _callSuper(this, Checkboxes, [props]);\n    _defineProperty(_this3, \"onCheckboxChange\", function (checkboxValue, event) {\n      var checkedValues = _this3.props.value;\n      if (_this3.props.onChange) {\n        if (event.target.checked) {\n          _this3.props.onChange(checkedValues.concat(checkboxValue));\n        } else {\n          _this3.props.onChange(checkedValues.filter(function (v) {\n            return v !== checkboxValue;\n          }));\n        }\n      }\n    });\n    _this3.options = {};\n    return _this3;\n  }\n  _inherits(Checkboxes, _React$Component2);\n  return _createClass(Checkboxes, [{\n    key: \"render\",\n    value: function render() {\n      var _ref20,\n        _self$props$name,\n        _self$props,\n        _self$props2,\n        _self$props3,\n        _this4 = this,\n        _this$props$item$help2,\n        _this$props$item2;\n      var self = this;\n      var name = (_ref20 = (_self$props$name = self === null || self === void 0 || (_self$props = self.props) === null || _self$props === void 0 ? void 0 : _self$props.name) !== null && _self$props$name !== void 0 ? _self$props$name : self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 || (_self$props2 = _self$props2.item) === null || _self$props2 === void 0 ? void 0 : _self$props2.customName) !== null && _ref20 !== void 0 ? _ref20 : self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 || (_self$props3 = _self$props3.item) === null || _self$props3 === void 0 ? void 0 : _self$props3.fieldName;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this4.props.value.includes(option.value);\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: name\n      })), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help2 = (_this$props$item2 = this.props.item) === null || _this$props$item2 === void 0 ? void 0 : _this$props$item2.helpClassName) !== null && _this$props$item$help2 !== void 0 ? _this$props$item$help2 : 'text-muted'\n      }, this.props.item.help)) : null, this.props.item.options.map(function (option) {\n        var _this4$props$checkbox;\n        var props = {};\n        props.name = \"option_\".concat(option.key);\n        props.value = option.value;\n        props.checked = self.props.value ? self.props.value.indexOf(option.value) > -1 : false;\n        //props.inline = self.props.item.inline ?? false;\n        if (self.props.item.disabled) {\n          props.disabled = 'disabled';\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n          type: \"checkbox\",\n          variant: (_this4$props$checkbox = _this4.props.checkboxButtonClassName) !== null && _this4$props$checkbox !== void 0 ? _this4$props$checkbox : \"outline-light\",\n          className: \"btn-survey-builder-checkbox w-100\",\n          key: \"preview_\".concat(option.key),\n          id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          onChange: function onChange(e) {\n            self.onCheckboxChange(option.value, e);\n          }\n        }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, option.text)));\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkbox = /*#__PURE__*/function (_React$Component3) {\n  function Checkbox(props) {\n    var _this5;\n    _classCallCheck(this, Checkbox);\n    _this5 = _callSuper(this, Checkbox, [props]);\n    _this5.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this5;\n  }\n  _inherits(Checkbox, _React$Component3);\n  return _createClass(Checkbox, [{\n    key: \"render\",\n    value: function render() {\n      var _ref21,\n        _this$props$name,\n        _this$props,\n        _this$props2,\n        _this$props3,\n        _this6 = this,\n        _this$props$checkboxB,\n        _this$props$item$help3,\n        _this$props$item3;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var props = {};\n      // eslint-disable-next-line no-undef\n      props.name = (_ref21 = (_this$props$name = this === null || this === void 0 || (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.name) !== null && _this$props$name !== void 0 ? _this$props$name : this === null || this === void 0 || (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.item) === null || _this$props2 === void 0 ? void 0 : _this$props2.customName) !== null && _ref21 !== void 0 ? _ref21 : this === null || this === void 0 || (_this$props3 = this.props) === null || _this$props3 === void 0 || (_this$props3 = _this$props3.item) === null || _this$props3 === void 0 ? void 0 : _this$props3.fieldName;\n      props.onChange = function (event) {\n        if (_this6.props.onChange) {\n          _this6.props.onChange(event.target.checked);\n        }\n      };\n      //props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      props.autoComplete = \"new-password\";\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.inputRef = this.inputField;\n      }\n      props.checked = this.props.value;\n      //props.inline = this.props.item.inline ?? false;\n\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: this.props.item.boxLabel\n          }\n        }), \": \", this.props.value === true ? 'Yes' : 'No')));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({\n        className: \"form-label\"\n      }, this.props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n        type: \"checkbox\",\n        variant: (_this$props$checkboxB = this.props.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : \"outline-light\",\n        className: \"btn-survey-builder-checkbox w-100\",\n        value: props.name,\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n      }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"text-start\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        dangerouslySetInnerHTML: {\n          __html: this.props.item.boxLabel\n        }\n      })))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help3 = (_this$props$item3 = this.props.item) === null || _this$props$item3 === void 0 ? void 0 : _this$props$item3.helpClassName) !== null && _this$props$item$help3 !== void 0 ? _this$props$item$help3 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar RadioButtons = /*#__PURE__*/function (_React$Component4) {\n  function RadioButtons(props) {\n    var _this7;\n    _classCallCheck(this, RadioButtons);\n    _this7 = _callSuper(this, RadioButtons, [props]);\n    _this7.options = {};\n    return _this7;\n  }\n  _inherits(RadioButtons, _React$Component4);\n  return _createClass(RadioButtons, [{\n    key: \"render\",\n    value: function render() {\n      var _ref22,\n        _self$props$name2,\n        _self$props4,\n        _self$props5,\n        _self$props6,\n        _this8 = this,\n        _self$props$item$help,\n        _self$props$item;\n      var self = this;\n      var name = (_ref22 = (_self$props$name2 = self === null || self === void 0 || (_self$props4 = self.props) === null || _self$props4 === void 0 ? void 0 : _self$props4.name) !== null && _self$props$name2 !== void 0 ? _self$props$name2 : self === null || self === void 0 || (_self$props5 = self.props) === null || _self$props5 === void 0 || (_self$props5 = _self$props5.item) === null || _self$props5 === void 0 ? void 0 : _self$props5.customName) !== null && _ref22 !== void 0 ? _ref22 : self === null || self === void 0 || (_self$props6 = self.props) === null || _self$props6 === void 0 || (_self$props6 = _self$props6.item) === null || _self$props6 === void 0 ? void 0 : _self$props6.fieldName;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this8.props.value === option.value;\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      // console.log('self.props', self.props);\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, self.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_self$props$item$help = (_self$props$item = self.props.item) === null || _self$props$item === void 0 ? void 0 : _self$props$item.helpClassName) !== null && _self$props$item$help !== void 0 ? _self$props$item$help : 'text-muted'\n      }, self.props.item.help)) : null, self.props.item.options.map(function (option) {\n        var _self$props$checkboxB, _self$props7, _self$props8, _self$props10, _self$props11;\n        // console.log('option', option);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : \"outline-light\",\n          className: \"btn-survey-builder-checkbox w-100\",\n          key: \"preview_\".concat(option.key),\n          id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          disabled: self === null || self === void 0 || (_self$props7 = self.props) === null || _self$props7 === void 0 || (_self$props7 = _self$props7.item) === null || _self$props7 === void 0 ? void 0 : _self$props7.disabled,\n          name: name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props8 = self.props) === null || _self$props8 === void 0 ? void 0 : _self$props8.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props9;\n            if ((self === null || self === void 0 || (_self$props9 = self.props) === null || _self$props9 === void 0 ? void 0 : _self$props9.onChange) !== undefined) {\n              console.log(e.target.value);\n              self.props.onChange(e.target.value);\n            }\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, (self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 ? void 0 : _self$props10.value) !== option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), (self === null || self === void 0 || (_self$props11 = self.props) === null || _self$props11 === void 0 ? void 0 : _self$props11.value) === option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: option.text\n          }\n        }))));\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar ButtonList = /*#__PURE__*/function (_React$Component5) {\n  function ButtonList(props) {\n    var _this9;\n    _classCallCheck(this, ButtonList);\n    _this9 = _callSuper(this, ButtonList, [props]);\n    _this9.options = {};\n    return _this9;\n  }\n  _inherits(ButtonList, _React$Component5);\n  return _createClass(ButtonList, [{\n    key: \"render\",\n    value: function render() {\n      var _ref23,\n        _self$props$name3,\n        _self$props12,\n        _self$props13,\n        _self$props14,\n        _this10 = this,\n        _self$props$item$help2,\n        _self$props$item2;\n      var self = this;\n      var name = (_ref23 = (_self$props$name3 = self === null || self === void 0 || (_self$props12 = self.props) === null || _self$props12 === void 0 ? void 0 : _self$props12.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : self === null || self === void 0 || (_self$props13 = self.props) === null || _self$props13 === void 0 || (_self$props13 = _self$props13.item) === null || _self$props13 === void 0 ? void 0 : _self$props13.customName) !== null && _ref23 !== void 0 ? _ref23 : self === null || self === void 0 || (_self$props14 = self.props) === null || _self$props14 === void 0 || (_self$props14 = _self$props14.item) === null || _self$props14 === void 0 ? void 0 : _self$props14.fieldName;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this10.props.value === option.value;\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      // console.log('self.props', self.props);\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, self.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_self$props$item$help2 = (_self$props$item2 = self.props.item) === null || _self$props$item2 === void 0 ? void 0 : _self$props$item2.helpClassName) !== null && _self$props$item$help2 !== void 0 ? _self$props$item$help2 : 'text-muted'\n      }, self.props.item.help)) : null, self.props.item.options.map(function (option) {\n        var _self$props$checkboxB2, _self$props15, _self$props16;\n        // console.log('option', option);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_self$props$checkboxB2 = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB2 !== void 0 ? _self$props$checkboxB2 : \"outline-light\",\n          className: \"btn-survey-builder-checkbox w-100\",\n          key: \"preview_\".concat(option.key),\n          id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          disabled: self === null || self === void 0 || (_self$props15 = self.props) === null || _self$props15 === void 0 || (_self$props15 = _self$props15.item) === null || _self$props15 === void 0 ? void 0 : _self$props15.disabled,\n          name: name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props16 = self.props) === null || _self$props16 === void 0 ? void 0 : _self$props16.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props17, _self$props18;\n            // console.log('onChange', e.target.value);\n            if ((self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 ? void 0 : _self$props17.onChange) !== undefined) {\n              self.props.onChange(e.target.value);\n            }\n            if ((self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.onSelect) !== undefined) {\n              self.props.onSelect(e.target.value);\n            }\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: option.text\n          }\n        }))));\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = function Image(props) {\n  var style = props.item.center ? {\n    textAlign: 'center'\n  } : null;\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread(_objectSpread({}, props.style), style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n    src: props.item.src,\n    width: props.item.width,\n    height: props.item.height\n  }), !props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: \"no-image\"\n  }, \"No Image\"));\n};\nvar Rating = function Rating(_ref24) {\n  var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;\n  var name = _ref24.name,\n    onChange = _ref24.onChange,\n    value = _ref24.value,\n    style = _ref24.style,\n    item = _ref24.item,\n    props = _objectWithoutProperties(_ref24, _excluded9);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    required: (_item$required25 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required25 !== void 0 ? _item$required25 : false,\n    disabled: (_item$disabled17 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled17 !== void 0 ? _item$disabled17 : false\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required26 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required26 !== void 0 ? _item$required26 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref25) {\n    var _ref25$field = _ref25.field,\n      onChange = _ref25$field.onChange,\n      onBlur = _ref25$field.onBlur,\n      value = _ref25$field.value,\n      name = _ref25$field.name,\n      ref = _ref25$field.ref,\n      _ref25$fieldState = _ref25.fieldState,\n      invalid = _ref25$fieldState.invalid,\n      isTouched = _ref25$fieldState.isTouched,\n      isDirty = _ref25$fieldState.isDirty,\n      error = _ref25$fieldState.error,\n      formState = _ref25.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n      onBlur: onBlur,\n      onRatingClick: function onRatingClick(event, _ref26) {\n        var rating = _ref26.rating;\n        onChange(rating);\n        onChangeHandler(rating);\n      },\n      rating: !isNaN(value) ? parseFloat(value, 10) : 0,\n      name: name,\n      editing: item.mutable\n      // ref={ref}\n      ,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = !isNaN(value) ? parseFloat(value, 10) : 0;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled18;\n    controllerProps.disabled = (_item$disabled18 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled18 !== void 0 ? _item$disabled18 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required27;\n    controllerProps.required = (_item$required27 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required27 !== void 0 ? _item$required27 : false;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName17;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n      onRatingClick: function onRatingClick(event, _ref27) {\n        var rating = _ref27.rating;\n        onChange(rating);\n        onChangeHandler(rating);\n      },\n      rating: !isNaN(value) ? Number(value) : 0,\n      name: name,\n      editing: false,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName17 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName17 !== void 0 ? _item$helpClassName17 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName18 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName18 !== void 0 ? _item$helpClassName18 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar HyperLink = function HyperLink(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n    target: \"_blank\",\n    href: props.item.href,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(props.item.content)\n    }\n  }))));\n};\nvar Download = function Download(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n    href: \"\".concat(props.downloadPath, \"?id=\").concat(props.item.filePath)\n  }, props.item.content)));\n};\nvar Camera = /*#__PURE__*/function (_React$Component6) {\n  function Camera(props) {\n    var _this11;\n    _classCallCheck(this, Camera);\n    _this11 = _callSuper(this, Camera, [props]);\n    _defineProperty(_this11, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this11.setState({\n          img: event.target.files[0]\n        });\n        if (_this11.props.onChange) {\n          _this11.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this11, \"clearImage\", function () {\n      _this11.setState({\n        img: null\n      });\n      if (_this11.props.onChange) {\n        _this11.props.onChange(null);\n      }\n    });\n    _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this11.state = {\n      img: props.value\n    };\n    return _this11;\n  }\n  _inherits(Camera, _React$Component6);\n  return _createClass(Camera, [{\n    key: \"getImageSizeProps\",\n    value: function getImageSizeProps(_ref28) {\n      var width = _ref28.width,\n        height = _ref28.height;\n      var imgProps = {\n        width: '100%'\n      };\n      if (width) {\n        imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n      }\n      if (height) {\n        imgProps.height = height;\n      }\n      return imgProps;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this$props$checkboxB2, _this$props4, _this$props$item$help4, _this$props$item4;\n      var imageStyle = {\n        objectFit: 'scale-down',\n        objectPosition: this.props.item.center ? 'center' : 'left'\n      };\n      var fileInputStyle = this.state.img ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n        console.log(this.props.value);\n        if (this.props.value.indexOf(this.props.name > -1)) {\n          sourceDataURL = this.props.value;\n        } else {\n          sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n        }\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], _extends({\n        style: imageStyle,\n        src: sourceDataURL\n      }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: \"image/*\",\n        capture: \"camera\",\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control d-grid gap-2 w-100\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: (_this$props$checkboxB2 = (_this$props4 = this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.checkboxButtonClassName) !== null && _this$props$checkboxB2 !== void 0 ? _this$props$checkboxB2 : \"outline-dark\",\n        className: \"d-flex align-items-center justify-content-between fw-bold\",\n        size: \"lg\"\n      }, \"Take Photo \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaCamera, null)))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n      // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n      , {\n        src: URL.createObjectURL(this.props.value),\n        height: \"100\",\n        className: \"image-upload-preview\"\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        onClick: this.clearImage\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help4 = (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName) !== null && _this$props$item$help4 !== void 0 ? _this$props$item$help4 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component7) {\n  function FileUpload(props) {\n    var _this12;\n    _classCallCheck(this, FileUpload);\n    _this12 = _callSuper(this, FileUpload, [props]);\n    _defineProperty(_this12, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this12.setState({\n          fileUpload: event.target.files[0]\n        });\n        if (_this12.props.onChange) {\n          _this12.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this12, \"clearFileUpload\", function () {\n      _this12.setState({\n        fileUpload: null\n      });\n      if (_this12.props.onChange) {\n        _this12.props.onChange(null);\n      }\n    });\n    _defineProperty(_this12, \"saveFile\", /*#__PURE__*/function () {\n      var _ref29 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {\n        var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              e.preventDefault();\n              sourceUrl = _this12.props.value;\n              _context2.next = 4;\n              return isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default()(sourceUrl, {\n                method: 'GET',\n                headers: {\n                  Accept: 'application/json',\n                  'Content-Type': 'application/json; charset=utf-8'\n                },\n                responseType: 'blob'\n              });\n            case 4:\n              response = _context2.sent;\n              dispositionHeader = response.headers.get('Content-Disposition');\n              _context2.next = 8;\n              return response.blob();\n            case 8:\n              resBlob = _context2.sent;\n              // eslint-disable-next-line no-undef\n              blob = new Blob([resBlob], {\n                type: _this12.props.item.fileType || response.headers.get('Content-Type')\n              });\n              if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {\n                fileName = dispositionHeader.split(';filename=')[1];\n                (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(blob, fileName);\n              } else {\n                _fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);\n                (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(response.url, _fileName);\n              }\n            case 11:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2);\n      }));\n      return function (_x) {\n        return _ref29.apply(this, arguments);\n      };\n    }());\n    _this12.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this12.state = {\n      fileUpload: props.value\n    };\n    return _this12;\n  }\n  _inherits(FileUpload, _React$Component7);\n  return _createClass(FileUpload, [{\n    key: \"render\",\n    value: function render() {\n      var _this$props$item$help5, _this$props$item5;\n      var fileInputStyle = this.state.fileUpload ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        onClick: this.saveFile\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: this.props.item.fileType || '*',\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"light\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"file-upload-preview\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginRight: '5px'\n        }\n      }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginLeft: '5px'\n        }\n      }, 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__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"btn-file-upload-clear\",\n        onClick: this.clearFileUpload\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help5 = (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName) !== null && _this$props$item$help5 !== void 0 ? _this$props$item$help5 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component8) {\n  function Range(props) {\n    var _this13;\n    _classCallCheck(this, Range);\n    _this13 = _callSuper(this, Range, [props]);\n    _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this13;\n  }\n  _inherits(Range, _React$Component8);\n  return _createClass(Range, [{\n    key: \"render\",\n    value: function render() {\n      var _this14 = this,\n        _this$props$item$help6,\n        _this$props$item6;\n      var props = {};\n      var name = this.props.name;\n      props.name = this.props.name;\n      props.value = this.props.value;\n      props.onChange = function (event) {\n        _this14.props.onChange(event.target.value);\n      };\n      if (this.props.item.disabled) {\n        props.disabled = true;\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      } else {\n        if (props.value === undefined) {\n          props.value = this.props.item.defaultValue;\n        }\n      }\n      props.type = 'range';\n      props.list = \"tickmarks_\".concat(name);\n      props.min = this.props.item.minValue;\n      props.max = this.props.item.maxValue;\n      props.step = this.props.item.step;\n      var datalist = [];\n      for (var i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {\n        datalist.push(i);\n      }\n      var oneBig = 100 / (datalist.length - 1);\n      var _datalist = datalist.map(function (d, idx) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n          key: \"\".concat(props.list, \"_\").concat(idx)\n        }, d);\n      });\n      var visibleMarks = datalist.map(function (d, idx) {\n        var optionProps = {};\n        var w = oneBig;\n        if (idx === 0 || idx === datalist.length - 1) {\n          w = oneBig / 2;\n        }\n        optionProps.key = \"\".concat(props.list, \"_label_\").concat(idx);\n        optionProps.style = {\n          width: \"\".concat(w, \"%\")\n        };\n        if (idx === datalist.length - 1) {\n          optionProps.style = {\n            width: \"\".concat(w, \"%\"),\n            textAlign: 'right'\n          };\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", optionProps, d);\n      });\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: name\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"range\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-start\"\n      }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-end\"\n      }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"visible_marks\"\n      }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n        id: props.list\n      }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help6 = (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName) !== null && _this$props$item$help6 !== void 0 ? _this$props$item$help6 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.ButtonList = ButtonList;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
 /***/ }),