npm - react-survey-builder - Versions diffs - 1.0.107 → 1.0.109 - Mend

react-survey-builder 1.0.107 → 1.0.109

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 (10) hide show

package/dist/bundle.js +14 -4
package/dist/src_survey-elements-edit_jsx.bundle.js +2 -2
package/lib/dynamic-option-list.js +60 -5
package/lib/index.js +30 -0
package/lib/survey-elements/index.js +479 -297
package/lib/survey-elements-edit.js +138 -0
package/lib/toolbar.js +72 -4
package/lib/utils/objectUtils.js +6 -0
package/package.json +1 -1
package/types/index.d.ts +39 -26

package/dist/bundle.js CHANGED Viewed

@@ -950,7 +950,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ElementStore: () => (/* reexport safe */ _stores_store__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */   ReactSurveyBuilder: () => (/* binding */ ReactSurveyBuilder),\n/* harmony export */   ReactSurveyFieldGenerator: () => (/* binding */ ReactSurveyFieldGenerator),\n/* harmony export */   ReactSurveyGenerator: () => (/* binding */ ReactSurveyGenerator),\n/* harmony export */   ReactSurveyStepGenerator: () => (/* binding */ ReactSurveyStepGenerator),\n/* harmony export */   Registry: () => (/* reexport default from dynamic */ _stores_registry__WEBPACK_IMPORTED_MODULE_7___default.a),\n/* harmony export */   cleanUpSurveyItems: () => (/* binding */ cleanUpSurveyItems),\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_dnd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-dnd */ \"./node_modules/react-dnd/dist/esm/common/DndProvider.js\");\n/* harmony import */ var react_dnd_html5_backend__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-dnd-html5-backend */ \"./node_modules/react-dnd-html5-backend/dist/esm/index.js\");\n/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./preview */ \"./src/preview.jsx\");\n/* harmony import */ var _toolbar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbar */ \"./src/toolbar.jsx\");\n/* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./form */ \"./src/form.jsx\");\n/* harmony import */ var _form_fields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form-fields */ \"./src/form-fields.jsx\");\n/* harmony import */ var _form_steps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./form-steps */ \"./src/form-steps.jsx\");\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\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/Container.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\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 ReactSurveyBuilder = function ReactSurveyBuilder(_ref) {\n  var _ref$items = _ref.items,\n    items = _ref$items === void 0 ? [] : _ref$items,\n    _ref$showCorrectColum = _ref.showCorrectColumn,\n    showCorrectColumn = _ref$showCorrectColum === void 0 ? false : _ref$showCorrectColum,\n    _ref$files = _ref.files,\n    files = _ref$files === void 0 ? [] : _ref$files,\n    _ref$saveAlways = _ref.saveAlways,\n    saveAlways = _ref$saveAlways === void 0 ? false : _ref$saveAlways,\n    _ref$toolbarItems = _ref.toolbarItems,\n    toolbarItems = _ref$toolbarItems === void 0 ? [] : _ref$toolbarItems,\n    _ref$customToolbarIte = _ref.customToolbarItems,\n    customToolbarItems = _ref$customToolbarIte === void 0 ? [] : _ref$customToolbarIte,\n    _ref$showDescription = _ref.showDescription,\n    showDescription = _ref$showDescription === void 0 ? false : _ref$showDescription,\n    _ref$surveyName = _ref.surveyName,\n    surveyName = _ref$surveyName === void 0 ? null : _ref$surveyName,\n    _ref$saveSurveyName = _ref.saveSurveyName,\n    saveSurveyName = _ref$saveSurveyName === void 0 ? null : _ref$saveSurveyName,\n    _ref$previewSurveyBlo = _ref.previewSurveyBlock,\n    previewSurveyBlock = _ref$previewSurveyBlo === void 0 ? null : _ref$previewSurveyBlo,\n    renderEditForm = _ref.renderEditForm,\n    variables = _ref.variables,\n    staticVariables = _ref.staticVariables,\n    checkboxButtonClassName = _ref.checkboxButtonClassName,\n    headerClassName = _ref.headerClassName,\n    labelClassName = _ref.labelClassName,\n    paragraphClassName = _ref.paragraphClassName,\n    helpClassName = _ref.helpClassName,\n    onPost = _ref.onPost,\n    onLoad = _ref.onLoad,\n    url = _ref.url,\n    saveUrl = _ref.saveUrl;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    editMode = _React$useState2[0],\n    setEditMode = _React$useState2[1];\n  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    editElement = _React$useState4[0],\n    setEditElement = _React$useState4[1];\n  var saveFormData = function saveFormData() {\n    _stores_store__WEBPACK_IMPORTED_MODULE_6__[\"default\"].dispatch('post');\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_dnd__WEBPACK_IMPORTED_MODULE_8__.DndProvider, {\n    backend: react_dnd_html5_backend__WEBPACK_IMPORTED_MODULE_9__.HTML5Backend\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    fluid: true,\n    className: \"react-survey-builder position-absolute overflow-hidden\",\n    style: {\n      height: '100%'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    className: \"overflow-hidden h-100\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    xs: 9,\n    className: \"overflow-hidden h-100\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_preview__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    files: files,\n    showCorrectColumn: showCorrectColumn,\n    showDescription: showDescription,\n    items: items,\n    url: url,\n    saveUrl: saveUrl,\n    onLoad: onLoad,\n    onPost: onPost,\n    editMode: editMode,\n    setEditMode: setEditMode,\n    variables: variables,\n    staticVariables: staticVariables,\n    registry: (_stores_registry__WEBPACK_IMPORTED_MODULE_7___default()),\n    editElement: editElement,\n    setEditElement: setEditElement,\n    renderEditForm: renderEditForm,\n    saveAlways: saveAlways,\n    checkboxButtonClassName: checkboxButtonClassName,\n    headerClassName: headerClassName,\n    labelClassName: labelClassName,\n    paragraphClassName: paragraphClassName,\n    helpClassName: helpClassName\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    xs: 3,\n    className: \"overflow-hidden h-100\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    toolbarTop: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h3\", null, surveyName !== null && surveyName !== void 0 ? surveyName : 'Preview')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      className: \"d-grid gap-3 mb-3\"\n    }, !!!saveAlways ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n      onClick: function onClick() {\n        saveFormData();\n      }\n    }, saveSurveyName || 'Save Survey') : null, previewSurveyBlock ? previewSurveyBlock : null)),\n    showDescription: showDescription,\n    items: toolbarItems,\n    customItems: customToolbarItems\n  })))));\n};\nvar ReactSurveyGenerator = function ReactSurveyGenerator(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_3__[\"default\"], props);\n};\nvar ReactSurveyFieldGenerator = function ReactSurveyFieldGenerator(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form_fields__WEBPACK_IMPORTED_MODULE_4__[\"default\"], props);\n};\nvar ReactSurveyStepGenerator = function ReactSurveyStepGenerator(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form_steps__WEBPACK_IMPORTED_MODULE_5__[\"default\"], props);\n};\nvar cleanUpSurveyItems = function cleanUpSurveyItems() {\n  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  return items.map(function (item) {\n    var _item$element, _item$key;\n    var dataItem = {\n      id: item.id,\n      element: (_item$element = item.element) !== null && _item$element !== void 0 ? _item$element : (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : '',\n      text: item.text,\n      \"static\": item[\"static\"]\n    };\n    if (item.childItems !== undefined && item.childItems !== null) {\n      dataItem.childItems = item.childItems;\n    }\n    if (item.name !== undefined && item.name !== null) {\n      dataItem.name = item.name;\n    }\n    if (item.conditional !== undefined && item.conditional !== null) {\n      dataItem.conditional = item.conditional;\n    }\n    if (item.conditionalFieldName !== undefined && item.conditionalFieldName !== null) {\n      dataItem.conditionalFieldName = item.conditionalFieldName;\n    }\n    if (item.conditionalFieldValue !== undefined && item.conditionalFieldValue !== null) {\n      dataItem.conditionalFieldValue = item.conditionalFieldValue;\n    }\n    if (item.hideNextStepButton !== undefined && item.hideNextStepButton !== null) {\n      dataItem.hideNextStepButton = item.hideNextStepButton;\n    }\n    if (item.submitOnSelection !== undefined && item.submitOnSelection !== null) {\n      dataItem.submitOnSelection = item.submitOnSelection;\n    }\n    if (item.groupName !== undefined && item.groupName !== null) {\n      dataItem.groupName = item.groupName;\n    }\n    if (item.required !== undefined && item.required !== null) {\n      dataItem.required = item.required;\n    }\n    if (item.description !== undefined && item.description !== null) {\n      dataItem.description = item.description;\n    }\n    if (item.placeholder !== undefined && item.placeholder !== null) {\n      dataItem.placeholder = item.placeholder;\n    }\n    if (item.bold !== undefined && item.bold !== null) {\n      dataItem.bold = item.bold;\n    }\n    if (item.italic !== undefined && item.italic !== null) {\n      dataItem.italic = item.italic;\n    }\n    if (item.labelLocation !== undefined && item.labelLocation !== null) {\n      dataItem.labelLocation = item.labelLocation;\n    }\n    if (item.help !== undefined && item.help !== null) {\n      dataItem.help = item.help;\n    }\n    if (item.hideLabel !== undefined && item.hideLabel !== null) {\n      dataItem.hideLabel = item.hideLabel;\n    }\n    if (item.readOnly !== undefined && item.readOnly !== null) {\n      dataItem.readOnly = item.readOnly;\n    }\n    if (item.defaultToday !== undefined && item.defaultToday !== null) {\n      dataItem.defaultToday = item.defaultToday;\n    }\n    if (item.content !== undefined && item.content !== null) {\n      dataItem.content = item.content;\n    }\n    if (item.href !== undefined && item.href !== null) {\n      dataItem.href = item.href;\n    }\n    if (item.inherited !== undefined && item.inherited !== null) {\n      dataItem.inherited = item.inherited;\n    }\n    if (item.isContainer !== undefined && item.isContainer !== null) {\n      dataItem.isContainer = item.isContainer;\n    }\n    if (item.type === 'custom') {\n      elementOptions.key = item.key;\n      elementOptions.custom = true;\n      elementOptions.forwardRef = item.forwardRef;\n      elementOptions.bare = item.bare;\n      elementOptions.props = item.props;\n      elementOptions.component = item.component || null;\n      elementOptions.customOptions = item.customOptions || [];\n    }\n    if (item.pageBreakBefore !== undefined && item.pageBreakBefore !== null) {\n      dataItem.pageBreakBefore = item.pageBreakBefore;\n    }\n    if (item.alternateForm !== undefined && item.alternateForm !== null) {\n      dataItem.alternateForm = item.alternateForm;\n    }\n    if (item.inline !== undefined && item.inline !== null) {\n      dataItem.inline = item.inline;\n    }\n    if (item.className !== undefined && item.className !== null) {\n      dataItem.className = item.className;\n    }\n    if (item.src !== undefined && item.src !== null) {\n      dataItem.src = item.src;\n    }\n    if (item.dateFormat !== undefined && item.dateFormat !== null) {\n      dataItem.dateFormat = item.dateFormat;\n    }\n    if (item.filePath !== undefined && item.filePath !== null) {\n      dataItem.filePath = item.filePath;\n    }\n    if (item.step !== undefined && item.step !== null) {\n      dataItem.step = item.step;\n    }\n    if (item.minValue !== undefined && item.minValue !== null) {\n      dataItem.minValue = item.minValue;\n    }\n    if (item.maxValue !== undefined && item.maxValue !== null) {\n      dataItem.maxValue = item.maxValue;\n    }\n    if (item.minLabel !== undefined && item.minLabel !== null) {\n      dataItem.minLabel = item.minLabel;\n    }\n    if (item.maxLabel !== undefined && item.maxLabel !== null) {\n      dataItem.maxLabel = item.maxLabel;\n    }\n    if (item.defaultValue !== undefined && item.defaultValue !== null) {\n      dataItem.defaultValue = item.defaultValue;\n    }\n    if (item.colCount !== undefined && item.colCount !== null) {\n      dataItem.colCount = item.colCount;\n    }\n    if (item.fieldName !== undefined && item.fieldName !== null) {\n      dataItem.fieldName = item.fieldName;\n    }\n    if (item.label !== undefined && item.label !== null) {\n      dataItem.label = item.label;\n    }\n    if (item.options !== undefined && item.options !== null) {\n      dataItem.options = item.options;\n    }\n    return dataItem;\n  });\n};\nvar SurveyBuilders = {};\nSurveyBuilders.ReactSurveyBuilder = ReactSurveyBuilder;\nSurveyBuilders.ReactSurveyGenerator = ReactSurveyGenerator;\nSurveyBuilders.ReactSurveyFieldGenerator = ReactSurveyFieldGenerator;\nSurveyBuilders.ReactSurveyStepGenerator = ReactSurveyStepGenerator;\nSurveyBuilders.ElementStore = _stores_store__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\nSurveyBuilders.Registry = (_stores_registry__WEBPACK_IMPORTED_MODULE_7___default());\nSurveyBuilders.cleanUpSurveyItems = cleanUpSurveyItems;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyBuilders);\n\n\n//# sourceURL=webpack://react-survey-builder/./src/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ElementStore: () => (/* reexport safe */ _stores_store__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */   ReactSurveyBuilder: () => (/* binding */ ReactSurveyBuilder),\n/* harmony export */   ReactSurveyFieldGenerator: () => (/* binding */ ReactSurveyFieldGenerator),\n/* harmony export */   ReactSurveyGenerator: () => (/* binding */ ReactSurveyGenerator),\n/* harmony export */   ReactSurveyStepGenerator: () => (/* binding */ ReactSurveyStepGenerator),\n/* harmony export */   Registry: () => (/* reexport default from dynamic */ _stores_registry__WEBPACK_IMPORTED_MODULE_7___default.a),\n/* harmony export */   cleanUpSurveyItems: () => (/* binding */ cleanUpSurveyItems),\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_dnd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-dnd */ \"./node_modules/react-dnd/dist/esm/common/DndProvider.js\");\n/* harmony import */ var react_dnd_html5_backend__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-dnd-html5-backend */ \"./node_modules/react-dnd-html5-backend/dist/esm/index.js\");\n/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./preview */ \"./src/preview.jsx\");\n/* harmony import */ var _toolbar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbar */ \"./src/toolbar.jsx\");\n/* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./form */ \"./src/form.jsx\");\n/* harmony import */ var _form_fields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form-fields */ \"./src/form-fields.jsx\");\n/* harmony import */ var _form_steps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./form-steps */ \"./src/form-steps.jsx\");\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\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/Container.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\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 ReactSurveyBuilder = function ReactSurveyBuilder(_ref) {\n  var _ref$items = _ref.items,\n    items = _ref$items === void 0 ? [] : _ref$items,\n    _ref$showCorrectColum = _ref.showCorrectColumn,\n    showCorrectColumn = _ref$showCorrectColum === void 0 ? false : _ref$showCorrectColum,\n    _ref$files = _ref.files,\n    files = _ref$files === void 0 ? [] : _ref$files,\n    _ref$saveAlways = _ref.saveAlways,\n    saveAlways = _ref$saveAlways === void 0 ? false : _ref$saveAlways,\n    _ref$toolbarItems = _ref.toolbarItems,\n    toolbarItems = _ref$toolbarItems === void 0 ? [] : _ref$toolbarItems,\n    _ref$customToolbarIte = _ref.customToolbarItems,\n    customToolbarItems = _ref$customToolbarIte === void 0 ? [] : _ref$customToolbarIte,\n    _ref$showDescription = _ref.showDescription,\n    showDescription = _ref$showDescription === void 0 ? false : _ref$showDescription,\n    _ref$surveyName = _ref.surveyName,\n    surveyName = _ref$surveyName === void 0 ? null : _ref$surveyName,\n    _ref$saveSurveyName = _ref.saveSurveyName,\n    saveSurveyName = _ref$saveSurveyName === void 0 ? null : _ref$saveSurveyName,\n    _ref$previewSurveyBlo = _ref.previewSurveyBlock,\n    previewSurveyBlock = _ref$previewSurveyBlo === void 0 ? null : _ref$previewSurveyBlo,\n    renderEditForm = _ref.renderEditForm,\n    variables = _ref.variables,\n    staticVariables = _ref.staticVariables,\n    checkboxButtonClassName = _ref.checkboxButtonClassName,\n    headerClassName = _ref.headerClassName,\n    labelClassName = _ref.labelClassName,\n    paragraphClassName = _ref.paragraphClassName,\n    helpClassName = _ref.helpClassName,\n    onPost = _ref.onPost,\n    onLoad = _ref.onLoad,\n    url = _ref.url,\n    saveUrl = _ref.saveUrl;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    editMode = _React$useState2[0],\n    setEditMode = _React$useState2[1];\n  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    editElement = _React$useState4[0],\n    setEditElement = _React$useState4[1];\n  var saveFormData = function saveFormData() {\n    _stores_store__WEBPACK_IMPORTED_MODULE_6__[\"default\"].dispatch('post');\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_dnd__WEBPACK_IMPORTED_MODULE_8__.DndProvider, {\n    backend: react_dnd_html5_backend__WEBPACK_IMPORTED_MODULE_9__.HTML5Backend\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    fluid: true,\n    className: \"react-survey-builder position-absolute overflow-hidden\",\n    style: {\n      height: '100%'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    className: \"overflow-hidden h-100\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    xs: 9,\n    className: \"overflow-hidden h-100\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_preview__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    files: files,\n    showCorrectColumn: showCorrectColumn,\n    showDescription: showDescription,\n    items: items,\n    url: url,\n    saveUrl: saveUrl,\n    onLoad: onLoad,\n    onPost: onPost,\n    editMode: editMode,\n    setEditMode: setEditMode,\n    variables: variables,\n    staticVariables: staticVariables,\n    registry: (_stores_registry__WEBPACK_IMPORTED_MODULE_7___default()),\n    editElement: editElement,\n    setEditElement: setEditElement,\n    renderEditForm: renderEditForm,\n    saveAlways: saveAlways,\n    checkboxButtonClassName: checkboxButtonClassName,\n    headerClassName: headerClassName,\n    labelClassName: labelClassName,\n    paragraphClassName: paragraphClassName,\n    helpClassName: helpClassName\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    xs: 3,\n    className: \"overflow-hidden h-100\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    toolbarTop: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h3\", null, surveyName !== null && surveyName !== void 0 ? surveyName : 'Preview')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      className: \"d-grid gap-3 mb-3\"\n    }, !!!saveAlways ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n      onClick: function onClick() {\n        saveFormData();\n      }\n    }, saveSurveyName || 'Save Survey') : null, previewSurveyBlock ? previewSurveyBlock : null)),\n    showDescription: showDescription,\n    items: toolbarItems,\n    customItems: customToolbarItems\n  })))));\n};\nvar ReactSurveyGenerator = function ReactSurveyGenerator(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_3__[\"default\"], props);\n};\nvar ReactSurveyFieldGenerator = function ReactSurveyFieldGenerator(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form_fields__WEBPACK_IMPORTED_MODULE_4__[\"default\"], props);\n};\nvar ReactSurveyStepGenerator = function ReactSurveyStepGenerator(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form_steps__WEBPACK_IMPORTED_MODULE_5__[\"default\"], props);\n};\nvar cleanUpSurveyItems = function cleanUpSurveyItems() {\n  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  return items.map(function (item) {\n    var _item$element, _item$key;\n    var dataItem = {\n      id: item.id,\n      element: (_item$element = item.element) !== null && _item$element !== void 0 ? _item$element : (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : '',\n      text: item.text,\n      \"static\": item[\"static\"]\n    };\n    if (item.childItems !== undefined && item.childItems !== null) {\n      dataItem.childItems = item.childItems;\n    }\n    if (item.name !== undefined && item.name !== null) {\n      dataItem.name = item.name;\n    }\n    if (item.conditional !== undefined && item.conditional !== null) {\n      dataItem.conditional = item.conditional;\n    }\n    if (item.conditionalFieldName !== undefined && item.conditionalFieldName !== null) {\n      dataItem.conditionalFieldName = item.conditionalFieldName;\n    }\n    if (item.conditionalFieldValue !== undefined && item.conditionalFieldValue !== null) {\n      dataItem.conditionalFieldValue = item.conditionalFieldValue;\n    }\n    if (item.hideNextStepButton !== undefined && item.hideNextStepButton !== null) {\n      dataItem.hideNextStepButton = item.hideNextStepButton;\n    }\n    if (item.submitOnSelection !== undefined && item.submitOnSelection !== null) {\n      dataItem.submitOnSelection = item.submitOnSelection;\n    }\n    if (item.showRadio !== undefined && item.showRadio !== null) {\n      dataItem.showRadio = item.showRadio;\n    }\n    if (item.bgColor !== undefined && item.bgColor !== null) {\n      dataItem.bgColor = item.bgColor;\n    }\n    if (item.textColor !== undefined && item.textColor !== null) {\n      dataItem.textColor = item.textColor;\n    }\n    if (item.className !== undefined && item.className !== null) {\n      dataItem.className = item.className;\n    }\n    if (item.fieldLabelClassName !== undefined && item.fieldLabelClassName !== null) {\n      dataItem.fieldLabelClassName = item.fieldLabelClassName;\n    }\n    if (item.fieldDescriptionClassName !== undefined && item.fieldDescriptionClassName !== null) {\n      dataItem.fieldDescriptionClassName = item.fieldDescriptionClassName;\n    }\n    if (item.selectedClassName !== undefined && item.selectedClassName !== null) {\n      dataItem.selectedClassName = item.selectedClassName;\n    }\n    if (item.unselectedClassName !== undefined && item.unselectedClassName !== null) {\n      dataItem.unselectedClassName = item.unselectedClassName;\n    }\n    if (item.selectedColor !== undefined && item.selectedColor !== null) {\n      dataItem.selectedColor = item.selectedColor;\n    }\n    if (item.unselectedColor !== undefined && item.unselectedColor !== null) {\n      dataItem.unselectedColor = item.unselectedColor;\n    }\n    if (item.groupName !== undefined && item.groupName !== null) {\n      dataItem.groupName = item.groupName;\n    }\n    if (item.required !== undefined && item.required !== null) {\n      dataItem.required = item.required;\n    }\n    if (item.description !== undefined && item.description !== null) {\n      dataItem.description = item.description;\n    }\n    if (item.placeholder !== undefined && item.placeholder !== null) {\n      dataItem.placeholder = item.placeholder;\n    }\n    if (item.bold !== undefined && item.bold !== null) {\n      dataItem.bold = item.bold;\n    }\n    if (item.italic !== undefined && item.italic !== null) {\n      dataItem.italic = item.italic;\n    }\n    if (item.labelLocation !== undefined && item.labelLocation !== null) {\n      dataItem.labelLocation = item.labelLocation;\n    }\n    if (item.help !== undefined && item.help !== null) {\n      dataItem.help = item.help;\n    }\n    if (item.hideLabel !== undefined && item.hideLabel !== null) {\n      dataItem.hideLabel = item.hideLabel;\n    }\n    if (item.readOnly !== undefined && item.readOnly !== null) {\n      dataItem.readOnly = item.readOnly;\n    }\n    if (item.defaultToday !== undefined && item.defaultToday !== null) {\n      dataItem.defaultToday = item.defaultToday;\n    }\n    if (item.content !== undefined && item.content !== null) {\n      dataItem.content = item.content;\n    }\n    if (item.href !== undefined && item.href !== null) {\n      dataItem.href = item.href;\n    }\n    if (item.inherited !== undefined && item.inherited !== null) {\n      dataItem.inherited = item.inherited;\n    }\n    if (item.isContainer !== undefined && item.isContainer !== null) {\n      dataItem.isContainer = item.isContainer;\n    }\n    if (item.type === 'custom') {\n      elementOptions.key = item.key;\n      elementOptions.custom = true;\n      elementOptions.forwardRef = item.forwardRef;\n      elementOptions.bare = item.bare;\n      elementOptions.props = item.props;\n      elementOptions.component = item.component || null;\n      elementOptions.customOptions = item.customOptions || [];\n    }\n    if (item.pageBreakBefore !== undefined && item.pageBreakBefore !== null) {\n      dataItem.pageBreakBefore = item.pageBreakBefore;\n    }\n    if (item.alternateForm !== undefined && item.alternateForm !== null) {\n      dataItem.alternateForm = item.alternateForm;\n    }\n    if (item.inline !== undefined && item.inline !== null) {\n      dataItem.inline = item.inline;\n    }\n    if (item.className !== undefined && item.className !== null) {\n      dataItem.className = item.className;\n    }\n    if (item.src !== undefined && item.src !== null) {\n      dataItem.src = item.src;\n    }\n    if (item.dateFormat !== undefined && item.dateFormat !== null) {\n      dataItem.dateFormat = item.dateFormat;\n    }\n    if (item.filePath !== undefined && item.filePath !== null) {\n      dataItem.filePath = item.filePath;\n    }\n    if (item.step !== undefined && item.step !== null) {\n      dataItem.step = item.step;\n    }\n    if (item.minValue !== undefined && item.minValue !== null) {\n      dataItem.minValue = item.minValue;\n    }\n    if (item.maxValue !== undefined && item.maxValue !== null) {\n      dataItem.maxValue = item.maxValue;\n    }\n    if (item.minLabel !== undefined && item.minLabel !== null) {\n      dataItem.minLabel = item.minLabel;\n    }\n    if (item.maxLabel !== undefined && item.maxLabel !== null) {\n      dataItem.maxLabel = item.maxLabel;\n    }\n    if (item.defaultValue !== undefined && item.defaultValue !== null) {\n      dataItem.defaultValue = item.defaultValue;\n    }\n    if (item.colCount !== undefined && item.colCount !== null) {\n      dataItem.colCount = item.colCount;\n    }\n    if (item.fieldName !== undefined && item.fieldName !== null) {\n      dataItem.fieldName = item.fieldName;\n    }\n    if (item.label !== undefined && item.label !== null) {\n      dataItem.label = item.label;\n    }\n    if (item.options !== undefined && item.options !== null) {\n      dataItem.options = item.options;\n    }\n    return dataItem;\n  });\n};\nvar SurveyBuilders = {};\nSurveyBuilders.ReactSurveyBuilder = ReactSurveyBuilder;\nSurveyBuilders.ReactSurveyGenerator = ReactSurveyGenerator;\nSurveyBuilders.ReactSurveyFieldGenerator = ReactSurveyFieldGenerator;\nSurveyBuilders.ReactSurveyStepGenerator = ReactSurveyStepGenerator;\nSurveyBuilders.ElementStore = _stores_store__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\nSurveyBuilders.Registry = (_stores_registry__WEBPACK_IMPORTED_MODULE_7___default());\nSurveyBuilders.cleanUpSurveyItems = cleanUpSurveyItems;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyBuilders);\n\n\n//# sourceURL=webpack://react-survey-builder/./src/index.jsx?");
 /***/ }),
