react-survey-builder 1.0.98 → 1.0.100

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 (7) hide show
  1. package/dist/bundle.js +3 -3
  2. package/dist/src_survey-elements-edit_jsx.bundle.js +1 -1
  3. package/lib/form-fields.js +3 -1
  4. package/lib/form-steps.js +6 -1
  5. package/lib/survey-elements/index.js +6 -3
  6. package/lib/survey-elements-edit.js +4 -4
  7. 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($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 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 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?");
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($data);\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var $dataItems = _toConsumableArray(items);\n if (displayShort) {\n $dataItems = $dataItems.filter(function (i) {\n return i.alternateForm === true;\n });\n }\n $dataItems.forEach(function (item) {\n if (_isIncorrect(item)) {\n if (methods) {\n methods.setError(item.fieldName, {\n type: 'incorrect',\n message: \"\".concat(item.label, \" was answered incorrectly\")\n });\n }\n hasErrors = true;\n }\n });\n return hasErrors;\n };\n var getDataItemById = function getDataItemById(id) {\n var $dataItem = items.find(function (x) {\n return x.id === id;\n });\n if ($dataItem !== undefined) {\n var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n return _objectSpread(_objectSpread({}, $dataItem), {}, {\n fieldRules: getFieldRules($dataItem),\n print: print !== null && print !== void 0 ? print : false,\n readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n mutable: true,\n name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n key: \"form_\".concat($dataItem.id),\n item: $dataItem,\n defaultValue: _getDefaultValue($dataItem),\n staticVariables: staticVariables,\n labelClassName: labelClassName,\n helpClassName: helpClassName\n });\n }\n return null;\n };\n var getStandardElement = function getStandardElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n name: item.fieldName,\n key: \"form_\".concat(item.id),\n item: item,\n defaultValue: _getDefaultValue(item),\n onChange: handleChange,\n labelClassName: labelClassName,\n helpClassName: helpClassName\n });\n };\n var getInputElement = function getInputElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref5) {\n var _ref5$field = _ref5.field,\n _onChange = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e);\n if (item.element !== 'ButtonList') {\n handleChange(e);\n }\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n labelClassName: labelClassName,\n helpClassName: helpClassName,\n onSelect: item.element === 'ButtonList' ? function (e) {\n if (item.element === 'ButtonList') {\n _onChange(e);\n handleSelect(e);\n }\n } : undefined\n });\n }\n });\n };\n var getContainerElement = function getContainerElement(item, Element) {\n var _item$childItems;\n var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n }) : [];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n controls: controls,\n items: items,\n answers: formAnswers\n });\n };\n var getSimpleElement = function getSimpleElement(item) {\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n headerClassName: headerClassName,\n paragraphClassName: paragraphClassName,\n labelClassName: labelClassName,\n helpClassName: helpClassName\n });\n };\n var getCustomElement = function getCustomElement(item) {\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref6) {\n var _ref6$field = _ref6.field,\n _onChange2 = _ref6$field.onChange,\n onBlur = _ref6$field.onBlur,\n value = _ref6$field.value,\n name = _ref6$field.name,\n ref = _ref6$field.ref,\n _ref6$fieldState = _ref6.fieldState,\n invalid = _ref6$fieldState.invalid,\n isTouched = _ref6$fieldState.isTouched,\n isDirty = _ref6$fieldState.isDirty,\n error = _ref6$fieldState.error,\n formState = _ref6.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n };\n var getFieldRules = function getFieldRules(item) {\n var fieldRules = {};\n if (item.fieldRules !== undefined && item.fieldRules !== null) {\n fieldRules = _objectSpread({}, item.fieldRules);\n }\n if (item.required) {\n fieldRules.required = \"Required Field\";\n }\n return fieldRules;\n };\n var handleRenderSubmit = function handleRenderSubmit() {\n var actionName = actionName || 'Submit';\n var buttonProps = {};\n if (formId) {\n buttonProps.form = formId;\n }\n return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"primary\",\n type: \"submit\"\n }, actionName);\n };\n var handleRenderBack = function handleRenderBack() {\n var backName = backName || 'Cancel';\n return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"secondary\",\n onClick: backAction,\n className: \"btn-cancel\"\n }, backName);\n };\n var getFieldElement = function getFieldElement(item) {\n var _ref7, _ref8, _ref9;\n if (!item) return null;\n item.fieldRules = getFieldRules(item);\n item.print = print !== null && print !== void 0 ? print : false;\n item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n item.mutable = true;\n item.staticVariables = staticVariables;\n item.labelClassName = labelClassName;\n item.helpClassName = helpClassName;\n switch (item.element) {\n case 'RadioButtons':\n case 'ButtonList':\n case 'Range':\n case 'Checkbox':\n return getInputElement(item);\n case 'Rating':\n case 'Tags':\n case 'Dropdown':\n case 'TextInput':\n case 'EmailInput':\n case 'NumberInput':\n case 'TextArea':\n case 'PhoneNumber':\n case 'DatePicker':\n return getStandardElement(item);\n case 'CustomElement':\n return getCustomElement(item);\n case 'MultiColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n case 'ThreeColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n case 'TwoColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n case 'Step':\n return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n case 'Fieldset':\n return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.Fieldset);\n case 'Signature':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref10) {\n var _ref10$field = _ref10.field,\n _onChange3 = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n methods: methods,\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n item: item,\n labelClassName: labelClassName,\n helpClassName: helpClassName\n });\n }\n });\n case 'Checkboxes':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _optionsDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n labelClassName: labelClassName,\n helpClassName: helpClassName\n });\n }\n });\n case 'Image':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Download':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n downloadPath: downloadPath,\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Camera':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref12) {\n var _ref12$field = _ref12.field,\n _onChange5 = _ref12$field.onChange,\n onBlur = _ref12$field.onBlur,\n value = _ref12$field.value,\n name = _ref12$field.name,\n ref = _ref12$field.ref,\n _ref12$fieldState = _ref12.fieldState,\n invalid = _ref12$fieldState.invalid,\n isTouched = _ref12$fieldState.isTouched,\n isDirty = _ref12$fieldState.isDirty,\n error = _ref12$fieldState.error,\n formState = _ref12.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n labelClassName: labelClassName,\n helpClassName: helpClassName\n });\n }\n });\n case 'FileUpload':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref13) {\n var _ref13$field = _ref13.field,\n _onChange6 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n labelClassName: labelClassName,\n helpClassName: helpClassName\n });\n }\n });\n default:\n return getSimpleElement(item);\n }\n };\n\n //#endregion\n\n var dataItems = activeStep ? [activeStep] : [];\n if (displayShort) {\n dataItems = activeStep ? [activeStep].filter(function (i) {\n return i.alternateForm === true;\n }) : [];\n }\n dataItems.forEach(function (item) {\n if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n answerData.current[item.fieldName] = variables[item.variableKey];\n }\n });\n var stepItems = dataItems.filter(function (x) {\n return !x.parentId && x.element === 'Step';\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\n }\n\n // React.useEffect(() => {\n // \tanswerData.current = _convert(answers);\n // }, [answers]);\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-form\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n onSubmit: methods.handleSubmit(handleSubmit)\n }, formProps), stepItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: buttonClassName ? buttonClassName : 'btn-toolbar'\n }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurveyFormSteps);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-steps.jsx?");
932
932
 
933
933
  /***/ }),
934
934
 
@@ -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 if ((self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 ? void 0 : _self$props17.onChange) !== undefined) {\n console.log(e.target.value);\n self.props.onChange(e.target.value);\n }\n if ((self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.onSelect) !== undefined) {\n console.log(e.target.value);\n self.props.onSelect(e.target.value);\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-start\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: option.text\n }\n }))));\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = function Image(props) {\n var style = props.item.center ? {\n textAlign: 'center'\n } : null;\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, props.style), style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: props.item.src,\n width: props.item.width,\n height: props.item.height\n }), !props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"no-image\"\n }, \"No Image\"));\n};\nvar Rating = function Rating(_ref24) {\n var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;\n var name = _ref24.name,\n onChange = _ref24.onChange,\n value = _ref24.value,\n style = _ref24.style,\n item = _ref24.item,\n props = _objectWithoutProperties(_ref24, _excluded9);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n required: (_item$required25 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required25 !== void 0 ? _item$required25 : false,\n disabled: (_item$disabled17 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled17 !== void 0 ? _item$disabled17 : false\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required26 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required26 !== void 0 ? _item$required26 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref25) {\n var _ref25$field = _ref25.field,\n onChange = _ref25$field.onChange,\n onBlur = _ref25$field.onBlur,\n value = _ref25$field.value,\n name = _ref25$field.name,\n ref = _ref25$field.ref,\n _ref25$fieldState = _ref25.fieldState,\n invalid = _ref25$fieldState.invalid,\n isTouched = _ref25$fieldState.isTouched,\n isDirty = _ref25$fieldState.isDirty,\n error = _ref25$fieldState.error,\n formState = _ref25.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n onBlur: onBlur,\n onRatingClick: function onRatingClick(event, _ref26) {\n var rating = _ref26.rating;\n onChange(rating);\n onChangeHandler(rating);\n },\n rating: !isNaN(value) ? parseFloat(value, 10) : 0,\n name: name,\n editing: item.mutable\n // ref={ref}\n ,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (value !== undefined) {\n controllerProps.defaultValue = !isNaN(value) ? parseFloat(value, 10) : 0;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled18;\n controllerProps.disabled = (_item$disabled18 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled18 !== void 0 ? _item$disabled18 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required27;\n controllerProps.required = (_item$required27 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required27 !== void 0 ? _item$required27 : false;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName17;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n onRatingClick: function onRatingClick(event, _ref27) {\n var rating = _ref27.rating;\n onChange(rating);\n onChangeHandler(rating);\n },\n rating: !isNaN(value) ? Number(value) : 0,\n name: name,\n editing: false,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName17 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName17 !== void 0 ? _item$helpClassName17 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName18 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName18 !== void 0 ? _item$helpClassName18 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar HyperLink = function HyperLink(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n target: \"_blank\",\n href: props.item.href,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(props.item.content)\n }\n }))));\n};\nvar Download = function Download(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n href: \"\".concat(props.downloadPath, \"?id=\").concat(props.item.filePath)\n }, props.item.content)));\n};\nvar Camera = /*#__PURE__*/function (_React$Component6) {\n function Camera(props) {\n var _this11;\n _classCallCheck(this, Camera);\n _this11 = _callSuper(this, Camera, [props]);\n _defineProperty(_this11, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this11.setState({\n img: event.target.files[0]\n });\n if (_this11.props.onChange) {\n _this11.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this11, \"clearImage\", function () {\n _this11.setState({\n img: null\n });\n if (_this11.props.onChange) {\n _this11.props.onChange(null);\n }\n });\n _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this11.state = {\n img: props.value\n };\n return _this11;\n }\n _inherits(Camera, _React$Component6);\n return _createClass(Camera, [{\n key: \"getImageSizeProps\",\n value: function getImageSizeProps(_ref28) {\n var width = _ref28.width,\n height = _ref28.height;\n var imgProps = {\n width: '100%'\n };\n if (width) {\n imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n }\n if (height) {\n imgProps.height = height;\n }\n return imgProps;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props$checkboxB2, _this$props4, _this$props$item$help4, _this$props$item4;\n var imageStyle = {\n objectFit: 'scale-down',\n objectPosition: this.props.item.center ? 'center' : 'left'\n };\n var fileInputStyle = this.state.img ? {\n display: 'none'\n } : null;\n var props = {};\n props.name = this.props.name;\n props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n props.onChange = this.handleChange;\n props.onClick = function (event) {\n event.target.value = null;\n };\n props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n var sourceDataURL;\n if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n console.log(this.props.value);\n if (this.props.value.indexOf(this.props.name > -1)) {\n sourceDataURL = this.props.value;\n } else {\n sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], _extends({\n style: imageStyle,\n src: sourceDataURL\n }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: fileInputStyle\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n type: \"file\",\n accept: \"image/*\",\n capture: \"camera\",\n className: \"image-upload\"\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-control d-grid gap-2 w-100\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: (_this$props$checkboxB2 = (_this$props4 = this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.checkboxButtonClassName) !== null && _this$props$checkboxB2 !== void 0 ? _this$props$checkboxB2 : \"outline-dark\",\n className: \"d-flex align-items-center justify-content-between fw-bold\",\n size: \"lg\"\n }, \"Take Photo \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaCamera, null)))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n , {\n src: URL.createObjectURL(this.props.value),\n height: \"100\",\n className: \"image-upload-preview\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n onClick: this.clearImage\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help4 = (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName) !== null && _this$props$item$help4 !== void 0 ? _this$props$item$help4 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component7) {\n function FileUpload(props) {\n var _this12;\n _classCallCheck(this, FileUpload);\n _this12 = _callSuper(this, FileUpload, [props]);\n _defineProperty(_this12, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this12.setState({\n fileUpload: event.target.files[0]\n });\n if (_this12.props.onChange) {\n _this12.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this12, \"clearFileUpload\", function () {\n _this12.setState({\n fileUpload: null\n });\n if (_this12.props.onChange) {\n _this12.props.onChange(null);\n }\n });\n _defineProperty(_this12, \"saveFile\", /*#__PURE__*/function () {\n var _ref29 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {\n var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n e.preventDefault();\n sourceUrl = _this12.props.value;\n _context2.next = 4;\n return isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default()(sourceUrl, {\n method: 'GET',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json; charset=utf-8'\n },\n responseType: 'blob'\n });\n case 4:\n response = _context2.sent;\n dispositionHeader = response.headers.get('Content-Disposition');\n _context2.next = 8;\n return response.blob();\n case 8:\n resBlob = _context2.sent;\n // eslint-disable-next-line no-undef\n blob = new Blob([resBlob], {\n type: _this12.props.item.fileType || response.headers.get('Content-Type')\n });\n if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {\n fileName = dispositionHeader.split(';filename=')[1];\n (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(blob, fileName);\n } else {\n _fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);\n (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(response.url, _fileName);\n }\n case 11:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }));\n return function (_x) {\n return _ref29.apply(this, arguments);\n };\n }());\n _this12.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this12.state = {\n fileUpload: props.value\n };\n return _this12;\n }\n _inherits(FileUpload, _React$Component7);\n return _createClass(FileUpload, [{\n key: \"render\",\n value: function render() {\n var _this$props$item$help5, _this$props$item5;\n var fileInputStyle = this.state.fileUpload ? {\n display: 'none'\n } : null;\n var props = {};\n props.name = this.props.name;\n props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n props.onChange = this.handleChange;\n props.onClick = function (event) {\n event.target.value = null;\n };\n props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n onClick: this.saveFile\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: fileInputStyle\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n type: \"file\",\n accept: this.props.item.fileType || '*',\n className: \"image-upload\"\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-control\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"light\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"file-upload-preview\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: {\n display: 'inline-block',\n marginRight: '5px'\n }\n }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: {\n display: 'inline-block',\n marginLeft: '5px'\n }\n }, this.state.fileUpload.size.length > 6 ? \"Size: \".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), \" mb\") : \"Size: \".concat(Math.ceil(this.state.fileUpload.size / 1024), \" kb\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n className: \"btn-file-upload-clear\",\n onClick: this.clearFileUpload\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help5 = (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName) !== null && _this$props$item$help5 !== void 0 ? _this$props$item$help5 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component8) {\n function Range(props) {\n var _this13;\n _classCallCheck(this, Range);\n _this13 = _callSuper(this, Range, [props]);\n _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this13;\n }\n _inherits(Range, _React$Component8);\n return _createClass(Range, [{\n key: \"render\",\n value: function render() {\n var _this14 = this,\n _this$props$item$help6,\n _this$props$item6;\n var props = {};\n var name = this.props.name;\n props.name = this.props.name;\n props.value = this.props.value;\n props.onChange = function (event) {\n _this14.props.onChange(event.target.value);\n };\n if (this.props.item.disabled) {\n props.disabled = true;\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n } else {\n if (props.value === undefined) {\n props.value = this.props.item.defaultValue;\n }\n }\n props.type = 'range';\n props.list = \"tickmarks_\".concat(name);\n props.min = this.props.item.minValue;\n props.max = this.props.item.maxValue;\n props.step = this.props.item.step;\n var datalist = [];\n for (var i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {\n datalist.push(i);\n }\n var oneBig = 100 / (datalist.length - 1);\n var _datalist = datalist.map(function (d, idx) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n key: \"\".concat(props.list, \"_\").concat(idx)\n }, d);\n });\n var visibleMarks = datalist.map(function (d, idx) {\n var optionProps = {};\n var w = oneBig;\n if (idx === 0 || idx === datalist.length - 1) {\n w = oneBig / 2;\n }\n optionProps.key = \"\".concat(props.list, \"_label_\").concat(idx);\n optionProps.style = {\n width: \"\".concat(w, \"%\")\n };\n if (idx === datalist.length - 1) {\n optionProps.style = {\n width: \"\".concat(w, \"%\"),\n textAlign: 'right'\n };\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", optionProps, d);\n });\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n className: \"float-start\"\n }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n className: \"float-end\"\n }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"visible_marks\"\n }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n id: props.list\n }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help6 = (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName) !== null && _this$props$item$help6 !== void 0 ? _this$props$item$help6 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.ButtonList = ButtonList;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
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;\n if ((self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 ? void 0 : _self$props17.onChange) !== undefined) {\n // console.log(e.target.value); \n self.props.onChange(e.target.value);\n }\n },\n onClick: function onClick(e) {\n var _self$props18;\n if ((self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.onSelect) !== undefined) {\n // console.log(e.target.value); \n self.props.onSelect(e.target.value);\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-start\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: option.text\n }\n }))));\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = function Image(props) {\n var style = props.item.center ? {\n textAlign: 'center'\n } : null;\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, props.style), style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: props.item.src,\n width: props.item.width,\n height: props.item.height\n }), !props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"no-image\"\n }, \"No Image\"));\n};\nvar Rating = function Rating(_ref24) {\n var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;\n var name = _ref24.name,\n onChange = _ref24.onChange,\n value = _ref24.value,\n style = _ref24.style,\n item = _ref24.item,\n props = _objectWithoutProperties(_ref24, _excluded9);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n required: (_item$required25 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required25 !== void 0 ? _item$required25 : false,\n disabled: (_item$disabled17 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled17 !== void 0 ? _item$disabled17 : false\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required26 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required26 !== void 0 ? _item$required26 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref25) {\n var _ref25$field = _ref25.field,\n onChange = _ref25$field.onChange,\n onBlur = _ref25$field.onBlur,\n value = _ref25$field.value,\n name = _ref25$field.name,\n ref = _ref25$field.ref,\n _ref25$fieldState = _ref25.fieldState,\n invalid = _ref25$fieldState.invalid,\n isTouched = _ref25$fieldState.isTouched,\n isDirty = _ref25$fieldState.isDirty,\n error = _ref25$fieldState.error,\n formState = _ref25.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n onBlur: onBlur,\n onRatingClick: function onRatingClick(event, _ref26) {\n var rating = _ref26.rating;\n onChange(rating);\n onChangeHandler(rating);\n },\n rating: !isNaN(value) ? parseFloat(value, 10) : 0,\n name: name,\n editing: item.mutable\n // ref={ref}\n ,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (value !== undefined) {\n controllerProps.defaultValue = !isNaN(value) ? parseFloat(value, 10) : 0;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled18;\n controllerProps.disabled = (_item$disabled18 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled18 !== void 0 ? _item$disabled18 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required27;\n controllerProps.required = (_item$required27 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required27 !== void 0 ? _item$required27 : false;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName17;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n onRatingClick: function onRatingClick(event, _ref27) {\n var rating = _ref27.rating;\n onChange(rating);\n onChangeHandler(rating);\n },\n rating: !isNaN(value) ? Number(value) : 0,\n name: name,\n editing: false,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName17 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName17 !== void 0 ? _item$helpClassName17 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName18 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName18 !== void 0 ? _item$helpClassName18 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar HyperLink = function HyperLink(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n target: \"_blank\",\n href: props.item.href,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(props.item.content)\n }\n }))));\n};\nvar Download = function Download(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n href: \"\".concat(props.downloadPath, \"?id=\").concat(props.item.filePath)\n }, props.item.content)));\n};\nvar Camera = /*#__PURE__*/function (_React$Component6) {\n function Camera(props) {\n var _this11;\n _classCallCheck(this, Camera);\n _this11 = _callSuper(this, Camera, [props]);\n _defineProperty(_this11, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this11.setState({\n img: event.target.files[0]\n });\n if (_this11.props.onChange) {\n _this11.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this11, \"clearImage\", function () {\n _this11.setState({\n img: null\n });\n if (_this11.props.onChange) {\n _this11.props.onChange(null);\n }\n });\n _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this11.state = {\n img: props.value\n };\n return _this11;\n }\n _inherits(Camera, _React$Component6);\n return _createClass(Camera, [{\n key: \"getImageSizeProps\",\n value: function getImageSizeProps(_ref28) {\n var width = _ref28.width,\n height = _ref28.height;\n var imgProps = {\n width: '100%'\n };\n if (width) {\n imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n }\n if (height) {\n imgProps.height = height;\n }\n return imgProps;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props$checkboxB2, _this$props4, _this$props$item$help4, _this$props$item4;\n var imageStyle = {\n objectFit: 'scale-down',\n objectPosition: this.props.item.center ? 'center' : 'left'\n };\n var fileInputStyle = this.state.img ? {\n display: 'none'\n } : null;\n var props = {};\n props.name = this.props.name;\n props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n props.onChange = this.handleChange;\n props.onClick = function (event) {\n event.target.value = null;\n };\n props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n var sourceDataURL;\n if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n console.log(this.props.value);\n if (this.props.value.indexOf(this.props.name > -1)) {\n sourceDataURL = this.props.value;\n } else {\n sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], _extends({\n style: imageStyle,\n src: sourceDataURL\n }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: fileInputStyle\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n type: \"file\",\n accept: \"image/*\",\n capture: \"camera\",\n className: \"image-upload\"\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-control d-grid gap-2 w-100\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: (_this$props$checkboxB2 = (_this$props4 = this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.checkboxButtonClassName) !== null && _this$props$checkboxB2 !== void 0 ? _this$props$checkboxB2 : \"outline-dark\",\n className: \"d-flex align-items-center justify-content-between fw-bold\",\n size: \"lg\"\n }, \"Take Photo \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaCamera, null)))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n , {\n src: URL.createObjectURL(this.props.value),\n height: \"100\",\n className: \"image-upload-preview\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n onClick: this.clearImage\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help4 = (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName) !== null && _this$props$item$help4 !== void 0 ? _this$props$item$help4 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component7) {\n function FileUpload(props) {\n var _this12;\n _classCallCheck(this, FileUpload);\n _this12 = _callSuper(this, FileUpload, [props]);\n _defineProperty(_this12, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this12.setState({\n fileUpload: event.target.files[0]\n });\n if (_this12.props.onChange) {\n _this12.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this12, \"clearFileUpload\", function () {\n _this12.setState({\n fileUpload: null\n });\n if (_this12.props.onChange) {\n _this12.props.onChange(null);\n }\n });\n _defineProperty(_this12, \"saveFile\", /*#__PURE__*/function () {\n var _ref29 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {\n var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n e.preventDefault();\n sourceUrl = _this12.props.value;\n _context2.next = 4;\n return isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default()(sourceUrl, {\n method: 'GET',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json; charset=utf-8'\n },\n responseType: 'blob'\n });\n case 4:\n response = _context2.sent;\n dispositionHeader = response.headers.get('Content-Disposition');\n _context2.next = 8;\n return response.blob();\n case 8:\n resBlob = _context2.sent;\n // eslint-disable-next-line no-undef\n blob = new Blob([resBlob], {\n type: _this12.props.item.fileType || response.headers.get('Content-Type')\n });\n if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {\n fileName = dispositionHeader.split(';filename=')[1];\n (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(blob, fileName);\n } else {\n _fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);\n (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(response.url, _fileName);\n }\n case 11:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }));\n return function (_x) {\n return _ref29.apply(this, arguments);\n };\n }());\n _this12.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this12.state = {\n fileUpload: props.value\n };\n return _this12;\n }\n _inherits(FileUpload, _React$Component7);\n return _createClass(FileUpload, [{\n key: \"render\",\n value: function render() {\n var _this$props$item$help5, _this$props$item5;\n var fileInputStyle = this.state.fileUpload ? {\n display: 'none'\n } : null;\n var props = {};\n props.name = this.props.name;\n props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n props.onChange = this.handleChange;\n props.onClick = function (event) {\n event.target.value = null;\n };\n props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n onClick: this.saveFile\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: fileInputStyle\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n type: \"file\",\n accept: this.props.item.fileType || '*',\n className: \"image-upload\"\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-control\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"light\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"file-upload-preview\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: {\n display: 'inline-block',\n marginRight: '5px'\n }\n }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: {\n display: 'inline-block',\n marginLeft: '5px'\n }\n }, this.state.fileUpload.size.length > 6 ? \"Size: \".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), \" mb\") : \"Size: \".concat(Math.ceil(this.state.fileUpload.size / 1024), \" kb\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n className: \"btn-file-upload-clear\",\n onClick: this.clearFileUpload\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help5 = (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName) !== null && _this$props$item$help5 !== void 0 ? _this$props$item$help5 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component8) {\n function Range(props) {\n var _this13;\n _classCallCheck(this, Range);\n _this13 = _callSuper(this, Range, [props]);\n _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this13;\n }\n _inherits(Range, _React$Component8);\n return _createClass(Range, [{\n key: \"render\",\n value: function render() {\n var _this14 = this,\n _this$props$item$help6,\n _this$props$item6;\n var props = {};\n var name = this.props.name;\n props.name = this.props.name;\n props.value = this.props.value;\n props.onChange = function (event) {\n _this14.props.onChange(event.target.value);\n };\n if (this.props.item.disabled) {\n props.disabled = true;\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n } else {\n if (props.value === undefined) {\n props.value = this.props.item.defaultValue;\n }\n }\n props.type = 'range';\n props.list = \"tickmarks_\".concat(name);\n props.min = this.props.item.minValue;\n props.max = this.props.item.maxValue;\n props.step = this.props.item.step;\n var datalist = [];\n for (var i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {\n datalist.push(i);\n }\n var oneBig = 100 / (datalist.length - 1);\n var _datalist = datalist.map(function (d, idx) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n key: \"\".concat(props.list, \"_\").concat(idx)\n }, d);\n });\n var visibleMarks = datalist.map(function (d, idx) {\n var optionProps = {};\n var w = oneBig;\n if (idx === 0 || idx === datalist.length - 1) {\n w = oneBig / 2;\n }\n optionProps.key = \"\".concat(props.list, \"_label_\").concat(idx);\n optionProps.style = {\n width: \"\".concat(w, \"%\")\n };\n if (idx === datalist.length - 1) {\n optionProps.style = {\n width: \"\".concat(w, \"%\"),\n textAlign: 'right'\n };\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", optionProps, d);\n });\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n className: \"float-start\"\n }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n className: \"float-end\"\n }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"visible_marks\"\n }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n id: props.list\n }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help6 = (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName) !== null && _this$props$item$help6 !== void 0 ? _this$props$item$help6 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.ButtonList = ButtonList;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
1184
1184
 
1185
1185
  /***/ }),
1186
1186