react-survey-builder 1.0.102 → 1.0.104

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 (6) hide show
  1. package/dist/bundle.js +4 -4
  2. package/lib/form-fields.js +2 -4
  3. package/lib/form-steps.js +5 -5
  4. package/lib/form.js +5 -5
  5. package/lib/survey-elements/index.js +16 -13
  6. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -917,7 +917,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
917
917
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
918
918
 
919
919
  "use strict";
920
- 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 _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 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 _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 ReactSurveyFormFields = function ReactSurveyFormFields(_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 _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 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({\n answers: $data\n });\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var dataItems = items;\n if (displayShort) {\n dataItems = items.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 labelClassName: labelClassName,\n helpClassName: helpClassName,\n paragraphClassName: paragraphClassName\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 = items ? _toConsumableArray(items) : [];\n if (displayShort) {\n dataItems = items ? _toConsumableArray(items).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 fieldItems = dataItems.filter(function (x) {\n return !x.parentId;\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\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), fieldItems, /*#__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__ = (ReactSurveyFormFields);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-fields.jsx?");
920
+ 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 _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 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 _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 ReactSurveyFormFields = function ReactSurveyFormFields(_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 _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 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({\n answers: $data\n });\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var dataItems = items;\n if (displayShort) {\n dataItems = items.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 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: 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' || item.element === 'RadioButtons' ? 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 labelClassName: labelClassName,\n helpClassName: helpClassName,\n paragraphClassName: paragraphClassName\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 = items ? _toConsumableArray(items) : [];\n if (displayShort) {\n dataItems = items ? _toConsumableArray(items).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 fieldItems = dataItems.filter(function (x) {\n return !x.parentId;\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\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), fieldItems, /*#__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__ = (ReactSurveyFormFields);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-fields.jsx?");
921
921
 
922
922
  /***/ }),
923
923
 
@@ -928,7 +928,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
928
928
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
929
929
 
930
930
  "use strict";
931
- 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?");
931
+ 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({\n answers: $data\n });\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 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: 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' || item.element === 'RadioButtons' ? 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?");
932
932
 
933
933
  /***/ }),
934
934
 
@@ -939,7 +939,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
939
939
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
940
940
 
941
941
  "use strict";
942
- 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 _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 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 _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 ReactSurvey = function ReactSurvey(_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 _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 _ref$print = _ref.print,\n print = _ref$print === void 0 ? false : _ref$print;\n //#region useForms\n\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_9__.useForm)({\n mode: 'all',\n reValidateMode: 'onChange',\n criteriaMode: 'all',\n shouldFocusError: true,\n shouldUnregister: true\n });\n\n //#endregion\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 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 = items;\n if (displayShort) {\n dataItems = items.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 var _item$fieldName;\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 = item.fieldName) !== null && _item$fieldName !== void 0 ? _item$fieldName : item.name,\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 = items ? _toConsumableArray(items) : [];\n if (displayShort) {\n dataItems = items ? _toConsumableArray(items).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 fieldItems = dataItems.filter(function (x) {\n return !x.parentId;\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\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), fieldItems, /*#__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__ = (ReactSurvey);\n\n//# sourceURL=webpack://react-survey-builder/./src/form.jsx?");
942
+ 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 _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 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 _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 ReactSurvey = function ReactSurvey(_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 _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 _ref$print = _ref.print,\n print = _ref$print === void 0 ? false : _ref$print;\n //#region useForms\n\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_9__.useForm)({\n mode: 'all',\n reValidateMode: 'onChange',\n criteriaMode: 'all',\n shouldFocusError: true,\n shouldUnregister: true\n });\n\n //#endregion\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 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({\n answers: $data\n });\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var dataItems = items;\n if (displayShort) {\n dataItems = items.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 var _item$fieldName;\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 = item.fieldName) !== null && _item$fieldName !== void 0 ? _item$fieldName : item.name,\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 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: 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' || item.element === 'RadioButtons' ? 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 = items ? _toConsumableArray(items) : [];\n if (displayShort) {\n dataItems = items ? _toConsumableArray(items).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 fieldItems = dataItems.filter(function (x) {\n return !x.parentId;\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\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), fieldItems, /*#__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__ = (ReactSurvey);\n\n//# sourceURL=webpack://react-survey-builder/./src/form.jsx?");
943
943
 
944
944
  /***/ }),
945
945
 
@@ -1180,7 +1180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1180
1180
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1181
1181
 
1182
1182
  "use strict";
1183
- 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?");
1183
+ 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$props11, _self$props12;\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, _self$props10;\n // console.log('onChange', e.target.value);\n if ((self === null || self === void 0 || (_self$props9 = self.props) === null || _self$props9 === void 0 ? void 0 : _self$props9.onChange) !== undefined) {\n self.props.onChange(e.target.value);\n }\n if ((self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 ? void 0 : _self$props10.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 }, (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__.IoRadioButtonOff, {\n size: \"40px\",\n className: \"me-3 flex-shrink-0\"\n }), (self === null || self === void 0 || (_self$props12 = self.props) === null || _self$props12 === void 0 ? void 0 : _self$props12.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$props13,\n _self$props14,\n _self$props15,\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$props13 = self.props) === null || _self$props13 === void 0 ? void 0 : _self$props13.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : 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.customName) !== null && _ref23 !== void 0 ? _ref23 : 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.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$props16, _self$props17;\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$props16 = self.props) === null || _self$props16 === void 0 || (_self$props16 = _self$props16.item) === null || _self$props16 === void 0 ? void 0 : _self$props16.disabled,\n name: name,\n value: option.value,\n checked: (self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 ? void 0 : _self$props17.value) === option.value,\n onChange: function onChange(e) {\n var _self$props18, _self$props19;\n // console.log('onChange', e.target.value);\n if ((self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.onChange) !== undefined) {\n self.props.onChange(e.target.value);\n }\n if ((self === null || self === void 0 || (_self$props19 = self.props) === null || _self$props19 === void 0 ? void 0 : _self$props19.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?");
1184
1184
 
1185
1185
  /***/ }),
1186
1186