@@ -1180,7 +1180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ButtonList: () => (/* binding */ ButtonList),\n/* harmony export */   Camera: () => (/* binding */ Camera),\n/* harmony export */   Checkbox: () => (/* binding */ Checkbox),\n/* harmony export */   Checkboxes: () => (/* binding */ Checkboxes),\n/* harmony export */   ContentBody: () => (/* binding */ ContentBody),\n/* harmony export */   DatePicker: () => (/* binding */ DatePicker),\n/* harmony export */   Download: () => (/* binding */ Download),\n/* harmony export */   Dropdown: () => (/* binding */ Dropdown),\n/* harmony export */   EmailInput: () => (/* binding */ EmailInput),\n/* harmony export */   FileUpload: () => (/* binding */ FileUpload),\n/* harmony export */   Header: () => (/* binding */ Header),\n/* harmony export */   HyperLink: () => (/* binding */ HyperLink),\n/* harmony export */   Image: () => (/* binding */ Image),\n/* harmony export */   Label: () => (/* binding */ Label),\n/* harmony export */   LineBreak: () => (/* binding */ LineBreak),\n/* harmony export */   NumberInput: () => (/* binding */ NumberInput),\n/* harmony export */   Paragraph: () => (/* binding */ Paragraph),\n/* harmony export */   PhoneNumber: () => (/* binding */ PhoneNumber),\n/* harmony export */   RadioButtons: () => (/* binding */ RadioButtons),\n/* harmony export */   Range: () => (/* binding */ Range),\n/* harmony export */   Rating: () => (/* binding */ Rating),\n/* harmony export */   Signature: () => (/* binding */ Signature),\n/* harmony export */   Tags: () => (/* binding */ Tags),\n/* harmony export */   TextArea: () => (/* binding */ TextArea),\n/* harmony export */   TextInput: () => (/* binding */ TextInput),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! isomorphic-fetch */ \"./node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-signature-canvas */ \"./node_modules/react-signature-canvas/build/index.js\");\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-bootstrap-range-slider */ \"./node_modules/react-bootstrap-range-slider/dist/index.js\");\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _star_rating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./star-rating */ \"./src/survey-elements/star-rating.jsx\");\n/* harmony import */ var _component_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _component_label__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./component-label */ \"./src/survey-elements/component-label.jsx\");\n/* harmony import */ var _myxss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap-typeahead */ \"./node_modules/react-bootstrap-typeahead/es/index.js\");\n/* harmony import */ var _component_error_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-error-message */ \"./src/survey-elements/component-error-message.jsx\");\n/* harmony import */ var _utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/ipUtils */ \"./src/utils/ipUtils.jsx\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var react_icons_ri__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-icons/ri */ \"./node_modules/react-icons/ri/index.mjs\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Image.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Container.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/ToggleButton.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-imask */ \"./node_modules/react-imask/esm/index.js\");\n/* harmony import */ var libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! libphonenumber-js */ \"./node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../utils/objectUtils */ \"./src/utils/objectUtils.js\");\nvar _excluded = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded2 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded3 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded4 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded5 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded6 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded7 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded8 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n  _excluded9 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"];\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n// eslint-disable-next-line max-classes-per-file\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SurveyElements = {};\nvar Header = function Header(props) {\n  var _props$item;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.headerClassName) {\n    classNames += \" \".concat(props.headerClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"h3\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.staticVariables))\n    }\n  }));\n};\nvar ContentBody = function ContentBody(props) {\n  var _props$item2;\n  var classNames = 'static';\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__.myContentXSS.process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.staticVariables))\n    }\n  }));\n};\nvar Paragraph = function Paragraph(props) {\n  var _props$item3;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.paragraphClassName) {\n    classNames += \" \".concat(props.paragraphClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"p\", {\n    className: classNames,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item3 = props.item) === null || _props$item3 === void 0 ? void 0 : _props$item3.staticVariables))\n    }\n  }));\n};\nvar Label = function Label(props) {\n  var _props$item4;\n  var classNames = 'static';\n  if (props.item.bold) {\n    classNames += ' bold';\n  }\n  if (props.item.italic) {\n    classNames += ' italic';\n  }\n  if (props.labelClassName) {\n    classNames += \" \".concat(props.labelClassName);\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", {\n    className: \"form-label \".concat(classNames),\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item4 = props.item) === null || _props$item4 === void 0 ? void 0 : _props$item4.staticVariables))\n    }\n  }));\n};\nvar LineBreak = function LineBreak(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null));\n};\nvar TextInput = function TextInput(_ref) {\n  var _item$required, _item$disabled, _item$required2, _item$helpClassName2;\n  var name = _ref.name,\n    onChange = _ref.onChange,\n    defaultValue = _ref.defaultValue,\n    style = _ref.style,\n    item = _ref.item,\n    props = _objectWithoutProperties(_ref, _excluded);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required !== void 0 ? _item$required : false,\n    disabled: (_item$disabled = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled !== void 0 ? _item$disabled : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required2 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required2 !== void 0 ? _item$required2 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref2) {\n    var _ref2$field = _ref2.field,\n      _onChange = _ref2$field.onChange,\n      onBlur = _ref2$field.onBlur,\n      value = _ref2$field.value,\n      name = _ref2$field.name,\n      ref = _ref2$field.ref,\n      _ref2$fieldState = _ref2.fieldState,\n      invalid = _ref2$fieldState.invalid,\n      isTouched = _ref2$fieldState.isTouched,\n      isDirty = _ref2$fieldState.isDirty,\n      error = _ref2$fieldState.error,\n      formState = _ref2.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled2;\n    controllerProps.disabled = (_item$disabled2 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled2 !== void 0 ? _item$disabled2 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required3;\n    controllerProps.required = (_item$required3 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required3 !== void 0 ? _item$required3 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName !== void 0 ? _item$helpClassName : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName2 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName2 !== void 0 ? _item$helpClassName2 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar EmailInput = function EmailInput(_ref3) {\n  var _item$required4, _item$disabled3, _item$required5, _item$helpClassName4;\n  var name = _ref3.name,\n    onChange = _ref3.onChange,\n    defaultValue = _ref3.defaultValue,\n    style = _ref3.style,\n    item = _ref3.item,\n    props = _objectWithoutProperties(_ref3, _excluded2);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var validateEmail = function validateEmail(email) {\n    return email.match(\n    // eslint-disable-next-line no-useless-escape\n    /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required4 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required4 !== void 0 ? _item$required4 : false,\n    disabled: (_item$disabled3 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled3 !== void 0 ? _item$disabled3 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    minLength: {\n      value: 4,\n      message: \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" must be at least 4 characters long\")\n    },\n    validate: function validate(value) {\n      return validateEmail(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires valid email address\");\n    }\n  };\n  if ((_item$required5 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required5 !== void 0 ? _item$required5 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref4) {\n    var _ref4$field = _ref4.field,\n      _onChange2 = _ref4$field.onChange,\n      onBlur = _ref4$field.onBlur,\n      value = _ref4$field.value,\n      name = _ref4$field.name,\n      ref = _ref4$field.ref,\n      _ref4$fieldState = _ref4.fieldState,\n      invalid = _ref4$fieldState.invalid,\n      isTouched = _ref4$fieldState.isTouched,\n      isDirty = _ref4$fieldState.isDirty,\n      error = _ref4$fieldState.error,\n      formState = _ref4.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange2(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled4;\n    controllerProps.disabled = (_item$disabled4 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled4 !== void 0 ? _item$disabled4 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required6;\n    controllerProps.required = (_item$required6 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required6 !== void 0 ? _item$required6 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName3;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName3 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName3 !== void 0 ? _item$helpClassName3 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName4 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName4 !== void 0 ? _item$helpClassName4 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar PhoneNumber = function PhoneNumber(_ref5) {\n  var _item$required7, _item$disabled5, _item$required8, _item$helpClassName6;\n  var name = _ref5.name,\n    onChange = _ref5.onChange,\n    _ref5$defaultValue = _ref5.defaultValue,\n    defaultValue = _ref5$defaultValue === void 0 ? '' : _ref5$defaultValue,\n    style = _ref5.style,\n    item = _ref5.item,\n    props = _objectWithoutProperties(_ref5, _excluded3);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var toE164PhoneNumber = function toE164PhoneNumber(phoneNumberValue) {\n    if (phoneNumberValue !== undefined && phoneNumberValue !== null) {\n      //Filter only numbers from the input\n      var cleaned = ('' + phoneNumberValue).replace(/\\D/g, '');\n\n      //Check if the input is of correct\n      var match = cleaned.match(/^(1|)?(\\d{3})(\\d{3})(\\d{4})$/);\n      if (match) {\n        //Remove the matched extension code\n        //Change this to format for any country code.\n        var intlCode = match[1] ? '+1' : '+1';\n        return [intlCode, match[2], match[3], match[4]].join('');\n      }\n      return '';\n    } else {\n      return '';\n    }\n  };\n  var validatePhoneNumber = function validatePhoneNumber(value) {\n    if (value !== undefined && value !== null && value !== '') {\n      return (0,libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__.isValidPhoneNumber)(toE164PhoneNumber(value), 'US');\n    }\n    return true;\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required7 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required7 !== void 0 ? _item$required7 : false,\n    disabled: (_item$disabled5 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled5 !== void 0 ? _item$disabled5 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    validate: function validate(value) {\n      return validatePhoneNumber(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires a valid phone number\");\n    }\n  };\n  if ((_item$required8 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required8 !== void 0 ? _item$required8 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined) {\n    controllerProps.render = function (_ref6) {\n      var _ref6$field = _ref6.field,\n        onChange = _ref6$field.onChange,\n        onBlur = _ref6$field.onBlur,\n        value = _ref6$field.value,\n        name = _ref6$field.name,\n        ref = _ref6$field.ref,\n        _ref6$fieldState = _ref6.fieldState,\n        invalid = _ref6$fieldState.invalid,\n        isTouched = _ref6$fieldState.isTouched,\n        isDirty = _ref6$fieldState.isDirty,\n        error = _ref6$fieldState.error,\n        formState = _ref6.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n        className: \"form-control\",\n        onBlur: onBlur,\n        value: value,\n        name: name,\n        mask: '{+1} (#00) 000-0000',\n        lazy: false,\n        overwrite: true,\n        definitions: {\n          '#': /[1-9]/\n        },\n        unmask: true // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref7) {\n      var _ref7$field = _ref7.field,\n        _onChange3 = _ref7$field.onChange,\n        onBlur = _ref7$field.onBlur,\n        value = _ref7$field.value,\n        name = _ref7$field.name,\n        ref = _ref7$field.ref,\n        _ref7$fieldState = _ref7.fieldState,\n        invalid = _ref7$fieldState.invalid,\n        isTouched = _ref7$fieldState.isTouched,\n        isDirty = _ref7$fieldState.isDirty,\n        error = _ref7$fieldState.error,\n        formState = _ref7.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange3(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled6;\n    controllerProps.disabled = (_item$disabled6 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled6 !== void 0 ? _item$disabled6 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required9;\n    controllerProps.required = (_item$required9 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required9 !== void 0 ? _item$required9 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName5;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName5 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName5 !== void 0 ? _item$helpClassName5 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName6 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName6 !== void 0 ? _item$helpClassName6 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar DatePicker = function DatePicker(_ref8) {\n  var _item$required10, _item$disabled7, _item$required11, _item$helpClassName8;\n  var name = _ref8.name,\n    onChange = _ref8.onChange,\n    defaultValue = _ref8.defaultValue,\n    style = _ref8.style,\n    item = _ref8.item,\n    props = _objectWithoutProperties(_ref8, _excluded4);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var validateDate = function validateDate(dateString) {\n    if (dateString !== undefined && dateString !== null && dateString !== \"\") {\n      var dateformat = /^(0?[1-9]|1[0-2])[\\/](0?[1-9]|[1-2][0-9]|3[01])[\\/]\\d{4}$/;\n\n      // Matching the date through regular expression      \n      if (dateString.match(dateformat)) {\n        var operator = dateString.split('/');\n\n        // Extract the string into month, date and year      \n        var datepart = [];\n        if (operator.length > 1) {\n          datepart = dateString.split('/');\n        }\n        var month = parseInt(datepart[0]);\n        var day = parseInt(datepart[1]);\n        var year = parseInt(datepart[2]);\n        if (day > 31 || day < 1) {\n          return false;\n        }\n        var currentYear = new Date().getFullYear();\n        if (year < 1900 || year > currentYear + 5) {\n          return false;\n        }\n\n        // Create a list of days of a month      \n        var ListofDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n        if (month === 1 || month > 2) {\n          if (day > ListofDays[month - 1]) {\n            // to check if the date is out of range     \n            return false;\n          }\n        } else if (month === 2) {\n          var leapYear = false;\n          if (!(year % 4) && year % 100 || !(year % 400)) leapYear = true;\n          if (leapYear === false && day >= 29) return false;else if (leapYear === true && day > 29) {\n            // console.log('Invalid date format!');\n            return false;\n          }\n        } else if (month > 12 || month < 1) {\n          return false;\n        }\n      } else {\n        // console.log(\"Invalid date format!\");\n        return false;\n      }\n    }\n    return true;\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required10 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required10 !== void 0 ? _item$required10 : false,\n    disabled: (_item$disabled7 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled7 !== void 0 ? _item$disabled7 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {\n    validate: function validate(value) {\n      return validateDate(value) || 'Please enter a valid Date in the format MM/DD/YYYY';\n    }\n  };\n  if ((_item$required11 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required11 !== void 0 ? _item$required11 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined && react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask !== undefined) {\n    controllerProps.render = function (_ref9) {\n      var _ref9$field = _ref9.field,\n        onChange = _ref9$field.onChange,\n        onBlur = _ref9$field.onBlur,\n        value = _ref9$field.value,\n        name = _ref9$field.name,\n        ref = _ref9$field.ref,\n        _ref9$fieldState = _ref9.fieldState,\n        invalid = _ref9$fieldState.invalid,\n        isTouched = _ref9$fieldState.isTouched,\n        isDirty = _ref9$fieldState.isDirty,\n        error = _ref9$fieldState.error,\n        formState = _ref9.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n        className: \"form-control\",\n        onBlur: onBlur,\n        value: value,\n        name: name,\n        mask: Date,\n        lazy: false,\n        overwrite: true,\n        pattern: 'MM/DD/YYYY',\n        format: function format(date) {\n          var day = date.getDate();\n          var month = date.getMonth() + 1;\n          var year = date.getFullYear();\n          if (day < 10) day = \"0\" + day;\n          if (month < 10) month = \"0\" + month;\n          return [month, day, year].join('/');\n        },\n        autofix: true\n        // min={new Date(1900, 0, 1)}\n        // max={new Date()}\n        ,\n        blocks: {\n          DD: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1,\n            to: 31,\n            maxLength: 2,\n            placeholderChar: 'D'\n          },\n          MM: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1,\n            to: 12,\n            maxLength: 2,\n            placeholderChar: 'M'\n          },\n          YYYY: {\n            mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1900,\n            to: new Date().getFullYear() + 5,\n            placeholderChar: 'Y'\n          }\n        },\n        parse: function parse(str) {\n          var monthDayYear = str.split('/');\n          return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);\n        },\n        unmask: false // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref10) {\n      var _ref10$field = _ref10.field,\n        _onChange4 = _ref10$field.onChange,\n        onBlur = _ref10$field.onBlur,\n        value = _ref10$field.value,\n        name = _ref10$field.name,\n        ref = _ref10$field.ref,\n        _ref10$fieldState = _ref10.fieldState,\n        invalid = _ref10$fieldState.invalid,\n        isTouched = _ref10$fieldState.isTouched,\n        isDirty = _ref10$fieldState.isDirty,\n        error = _ref10$fieldState.error,\n        formState = _ref10.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange4(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled8;\n    controllerProps.disabled = (_item$disabled8 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled8 !== void 0 ? _item$disabled8 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required12;\n    controllerProps.required = (_item$required12 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required12 !== void 0 ? _item$required12 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n\n  // console.log('controllerProps', controllerProps);\n\n  if (!methods) {\n    var _item$helpClassName7;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName7 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName7 !== void 0 ? _item$helpClassName7 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName8 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName8 !== void 0 ? _item$helpClassName8 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar NumberInput = function NumberInput(_ref11) {\n  var _item$required13, _item$disabled9, _item$required14, _item$helpClassName10;\n  var name = _ref11.name,\n    onChange = _ref11.onChange,\n    defaultValue = _ref11.defaultValue,\n    style = _ref11.style,\n    item = _ref11.item,\n    props = _objectWithoutProperties(_ref11, _excluded5);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'number',\n    required: (_item$required13 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required13 !== void 0 ? _item$required13 : false,\n    disabled: (_item$disabled9 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled9 !== void 0 ? _item$disabled9 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required14 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required14 !== void 0 ? _item$required14 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref12) {\n    var _ref12$field = _ref12.field,\n      _onChange5 = _ref12$field.onChange,\n      onBlur = _ref12$field.onBlur,\n      value = _ref12$field.value,\n      name = _ref12$field.name,\n      ref = _ref12$field.ref,\n      _ref12$fieldState = _ref12.fieldState,\n      invalid = _ref12$fieldState.invalid,\n      isTouched = _ref12$fieldState.isTouched,\n      isDirty = _ref12$fieldState.isDirty,\n      error = _ref12$fieldState.error,\n      formState = _ref12.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange5(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled10;\n    controllerProps.disabled = (_item$disabled10 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled10 !== void 0 ? _item$disabled10 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required15;\n    controllerProps.required = (_item$required15 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required15 !== void 0 ? _item$required15 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName9;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName9 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName9 !== void 0 ? _item$helpClassName9 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName10 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName10 !== void 0 ? _item$helpClassName10 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar TextArea = function TextArea(_ref13) {\n  var _item$rows, _item$required16, _item$disabled11, _item$required17, _item$helpClassName12;\n  var name = _ref13.name,\n    onChange = _ref13.onChange,\n    defaultValue = _ref13.defaultValue,\n    style = _ref13.style,\n    item = _ref13.item,\n    props = _objectWithoutProperties(_ref13, _excluded6);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    rows: (_item$rows = item === null || item === void 0 ? void 0 : item.rows) !== null && _item$rows !== void 0 ? _item$rows : 5,\n    required: (_item$required16 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required16 !== void 0 ? _item$required16 : false,\n    disabled: (_item$disabled11 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled11 !== void 0 ? _item$disabled11 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required17 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required17 !== void 0 ? _item$required17 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref14) {\n    var _ref14$field = _ref14.field,\n      _onChange6 = _ref14$field.onChange,\n      onBlur = _ref14$field.onBlur,\n      value = _ref14$field.value,\n      name = _ref14$field.name,\n      ref = _ref14$field.ref,\n      _ref14$fieldState = _ref14.fieldState,\n      invalid = _ref14$fieldState.invalid,\n      isTouched = _ref14$fieldState.isTouched,\n      isDirty = _ref14$fieldState.isDirty,\n      error = _ref14$fieldState.error,\n      formState = _ref14.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange6(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled12;\n    controllerProps.disabled = (_item$disabled12 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled12 !== void 0 ? _item$disabled12 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required18;\n    controllerProps.required = (_item$required18 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required18 !== void 0 ? _item$required18 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName11;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n      value: defaultValue,\n      name: name,\n      id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName11 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName11 !== void 0 ? _item$helpClassName11 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName12 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName12 !== void 0 ? _item$helpClassName12 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Dropdown = function Dropdown(_ref15) {\n  var _item$required19, _item$disabled13, _item$required20, _item$helpClassName14;\n  var name = _ref15.name,\n    onChange = _ref15.onChange,\n    defaultValue = _ref15.defaultValue,\n    style = _ref15.style,\n    item = _ref15.item,\n    props = _objectWithoutProperties(_ref15, _excluded7);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'text',\n    required: (_item$required19 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required19 !== void 0 ? _item$required19 : false,\n    disabled: (_item$disabled13 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled13 !== void 0 ? _item$disabled13 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required20 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required20 !== void 0 ? _item$required20 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref16) {\n    var _ref16$field = _ref16.field,\n      _onChange7 = _ref16$field.onChange,\n      onBlur = _ref16$field.onBlur,\n      value = _ref16$field.value,\n      name = _ref16$field.name,\n      ref = _ref16$field.ref,\n      _ref16$fieldState = _ref16.fieldState,\n      invalid = _ref16$fieldState.invalid,\n      isTouched = _ref16$fieldState.isTouched,\n      isDirty = _ref16$fieldState.isDirty,\n      error = _ref16$fieldState.error,\n      formState = _ref16.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange7(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    }));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled14;\n    controllerProps.disabled = (_item$disabled14 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled14 !== void 0 ? _item$disabled14 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required21;\n    controllerProps.required = (_item$required21 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required21 !== void 0 ? _item$required21 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName13;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: defaultValue,\n      name: name\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: defaultValue,\n      name: name\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    }))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName13 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName13 !== void 0 ? _item$helpClassName13 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    var _item$options$find;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 || (_item$options$find = item.options.find(function (option) {\n      return option.value === defaultValue;\n    })) === null || _item$options$find === void 0 ? void 0 : _item$options$find.text)));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName14 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName14 !== void 0 ? _item$helpClassName14 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Signature = /*#__PURE__*/function (_React$Component) {\n  function Signature(props) {\n    var _this;\n    _classCallCheck(this, Signature);\n    _this = _callSuper(this, Signature, [props]);\n    _defineProperty(_this, \"clear\", function () {\n      var $canvas_sig = _this.canvas.current;\n      if (_this.props.value) {\n        var $input_sig = _this.inputField.current;\n        var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n          signature: ''\n        });\n        $input_sig.value = signature;\n        if (_this.props.methods) {\n          _this.props.methods.setValue(_this.props.name, signature);\n        }\n        _this.setState({\n          value: signature\n        });\n      } else if ($canvas_sig) {\n        $canvas_sig.clear();\n      }\n    });\n    _defineProperty(_this, \"_getSignatureImg\", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n      var $canvas_sig, base64, isEmpty, $input_sig, value, ipAddress, date, signature;\n      return _regeneratorRuntime().wrap(function _callee$(_context) {\n        while (1) switch (_context.prev = _context.next) {\n          case 0:\n            $canvas_sig = _this.canvas.current;\n            if (!$canvas_sig) {\n              _context.next = 14;\n              break;\n            }\n            base64 = $canvas_sig.getTrimmedCanvas().toDataURL(\"image/png\");\n            isEmpty = $canvas_sig.isEmpty();\n            $input_sig = _this.inputField.current;\n            value = isEmpty ? '' : base64;\n            _context.next = 8;\n            return (0,_utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__.getIPAddress)();\n          case 8:\n            ipAddress = _context.sent;\n            date = new Date().toISOString();\n            signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n              signature: value,\n              ipAddress: ipAddress,\n              date: date\n            });\n            $input_sig.value = signature;\n            if (_this.props.methods) {\n              _this.props.methods.setValue(_this.props.name, signature);\n            }\n            _this.setState({\n              value: signature\n            });\n          case 14:\n          case \"end\":\n            return _context.stop();\n        }\n      }, _callee);\n    })));\n    _defineProperty(_this, \"onChangeName\", function (event) {\n      var $input_sig = _this.inputField.current;\n      var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n        name: event.target.value\n      });\n      $input_sig.value = signature;\n      if (_this.props.methods) {\n        _this.props.methods.setValue(_this.props.name, signature);\n      }\n      _this.setState({\n        value: signature\n      });\n    });\n    _this.state = {\n      value: props.value\n    };\n    _this.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this.canvas = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this;\n  }\n  _inherits(Signature, _React$Component);\n  return _createClass(Signature, [{\n    key: \"render\",\n    value: function render() {\n      var _this$state$value,\n        _this$state$value2,\n        _this$props$value6,\n        _this$props$value7,\n        _this$props$value8,\n        _this$props$value9,\n        _this2 = this,\n        _this$props$value$nam,\n        _this$props$value10,\n        _this$props$item$help,\n        _this$props$item;\n      var canClear = !!this.state.value;\n      var props = {};\n      props.name = this.props.name;\n      // props.onChange = (event) => { console.log('onChangeSignature', event.target.value); this.props.onChange(event.target.value); };\n      props.value = this.props.value;\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var padProps = {};\n      // umd requires canvasProps={{ width: 400, height: 150 }}\n      if (this.props.item.mutable) {\n        var _this$props$value;\n        padProps.defaultValue = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.signature;\n        padProps.ref = this.canvas;\n        canClear = !this.props.item.readOnly;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if ((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.signature && ((_this$state$value2 = this.state.value) === null || _this$state$value2 === void 0 ? void 0 : _this$state$value2.signature.length) > 0) {\n        var _this$state$value3;\n        sourceDataURL = (_this$state$value3 = this.state.value) === null || _this$state$value3 === void 0 ? void 0 : _this$state$value3.signature;\n      }\n      padProps.canvasProps = {};\n      if (this.props.item.print === true && !!sourceDataURL) {\n        var _this$props$value2, _this$props$value3, _this$props$value4, _this$props$value5;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n          src: sourceDataURL\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n          style: {\n            borderStyle: 'dashed'\n          }\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 && _this$props$value2.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value3 = this.props.value) === null || _this$props$value3 === void 0 ? void 0 : _this$props$value3.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.name, \" via IP Address \", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null))));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: this.props.name\n      })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        src: sourceDataURL\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n        style: {\n          borderStyle: 'dashed'\n        }\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 && _this$props$value6.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value7 = this.props.value) === null || _this$props$value7 === void 0 ? void 0 : _this$props$value7.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.name, \" via IP Address \", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null)) : null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--body\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default()), _extends({}, padProps, {\n        onEnd: function onEnd(e) {\n          _this2._getSignatureImg();\n        }\n      }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--footer clearfix\"\n      }, canClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"clear-signature float-end\",\n        onClick: this.clear,\n        title: \"Clear Signature\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" clear\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, \"Please print your full legal name and today's date.\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n        sm: 6\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, {\n        value: (_this$props$value$nam = (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',\n        type: \"text\",\n        required: true,\n        placeholder: \"Full Legal Name\",\n        onChange: this.onChangeName\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n        sm: 6\n      }, \"Today's Date: \", moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help = (_this$props$item = this.props.item) === null || _this$props$item === void 0 ? void 0 : _this$props$item.helpClassName) !== null && _this$props$item$help !== void 0 ? _this$props$item$help : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      }), this.props.methods ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, this.props.methods.register(this.props.name), props, {\n        type: \"hidden\"\n      })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, props, {\n        type: \"hidden\"\n      }))));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Tags = function Tags(_ref18) {\n  var _item$required22, _item$disabled15, _item$required23, _item$helpClassName16;\n  var name = _ref18.name,\n    onChange = _ref18.onChange,\n    defaultValue = _ref18.defaultValue,\n    style = _ref18.style,\n    item = _ref18.item,\n    props = _objectWithoutProperties(_ref18, _excluded8);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var getDefaultValue = function getDefaultValue(val, options) {\n    if (val) {\n      return options.filter(function (option) {\n        return val.indexOf(option.value) > -1;\n      });\n    }\n    return [];\n  };\n  var options = item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n    return {\n      value: option.value,\n      label: option.text,\n      key: option.value\n    };\n  });\n  var inputProps = {\n    multiple: true,\n    required: (_item$required22 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required22 !== void 0 ? _item$required22 : false,\n    disabled: (_item$disabled15 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled15 !== void 0 ? _item$disabled15 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  } else {\n    inputProps.placeholder = 'Select...';\n  }\n  var fieldRules = {};\n  if ((_item$required23 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required23 !== void 0 ? _item$required23 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref19) {\n    var _ref19$field = _ref19.field,\n      _onChange8 = _ref19$field.onChange,\n      onBlur = _ref19$field.onBlur,\n      value = _ref19$field.value,\n      name = _ref19$field.name,\n      ref = _ref19$field.ref,\n      _ref19$fieldState = _ref19.fieldState,\n      invalid = _ref19$fieldState.invalid,\n      isTouched = _ref19$fieldState.isTouched,\n      isDirty = _ref19$fieldState.isDirty,\n      error = _ref19$fieldState.error,\n      formState = _ref19.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      onBlur: onBlur,\n      onChange: function onChange(selected) {\n        // console.log(selected);\n        if (selected.length >= 1) {\n          //console.log(selected[0]);\n          _onChange8(selected.map(function (i) {\n            return i.value;\n          }));\n          onChangeHandler(selected.map(function (i) {\n            return i.value;\n          }));\n        } else if (selected.length === 0) {\n          _onChange8([]);\n          onChangeHandler([]);\n        }\n      },\n      options: options,\n      selected: getDefaultValue(value, options),\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (defaultValue !== undefined) {\n    controllerProps.defaultValue = defaultValue;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled16;\n    controllerProps.disabled = (_item$disabled16 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled16 !== void 0 ? _item$disabled16 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required24;\n    controllerProps.required = (_item$required24 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required24 !== void 0 ? _item$required24 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName15;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      options: options,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n      labelKey: function labelKey(option) {\n        return option.label;\n      },\n      options: options,\n      name: name,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName15 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName15 !== void 0 ? _item$helpClassName15 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 ? void 0 : item.options.filter(function (option) {\n      return defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.includes(option.value);\n    }).map(function (option) {\n      return option.text;\n    }).join(', '))));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName16 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName16 !== void 0 ? _item$helpClassName16 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Checkboxes = /*#__PURE__*/function (_React$Component2) {\n  function Checkboxes(props) {\n    var _this3;\n    _classCallCheck(this, Checkboxes);\n    _this3 = _callSuper(this, Checkboxes, [props]);\n    _defineProperty(_this3, \"onCheckboxChange\", function (checkboxValue, event) {\n      var checkedValues = _this3.props.value;\n      if (_this3.props.onChange) {\n        if (event.target.checked) {\n          _this3.props.onChange(checkedValues.concat(checkboxValue));\n        } else {\n          _this3.props.onChange(checkedValues.filter(function (v) {\n            return v !== checkboxValue;\n          }));\n        }\n      }\n    });\n    _this3.options = {};\n    return _this3;\n  }\n  _inherits(Checkboxes, _React$Component2);\n  return _createClass(Checkboxes, [{\n    key: \"render\",\n    value: function render() {\n      var _ref20,\n        _self$props$name,\n        _self$props,\n        _self$props2,\n        _self$props3,\n        _this4 = this,\n        _this$props$item$help2,\n        _this$props$item2;\n      var self = this;\n      var name = (_ref20 = (_self$props$name = self === null || self === void 0 || (_self$props = self.props) === null || _self$props === void 0 ? void 0 : _self$props.name) !== null && _self$props$name !== void 0 ? _self$props$name : self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 || (_self$props2 = _self$props2.item) === null || _self$props2 === void 0 ? void 0 : _self$props2.customName) !== null && _ref20 !== void 0 ? _ref20 : self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 || (_self$props3 = _self$props3.item) === null || _self$props3 === void 0 ? void 0 : _self$props3.fieldName;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this4.props.value.includes(option.value);\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: name\n      })), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help2 = (_this$props$item2 = this.props.item) === null || _this$props$item2 === void 0 ? void 0 : _this$props$item2.helpClassName) !== null && _this$props$item$help2 !== void 0 ? _this$props$item$help2 : 'text-muted'\n      }, this.props.item.help)) : null, this.props.item.options.map(function (option) {\n        var _this4$props$checkbox;\n        var props = {};\n        props.name = \"option_\".concat(option.key);\n        props.value = option.value;\n        props.checked = self.props.value ? self.props.value.indexOf(option.value) > -1 : false;\n        //props.inline = self.props.item.inline ?? false;\n        if (self.props.item.disabled) {\n          props.disabled = 'disabled';\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n          type: \"checkbox\",\n          variant: (_this4$props$checkbox = _this4.props.checkboxButtonClassName) !== null && _this4$props$checkbox !== void 0 ? _this4$props$checkbox : \"outline-light\",\n          className: \"btn-survey-builder-checkbox w-100\",\n          key: \"preview_\".concat(option.key),\n          id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          onChange: function onChange(e) {\n            self.onCheckboxChange(option.value, e);\n          }\n        }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, option.text)));\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkbox = /*#__PURE__*/function (_React$Component3) {\n  function Checkbox(props) {\n    var _this5;\n    _classCallCheck(this, Checkbox);\n    _this5 = _callSuper(this, Checkbox, [props]);\n    _this5.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this5;\n  }\n  _inherits(Checkbox, _React$Component3);\n  return _createClass(Checkbox, [{\n    key: \"render\",\n    value: function render() {\n      var _ref21,\n        _this$props$name,\n        _this$props,\n        _this$props2,\n        _this$props3,\n        _this6 = this,\n        _this$props$checkboxB,\n        _this$props$item$help3,\n        _this$props$item3;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var props = {};\n      // eslint-disable-next-line no-undef\n      props.name = (_ref21 = (_this$props$name = this === null || this === void 0 || (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.name) !== null && _this$props$name !== void 0 ? _this$props$name : this === null || this === void 0 || (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.item) === null || _this$props2 === void 0 ? void 0 : _this$props2.customName) !== null && _ref21 !== void 0 ? _ref21 : this === null || this === void 0 || (_this$props3 = this.props) === null || _this$props3 === void 0 || (_this$props3 = _this$props3.item) === null || _this$props3 === void 0 ? void 0 : _this$props3.fieldName;\n      props.onChange = function (event) {\n        if (_this6.props.onChange) {\n          _this6.props.onChange(event.target.checked);\n        }\n      };\n      //props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      props.autoComplete = \"new-password\";\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.inputRef = this.inputField;\n      }\n      props.checked = this.props.value;\n      //props.inline = this.props.item.inline ?? false;\n\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: this.props.item.boxLabel\n          }\n        }), \": \", this.props.value === true ? 'Yes' : 'No')));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({\n        className: \"form-label\"\n      }, this.props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n        type: \"checkbox\",\n        variant: (_this$props$checkboxB = this.props.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : \"outline-light\",\n        className: \"btn-survey-builder-checkbox w-100\",\n        value: props.name,\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n      }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"text-start\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        dangerouslySetInnerHTML: {\n          __html: this.props.item.boxLabel\n        }\n      })))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help3 = (_this$props$item3 = this.props.item) === null || _this$props$item3 === void 0 ? void 0 : _this$props$item3.helpClassName) !== null && _this$props$item$help3 !== void 0 ? _this$props$item$help3 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar RadioButtons = /*#__PURE__*/function (_React$Component4) {\n  function RadioButtons(props) {\n    var _this7;\n    _classCallCheck(this, RadioButtons);\n    _this7 = _callSuper(this, RadioButtons, [props]);\n    _this7.options = {};\n    return _this7;\n  }\n  _inherits(RadioButtons, _React$Component4);\n  return _createClass(RadioButtons, [{\n    key: \"render\",\n    value: function render() {\n      var _ref22,\n        _self$props$name2,\n        _self$props4,\n        _self$props5,\n        _self$props6,\n        _this8 = this,\n        _self$props$item$help,\n        _self$props$item;\n      var self = this;\n      var name = (_ref22 = (_self$props$name2 = self === null || self === void 0 || (_self$props4 = self.props) === null || _self$props4 === void 0 ? void 0 : _self$props4.name) !== null && _self$props$name2 !== void 0 ? _self$props$name2 : self === null || self === void 0 || (_self$props5 = self.props) === null || _self$props5 === void 0 || (_self$props5 = _self$props5.item) === null || _self$props5 === void 0 ? void 0 : _self$props5.customName) !== null && _ref22 !== void 0 ? _ref22 : self === null || self === void 0 || (_self$props6 = self.props) === null || _self$props6 === void 0 || (_self$props6 = _self$props6.item) === null || _self$props6 === void 0 ? void 0 : _self$props6.fieldName;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this8.props.value === option.value;\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      // console.log('self.props', self.props);\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, self.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_self$props$item$help = (_self$props$item = self.props.item) === null || _self$props$item === void 0 ? void 0 : _self$props$item.helpClassName) !== null && _self$props$item$help !== void 0 ? _self$props$item$help : 'text-muted'\n      }, self.props.item.help)) : null, self.props.item.options.map(function (option) {\n        var _self$props$checkboxB, _self$props7, _self$props8, _self$props12, _self$props13;\n        // console.log('option', option);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : \"outline-light\",\n          className: \"btn-survey-builder-checkbox w-100\",\n          key: \"preview_\".concat(option.key),\n          id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          disabled: self === null || self === void 0 || (_self$props7 = self.props) === null || _self$props7 === void 0 || (_self$props7 = _self$props7.item) === null || _self$props7 === void 0 ? void 0 : _self$props7.disabled,\n          name: name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props8 = self.props) === null || _self$props8 === void 0 ? void 0 : _self$props8.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props9, _self$props10, _self$props11;\n            // console.log('onChange', e.target.value);\n            if ((self === null || self === void 0 || (_self$props9 = self.props) === null || _self$props9 === void 0 ? void 0 : _self$props9.onChange) !== undefined) {\n              self.props.onChange(e.target.value);\n            }\n            if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 || (_self$props10 = _self$props10.item) === null || _self$props10 === void 0 ? void 0 : _self$props10.submitOnSelection) && (self === null || self === void 0 || (_self$props11 = self.props) === null || _self$props11 === void 0 ? void 0 : _self$props11.onSelect) !== undefined) {\n              self.props.onSelect(e.target.value);\n            }\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, (self === null || self === void 0 || (_self$props12 = self.props) === null || _self$props12 === void 0 ? void 0 : _self$props12.value) !== option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), (self === null || self === void 0 || (_self$props13 = self.props) === null || _self$props13 === void 0 ? void 0 : _self$props13.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$props14,\n        _self$props15,\n        _self$props16,\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$props14 = self.props) === null || _self$props14 === void 0 ? void 0 : _self$props14.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : 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.customName) !== null && _ref23 !== void 0 ? _ref23 : self === null || self === void 0 || (_self$props16 = self.props) === null || _self$props16 === void 0 || (_self$props16 = _self$props16.item) === null || _self$props16 === void 0 ? void 0 : _self$props16.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$props17, _self$props18;\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$props17 = self.props) === null || _self$props17 === void 0 || (_self$props17 = _self$props17.item) === null || _self$props17 === void 0 ? void 0 : _self$props17.disabled,\n          name: name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props19, _self$props20, _self$props21;\n            // console.log('onChange', e.target.value);\n            if ((self === null || self === void 0 || (_self$props19 = self.props) === null || _self$props19 === void 0 ? void 0 : _self$props19.onChange) !== undefined) {\n              self.props.onChange(e.target.value);\n            }\n            if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props20 = self.props) === null || _self$props20 === void 0 || (_self$props20 = _self$props20.item) === null || _self$props20 === void 0 ? void 0 : _self$props20.submitOnSelection) && (self === null || self === void 0 || (_self$props21 = self.props) === null || _self$props21 === void 0 ? void 0 : _self$props21.onSelect) !== undefined) {\n              self.props.onSelect(e.target.value);\n            }\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: option.text\n          }\n        }))));\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = function Image(props) {\n  var style = props.item.center ? {\n    textAlign: 'center'\n  } : null;\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread(_objectSpread({}, props.style), style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n    src: props.item.src,\n    width: props.item.width,\n    height: props.item.height\n  }), !props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: \"no-image\"\n  }, \"No Image\"));\n};\nvar Rating = function Rating(_ref24) {\n  var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;\n  var name = _ref24.name,\n    onChange = _ref24.onChange,\n    value = _ref24.value,\n    style = _ref24.style,\n    item = _ref24.item,\n    props = _objectWithoutProperties(_ref24, _excluded9);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    required: (_item$required25 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required25 !== void 0 ? _item$required25 : false,\n    disabled: (_item$disabled17 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled17 !== void 0 ? _item$disabled17 : false\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  var fieldRules = {};\n  if ((_item$required26 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required26 !== void 0 ? _item$required26 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref25) {\n    var _ref25$field = _ref25.field,\n      onChange = _ref25$field.onChange,\n      onBlur = _ref25$field.onBlur,\n      value = _ref25$field.value,\n      name = _ref25$field.name,\n      ref = _ref25$field.ref,\n      _ref25$fieldState = _ref25.fieldState,\n      invalid = _ref25$fieldState.invalid,\n      isTouched = _ref25$fieldState.isTouched,\n      isDirty = _ref25$fieldState.isDirty,\n      error = _ref25$fieldState.error,\n      formState = _ref25.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n      onBlur: onBlur,\n      onRatingClick: function onRatingClick(event, _ref26) {\n        var rating = _ref26.rating;\n        onChange(rating);\n        onChangeHandler(rating);\n      },\n      rating: !isNaN(value) ? parseFloat(value, 10) : 0,\n      name: name,\n      editing: item.mutable\n      // ref={ref}\n      ,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = !isNaN(value) ? parseFloat(value, 10) : 0;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled18;\n    controllerProps.disabled = (_item$disabled18 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled18 !== void 0 ? _item$disabled18 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required27;\n    controllerProps.required = (_item$required27 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required27 !== void 0 ? _item$required27 : false;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    var _item$helpClassName17;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n      onRatingClick: function onRatingClick(event, _ref27) {\n        var rating = _ref27.rating;\n        onChange(rating);\n        onChangeHandler(rating);\n      },\n      rating: !isNaN(value) ? Number(value) : 0,\n      name: name,\n      editing: false,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n      className: (_item$helpClassName17 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName17 !== void 0 ? _item$helpClassName17 : 'text-muted'\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n    className: (_item$helpClassName18 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName18 !== void 0 ? _item$helpClassName18 : 'text-muted'\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar HyperLink = function HyperLink(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n    target: \"_blank\",\n    href: props.item.href,\n    dangerouslySetInnerHTML: {\n      __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(props.item.content)\n    }\n  }))));\n};\nvar Download = function Download(props) {\n  var baseClasses = 'SortableItem rfb-item';\n  if (props.item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, props.style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n    href: \"\".concat(props.downloadPath, \"?id=\").concat(props.item.filePath)\n  }, props.item.content)));\n};\nvar Camera = /*#__PURE__*/function (_React$Component6) {\n  function Camera(props) {\n    var _this11;\n    _classCallCheck(this, Camera);\n    _this11 = _callSuper(this, Camera, [props]);\n    _defineProperty(_this11, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this11.setState({\n          img: event.target.files[0]\n        });\n        if (_this11.props.onChange) {\n          _this11.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this11, \"clearImage\", function () {\n      _this11.setState({\n        img: null\n      });\n      if (_this11.props.onChange) {\n        _this11.props.onChange(null);\n      }\n    });\n    _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this11.state = {\n      img: props.value\n    };\n    return _this11;\n  }\n  _inherits(Camera, _React$Component6);\n  return _createClass(Camera, [{\n    key: \"getImageSizeProps\",\n    value: function getImageSizeProps(_ref28) {\n      var width = _ref28.width,\n        height = _ref28.height;\n      var imgProps = {\n        width: '100%'\n      };\n      if (width) {\n        imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n      }\n      if (height) {\n        imgProps.height = height;\n      }\n      return imgProps;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this$props$checkboxB2, _this$props4, _this$props$item$help4, _this$props$item4;\n      var imageStyle = {\n        objectFit: 'scale-down',\n        objectPosition: this.props.item.center ? 'center' : 'left'\n      };\n      var fileInputStyle = this.state.img ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n        console.log(this.props.value);\n        if (this.props.value.indexOf(this.props.name > -1)) {\n          sourceDataURL = this.props.value;\n        } else {\n          sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n        }\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], _extends({\n        style: imageStyle,\n        src: sourceDataURL\n      }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: \"image/*\",\n        capture: \"camera\",\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control d-grid gap-2 w-100\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: (_this$props$checkboxB2 = (_this$props4 = this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.checkboxButtonClassName) !== null && _this$props$checkboxB2 !== void 0 ? _this$props$checkboxB2 : \"outline-dark\",\n        className: \"d-flex align-items-center justify-content-between fw-bold\",\n        size: \"lg\"\n      }, \"Take Photo \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaCamera, null)))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n      // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n      , {\n        src: URL.createObjectURL(this.props.value),\n        height: \"100\",\n        className: \"image-upload-preview\"\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        onClick: this.clearImage\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help4 = (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName) !== null && _this$props$item$help4 !== void 0 ? _this$props$item$help4 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component7) {\n  function FileUpload(props) {\n    var _this12;\n    _classCallCheck(this, FileUpload);\n    _this12 = _callSuper(this, FileUpload, [props]);\n    _defineProperty(_this12, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this12.setState({\n          fileUpload: event.target.files[0]\n        });\n        if (_this12.props.onChange) {\n          _this12.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this12, \"clearFileUpload\", function () {\n      _this12.setState({\n        fileUpload: null\n      });\n      if (_this12.props.onChange) {\n        _this12.props.onChange(null);\n      }\n    });\n    _defineProperty(_this12, \"saveFile\", /*#__PURE__*/function () {\n      var _ref29 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {\n        var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              e.preventDefault();\n              sourceUrl = _this12.props.value;\n              _context2.next = 4;\n              return isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default()(sourceUrl, {\n                method: 'GET',\n                headers: {\n                  Accept: 'application/json',\n                  'Content-Type': 'application/json; charset=utf-8'\n                },\n                responseType: 'blob'\n              });\n            case 4:\n              response = _context2.sent;\n              dispositionHeader = response.headers.get('Content-Disposition');\n              _context2.next = 8;\n              return response.blob();\n            case 8:\n              resBlob = _context2.sent;\n              // eslint-disable-next-line no-undef\n              blob = new Blob([resBlob], {\n                type: _this12.props.item.fileType || response.headers.get('Content-Type')\n              });\n              if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {\n                fileName = dispositionHeader.split(';filename=')[1];\n                (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(blob, fileName);\n              } else {\n                _fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);\n                (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(response.url, _fileName);\n              }\n            case 11:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2);\n      }));\n      return function (_x) {\n        return _ref29.apply(this, arguments);\n      };\n    }());\n    _this12.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this12.state = {\n      fileUpload: props.value\n    };\n    return _this12;\n  }\n  _inherits(FileUpload, _React$Component7);\n  return _createClass(FileUpload, [{\n    key: \"render\",\n    value: function render() {\n      var _this$props$item$help5, _this$props$item5;\n      var fileInputStyle = this.state.fileUpload ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        onClick: this.saveFile\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: this.props.item.fileType || '*',\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"light\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"file-upload-preview\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginRight: '5px'\n        }\n      }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginLeft: '5px'\n        }\n      }, this.state.fileUpload.size.length > 6 ? \"Size:  \".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), \" mb\") : \"Size:  \".concat(Math.ceil(this.state.fileUpload.size / 1024), \" kb\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"btn-file-upload-clear\",\n        onClick: this.clearFileUpload\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help5 = (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName) !== null && _this$props$item$help5 !== void 0 ? _this$props$item$help5 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component8) {\n  function Range(props) {\n    var _this13;\n    _classCallCheck(this, Range);\n    _this13 = _callSuper(this, Range, [props]);\n    _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this13;\n  }\n  _inherits(Range, _React$Component8);\n  return _createClass(Range, [{\n    key: \"render\",\n    value: function render() {\n      var _this14 = this,\n        _this$props$item$help6,\n        _this$props$item6;\n      var props = {};\n      var name = this.props.name;\n      props.name = this.props.name;\n      props.value = this.props.value;\n      props.onChange = function (event) {\n        _this14.props.onChange(event.target.value);\n      };\n      if (this.props.item.disabled) {\n        props.disabled = true;\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      } else {\n        if (props.value === undefined) {\n          props.value = this.props.item.defaultValue;\n        }\n      }\n      props.type = 'range';\n      props.list = \"tickmarks_\".concat(name);\n      props.min = this.props.item.minValue;\n      props.max = this.props.item.maxValue;\n      props.step = this.props.item.step;\n      var datalist = [];\n      for (var i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {\n        datalist.push(i);\n      }\n      var oneBig = 100 / (datalist.length - 1);\n      var _datalist = datalist.map(function (d, idx) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n          key: \"\".concat(props.list, \"_\").concat(idx)\n        }, d);\n      });\n      var visibleMarks = datalist.map(function (d, idx) {\n        var optionProps = {};\n        var w = oneBig;\n        if (idx === 0 || idx === datalist.length - 1) {\n          w = oneBig / 2;\n        }\n        optionProps.key = \"\".concat(props.list, \"_label_\").concat(idx);\n        optionProps.style = {\n          width: \"\".concat(w, \"%\")\n        };\n        if (idx === datalist.length - 1) {\n          optionProps.style = {\n            width: \"\".concat(w, \"%\"),\n            textAlign: 'right'\n          };\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", optionProps, d);\n      });\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      if (this.props.item.print === true) {\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: name\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"range\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-start\"\n      }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-end\"\n      }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"visible_marks\"\n      }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n        id: props.list\n      }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n        className: (_this$props$item$help6 = (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName) !== null && _this$props$item$help6 !== void 0 ? _this$props$item$help6 : 'text-muted'\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.ButtonList = ButtonList;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
+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\");\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); }\nvar _excluded = [\"iconImportString\"],\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\", \"defaultValue\", \"style\", \"item\"],\n  _excluded10 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"];\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 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; }\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; }\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 IconComponent = function IconComponent(_ref) {\n  var iconImportString = _ref.iconImportString,\n    props = _objectWithoutProperties(_ref, _excluded);\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_2___default().useState(null),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    Icon = _React$useState2[0],\n    setIcon = _React$useState2[1];\n  react__WEBPACK_IMPORTED_MODULE_2___default().useEffect(function () {\n    // iconImportString - i.e. 'react-icons/fa/FaBeer'\n    if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(iconImportString) && iconImportString !== '') {\n      var iconStringParts = iconImportString.split('/');\n      var iconName = iconStringParts[2];\n      if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(iconName)) {\n        __webpack_require__(\"./src/survey-elements lazy recursive\")(iconImportString).then(function (module) {\n          return setIcon(module[iconName]);\n        });\n      }\n    }\n  }, [iconImportString]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, Icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Icon, props));\n};\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(_ref2) {\n  var _item$required, _item$disabled, _item$required2, _item$helpClassName2;\n  var name = _ref2.name,\n    onChange = _ref2.onChange,\n    defaultValue = _ref2.defaultValue,\n    style = _ref2.style,\n    item = _ref2.item,\n    props = _objectWithoutProperties(_ref2, _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 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 (_ref3) {\n    var _ref3$field = _ref3.field,\n      _onChange = _ref3$field.onChange,\n      onBlur = _ref3$field.onBlur,\n      value = _ref3$field.value,\n      name = _ref3$field.name,\n      ref = _ref3$field.ref,\n      _ref3$fieldState = _ref3.fieldState,\n      invalid = _ref3$fieldState.invalid,\n      isTouched = _ref3$fieldState.isTouched,\n      isDirty = _ref3$fieldState.isDirty,\n      error = _ref3$fieldState.error,\n      formState = _ref3.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(_ref4) {\n  var _item$required4, _item$disabled3, _item$required5, _item$helpClassName4;\n  var name = _ref4.name,\n    onChange = _ref4.onChange,\n    defaultValue = _ref4.defaultValue,\n    style = _ref4.style,\n    item = _ref4.item,\n    props = _objectWithoutProperties(_ref4, _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 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 (_ref5) {\n    var _ref5$field = _ref5.field,\n      _onChange2 = _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_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(_ref6) {\n  var _item$required7, _item$disabled5, _item$required8, _item$helpClassName6;\n  var name = _ref6.name,\n    onChange = _ref6.onChange,\n    _ref6$defaultValue = _ref6.defaultValue,\n    defaultValue = _ref6$defaultValue === void 0 ? '' : _ref6$defaultValue,\n    style = _ref6.style,\n    item = _ref6.item,\n    props = _objectWithoutProperties(_ref6, _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 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 (_ref7) {\n      var _ref7$field = _ref7.field,\n        onChange = _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_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 (_ref8) {\n      var _ref8$field = _ref8.field,\n        _onChange3 = _ref8$field.onChange,\n        onBlur = _ref8$field.onBlur,\n        value = _ref8$field.value,\n        name = _ref8$field.name,\n        ref = _ref8$field.ref,\n        _ref8$fieldState = _ref8.fieldState,\n        invalid = _ref8$fieldState.invalid,\n        isTouched = _ref8$fieldState.isTouched,\n        isDirty = _ref8$fieldState.isDirty,\n        error = _ref8$fieldState.error,\n        formState = _ref8.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(_ref9) {\n  var _item$required10, _item$disabled7, _item$required11, _item$helpClassName8;\n  var name = _ref9.name,\n    onChange = _ref9.onChange,\n    defaultValue = _ref9.defaultValue,\n    style = _ref9.style,\n    item = _ref9.item,\n    props = _objectWithoutProperties(_ref9, _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 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 (_ref10) {\n      var _ref10$field = _ref10.field,\n        onChange = _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_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 (_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_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(_ref12) {\n  var _item$required13, _item$disabled9, _item$required14, _item$helpClassName10;\n  var name = _ref12.name,\n    onChange = _ref12.onChange,\n    defaultValue = _ref12.defaultValue,\n    style = _ref12.style,\n    item = _ref12.item,\n    props = _objectWithoutProperties(_ref12, _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    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 (_ref13) {\n    var _ref13$field = _ref13.field,\n      _onChange5 = _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_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(_ref14) {\n  var _item$rows, _item$required16, _item$disabled11, _item$required17, _item$helpClassName12;\n  var name = _ref14.name,\n    onChange = _ref14.onChange,\n    defaultValue = _ref14.defaultValue,\n    style = _ref14.style,\n    item = _ref14.item,\n    props = _objectWithoutProperties(_ref14, _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    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 (_ref15) {\n    var _ref15$field = _ref15.field,\n      _onChange6 = _ref15$field.onChange,\n      onBlur = _ref15$field.onBlur,\n      value = _ref15$field.value,\n      name = _ref15$field.name,\n      ref = _ref15$field.ref,\n      _ref15$fieldState = _ref15.fieldState,\n      invalid = _ref15$fieldState.invalid,\n      isTouched = _ref15$fieldState.isTouched,\n      isDirty = _ref15$fieldState.isDirty,\n      error = _ref15$fieldState.error,\n      formState = _ref15.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(_ref16) {\n  var _item$required19, _item$disabled13, _item$required20, _item$helpClassName14;\n  var name = _ref16.name,\n    onChange = _ref16.onChange,\n    defaultValue = _ref16.defaultValue,\n    style = _ref16.style,\n    item = _ref16.item,\n    props = _objectWithoutProperties(_ref16, _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 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 (_ref17) {\n    var _ref17$field = _ref17.field,\n      _onChange7 = _ref17$field.onChange,\n      onBlur = _ref17$field.onBlur,\n      value = _ref17$field.value,\n      name = _ref17$field.name,\n      ref = _ref17$field.ref,\n      _ref17$fieldState = _ref17.fieldState,\n      invalid = _ref17$fieldState.invalid,\n      isTouched = _ref17$fieldState.isTouched,\n      isDirty = _ref17$fieldState.isDirty,\n      error = _ref17$fieldState.error,\n      formState = _ref17.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(_ref19) {\n  var _item$required22, _item$disabled15, _item$required23, _item$helpClassName16;\n  var name = _ref19.name,\n    onChange = _ref19.onChange,\n    defaultValue = _ref19.defaultValue,\n    style = _ref19.style,\n    item = _ref19.item,\n    props = _objectWithoutProperties(_ref19, _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 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 (_ref20) {\n    var _ref20$field = _ref20.field,\n      _onChange8 = _ref20$field.onChange,\n      onBlur = _ref20$field.onBlur,\n      value = _ref20$field.value,\n      name = _ref20$field.name,\n      ref = _ref20$field.ref,\n      _ref20$fieldState = _ref20.fieldState,\n      invalid = _ref20$fieldState.invalid,\n      isTouched = _ref20$fieldState.isTouched,\n      isDirty = _ref20$fieldState.isDirty,\n      error = _ref20$fieldState.error,\n      formState = _ref20.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 _ref21,\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 = (_ref21 = (_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 && _ref21 !== void 0 ? _ref21 : 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, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n        className: \"g-3\"\n      }, this.props.item.options.map(function (option, index) {\n        var _ref22, _self$props$item$bgCo, _self$props4, _self$props5, _self$props6, _self$props7, _self$props8, _self$props9, _self$props10, _self$props11, _self$props12, _self$props13;\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_24__[\"default\"], {\n          key: \"container_\".concat(name, \"_\").concat(option.value),\n          xs: 12\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n          type: \"checkbox\",\n          label: option.text,\n          variant: (_ref22 = (_self$props$item$bgCo = (_self$props4 = self.props) === null || _self$props4 === void 0 || (_self$props4 = _self$props4.item) === null || _self$props4 === void 0 ? void 0 : _self$props4.bgColor) !== null && _self$props$item$bgCo !== void 0 ? _self$props$item$bgCo : (_self$props5 = self.props) === null || _self$props5 === void 0 ? void 0 : _self$props5.checkboxButtonClassName) !== null && _ref22 !== void 0 ? _ref22 : \"outline-light\",\n          className: \"btn-survey-builder-checkbox \".concat((_self$props6 = self.props) === null || _self$props6 === void 0 || (_self$props6 = _self$props6.item) === null || _self$props6 === void 0 ? void 0 : _self$props6.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(props.checked) ? (_self$props7 = self.props) === null || _self$props7 === void 0 || (_self$props7 = _self$props7.item) === null || _self$props7 === void 0 ? void 0 : _self$props7.selectedClassName : (_self$props8 = self.props) === null || _self$props8 === void 0 || (_self$props8 = _self$props8.item) === null || _self$props8 === void 0 ? void 0 : _self$props8.unselectedClassName),\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 flex-row align-items-center justify-content-between\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n        }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(props.checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n          size: 30,\n          className: \"me-3 flex-shrink-0 text-\".concat((_self$props9 = self.props) === null || _self$props9 === void 0 || (_self$props9 = _self$props9.item) === null || _self$props9 === void 0 ? void 0 : _self$props9.unselectedColor)\n        }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(props.checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n          size: 30,\n          className: \"me-3 flex-shrink-0 text-\".concat((_self$props10 = self.props) === null || _self$props10 === void 0 || (_self$props10 = _self$props10.item) === null || _self$props10 === void 0 ? void 0 : _self$props10.selectedColor)\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-column\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-\".concat((_self$props11 = self.props) === null || _self$props11 === void 0 || (_self$props11 = _self$props11.item) === null || _self$props11 === void 0 ? void 0 : _self$props11.textColor, \" \").concat((_self$props12 = self.props) === null || _self$props12 === void 0 || (_self$props12 = _self$props12.item) === null || _self$props12 === void 0 ? void 0 : _self$props12.fieldLabelClassName)\n        }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"\".concat((_self$props13 = self.props) === null || _self$props13 === void 0 || (_self$props13 = _self$props13.item) === null || _self$props13 === void 0 ? void 0 : _self$props13.fieldDescriptionClassName)\n        }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center me-2\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n          iconImportString: option.icon,\n          size: 50\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 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 _ref23,\n        _this$props$name,\n        _this$props,\n        _this$props2,\n        _this$props3,\n        _this6 = this,\n        _ref24,\n        _this$props$item$bgCo,\n        _this$props4,\n        _this$props5,\n        _self$props14,\n        _self,\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 = (_ref23 = (_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 && _ref23 !== void 0 ? _ref23 : 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: (_ref24 = (_this$props$item$bgCo = (_this$props4 = this.props) === null || _this$props4 === void 0 || (_this$props4 = _this$props4.item) === null || _this$props4 === void 0 ? void 0 : _this$props4.bgColor) !== null && _this$props$item$bgCo !== void 0 ? _this$props$item$bgCo : (_this$props5 = this.props) === null || _this$props5 === void 0 ? void 0 : _this$props5.checkboxButtonClassName) !== null && _ref24 !== void 0 ? _ref24 : \"outline-light\",\n        className: \"btn-survey-builder-checkbox w-100 \".concat((_self$props14 = self.props) === null || _self$props14 === void 0 || (_self$props14 = _self$props14.item) === null || _self$props14 === void 0 ? void 0 : _self$props14.className),\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 text-\".concat((_self = self) === null || _self === void 0 || (_self = _self.props) === null || _self === void 0 || (_self = _self.item) === null || _self === void 0 ? void 0 : _self.textColor)\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 _ref25,\n        _self$props$name2,\n        _self$props15,\n        _self$props16,\n        _self$props17,\n        _this8 = this,\n        _self$props$item$help,\n        _self$props$item;\n      var self = this;\n      var name = (_ref25 = (_self$props$name2 = self === null || self === void 0 || (_self$props15 = self.props) === null || _self$props15 === void 0 ? void 0 : _self$props15.name) !== null && _self$props$name2 !== void 0 ? _self$props$name2 : self === null || self === void 0 || (_self$props16 = self.props) === null || _self$props16 === void 0 || (_self$props16 = _self$props16.item) === null || _self$props16 === void 0 ? void 0 : _self$props16.customName) !== null && _ref25 !== void 0 ? _ref25 : self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 || (_self$props17 = _self$props17.item) === null || _self$props17 === void 0 ? void 0 : _self$props17.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, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n        className: \"g-3\"\n      }, self.props.item.options.map(function (option, index) {\n        var _self$props18, _self$props19, _ref26, _self$props$item$bgCo2, _self$props20, _self$props21, _self$props22, _self$props23, _self$props24, _self$props25, _self$props26, _self$props30, _self$props31, _self$props32, _self$props33, _self$props34, _self$props35, _self$props36, _self$props37, _self$props38, _self$props39, _self$props40, _self$props41, _self$props42, _self$props43;\n        // console.log('option', option);\n        var checked = (self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.value) === option.value;\n        var horizontal = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)((_self$props19 = self.props) === null || _self$props19 === void 0 || (_self$props19 = _self$props19.item) === null || _self$props19 === void 0 ? void 0 : _self$props19.inline);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n          key: \"container_\".concat(name, \"_\").concat(option.value),\n          xs: horizontal ? 6 : 12\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_ref26 = (_self$props$item$bgCo2 = (_self$props20 = self.props) === null || _self$props20 === void 0 || (_self$props20 = _self$props20.item) === null || _self$props20 === void 0 ? void 0 : _self$props20.bgColor) !== null && _self$props$item$bgCo2 !== void 0 ? _self$props$item$bgCo2 : (_self$props21 = self.props) === null || _self$props21 === void 0 ? void 0 : _self$props21.checkboxButtonClassName) !== null && _ref26 !== void 0 ? _ref26 : \"outline-light\",\n          className: \"btn-survey-builder-checkbox \".concat((_self$props22 = self.props) === null || _self$props22 === void 0 || (_self$props22 = _self$props22.item) === null || _self$props22 === void 0 ? void 0 : _self$props22.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) ? (_self$props23 = self.props) === null || _self$props23 === void 0 || (_self$props23 = _self$props23.item) === null || _self$props23 === void 0 ? void 0 : _self$props23.selectedClassName : (_self$props24 = self.props) === null || _self$props24 === void 0 || (_self$props24 = _self$props24.item) === null || _self$props24 === void 0 ? void 0 : _self$props24.unselectedClassName),\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$props25 = self.props) === null || _self$props25 === void 0 || (_self$props25 = _self$props25.item) === null || _self$props25 === void 0 ? void 0 : _self$props25.disabled,\n          name: name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props26 = self.props) === null || _self$props26 === void 0 ? void 0 : _self$props26.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props27, _self$props28, _self$props29;\n            // console.log('onChange', e.target.value);\n            if ((self === null || self === void 0 || (_self$props27 = self.props) === null || _self$props27 === void 0 ? void 0 : _self$props27.onChange) !== undefined) {\n              self.props.onChange(e.target.value);\n            }\n            if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props28 = self.props) === null || _self$props28 === void 0 || (_self$props28 = _self$props28.item) === null || _self$props28 === void 0 ? void 0 : _self$props28.submitOnSelection) && (self === null || self === void 0 || (_self$props29 = self.props) === null || _self$props29 === void 0 ? void 0 : _self$props29.onSelect) !== undefined) {\n              self.props.onSelect(e.target.value);\n            }\n          }\n        }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(horizontal) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n          iconImportString: option.icon,\n          size: 80\n        })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center mx-auto d-block\",\n          style: {\n            height: 100,\n            width: 100\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n          src: option.image,\n          alt: option.text,\n          style: {\n            height: 100\n          },\n          className: \"mx-auto d-block\",\n          loading: \"lazy\"\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-row align-items-center justify-content-between\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"w-100 d-flex align-items-center justify-content-center text-survey-builder-checkbox\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-column\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-\".concat(self === null || self === void 0 || (_self$props30 = self.props) === null || _self$props30 === void 0 || (_self$props30 = _self$props30.item) === null || _self$props30 === void 0 ? void 0 : _self$props30.textColor, \" \").concat(self === null || self === void 0 || (_self$props31 = self.props) === null || _self$props31 === void 0 || (_self$props31 = _self$props31.item) === null || _self$props31 === void 0 ? void 0 : _self$props31.fieldLabelClassName, \" text-center\")\n        }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"\".concat(self === null || self === void 0 || (_self$props32 = self.props) === null || _self$props32 === void 0 || (_self$props32 = _self$props32.item) === null || _self$props32 === void 0 ? void 0 : _self$props32.fieldDescriptionClassName)\n        }, option.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props33 = self.props) === null || _self$props33 === void 0 || (_self$props33 = _self$props33.item) === null || _self$props33 === void 0 ? void 0 : _self$props33.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n          size: 30,\n          className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props34 = self.props) === null || _self$props34 === void 0 || (_self$props34 = _self$props34.item) === null || _self$props34 === void 0 ? void 0 : _self$props34.unselectedColor)\n        }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props35 = self.props) === null || _self$props35 === void 0 || (_self$props35 = _self$props35.item) === null || _self$props35 === void 0 ? void 0 : _self$props35.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n          size: 30,\n          className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props36 = self.props) === null || _self$props36 === void 0 || (_self$props36 = _self$props36.item) === null || _self$props36 === void 0 ? void 0 : _self$props36.selectedColor)\n        })))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-row align-items-center justify-content-between\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n        }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props37 = self.props) === null || _self$props37 === void 0 || (_self$props37 = _self$props37.item) === null || _self$props37 === void 0 ? void 0 : _self$props37.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n          size: 30,\n          className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props38 = self.props) === null || _self$props38 === void 0 || (_self$props38 = _self$props38.item) === null || _self$props38 === void 0 ? void 0 : _self$props38.unselectedColor)\n        }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props39 = self.props) === null || _self$props39 === void 0 || (_self$props39 = _self$props39.item) === null || _self$props39 === void 0 ? void 0 : _self$props39.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n          size: 30,\n          className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props40 = self.props) === null || _self$props40 === void 0 || (_self$props40 = _self$props40.item) === null || _self$props40 === void 0 ? void 0 : _self$props40.selectedColor)\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-column\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-\".concat(self === null || self === void 0 || (_self$props41 = self.props) === null || _self$props41 === void 0 || (_self$props41 = _self$props41.item) === null || _self$props41 === void 0 ? void 0 : _self$props41.textColor, \" \").concat(self === null || self === void 0 || (_self$props42 = self.props) === null || _self$props42 === void 0 || (_self$props42 = _self$props42.item) === null || _self$props42 === void 0 ? void 0 : _self$props42.fieldLabelClassName)\n        }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"\".concat(self === null || self === void 0 || (_self$props43 = self.props) === null || _self$props43 === void 0 || (_self$props43 = _self$props43.item) === null || _self$props43 === void 0 ? void 0 : _self$props43.fieldDescriptionClassName)\n        }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center me-2\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n          iconImportString: option.icon,\n          size: 50\n        })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center me-2\",\n          style: {\n            height: 40,\n            width: 40\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n          src: option.image,\n          alt: option.label,\n          style: {\n            height: 40\n          },\n          className: \"mx-auto d-block\",\n          loading: \"lazy\"\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 _ref27,\n        _self$props$name3,\n        _self$props44,\n        _self$props45,\n        _self$props46,\n        _this10 = this,\n        _self$props$item$help2,\n        _self$props$item2;\n      var self = this;\n      var name = (_ref27 = (_self$props$name3 = self === null || self === void 0 || (_self$props44 = self.props) === null || _self$props44 === void 0 ? void 0 : _self$props44.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : self === null || self === void 0 || (_self$props45 = self.props) === null || _self$props45 === void 0 || (_self$props45 = _self$props45.item) === null || _self$props45 === void 0 ? void 0 : _self$props45.customName) !== null && _ref27 !== void 0 ? _ref27 : self === null || self === void 0 || (_self$props46 = self.props) === null || _self$props46 === void 0 || (_self$props46 = _self$props46.item) === null || _self$props46 === void 0 ? void 0 : _self$props46.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, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n        className: \"g-3\"\n      }, self.props.item.options.map(function (option, index) {\n        var _self$props47, _self$props48, _ref28, _self$props$item$bgCo3, _self$props49, _self$props50, _self$props51, _self$props52, _self$props53, _self$props54, _self$props55, _self$props59, _self$props60, _self$props61, _self$props62, _self$props63, _self$props64, _self$props65, _self$props66, _self$props67, _self$props68, _self$props69, _self$props70, _self$props71, _self$props72;\n        // console.log('option', option);\n        var checked = (self === null || self === void 0 || (_self$props47 = self.props) === null || _self$props47 === void 0 ? void 0 : _self$props47.value) === option.value;\n        var horizontal = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)((_self$props48 = self.props) === null || _self$props48 === void 0 || (_self$props48 = _self$props48.item) === null || _self$props48 === void 0 ? void 0 : _self$props48.inline);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n          key: \"container_\".concat(name, \"_\").concat(option.value),\n          xs: horizontal ? 6 : 12\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_ref28 = (_self$props$item$bgCo3 = (_self$props49 = self.props) === null || _self$props49 === void 0 || (_self$props49 = _self$props49.item) === null || _self$props49 === void 0 ? void 0 : _self$props49.bgColor) !== null && _self$props$item$bgCo3 !== void 0 ? _self$props$item$bgCo3 : (_self$props50 = self.props) === null || _self$props50 === void 0 ? void 0 : _self$props50.checkboxButtonClassName) !== null && _ref28 !== void 0 ? _ref28 : \"outline-light\",\n          className: \"btn-survey-builder-checkbox \".concat((_self$props51 = self.props) === null || _self$props51 === void 0 || (_self$props51 = _self$props51.item) === null || _self$props51 === void 0 ? void 0 : _self$props51.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) ? (_self$props52 = self.props) === null || _self$props52 === void 0 || (_self$props52 = _self$props52.item) === null || _self$props52 === void 0 ? void 0 : _self$props52.selectedClassName : (_self$props53 = self.props) === null || _self$props53 === void 0 || (_self$props53 = _self$props53.item) === null || _self$props53 === void 0 ? void 0 : _self$props53.unselectedClassName),\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$props54 = self.props) === null || _self$props54 === void 0 || (_self$props54 = _self$props54.item) === null || _self$props54 === void 0 ? void 0 : _self$props54.disabled,\n          name: name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props55 = self.props) === null || _self$props55 === void 0 ? void 0 : _self$props55.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props56, _self$props57, _self$props58;\n            // console.log('onChange', e.target.value);\n            if ((self === null || self === void 0 || (_self$props56 = self.props) === null || _self$props56 === void 0 ? void 0 : _self$props56.onChange) !== undefined) {\n              self.props.onChange(e.target.value);\n            }\n            if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props57 = self.props) === null || _self$props57 === void 0 || (_self$props57 = _self$props57.item) === null || _self$props57 === void 0 ? void 0 : _self$props57.submitOnSelection) && (self === null || self === void 0 || (_self$props58 = self.props) === null || _self$props58 === void 0 ? void 0 : _self$props58.onSelect) !== undefined) {\n              self.props.onSelect(e.target.value);\n            }\n          }\n        }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(horizontal) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n          iconImportString: option.icon,\n          size: 80\n        })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center mx-auto d-block\",\n          style: {\n            height: 100,\n            width: 100\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n          src: option.image,\n          alt: option.text,\n          style: {\n            height: 100\n          },\n          className: \"mx-auto d-block\",\n          loading: \"lazy\"\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-row align-items-center justify-content-between\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"w-100 d-flex align-items-center justify-content-center text-survey-builder-checkbox\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-column\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-\".concat(self === null || self === void 0 || (_self$props59 = self.props) === null || _self$props59 === void 0 || (_self$props59 = _self$props59.item) === null || _self$props59 === void 0 ? void 0 : _self$props59.textColor, \" \").concat(self === null || self === void 0 || (_self$props60 = self.props) === null || _self$props60 === void 0 || (_self$props60 = _self$props60.item) === null || _self$props60 === void 0 ? void 0 : _self$props60.fieldLabelClassName, \" text-center\")\n        }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"\".concat(self === null || self === void 0 || (_self$props61 = self.props) === null || _self$props61 === void 0 || (_self$props61 = _self$props61.item) === null || _self$props61 === void 0 ? void 0 : _self$props61.fieldDescriptionClassName)\n        }, option.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props62 = self.props) === null || _self$props62 === void 0 || (_self$props62 = _self$props62.item) === null || _self$props62 === void 0 ? void 0 : _self$props62.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n          size: 30,\n          className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props63 = self.props) === null || _self$props63 === void 0 || (_self$props63 = _self$props63.item) === null || _self$props63 === void 0 ? void 0 : _self$props63.unselectedColor)\n        }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props64 = self.props) === null || _self$props64 === void 0 || (_self$props64 = _self$props64.item) === null || _self$props64 === void 0 ? void 0 : _self$props64.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n          size: 30,\n          className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props65 = self.props) === null || _self$props65 === void 0 || (_self$props65 = _self$props65.item) === null || _self$props65 === void 0 ? void 0 : _self$props65.selectedColor)\n        })))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-row align-items-center justify-content-between\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n        }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props66 = self.props) === null || _self$props66 === void 0 || (_self$props66 = _self$props66.item) === null || _self$props66 === void 0 ? void 0 : _self$props66.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n          size: 30,\n          className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props67 = self.props) === null || _self$props67 === void 0 || (_self$props67 = _self$props67.item) === null || _self$props67 === void 0 ? void 0 : _self$props67.unselectedColor)\n        }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props68 = self.props) === null || _self$props68 === void 0 || (_self$props68 = _self$props68.item) === null || _self$props68 === void 0 ? void 0 : _self$props68.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n          size: 30,\n          className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props69 = self.props) === null || _self$props69 === void 0 || (_self$props69 = _self$props69.item) === null || _self$props69 === void 0 ? void 0 : _self$props69.selectedColor)\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex flex-column\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-\".concat(self === null || self === void 0 || (_self$props70 = self.props) === null || _self$props70 === void 0 || (_self$props70 = _self$props70.item) === null || _self$props70 === void 0 ? void 0 : _self$props70.textColor, \" \").concat(self === null || self === void 0 || (_self$props71 = self.props) === null || _self$props71 === void 0 || (_self$props71 = _self$props71.item) === null || _self$props71 === void 0 ? void 0 : _self$props71.fieldLabelClassName)\n        }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"\".concat(self === null || self === void 0 || (_self$props72 = self.props) === null || _self$props72 === void 0 || (_self$props72 = _self$props72.item) === null || _self$props72 === void 0 ? void 0 : _self$props72.fieldDescriptionClassName)\n        }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center me-2\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n          iconImportString: option.icon,\n          size: 50\n        })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-center me-2\",\n          style: {\n            height: 40,\n            width: 40\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n          src: option.image,\n          alt: option.label,\n          style: {\n            height: 40\n          },\n          className: \"mx-auto d-block\",\n          loading: \"lazy\"\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(_ref29) {\n  var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;\n  var name = _ref29.name,\n    onChange = _ref29.onChange,\n    value = _ref29.value,\n    style = _ref29.style,\n    item = _ref29.item,\n    props = _objectWithoutProperties(_ref29, _excluded10);\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 (_ref30) {\n    var _ref30$field = _ref30.field,\n      onChange = _ref30$field.onChange,\n      onBlur = _ref30$field.onBlur,\n      value = _ref30$field.value,\n      name = _ref30$field.name,\n      ref = _ref30$field.ref,\n      _ref30$fieldState = _ref30.fieldState,\n      invalid = _ref30$fieldState.invalid,\n      isTouched = _ref30$fieldState.isTouched,\n      isDirty = _ref30$fieldState.isDirty,\n      error = _ref30$fieldState.error,\n      formState = _ref30.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, _ref31) {\n        var rating = _ref31.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, _ref32) {\n        var rating = _ref32.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(_ref33) {\n      var width = _ref33.width,\n        height = _ref33.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$checkboxB, _this$props6, _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$checkboxB = (_this$props6 = this.props) === null || _this$props6 === void 0 ? void 0 : _this$props6.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : \"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 _ref34 = _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 _ref34.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?");
 /***/ }),
@@ -1246,7 +1246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toolbar-draggable-item */ \"./src/toolbar-draggable-item.jsx\");\n/* harmony import */ var _toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbar-group-item */ \"./src/toolbar-group-item.jsx\");\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_icons_pi__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-icons/pi */ \"./node_modules/react-icons/pi/index.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_icons_gr__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-icons/gr */ \"./node_modules/react-icons/gr/index.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\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 _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 _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; }\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 _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 _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 _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; }\n\n\n\n\n\n\n\n\n\n\nvar _defaultItems = [{\n  key: 'Header',\n  name: \"Header Text\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaHeading,\n  \"static\": true,\n  content: \"Text...\"\n}, {\n  key: 'Label',\n  name: \"Label\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  content: \"Text...\"\n}, {\n  key: 'Paragraph',\n  name: \"Paragraph\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaParagraph,\n  content: \"Text...\"\n}, {\n  key: 'ContentBody',\n  name: \"Static Content\",\n  \"static\": true,\n  icon: react_icons_pi__WEBPACK_IMPORTED_MODULE_7__.PiFileHtml,\n  content: \"Text...\"\n}, {\n  key: 'LineBreak',\n  name: \"Line Break\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaArrowsAltH\n}, {\n  key: 'Dropdown',\n  name: \"Dropdown\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCaretSquareDown,\n  label: \"Label\",\n  fieldName: 'dropdown_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select One',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Tags',\n  name: \"Tags\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTags,\n  label: \"Label\",\n  fieldName: 'tags_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select...',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkboxes',\n  name: \"Checkboxes\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkboxes_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkbox',\n  name: \"Checkbox\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkbox_',\n  canHaveHelp: true,\n  boxLabel: 'Pick me',\n  answerType: 'BOOLEAN',\n  canHideLabel: true,\n  hideLabel: true\n}, {\n  key: 'RadioButtons',\n  name: \"Radio Buttons\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegDotCircle,\n  label: \"Label\",\n  fieldName: 'radiobuttons_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false,\n  submitOnSelection: false\n}, {\n  key: 'ButtonList',\n  name: \"Button List\",\n  icon: react_icons_io5__WEBPACK_IMPORTED_MODULE_8__.IoReorderTwo,\n  label: \"Label\",\n  fieldName: 'buttonlist_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false,\n  submitOnSelection: true\n}, {\n  key: 'TextInput',\n  name: \"Text Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  fieldName: 'text_input_',\n  canHaveHelp: true,\n  placeholder: \"Label\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'EmailInput',\n  name: \"Email Input\",\n  label: \"Email Address\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaEnvelope,\n  fieldName: 'email_input_',\n  canHaveHelp: true,\n  placeholder: \"Email Address\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'PhoneNumber',\n  name: \"Phone Number\",\n  label: \"Phone Number\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPhone,\n  fieldName: 'phone_input_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'DatePicker',\n  canDefaultToday: true,\n  canReadOnly: true,\n  dateFormat: 'MM/DD/YYYY',\n  name: \"Date\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegCalendarAlt,\n  label: \"Label\",\n  fieldName: 'date_picker_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'TextArea',\n  name: \"Multi-line Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTextHeight,\n  fieldName: 'text_area_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false,\n  rows: 5\n}, {\n  key: 'NumberInput',\n  name: \"Numerical Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPlus,\n  fieldName: 'number_input_',\n  canHaveHelp: true,\n  step: 1,\n  minValue: 0,\n  maxValue: 5,\n  canHaveLabelLocation: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Rating',\n  name: \"Rating\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaStar,\n  fieldName: 'rating_',\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Range',\n  name: \"Range\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaSlidersH,\n  label: \"Label\",\n  fieldName: 'range_',\n  step: 1,\n  defaultValue: 3,\n  minValue: 1,\n  maxValue: 5,\n  minLabel: \"Easy\",\n  maxLabel: \"Difficult\",\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Signature',\n  canReadOnly: true,\n  name: \"Signature\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPenSquare,\n  label: \"Signature\",\n  fieldName: 'signature_',\n  canHaveHelp: true,\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'Camera',\n  name: \"Camera\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCamera,\n  label: \"Label\",\n  fieldName: 'camera_',\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'FileUpload',\n  name: \"File Upload\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  label: \"Label\",\n  fieldName: 'file_upload_',\n  answerType: 'FILE',\n  hideLabel: false\n}, {\n  key: 'Fieldset',\n  name: \"Fieldset\",\n  label: \"Fieldset\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaBars,\n  fieldName: 'fieldset-element',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Image',\n  name: \"Image\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegImage,\n  fieldName: 'image_',\n  src: '',\n  \"static\": true\n}, {\n  key: 'HyperLink',\n  name: \"Hyperlink\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaLink,\n  content: \"Website Link...\",\n  href: 'http://www.example.com',\n  \"static\": true\n}, {\n  key: 'Download',\n  name: \"File Attachment\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  content: \"File name...\",\n  fieldName: 'download_',\n  filePath: '',\n  href: '',\n  \"static\": true\n}, {\n  key: 'TwoColumnRow',\n  name: \"Two Column Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'two_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'ThreeColumnRow',\n  name: \"Three Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'three_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FourColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Four Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'four_col_row_',\n  colCount: 4,\n  className: 'col-md-3',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FiveColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Five Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'five_col_row_',\n  colCount: 5,\n  className: 'col',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'SixColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Six Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'six_col_row_',\n  colCount: 6,\n  className: 'col-md-2',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Step',\n  name: \"Step\",\n  label: \"Step\",\n  icon: react_icons_gr__WEBPACK_IMPORTED_MODULE_9__.GrSteps,\n  fieldName: 'step_',\n  \"static\": true,\n  conditional: false,\n  conditionalFieldName: '',\n  conditionalFieldValue: '',\n  isContainer: true,\n  hideNextStepButton: false\n}];\nvar groupBy = function groupBy(list, keyGetter) {\n  var map = new Map();\n  list.forEach(function (item) {\n    var key = keyGetter(item);\n    var collection = map.get(key);\n    if (!collection) {\n      map.set(key, [item]);\n    } else {\n      collection.push(item);\n    }\n  });\n  return map;\n};\nvar buildItems = function buildItems() {\n  var dataItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var defaultDataItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  var customItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n  var allItems = [].concat(_toConsumableArray(defaultDataItems), _toConsumableArray(customItems));\n  if (!(0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(dataItems)) {\n    return allItems;\n  }\n  return dataItems.map(function (x) {\n    var found = allItems.find(function (y) {\n      return x.element === y.element && y.key === x.key;\n    });\n    if (!found) {\n      found = allItems.find(function (y) {\n        return (x.element || x.key) === (y.element || y.key);\n      });\n    }\n    if (found) {\n      if (x.inherited !== false) {\n        found = _objectSpread(_objectSpread({}, found), x);\n      } else if (x.groupName) {\n        found.groupName = x.groupName;\n      }\n    }\n    return found || x;\n  });\n};\nvar buildGroupItems = function buildGroupItems() {\n  var allItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var ungroupedItems = allItems.filter(function (x) {\n    return !x.groupName;\n  });\n  var gItems = allItems.filter(function (x) {\n    return !!x.groupName;\n  });\n  var grouped = groupBy(gItems, function (x) {\n    return x.groupName;\n  });\n  var groupKeys = gItems.map(function (x) {\n    return x.groupName;\n  }).filter(function (v, i, self) {\n    return self.indexOf(v) === i;\n  });\n  return {\n    ungroupedItems: ungroupedItems,\n    grouped: grouped,\n    groupKeys: groupKeys\n  };\n};\nvar Toolbar = function Toolbar(_ref) {\n  var toolbarTop = _ref.toolbarTop,\n    _ref$items = _ref.items,\n    items = _ref$items === void 0 ? [] : _ref$items,\n    _ref$customItems = _ref.customItems,\n    customItems = _ref$customItems === void 0 ? [] : _ref$customItems;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : []),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    dataItems = _React$useState2[0],\n    setDataItems = _React$useState2[1];\n  var _defaultItemOptions = function _defaultItemOptions(element) {\n    switch (element) {\n      case 'Dropdown':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Tags':\n        return [{\n          value: 'PLACE_HOLDER_TAG_1',\n          text: \"Place holder option 1\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_2',\n          text: \"Place holder option 2\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_3',\n          text: \"Place holder option 3\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Checkboxes':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'RadioButtons':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'ButtonList':\n        return [{\n          value: 'YES',\n          text: \"Yes\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'NO',\n          text: \"No\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      default:\n        return [];\n    }\n  };\n  var addCustomOptions = function addCustomOptions(item, elementOptions) {\n    if (item.type === 'custom') {\n      var customOptions = _objectSpread(_objectSpread({}, item), elementOptions);\n      customOptions.custom = true;\n      customOptions.component = item.component || null;\n      customOptions.customOptions = item.customOptions || [];\n      return customOptions;\n    }\n    return elementOptions;\n  };\n  var create = function create(item) {\n    var _item$static;\n    var element = item.element || item.key;\n    var elementOptions = addCustomOptions(item, {\n      id: _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid(),\n      element: element,\n      text: item.name,\n      \"static\": (_item$static = item[\"static\"]) !== null && _item$static !== void 0 ? _item$static : false\n    });\n    if (item.groupName) {\n      var _item$groupName;\n      elementOptions.groupName = (_item$groupName = item.groupName) !== null && _item$groupName !== void 0 ? _item$groupName : null;\n    }\n    if (!item[\"static\"]) {\n      elementOptions.required = false;\n    }\n    if (item.isContainer) {\n      elementOptions.isContainer = true;\n    }\n\n    // add placeholder to form input\n    if (['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags'].indexOf(element) !== -1) {\n      var _item$placeholder;\n      elementOptions.placeholder = (_item$placeholder = item.placeholder) !== null && _item$placeholder !== void 0 ? _item$placeholder : '';\n    }\n    if (item.type === 'custom') {\n      elementOptions.key = item.key;\n      elementOptions.custom = true;\n      elementOptions.forwardRef = item.forwardRef;\n      elementOptions.bare = item.bare;\n      elementOptions.props = item.props;\n      elementOptions.component = item.component || null;\n      elementOptions.customOptions = item.customOptions || [];\n    }\n    if (item[\"static\"] && ['Header', 'Paragraph', 'Label'].indexOf(element) !== -1) {\n      elementOptions.bold = false;\n      elementOptions.italic = false;\n    }\n    if (item.canHaveLabelLocation || item.labelLocation !== undefined) {\n      var _item$labelLocation;\n      elementOptions.labelLocation = (_item$labelLocation = item.labelLocation) !== null && _item$labelLocation !== void 0 ? _item$labelLocation : 'ABOVE';\n    }\n    if (item.canHaveHelp || item.help !== undefined) {\n      var _item$help;\n      elementOptions.help = (_item$help = item.help) !== null && _item$help !== void 0 ? _item$help : '';\n    }\n    if (item.canHideLabel || item.hideLabel !== undefined) {\n      var _item$hideLabel;\n      elementOptions.hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;\n    }\n    if (item.canReadOnly || item.readOnly !== undefined) {\n      var _item$readOnly;\n      elementOptions.readOnly = (_item$readOnly = item.readOnly) !== null && _item$readOnly !== void 0 ? _item$readOnly : false;\n    }\n    if (item.canDefaultToday || item.defaultToday !== undefined) {\n      var _item$defaultToday;\n      elementOptions.defaultToday = (_item$defaultToday = item.defaultToday) !== null && _item$defaultToday !== void 0 ? _item$defaultToday : false;\n    }\n    if (item.content) {\n      elementOptions.content = item.content;\n    }\n    if (item.href) {\n      elementOptions.href = item.href;\n    }\n    if (item.inherited !== undefined) {\n      elementOptions.inherited = item.inherited;\n    }\n    if (item.canHavePageBreakBefore || item.pageBreakBefore !== undefined) {\n      var _item$pageBreakBefore;\n      elementOptions.pageBreakBefore = (_item$pageBreakBefore = item.pageBreakBefore) !== null && _item$pageBreakBefore !== void 0 ? _item$pageBreakBefore : false;\n    }\n    if (item.canHaveAlternateForm || item.alternateForm !== undefined) {\n      var _item$alternateForm;\n      elementOptions.alternateForm = (_item$alternateForm = item.alternateForm) !== null && _item$alternateForm !== void 0 ? _item$alternateForm : false;\n    }\n    if (item.canHaveDisplayHorizontal || item.inline !== undefined) {\n      var _item$inline;\n      elementOptions.inline = (_item$inline = item.inline) !== null && _item$inline !== void 0 ? _item$inline : false;\n    }\n    if (item.canHaveOptionCorrect) {\n      var _item$canHaveOptionCo;\n      elementOptions.canHaveOptionCorrect = (_item$canHaveOptionCo = item.canHaveOptionCorrect) !== null && _item$canHaveOptionCo !== void 0 ? _item$canHaveOptionCo : false;\n    }\n    if (item.canHaveOptionValue) {\n      var _item$canHaveOptionVa;\n      elementOptions.canHaveOptionValue = (_item$canHaveOptionVa = item.canHaveOptionValue) !== null && _item$canHaveOptionVa !== void 0 ? _item$canHaveOptionVa : false;\n    }\n    if (item.canPopulateFromApi) {\n      var _item$canPopulateFrom;\n      elementOptions.canPopulateFromApi = (_item$canPopulateFrom = item.canPopulateFromApi) !== null && _item$canPopulateFrom !== void 0 ? _item$canPopulateFrom : false;\n    }\n    if (item.rows) {\n      elementOptions.rows = item.rows;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (element === 'Step') {\n      elementOptions.conditional = item.conditional;\n      elementOptions.conditionalFieldName = item.conditionalFieldName;\n      elementOptions.conditionalFieldValue = item.conditionalFieldValue;\n      elementOptions.hideNextStepButton = item.hideNextStepButton;\n    }\n    if (element === 'Image') {\n      elementOptions.src = item.src;\n    }\n    if (element === 'DatePicker') {\n      elementOptions.dateFormat = item.dateFormat;\n    }\n    if (element === 'Download') {\n      elementOptions.href = item.href;\n      elementOptions.filePath = item.filePath;\n    }\n    if (element === 'NumberInput') {\n      elementOptions.step = item.step;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n    }\n    if (element === 'Range') {\n      elementOptions.step = item.step;\n      elementOptions.defaultValue = item.defaultValue;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n      elementOptions.minLabel = item.minLabel;\n      elementOptions.maxLabel = item.maxLabel;\n    }\n    if (element === 'MultiColumnRow') {\n      elementOptions.colCount = item.colCount;\n    }\n    if (element === 'ButtonList' || element === 'RadioButtons') {\n      var _item$submitOnSelecti;\n      elementOptions.submitOnSelection = (_item$submitOnSelecti = item.submitOnSelection) !== null && _item$submitOnSelecti !== void 0 ? _item$submitOnSelecti : false;\n    }\n    if (item.defaultValue) {\n      elementOptions.defaultValue = item.defaultValue;\n    }\n    if (item.fieldName) {\n      elementOptions.fieldName = item.fieldName + _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid();\n    }\n    if (!item[\"static\"]) {\n      var _item$customName;\n      elementOptions.customName = (_item$customName = item.customName) !== null && _item$customName !== void 0 ? _item$customName : elementOptions.fieldName;\n    }\n    if (item.label) {\n      elementOptions.label = item.label.trim();\n    }\n    if (item.options) {\n      if (item.options.length > 0) {\n        elementOptions.options = item.options.map(function (x) {\n          return _objectSpread(_objectSpread({}, x), {}, {\n            key: \"custom_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n          });\n        });\n      } else {\n        elementOptions.options = _defaultItemOptions(elementOptions.element);\n      }\n    }\n    return elementOptions;\n  };\n  var _onClick = function _onClick(item) {\n    // ElementActions.createElement(create(item));\n    _stores_store__WEBPACK_IMPORTED_MODULE_3__[\"default\"].dispatch('create', create(item));\n  };\n  var renderItem = function renderItem(item) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      item: item,\n      key: item.key,\n      onClick: function onClick() {\n        _onClick(item);\n      },\n      onCreate: create\n    });\n  };\n  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n    setDataItems(buildItems(dataItems, _defaultItems, customItems));\n  }, []);\n  var _buildGroupItems = buildGroupItems(dataItems),\n    ungroupedItems = _buildGroupItems.ungroupedItems,\n    grouped = _buildGroupItems.grouped,\n    groupKeys = _buildGroupItems.groupKeys;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"react-survey-builder-toolbar\"\n  }, toolbarTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", null, \"Survey Blocks Toolbox\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", null, ungroupedItems.map(renderItem), groupKeys.map(function (k) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      key: k,\n      name: k,\n      group: grouped.get(k),\n      renderItem: renderItem\n    });\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toolbar);\n\n//# sourceURL=webpack://react-survey-builder/./src/toolbar.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toolbar-draggable-item */ \"./src/toolbar-draggable-item.jsx\");\n/* harmony import */ var _toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbar-group-item */ \"./src/toolbar-group-item.jsx\");\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_icons_pi__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-icons/pi */ \"./node_modules/react-icons/pi/index.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_icons_gr__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-icons/gr */ \"./node_modules/react-icons/gr/index.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\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 _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 _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; }\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 _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 _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 _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; }\n\n\n\n\n\n\n\n\n\n\nvar _defaultItems = [{\n  key: 'Header',\n  name: \"Header Text\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaHeading,\n  \"static\": true,\n  content: \"Text...\"\n}, {\n  key: 'Label',\n  name: \"Label\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  content: \"Text...\"\n}, {\n  key: 'Paragraph',\n  name: \"Paragraph\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaParagraph,\n  content: \"Text...\"\n}, {\n  key: 'ContentBody',\n  name: \"Static Content\",\n  \"static\": true,\n  icon: react_icons_pi__WEBPACK_IMPORTED_MODULE_7__.PiFileHtml,\n  content: \"Text...\"\n}, {\n  key: 'LineBreak',\n  name: \"Line Break\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaArrowsAltH\n}, {\n  key: 'Dropdown',\n  name: \"Dropdown\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCaretSquareDown,\n  label: \"Label\",\n  fieldName: 'dropdown_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select One',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Tags',\n  name: \"Tags\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTags,\n  label: \"Label\",\n  fieldName: 'tags_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select...',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkboxes',\n  name: \"Checkboxes\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkboxes_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'ARRAY',\n  hideLabel: false,\n  canHaveDisplayHorizontal: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"\",\n  unselectedClassName: \"\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  inline: false\n}, {\n  key: 'Checkbox',\n  name: \"Checkbox\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkbox_',\n  canHaveHelp: true,\n  boxLabel: 'Pick me',\n  answerType: 'BOOLEAN',\n  canHideLabel: true,\n  hideLabel: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\"\n}, {\n  key: 'RadioButtons',\n  name: \"Radio Buttons\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegDotCircle,\n  label: \"Label\",\n  fieldName: 'radiobuttons_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false,\n  submitOnSelection: false,\n  canHaveDisplayHorizontal: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"\",\n  unselectedClassName: \"\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  showRadio: true,\n  inline: false\n}, {\n  key: 'ButtonList',\n  name: \"Button List\",\n  icon: react_icons_io5__WEBPACK_IMPORTED_MODULE_8__.IoReorderTwo,\n  label: \"Label\",\n  fieldName: 'buttonlist_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false,\n  submitOnSelection: true,\n  bgColor: 'light',\n  textColor: 'black',\n  className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n  fieldLabelClassName: \"text-start text-black fs-3\",\n  fieldDescriptionClassName: \"text-start text-muted fs-6\",\n  selectedClassName: \"\",\n  unselectedClassName: \"\",\n  unselectedColor: \"black\",\n  selectedColor: \"black\",\n  showRadio: false,\n  inline: false\n}, {\n  key: 'TextInput',\n  name: \"Text Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  fieldName: 'text_input_',\n  canHaveHelp: true,\n  placeholder: \"Label\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'EmailInput',\n  name: \"Email Input\",\n  label: \"Email Address\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaEnvelope,\n  fieldName: 'email_input_',\n  canHaveHelp: true,\n  placeholder: \"Email Address\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'PhoneNumber',\n  name: \"Phone Number\",\n  label: \"Phone Number\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPhone,\n  fieldName: 'phone_input_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'DatePicker',\n  canDefaultToday: true,\n  canReadOnly: true,\n  dateFormat: 'MM/DD/YYYY',\n  name: \"Date\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegCalendarAlt,\n  label: \"Label\",\n  fieldName: 'date_picker_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'TextArea',\n  name: \"Multi-line Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTextHeight,\n  fieldName: 'text_area_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false,\n  rows: 5\n}, {\n  key: 'NumberInput',\n  name: \"Numerical Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPlus,\n  fieldName: 'number_input_',\n  canHaveHelp: true,\n  step: 1,\n  minValue: 0,\n  maxValue: 5,\n  canHaveLabelLocation: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Rating',\n  name: \"Rating\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaStar,\n  fieldName: 'rating_',\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Range',\n  name: \"Range\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaSlidersH,\n  label: \"Label\",\n  fieldName: 'range_',\n  step: 1,\n  defaultValue: 3,\n  minValue: 1,\n  maxValue: 5,\n  minLabel: \"Easy\",\n  maxLabel: \"Difficult\",\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Signature',\n  canReadOnly: true,\n  name: \"Signature\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPenSquare,\n  label: \"Signature\",\n  fieldName: 'signature_',\n  canHaveHelp: true,\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'Camera',\n  name: \"Camera\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCamera,\n  label: \"Label\",\n  fieldName: 'camera_',\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'FileUpload',\n  name: \"File Upload\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  label: \"Label\",\n  fieldName: 'file_upload_',\n  answerType: 'FILE',\n  hideLabel: false\n}, {\n  key: 'Fieldset',\n  name: \"Fieldset\",\n  label: \"Fieldset\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaBars,\n  fieldName: 'fieldset-element',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Image',\n  name: \"Image\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegImage,\n  fieldName: 'image_',\n  src: '',\n  \"static\": true\n}, {\n  key: 'HyperLink',\n  name: \"Hyperlink\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaLink,\n  content: \"Website Link...\",\n  href: 'http://www.example.com',\n  \"static\": true\n}, {\n  key: 'Download',\n  name: \"File Attachment\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  content: \"File name...\",\n  fieldName: 'download_',\n  filePath: '',\n  href: '',\n  \"static\": true\n}, {\n  key: 'TwoColumnRow',\n  name: \"Two Column Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'two_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'ThreeColumnRow',\n  name: \"Three Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'three_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FourColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Four Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'four_col_row_',\n  colCount: 4,\n  className: 'col-md-3',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FiveColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Five Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'five_col_row_',\n  colCount: 5,\n  className: 'col',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'SixColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Six Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'six_col_row_',\n  colCount: 6,\n  className: 'col-md-2',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Step',\n  name: \"Step\",\n  label: \"Step\",\n  icon: react_icons_gr__WEBPACK_IMPORTED_MODULE_9__.GrSteps,\n  fieldName: 'step_',\n  \"static\": true,\n  conditional: false,\n  conditionalFieldName: '',\n  conditionalFieldValue: '',\n  isContainer: true,\n  hideNextStepButton: false\n}];\nvar groupBy = function groupBy(list, keyGetter) {\n  var map = new Map();\n  list.forEach(function (item) {\n    var key = keyGetter(item);\n    var collection = map.get(key);\n    if (!collection) {\n      map.set(key, [item]);\n    } else {\n      collection.push(item);\n    }\n  });\n  return map;\n};\nvar buildItems = function buildItems() {\n  var dataItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var defaultDataItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  var customItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n  var allItems = [].concat(_toConsumableArray(defaultDataItems), _toConsumableArray(customItems));\n  if (!(0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(dataItems)) {\n    return allItems;\n  }\n  return dataItems.map(function (x) {\n    var found = allItems.find(function (y) {\n      return x.element === y.element && y.key === x.key;\n    });\n    if (!found) {\n      found = allItems.find(function (y) {\n        return (x.element || x.key) === (y.element || y.key);\n      });\n    }\n    if (found) {\n      if (x.inherited !== false) {\n        found = _objectSpread(_objectSpread({}, found), x);\n      } else if (x.groupName) {\n        found.groupName = x.groupName;\n      }\n    }\n    return found || x;\n  });\n};\nvar buildGroupItems = function buildGroupItems() {\n  var allItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var ungroupedItems = allItems.filter(function (x) {\n    return !x.groupName;\n  });\n  var gItems = allItems.filter(function (x) {\n    return !!x.groupName;\n  });\n  var grouped = groupBy(gItems, function (x) {\n    return x.groupName;\n  });\n  var groupKeys = gItems.map(function (x) {\n    return x.groupName;\n  }).filter(function (v, i, self) {\n    return self.indexOf(v) === i;\n  });\n  return {\n    ungroupedItems: ungroupedItems,\n    grouped: grouped,\n    groupKeys: groupKeys\n  };\n};\nvar Toolbar = function Toolbar(_ref) {\n  var toolbarTop = _ref.toolbarTop,\n    _ref$items = _ref.items,\n    items = _ref$items === void 0 ? [] : _ref$items,\n    _ref$customItems = _ref.customItems,\n    customItems = _ref$customItems === void 0 ? [] : _ref$customItems;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : []),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    dataItems = _React$useState2[0],\n    setDataItems = _React$useState2[1];\n  var _defaultItemOptions = function _defaultItemOptions(element) {\n    switch (element) {\n      case 'Dropdown':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Tags':\n        return [{\n          value: 'PLACE_HOLDER_TAG_1',\n          text: \"Place holder option 1\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_2',\n          text: \"Place holder option 2\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_3',\n          text: \"Place holder option 3\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Checkboxes':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'RadioButtons':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'ButtonList':\n        return [{\n          value: 'YES',\n          text: \"Yes\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'NO',\n          text: \"No\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      default:\n        return [];\n    }\n  };\n  var addCustomOptions = function addCustomOptions(item, elementOptions) {\n    if (item.type === 'custom') {\n      var customOptions = _objectSpread(_objectSpread({}, item), elementOptions);\n      customOptions.custom = true;\n      customOptions.component = item.component || null;\n      customOptions.customOptions = item.customOptions || [];\n      return customOptions;\n    }\n    return elementOptions;\n  };\n  var create = function create(item) {\n    var _item$static;\n    var element = item.element || item.key;\n    var elementOptions = addCustomOptions(item, {\n      id: _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid(),\n      element: element,\n      text: item.name,\n      \"static\": (_item$static = item[\"static\"]) !== null && _item$static !== void 0 ? _item$static : false\n    });\n    if (item.groupName) {\n      var _item$groupName;\n      elementOptions.groupName = (_item$groupName = item.groupName) !== null && _item$groupName !== void 0 ? _item$groupName : null;\n    }\n    if (!item[\"static\"]) {\n      elementOptions.required = false;\n    }\n    if (item.isContainer) {\n      elementOptions.isContainer = true;\n    }\n\n    // add placeholder to form input\n    if (['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags'].indexOf(element) !== -1) {\n      var _item$placeholder;\n      elementOptions.placeholder = (_item$placeholder = item.placeholder) !== null && _item$placeholder !== void 0 ? _item$placeholder : '';\n    }\n    if (item.type === 'custom') {\n      elementOptions.key = item.key;\n      elementOptions.custom = true;\n      elementOptions.forwardRef = item.forwardRef;\n      elementOptions.bare = item.bare;\n      elementOptions.props = item.props;\n      elementOptions.component = item.component || null;\n      elementOptions.customOptions = item.customOptions || [];\n    }\n    if (item[\"static\"] && ['Header', 'Paragraph', 'Label'].indexOf(element) !== -1) {\n      elementOptions.bold = false;\n      elementOptions.italic = false;\n    }\n    if (item.canHaveLabelLocation || item.labelLocation !== undefined) {\n      var _item$labelLocation;\n      elementOptions.labelLocation = (_item$labelLocation = item.labelLocation) !== null && _item$labelLocation !== void 0 ? _item$labelLocation : 'ABOVE';\n    }\n    if (item.canHaveHelp || item.help !== undefined) {\n      var _item$help;\n      elementOptions.help = (_item$help = item.help) !== null && _item$help !== void 0 ? _item$help : '';\n    }\n    if (item.canHideLabel || item.hideLabel !== undefined) {\n      var _item$hideLabel;\n      elementOptions.hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;\n    }\n    if (item.canReadOnly || item.readOnly !== undefined) {\n      var _item$readOnly;\n      elementOptions.readOnly = (_item$readOnly = item.readOnly) !== null && _item$readOnly !== void 0 ? _item$readOnly : false;\n    }\n    if (item.canDefaultToday || item.defaultToday !== undefined) {\n      var _item$defaultToday;\n      elementOptions.defaultToday = (_item$defaultToday = item.defaultToday) !== null && _item$defaultToday !== void 0 ? _item$defaultToday : false;\n    }\n    if (item.content) {\n      elementOptions.content = item.content;\n    }\n    if (item.href) {\n      elementOptions.href = item.href;\n    }\n    if (item.inherited !== undefined) {\n      elementOptions.inherited = item.inherited;\n    }\n    if (item.canHavePageBreakBefore || item.pageBreakBefore !== undefined) {\n      var _item$pageBreakBefore;\n      elementOptions.pageBreakBefore = (_item$pageBreakBefore = item.pageBreakBefore) !== null && _item$pageBreakBefore !== void 0 ? _item$pageBreakBefore : false;\n    }\n    if (item.canHaveAlternateForm || item.alternateForm !== undefined) {\n      var _item$alternateForm;\n      elementOptions.alternateForm = (_item$alternateForm = item.alternateForm) !== null && _item$alternateForm !== void 0 ? _item$alternateForm : false;\n    }\n    if (item.canHaveDisplayHorizontal || item.inline !== undefined) {\n      var _item$inline;\n      elementOptions.inline = (_item$inline = item.inline) !== null && _item$inline !== void 0 ? _item$inline : false;\n    }\n    if (item.canHaveOptionCorrect) {\n      var _item$canHaveOptionCo;\n      elementOptions.canHaveOptionCorrect = (_item$canHaveOptionCo = item.canHaveOptionCorrect) !== null && _item$canHaveOptionCo !== void 0 ? _item$canHaveOptionCo : false;\n    }\n    if (item.canHaveOptionValue) {\n      var _item$canHaveOptionVa;\n      elementOptions.canHaveOptionValue = (_item$canHaveOptionVa = item.canHaveOptionValue) !== null && _item$canHaveOptionVa !== void 0 ? _item$canHaveOptionVa : false;\n    }\n    if (item.canPopulateFromApi) {\n      var _item$canPopulateFrom;\n      elementOptions.canPopulateFromApi = (_item$canPopulateFrom = item.canPopulateFromApi) !== null && _item$canPopulateFrom !== void 0 ? _item$canPopulateFrom : false;\n    }\n    if (item.rows) {\n      elementOptions.rows = item.rows;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (element === 'Step') {\n      elementOptions.conditional = item.conditional;\n      elementOptions.conditionalFieldName = item.conditionalFieldName;\n      elementOptions.conditionalFieldValue = item.conditionalFieldValue;\n      elementOptions.hideNextStepButton = item.hideNextStepButton;\n    }\n    if (element === 'Image') {\n      elementOptions.src = item.src;\n    }\n    if (element === 'DatePicker') {\n      elementOptions.dateFormat = item.dateFormat;\n    }\n    if (element === 'Download') {\n      elementOptions.href = item.href;\n      elementOptions.filePath = item.filePath;\n    }\n    if (element === 'NumberInput') {\n      elementOptions.step = item.step;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n    }\n    if (element === 'Range') {\n      elementOptions.step = item.step;\n      elementOptions.defaultValue = item.defaultValue;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n      elementOptions.minLabel = item.minLabel;\n      elementOptions.maxLabel = item.maxLabel;\n    }\n    if (element === 'MultiColumnRow') {\n      elementOptions.colCount = item.colCount;\n    }\n    if (element === 'ButtonList' || element === 'RadioButtons') {\n      var _item$submitOnSelecti;\n      elementOptions.submitOnSelection = (_item$submitOnSelecti = item.submitOnSelection) !== null && _item$submitOnSelecti !== void 0 ? _item$submitOnSelecti : false;\n    }\n    if (element === 'RadioButtons') {\n      var _item$showRadio;\n      elementOptions.showRadio = (_item$showRadio = item.showRadio) !== null && _item$showRadio !== void 0 ? _item$showRadio : true;\n    }\n    if (item.bgColor) {\n      elementOptions.bgColor = item.bgColor;\n    }\n    if (item.textColor) {\n      elementOptions.textColor = item.textColor;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (item.fieldLabelClassName) {\n      elementOptions.fieldLabelClassName = item.fieldLabelClassName;\n    }\n    if (item.fieldDescriptionClassName) {\n      elementOptions.fieldDescriptionClassName = item.fieldDescriptionClassName;\n    }\n    if (item.selectedClassName) {\n      elementOptions.selectedClassName = item.selectedClassName;\n    }\n    if (item.unselectedClassName) {\n      elementOptions.unselectedClassName = item.unselectedClassName;\n    }\n    if (item.selectedColor) {\n      elementOptions.selectedColor = item.selectedColor;\n    }\n    if (item.unselectedColor) {\n      elementOptions.unselectedColor = item.unselectedColor;\n    }\n    if (item.defaultValue) {\n      elementOptions.defaultValue = item.defaultValue;\n    }\n    if (item.fieldName) {\n      elementOptions.fieldName = item.fieldName + _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid();\n    }\n    if (!item[\"static\"]) {\n      var _item$customName;\n      elementOptions.customName = (_item$customName = item.customName) !== null && _item$customName !== void 0 ? _item$customName : elementOptions.fieldName;\n    }\n    if (item.label) {\n      elementOptions.label = item.label.trim();\n    }\n    if (item.options) {\n      if (item.options.length > 0) {\n        elementOptions.options = item.options.map(function (x) {\n          return _objectSpread(_objectSpread({}, x), {}, {\n            key: \"custom_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n          });\n        });\n      } else {\n        elementOptions.options = _defaultItemOptions(elementOptions.element);\n      }\n    }\n    return elementOptions;\n  };\n  var _onClick = function _onClick(item) {\n    // ElementActions.createElement(create(item));\n    _stores_store__WEBPACK_IMPORTED_MODULE_3__[\"default\"].dispatch('create', create(item));\n  };\n  var renderItem = function renderItem(item) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      item: item,\n      key: item.key,\n      onClick: function onClick() {\n        _onClick(item);\n      },\n      onCreate: create\n    });\n  };\n  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n    setDataItems(buildItems(dataItems, _defaultItems, customItems));\n  }, []);\n  var _buildGroupItems = buildGroupItems(dataItems),\n    ungroupedItems = _buildGroupItems.ungroupedItems,\n    grouped = _buildGroupItems.grouped,\n    groupKeys = _buildGroupItems.groupKeys;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"react-survey-builder-toolbar\"\n  }, toolbarTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", null, \"Survey Blocks Toolbox\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", null, ungroupedItems.map(renderItem), groupKeys.map(function (k) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      key: k,\n      name: k,\n      group: grouped.get(k),\n      renderItem: renderItem\n    });\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toolbar);\n\n//# sourceURL=webpack://react-survey-builder/./src/toolbar.jsx?");
 /***/ }),
@@ -1268,7 +1268,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addObjectToBottomOfArray: () => (/* binding */ addObjectToBottomOfArray),\n/* harmony export */   addObjectToTopOfArray: () => (/* binding */ addObjectToTopOfArray),\n/* harmony export */   addRecordToBottom: () => (/* binding */ addRecordToBottom),\n/* harmony export */   addRecordToTop: () => (/* binding */ addRecordToTop),\n/* harmony export */   isBooleanFalse: () => (/* binding */ isBooleanFalse),\n/* harmony export */   isBooleanTrue: () => (/* binding */ isBooleanTrue),\n/* harmony export */   isFalseLike: () => (/* binding */ isFalseLike),\n/* harmony export */   isListNotEmpty: () => (/* binding */ isListNotEmpty),\n/* harmony export */   isObjectNotEmpty: () => (/* binding */ isObjectNotEmpty),\n/* harmony export */   isTrueLike: () => (/* binding */ isTrueLike),\n/* harmony export */   removeRecord: () => (/* binding */ removeRecord),\n/* harmony export */   replaceInText: () => (/* binding */ replaceInText),\n/* harmony export */   updateObject: () => (/* binding */ updateObject),\n/* harmony export */   updateRecord: () => (/* binding */ updateRecord),\n/* harmony export */   updateRecordField: () => (/* binding */ updateRecordField),\n/* harmony export */   updateRecordFields: () => (/* binding */ updateRecordFields)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\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 _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 _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 _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 _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 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\nvar replaceInText = function replaceInText(content) {\n  var staticVariables = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  return content.replace(/{{(\\w*)}}/g, function (m, key) {\n    return isObjectNotEmpty(staticVariables) && staticVariables !== null && staticVariables !== void 0 && staticVariables.hasOwnProperty(key) ? staticVariables[key] : \"\";\n  }).replace('\\t', '').replace('\\n', '').replace('\\r', '');\n};\nvar isListNotEmpty = function isListNotEmpty(list) {\n  return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.isArrayLikeObject)(list) && list !== undefined && list !== null && list.length > 0;\n};\nvar isObjectNotEmpty = function isObjectNotEmpty(obj) {\n  if (obj !== undefined && obj !== null && !(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(obj)) {\n    return true;\n  }\n  return false;\n};\nvar isTrueLike = function isTrueLike(value) {\n  if (value !== undefined && value !== null) {\n    if (typeof value === 'boolean' && value === true) {\n      return true;\n    } else if (typeof value === 'string' && (value === 'true' || value === 'True' || value === '1' || value === 'Yes' || value === 'yes' || value === 'YES')) {\n      return true;\n    } else if (typeof value === 'number' && value === 1) {\n      return true;\n    }\n  }\n  return false;\n};\nvar isFalseLike = function isFalseLike(value) {\n  if (value !== undefined && value !== null) {\n    if (typeof value === 'boolean' && value === false) {\n      return true;\n    } else if (typeof value === 'string' && (value === 'false' || value === 'False' || value === '0' || value === 'No' || value === 'no' || value === 'NO')) {\n      return true;\n    } else if (typeof value === 'number' && value === 0) {\n      return true;\n    }\n  }\n  return false;\n};\nvar isBooleanTrue = function isBooleanTrue(value) {\n  if (value !== undefined && value !== null && isTrueLike(value)) {\n    return true;\n  }\n  return false;\n};\nvar isBooleanFalse = function isBooleanFalse(value) {\n  if (value !== undefined && value !== null && isFalseLike(value)) {\n    return true;\n  }\n  return false;\n};\nvar updateObject = function updateObject(oldObject, updatedValues) {\n  return _objectSpread(_objectSpread({}, oldObject), updatedValues);\n};\nvar addObjectToTopOfArray = function addObjectToTopOfArray(oldObjects, newObject) {\n  return [newObject].concat(_toConsumableArray(oldObjects));\n};\nvar addObjectToBottomOfArray = function addObjectToBottomOfArray(oldObjects, newObject) {\n  return [].concat(_toConsumableArray(oldObjects), [newObject]);\n};\nvar addRecordToTop = function addRecordToTop(idFieldName, newRecord, oldList) {\n  // check to see if record already exists in the old list, update if so, insert if not\n  var existingList = isListNotEmpty(oldList) ? _toConsumableArray(oldList) : [];\n  var index = existingList.findIndex(function (obj) {\n    return obj[idFieldName] === newRecord[idFieldName];\n  });\n  var updatedRecords = [];\n  // only update if the record exists in the list\n  if (index !== -1) {\n    updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n    // everything before current obj\n    newRecord], _toConsumableArray(existingList.slice(index + 1)));\n  } else {\n    updatedRecords = addObjectToTopOfArray(existingList, newRecord);\n  }\n  return updatedRecords;\n};\nvar addRecordToBottom = function addRecordToBottom(idFieldName, newRecord, oldList) {\n  // check to see if record already exists in the old list, update if so, insert if not\n  var existingList = isListNotEmpty(oldList) ? _toConsumableArray(oldList) : [];\n  var index = existingList.findIndex(function (obj) {\n    return obj[idFieldName] === newRecord[idFieldName];\n  });\n  var updatedRecords = [];\n  // only update if the record exists in the list\n  if (index !== -1) {\n    updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n    // everything before current obj\n    newRecord], _toConsumableArray(existingList.slice(index + 1)));\n  } else {\n    updatedRecords = addObjectToBottomOfArray(existingList, newRecord);\n  }\n  return updatedRecords;\n};\nvar updateRecord = function updateRecord(idFieldName, updatedRecord, oldList) {\n  // check to see if record already exists in the old list, update if so, insert if not\n  var existingList = isListNotEmpty(oldList) ? _toConsumableArray(oldList) : [];\n  var index = existingList.findIndex(function (obj) {\n    return obj[idFieldName] === updatedRecord[idFieldName];\n  });\n  var updatedRecords = [];\n  // only update if the record exists in the list\n  if (index !== -1) {\n    updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n    // everything before current obj\n    updatedRecord], _toConsumableArray(existingList.slice(index + 1)));\n  } else {\n    updatedRecords = addObjectToBottomOfArray(existingList, updatedRecord);\n  }\n  return updatedRecords;\n};\nvar updateRecordField = function updateRecordField(idFieldName, idFieldValue, updatedFieldName, updatedFieldValue, oldList) {\n  if (isListNotEmpty(oldList)) {\n    var existingList = _toConsumableArray(oldList);\n    var index = existingList.findIndex(function (obj) {\n      return obj[idFieldName] === idFieldValue;\n    });\n    var updatedRecords = [];\n    if (index !== -1) {\n      var existingRecord = existingList[index];\n      // only update if the record exists in the list\n      if (isObjectNotEmpty(existingRecord)) {\n        var updatedRecord = _objectSpread(_objectSpread({}, existingRecord), {}, _defineProperty({}, updatedFieldName, updatedFieldValue));\n        updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n        // everything before current obj\n        updatedRecord], _toConsumableArray(existingList.slice(index + 1)));\n        return updatedRecords;\n      }\n    }\n  }\n  return oldList;\n};\nvar updateRecordFields = function updateRecordFields(idFieldName, idFieldValue, updatedFields, oldList) {\n  if (isListNotEmpty(oldList)) {\n    var existingList = _toConsumableArray(oldList);\n    var index = existingList.findIndex(function (obj) {\n      return obj[idFieldName] === idFieldValue;\n    });\n    var updatedRecords = [];\n    if (index !== -1) {\n      var existingRecord = existingList[index];\n      // only update if the record exists in the list\n      if (isObjectNotEmpty(existingRecord)) {\n        var updatedRecord = _objectSpread(_objectSpread({}, existingRecord), updatedFields);\n        updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n        // everything before current obj\n        updatedRecord], _toConsumableArray(existingList.slice(index + 1)));\n        return updatedRecords;\n      }\n    }\n  }\n  return oldList;\n};\nvar removeRecord = function removeRecord(idFieldName, idToRemove, oldList) {\n  if (isListNotEmpty(oldList)) {\n    var existingList = _toConsumableArray(oldList);\n    var index = existingList.findIndex(function (obj) {\n      return obj[idFieldName] === idToRemove;\n    });\n    // only update if the record exists in the list\n    if (index !== -1) {\n      // returns the deleted items\n      existingList.splice(index, 1);\n    }\n    return existingList;\n  }\n  return oldList;\n};\n\n//# sourceURL=webpack://react-survey-builder/./src/utils/objectUtils.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addObjectToBottomOfArray: () => (/* binding */ addObjectToBottomOfArray),\n/* harmony export */   addObjectToTopOfArray: () => (/* binding */ addObjectToTopOfArray),\n/* harmony export */   addRecordToBottom: () => (/* binding */ addRecordToBottom),\n/* harmony export */   addRecordToTop: () => (/* binding */ addRecordToTop),\n/* harmony export */   isBooleanFalse: () => (/* binding */ isBooleanFalse),\n/* harmony export */   isBooleanTrue: () => (/* binding */ isBooleanTrue),\n/* harmony export */   isFalseLike: () => (/* binding */ isFalseLike),\n/* harmony export */   isListNotEmpty: () => (/* binding */ isListNotEmpty),\n/* harmony export */   isNotNullOrUndefined: () => (/* binding */ isNotNullOrUndefined),\n/* harmony export */   isObjectNotEmpty: () => (/* binding */ isObjectNotEmpty),\n/* harmony export */   isTrueLike: () => (/* binding */ isTrueLike),\n/* harmony export */   removeRecord: () => (/* binding */ removeRecord),\n/* harmony export */   replaceInText: () => (/* binding */ replaceInText),\n/* harmony export */   updateObject: () => (/* binding */ updateObject),\n/* harmony export */   updateRecord: () => (/* binding */ updateRecord),\n/* harmony export */   updateRecordField: () => (/* binding */ updateRecordField),\n/* harmony export */   updateRecordFields: () => (/* binding */ updateRecordFields)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\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 _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 _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 _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 _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 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\nvar replaceInText = function replaceInText(content) {\n  var staticVariables = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  return content.replace(/{{(\\w*)}}/g, function (m, key) {\n    return isObjectNotEmpty(staticVariables) && staticVariables !== null && staticVariables !== void 0 && staticVariables.hasOwnProperty(key) ? staticVariables[key] : \"\";\n  }).replace('\\t', '').replace('\\n', '').replace('\\r', '');\n};\nvar isListNotEmpty = function isListNotEmpty(list) {\n  return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.isArrayLikeObject)(list) && list !== undefined && list !== null && list.length > 0;\n};\nvar isNotNullOrUndefined = function isNotNullOrUndefined(obj) {\n  if (obj !== undefined && obj !== null) {\n    return true;\n  }\n  return false;\n};\nvar isObjectNotEmpty = function isObjectNotEmpty(obj) {\n  if (obj !== undefined && obj !== null && !(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(obj)) {\n    return true;\n  }\n  return false;\n};\nvar isTrueLike = function isTrueLike(value) {\n  if (value !== undefined && value !== null) {\n    if (typeof value === 'boolean' && value === true) {\n      return true;\n    } else if (typeof value === 'string' && (value === 'true' || value === 'True' || value === '1' || value === 'Yes' || value === 'yes' || value === 'YES')) {\n      return true;\n    } else if (typeof value === 'number' && value === 1) {\n      return true;\n    }\n  }\n  return false;\n};\nvar isFalseLike = function isFalseLike(value) {\n  if (value !== undefined && value !== null) {\n    if (typeof value === 'boolean' && value === false) {\n      return true;\n    } else if (typeof value === 'string' && (value === 'false' || value === 'False' || value === '0' || value === 'No' || value === 'no' || value === 'NO')) {\n      return true;\n    } else if (typeof value === 'number' && value === 0) {\n      return true;\n    }\n  }\n  return false;\n};\nvar isBooleanTrue = function isBooleanTrue(value) {\n  if (value !== undefined && value !== null && isTrueLike(value)) {\n    return true;\n  }\n  return false;\n};\nvar isBooleanFalse = function isBooleanFalse(value) {\n  if (value !== undefined && value !== null && isFalseLike(value)) {\n    return true;\n  }\n  return false;\n};\nvar updateObject = function updateObject(oldObject, updatedValues) {\n  return _objectSpread(_objectSpread({}, oldObject), updatedValues);\n};\nvar addObjectToTopOfArray = function addObjectToTopOfArray(oldObjects, newObject) {\n  return [newObject].concat(_toConsumableArray(oldObjects));\n};\nvar addObjectToBottomOfArray = function addObjectToBottomOfArray(oldObjects, newObject) {\n  return [].concat(_toConsumableArray(oldObjects), [newObject]);\n};\nvar addRecordToTop = function addRecordToTop(idFieldName, newRecord, oldList) {\n  // check to see if record already exists in the old list, update if so, insert if not\n  var existingList = isListNotEmpty(oldList) ? _toConsumableArray(oldList) : [];\n  var index = existingList.findIndex(function (obj) {\n    return obj[idFieldName] === newRecord[idFieldName];\n  });\n  var updatedRecords = [];\n  // only update if the record exists in the list\n  if (index !== -1) {\n    updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n    // everything before current obj\n    newRecord], _toConsumableArray(existingList.slice(index + 1)));\n  } else {\n    updatedRecords = addObjectToTopOfArray(existingList, newRecord);\n  }\n  return updatedRecords;\n};\nvar addRecordToBottom = function addRecordToBottom(idFieldName, newRecord, oldList) {\n  // check to see if record already exists in the old list, update if so, insert if not\n  var existingList = isListNotEmpty(oldList) ? _toConsumableArray(oldList) : [];\n  var index = existingList.findIndex(function (obj) {\n    return obj[idFieldName] === newRecord[idFieldName];\n  });\n  var updatedRecords = [];\n  // only update if the record exists in the list\n  if (index !== -1) {\n    updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n    // everything before current obj\n    newRecord], _toConsumableArray(existingList.slice(index + 1)));\n  } else {\n    updatedRecords = addObjectToBottomOfArray(existingList, newRecord);\n  }\n  return updatedRecords;\n};\nvar updateRecord = function updateRecord(idFieldName, updatedRecord, oldList) {\n  // check to see if record already exists in the old list, update if so, insert if not\n  var existingList = isListNotEmpty(oldList) ? _toConsumableArray(oldList) : [];\n  var index = existingList.findIndex(function (obj) {\n    return obj[idFieldName] === updatedRecord[idFieldName];\n  });\n  var updatedRecords = [];\n  // only update if the record exists in the list\n  if (index !== -1) {\n    updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n    // everything before current obj\n    updatedRecord], _toConsumableArray(existingList.slice(index + 1)));\n  } else {\n    updatedRecords = addObjectToBottomOfArray(existingList, updatedRecord);\n  }\n  return updatedRecords;\n};\nvar updateRecordField = function updateRecordField(idFieldName, idFieldValue, updatedFieldName, updatedFieldValue, oldList) {\n  if (isListNotEmpty(oldList)) {\n    var existingList = _toConsumableArray(oldList);\n    var index = existingList.findIndex(function (obj) {\n      return obj[idFieldName] === idFieldValue;\n    });\n    var updatedRecords = [];\n    if (index !== -1) {\n      var existingRecord = existingList[index];\n      // only update if the record exists in the list\n      if (isObjectNotEmpty(existingRecord)) {\n        var updatedRecord = _objectSpread(_objectSpread({}, existingRecord), {}, _defineProperty({}, updatedFieldName, updatedFieldValue));\n        updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n        // everything before current obj\n        updatedRecord], _toConsumableArray(existingList.slice(index + 1)));\n        return updatedRecords;\n      }\n    }\n  }\n  return oldList;\n};\nvar updateRecordFields = function updateRecordFields(idFieldName, idFieldValue, updatedFields, oldList) {\n  if (isListNotEmpty(oldList)) {\n    var existingList = _toConsumableArray(oldList);\n    var index = existingList.findIndex(function (obj) {\n      return obj[idFieldName] === idFieldValue;\n    });\n    var updatedRecords = [];\n    if (index !== -1) {\n      var existingRecord = existingList[index];\n      // only update if the record exists in the list\n      if (isObjectNotEmpty(existingRecord)) {\n        var updatedRecord = _objectSpread(_objectSpread({}, existingRecord), updatedFields);\n        updatedRecords = [].concat(_toConsumableArray(existingList.slice(0, index)), [\n        // everything before current obj\n        updatedRecord], _toConsumableArray(existingList.slice(index + 1)));\n        return updatedRecords;\n      }\n    }\n  }\n  return oldList;\n};\nvar removeRecord = function removeRecord(idFieldName, idToRemove, oldList) {\n  if (isListNotEmpty(oldList)) {\n    var existingList = _toConsumableArray(oldList);\n    var index = existingList.findIndex(function (obj) {\n      return obj[idFieldName] === idToRemove;\n    });\n    // only update if the record exists in the list\n    if (index !== -1) {\n      // returns the deleted items\n      existingList.splice(index, 1);\n    }\n    return existingList;\n  }\n  return oldList;\n};\n\n//# sourceURL=webpack://react-survey-builder/./src/utils/objectUtils.js?");
 /***/ }),
@@ -4162,6 +4162,16 @@ eval("/**\n * filter xss\n *\n * @author Zongmin Lei<leizongmin@gmail.com>\n */\
 /***/ }),
+/***/ "./src/survey-elements lazy recursive":
+/*!****************************************************!*\
+  !*** ./src/survey-elements/ lazy namespace object ***!
+  \****************************************************/
+/***/ ((module) => {
+eval("function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(() => {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = () => ([]);\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"./src/survey-elements lazy recursive\";\nmodule.exports = webpackEmptyAsyncContext;\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/_lazy_namespace_object?");
+/***/ }),
 /***/ "./node_modules/classnames/index.js":
 /*!******************************************!*\
   !*** ./node_modules/classnames/index.js ***!